APRENDE A PROGRAMAR GUÍA VISUAL DE PROGRAMACIÓN

Transcripción

1

2 APRENDE A PRGRAMAR GUÍA VIUAL DE PRGRAMACIÓN

3 ÍN D IC E Título originl: H ow to Code. A step-by-step guide to computer coding 05, QED Publishing, prte de The Qurto Group 06 de l edición espñol: Grupo Edebé, Pseo de n Jun Bosco, Brcelon. Espñ. 05 de l trducción: Rquel olà Autor: Mx Winewright Ilustrciones y diseño: Mike Henson Director de Publicciones Generles: Rein Durte Editor: Mrt ns Impreso en Chin-Printed in Chin IBN: Depósito legl: B Atención l cliente: 90 contct@edebe.net B u c l e s c o n c r t c h 6 Arte letorio 9 Bucles infinitos 8 D e p u r r 96 R e p e t i r h st R e s p u e st s p r t d o 98 APARTAD 5 R e p e t i r h st l c n z r 5 Introducción 8 Añdir sonido 5 0 D r i n st r u c c i o n e s APARTAD 0 Efectos de sonido 56 Introducción 0 P s o p s o V r i b l e s 58 Mens jes codificdos Gurdr puntución 60 Crer págins web 0 6 Dr vuelts 6 Contr clics 6 Usr HTML 0 8 D e p u r r 6 Direcciones y enlces 0 R e s p u e st s p r t d o 66 Muchos enlces C o l o r é l o! LG Aprende Logo 8 Forms Logo 0 CRATCH APARTAD 69 Introducción 7 I n i c i c i ó n c r t c h Pe n d o w n Pr e s i o n r t e c l 6 I n st r u c c i o n e s «i f» E n t r d s y d i r e c c i o n e s 8 D i b u j r c o n e n t r d s HTML JAVACRIPT A ñ d i r J v c r i p t 6 B u c l e s e n J v c r i p t 8 7 F u n c i o n e s e n J v c r i p t 0 Concurso 76 Funciones J con HTML 0 I n st r u c c i o n e s «e l s e» 78 Pr o y e c t o d e m s c o t s D e p u r r i tocs el sprite 80 Comprtir tu sitio web 6 R e s p u e st s p r t d o D e p u r r 8 CRATCH PYTHN Inicición Python 8 R e s p u e st s p r t d o 0 Informción sobre recursos GLARI APARTAD 7 Escribir en Python 8 Introducción 0 Pr e g u n t s c o n P y t h o n 86 Bucles con Python 88 LG HTC p-7 + p-5 recovered.indd - CRATCH CRATCH Bucles G rá f i c o s c o n P y t h o n 90 P t r o n e s c o n b u c l e s Aletorio con Python 9 0//5 06:9

4 INFRMACIÓN BRE RECUR Aquí encontrréis cómo conseguir Logo, crtch y Pyton pr empezr experimentr. Todos estos recursos son grtuitos. LG Logo fue diseñdo originlmente por eymour Ppert hce unos 0 ños. Existen vris versiones del progrm. i uss un PC puedes bjrte un versión grtuit de Logo en: Tmbién puedes empezr usr Logo directmente. Abre tu nvegdor web y visit: or CRATCH Puedes usr crtch en un PC o un Mc. Abre tu nvegdor web y visit: y luego hz clic en «Crer» (Crete) o «Pruéblo» (Try it out). Hy un págin web muy precid llmd «np» que tmbién funcion en ipds. Está disponible en: i quieres ejecutr crtch sin usr l web entonces puedes descrgrlo en: eguridd en internet Los niños deben usr internet bjo l supervisión de un dulto, en prticulr cundo se us por primer vez un sitio web desconocido. Los editores y el utor no se hcen responsbles del contenido de los sitios web que se hn referencido en este libro. N REURCE Here s how you cn get hold of crtch nd Python so you cn strt experimenting. CRATCH You cn use crtch on PC or Mc by opening your web browser nd going to: then click Crete or Try it out. There is very similr website clled np tht lso works on ipds. It is vilble here: If you wnt to run crtch without using the internet, you cn INTALA downlod it from PYTHN here: EN UN PC Ir : INTALLING Clic «Downlods» PYTHN (descrgr) N A PC y luego elige «Downlod Go to: Python» (versión.5 o superior). Hz Click doble Downlods clic en el then rchivo choose descrgdo, Downlod Python y luego sigue ls (version instrucciones. or higher). de l pntll. Clic Double-click el botón the de downloded inicio «trt», file, then clic follow «Python», the luego instructions on screen. clic «IDLE». (En Windows 8 ve l prte superior derech Click the trt de l pntll button, click y clic Python, «erch», then click luego tecle IDLE. (In Windows 8, go to the top right of the «idle» y clic el progrm pr ejecutrlo.) screen nd click erch, then type in idle nd click the progrm to run it.) INTALAR PYTHN EN UN MAC INTALLING PYTHN N A MAC Ir : Go to: Clic en «Downlods» (descrgr) y luego elige «Downlod Click Downlods Python» then choose (versión Downlod.5 o superior). Python (version. or higher). Hz Double-click doble clic the en downloded el rchivo file, descrgdo, then follow the y luego sigue ls instructions instrucciones screen. de l pntll. Pr To strt empezr using Python usr quickly, Python, click hz potlight clic en «potlight» (t (en the l top prte right superior of the screen). de l pntll). Internet File Edit File Edit New New New 5 Tecle Type idle potlight «idle» potlight idle idle then press Enter. y luego presion «Enter». File Edit New New Mking n icon for Python on Mc (this will mke it Hcer esier un to find): icono pr Python en un Mc (sí será más fácil de encontrr): pen Finder. Abrir Under «Finder». the Go menu, click on Applictions. Bjo croll el down menú to Python «Go», clic nd click en «Applictions». it. Desplázte Drg the IDLE hci icon to bjo the dock Python (menu y br) clic t the encim. bottom or side of the screen. Arrstr el icono IDLE hci l brr del menú «Dock» en l prte inferior o en el lterl de l pntll. sfety Children should be supervised when using the internet, prticulrly when using n unfmilir website for the first time. The publisher nd uthor cnnot be held responsible for the content of the websites referred to in this book. APARTAD CHAPTER APARTAD

5 ÍNDICE:: APARTAD In t r od u c c ió n 8 D r i n st r u c c io ne s 0 P s o p s o M e n s je s c od i f ic d o s Dr vuelts 6 LG A p r e nd e L o g o 8 F or m s L o g o 0 CRATCH Inic i c ió n c r t c h Pe n d o w n Pr e s io n r t e c l 6 E n t r d s y di r e c c io ne s 8 Di bu j r c o n e n t r d s 0 D e p u r r R e s p u e st s p r t d o Enter HTC p-7 + p-5 recovered.indd 6-7 0//5 06:9

6 Trbjmos en l memori del ordendor. Un ordendor necesit memori pr gurdr informción. Entrd Los progrms se leen en l memori y se convierten en sencills instrucciones codificds. El rtón, el tecldo y l pntll táctil son «dispositivos de entrd» (input). Permiten introducir informción en un ordendor o tblet. Este libro te enseñrá progrmr o prender decir los ordendores qué hcer. En primer lugr, os presentré nuestr mig robot Ad, que se llm sí por l primer progrmdor de ordendores del mundo: Ad Lovelce. Ent rd d j d k d k d j d Entrd d k dd Procesdor oo Los dispositivos de entrd se usn pr escribir los progrms o cmbir lo que hce un progrm. p t R Entrd Bienvenido l procesdor, el cerebro del ordendor. R tz o o g tj o Ro o z g j j R o zzj j gg ooj k N Ó I C C U D R T N I Dentro de tu ordendor lid Conoce Ad L impresor, l pntll y los ltvoces son «dispositivos de slid» (output). Los dispositivos de slid son l form que tiene un ordendor de decirte coss. Ad Lovelce (85-85) nció en Inglterr hce 00 ños. Descubrió que un máquin podrí resolver problems si se le dbn instrucciones pso pso: un progrm. in embrgo, en quell époc ún no hbí ordendores pr demostrr sus ides! lid Qué es progrmr? Progrmr signific escribir un serie de plbrs, o «código», que le dig l ordendor qué debe hcer. Ls plbrs deben escribirse en un lenguje especil que el ordendor entiend. Este prtdo (prtdo ) se centrrá en dos lengujes: Logo y crtch. Todos los ordendores necesitn un progrm que les dig qué hcer. Portátiles, tblets, teléfonos y ordendores de sobremes, todos necesitn progrms pr ser útiles. 8 HTC p8-.indd 8-9 d li d li eguimos ls instrucciones y dmos l usurio nuestros resultdos con los dispositivos de slid. 9 9/0/5 :07

7 E N I C C U R T DAR IN Robot rtist Choco Flkes Aquí tienes otro juego pr prcticr cómo dr instrucciones. Necesits: Un compñero Hcer el desyuno Hy muchs forms de decirle l gente que hg coss. i lguien dice: «enciende ls luces» o «está oscuro, enciende ese chisme», sbes qué hcer. Pero, pr progrmr un ordendor, debemos drle ls plbrs excts, corrects y ordends. Ests plbrs que dicen lo que tienen que hcer los ordendores y ls persons se denominn instrucciones. iéntte en un mes junto tu compñero. Uno de vosotros será el robot rtist y el otro, el progrmdor. El progrmdor drá instrucciones l robot pr que dibuje sobre el ppel un de ls imágenes que hy más bjo. Est vez el robot solo moverá el lápiz. El compñero robot solo podrá hcer lo que dig el progrmdor. Podréis usr ests órdenes: Un ppel Imgin que estás progrmndo nuestr mig robot Ad pr que te hg el desyuno. Puedes poner ests instrucciones en el orden correcto? Mover rrib Un lápiz Mover izquierd ALT! Mover derech Mover bjo A Abrir l cj de cereles. B Poner leche en los cereles. C Alzr l tp del crtón de leche. D Echr cereles en el cuenco. E cr un cuenco del rmrio. Conviértete en un robot humno Conviértete en un robot humno! Te yudrá pensr en cómo dr ls instrucciones preciss. Necesitrás un compñero pr jugr este juego. Uno de vosotros jugrá ser un robot. El otro será el progrmdor y le drá instrucciones l robot. Este jugdor tendrá que drle instrucciones l robot pr que cmine hci l puert. Ls únics órdenes que puede drle son: Instr uc incorr ción ect! ucción Instr ct! e r inco r Cundo seps jugr bien este juego, intent que el robot juegue con los ojos cerrdos. Cuiddo, no pintes l mes! Hz que el robot dibuje lgo más. Avnzr. Girr l izquierd. Girr l derech. Alto. Plbr clve Progr m : ins que le dicen trucciones o robo l ordendo t qué h r cer. 0 HTC p8-.indd 0-9/0/5 :07

8 A P PA A Divertido juego de lgoritmos De vije Pr este juego solo necesitrás un ddo y un fich. Inténtlo: Aquí está nuestro problem: Ad tiene que vijr del cudrdo número l número. Averigu los psos que tendrá que dr. Us un moned o un muñequito como fich. Lnz el ddo un vez. Pon l fich en el número que sques. Lnz el ddo otr vez (si scs el mismo número, tir de nuevo). erá el número que tienes que lcnzr. Los progrms de ordendor necesitn instrucciones pr hcer ls coss. A veces necesitmos un progrm pr solucionr un problem concreto. Pr solucionr este problem continución, tenemos que plner los psos que drá el progrm: estos psos se llmn lgoritmo. Pr vijr de Escribe los psos que tienes que dr pr llegr llí., Ad tiene que dr los siguientes psos: ARRIBA DERECHA ARRIBA En l tbl de l págin siguiente, empiez en el DERECHA DERECHA ABAJ DERECHA y d los siguientes psos: Dónde terminrás? L solución está en l págin. ABAJ ABAJ ABAJ ABAJ ABAJ Plbr clve Algor itm i quieres, puedes escribir letrs en lugr de dibujr flechits. Puedes escribir right, right, up, down con sus iniciles en inglés R R U D. (Right, Right, Up, Down). tiene q o : son los ue d pso solucio r un progrm s que nr un proble pr m. Escribe un lgoritmo que explique cómo ir de 6 Ahor intent hcerlo de Vij de 5 HTC p8-.indd - 6 Ahor comprueb tus respuests en l págin. 6 IZQUIERDA. R U. U /0/5 :07

9 D A C I F I D C E J A N E M ENVIAR CMAND Ahor escribiremos los comndos o instrucciones que deletrerán ests plbrs: R5 signific moverse l derech 5 csills. El punto rojo te dice dónde empezr. Hgmos que nuestrs instrucciones sen más útiles usndo números que nos indiquen lo lejos que tenemos que movernos en cd dirección. Ls órdenes especiles como ests se llmn comdos, unque tmbién pueden llmrse instrucciones. Ejemplo de comndos U signific: L signific: D7 signific: R signific: mover rrib. mover izquierd. mover bjo 7. mover derech. Juego de plbrs Hy respu más de un est corre ct! Vemos qué hn dibujdo R U L D. Recuerd que R (Right) es derech. L (Left) es izquierd. U (Up) es rrib. D (Down) es bjo. Tienes que empezr en el punto rojo: Ls respuests en l pág.. L D Plb r cl Com nd v U o orde n pr o instru hc cció conc er un t n : ret. re e L U. L D R Huy! Demsido lejos. Díselo tú! Escribe ls instrucciones o comndos pr deletrer tu nombre o iniciles. Necesits un ppel cudriculdo y un lápiz. Escribe ls instrucciones pr dibujr Dibuj tu nombre en un ppel cudriculdo. Convierte D ls instrucciones un compñero ls línes digonles en verticles y horizontles (como en V, W o M). HTC p8-.indd -5 tus letrs. pr ver si sbe seguirls. 5 9/0/5 :07

10 A T L E DAR VU Dile que gire Derech 90 Intentemos este progrm: Avnzr 5 (recuerd que son csills) Girr derech 90 (recuerd que pr girr son grdos) Avnzr 0 Girr derech 90 Avnzr 5 Girr izquierd 90 Izquierd 90 Avnzr 0 i te hces un lío con l derech y l izquierd, intent seguir l tortug dndo l vuelt l págin pr ver el cmino que sigue. Fmilirízte con los grdos Los giros que d un robot se miden en grdos. Los grdos pueden ser difíciles de comprender, pero si conocemos lo básico podremos hcer que tu robot dé vuelts. Un ángulo recto tiene 90 grdos. Un vuelt complet, 60 grdos. Cunto myor se el número, myor será l vuelt. Ahor prenderemos hcer que un robot dé vuelts. Tenemos que usr tres instrucciones: vnzr, girr izquierd o girr derech, y sí consecutivmente. Avnzr 5 Avnzr 0 Avnzr 5 Derech 90 Avnzr 0 Escribir letrs Los grdos se miden de Un vuelt de 60 grdos complet un círculo. Ahor intent verigur ls instrucciones pr hcer ests letrs. Mir l solución en l págin Girr derech 90 Girr izquierd 90 L distnci que los robots vnzn se mide en psos. i el robot está dibujdo en un pntll ( veces llmdo tortug), los psos se suelen medir en píxeles. Un píxel es un minúsculo «elemento de un imgen» o punto en l pntll. El recudro de bjo tiene 7 píxeles de ncho por 7 de lto Estos son ejemplos de instrucciones sencills que hrán que tu robot gire derech e izquierd. Píxeles 90 0 zr 0. Avn h 90 e r De c 0 Avnzr 6 HTC p8-.indd 6-7 9/0/5 :07

11 G L R E D N E R P A Vmos prender progrmr con Logo, uno de los lengujes de ordendor más simples. Usr Logo es un form fntástic de poner instrucciones básics en cción! Instrucciones básics L pntll de Logo Escribe pr vnzr 50 psos. Antes de prender lguns instrucciones, vemos qué prece en l pntll de Logo. En el ejemplo de bjo, y hemos escrito tres instrucciones en l ventn de trbjo. Presion «Enter» después de cd instrucción o escribe un serie de instrucciones seprds por espcios y luego presion «Enter» pr ver el resultdo. Puls «Run» pr probr tu progrm. Est es l ventn de gráficos. Run Cd versión de Logo es ligermente diferente. Alguns tienen botones «Run» y otrs no. i tu versión no tiene, entonces presion «Enter» después de escribir un instrucción. i solo hy un pequeñ ventn de trbjo, escribe ls instrucciones un un y luego presion «Enter», o hz clic en «Run» pr ejecutrls un por un. Tmbién puedes escribir vris instrucciones en un líne con un espcio entre cd instrucción y luego puls «Enter» o hz clic en «Run» pr probrls. Vuelve l págin si necesits yud pr descrgr Logo o encontrr un sitio web donde usrlo. Escribe y clic en «Run» pr girr l izquierd. Est es l ventn de trbjo. Escribe tu progrm quí. Hz clic en «Run» pr probr tu progrm o puls l tecl «Enter». Run Run Run Escribe y puls «Run» pr vnzr otros 50 psos. fd = vnzr rt = derech lt = izquierd 8 HTC p8-.indd /0/5 :08

12 G L FRMA Prueb esto Prctic forms Qué dibujn estos progrms? Escribe estos progrms pr prcticr progrmción con Logo: Ahor que y entiendes cómo funcion Logo, intent dibujr forms diferentes. Experiment con lo que puedes crer: y estás progrmndo! fd 60 fd 60 fd 60 fd 60 Escribe cs cundo tengs que borrr l pntll. u p e r o r d e n d o r Hz forms! orprendente! Ahor intent dibujr ests forms con Logo: 5 fd 5 oohh! fd 5 signific gir l izquierd 90 grdos. 6 fd 5 HTC p8-.indd 0- Ahh! Escribe seth 0 pr que l tortug punte hci rrib de nuevo. fd 5 Experim Vemos ent! qué dib con Logo ujs! 0 7 Ver págin pr respuests sugerids. Hy más de un respuest correct! 9/0/5 :08