1.

Recapitulacin
Sesin 1:
1. Para qu programar en la educacin?
2. Cules son las implicaciones de aprender y ensear a
programar?
3. Qu posibilidades y limitaciones ofrecen las herramientas de
programacin de aplicaciones mviles?
4. De qu manera puede integrarse el uso de apps en la prctica
educativa?
2. Actividad 6
Introduccin a lenguajes y herramientas
de programacin para ensear y
aprender
 Qu es un
lenguaje de
programacin?
Un lenguaje de programacin es bsicamente un
sistema estructurado de comunicacin, similar al
humano, el cual nos permite comunicarnos por medio
de signos, ya sean palabras, sonidos o gestos.
Refirindonos a los aparatos, este sistema est
organizado para que se entiendan entre s y a su vez
interprete las instrucciones que debe ejecutar.
 Lenguajes y
herramientas
programacin para
ensear
Existen diversos y aprender
lenguajes de programacin utilizados en ambientes
educativos a continuacin te presentamos una seleccin de los
lenguajes mas reconocidos.
 Lenguajes y
herramientas
Scratch programacin para
ensear y aprender
Es un lenguaje de programacin orientado especficamente a nios y
adolescentes, basado en SQUEAK, con un concepto muy didctico
basado en la utilizacin de bloques que se unen para formar pequeos
fragmentos de cdigo (scripts), y que permiten crear historias
interactivas, animaciones, juegos, piezas musicales y artsticas...
 Lenguajes y
herramientas
App programacin para
Inventor
ensear y aprender
Aplicacin web que permite la creacin de aplicaciones
nativas, mediante la composicin visual de la interfaz grfica y
de la programacin funcional mediante un lenguaje visual
parecido a Scratch.
 Lenguajes y
herramientas
Code.org programacin para
ensear y aprender
Code.org es una organizacin sin fines de lucro, que tiene como
objetivo incentivar a las personas a aprender sobre las Ciencias
Computacionales. Esta organizacin se encarga de dar lecciones
gratis de programacin, a travs de su sitio web. Microsoft y
facebook aportan financieramente al proyecto.
 Qu lenguajes de
programacin y herramientas
utilizaremos en el diplomado?
Corresponde a las siglas HyperText Markup Language (lenguaje
de marcas de hipertexto) y hace referencia a un lenguaje de
programacin que sirve para describir el contenido de una pgina
o aplicacin web, es decir, permite indicar que la pgina o
aplicacin web tiene texto, imgenes, vdeos, audios, formularios
o enlaces a otras pginas.
 Qu lenguajes de
programacin y herramientas
utilizaremos en el diplomado?
Corresponde a las siglas Cascading Style Sheets (hoja de estilo en
cascada) y sirve para escribir el formato o apariencia de una pgina o
aplicacin. Si bien HTML es el lenguaje que da estructura a la pgina
web y genera una interfaz bsica con la cual interactuar, CSS describe
la presentacin de la pgina o aplicacin web, es decir, los colores, las
capas, las fuentes o tipografas del texto, adems de esto, permite
adecuar la pgina a diferentes estructuras o dispositivos, en otras
palabras, la reproduccin de la pgina en diferentes tamaos de
pantalla responsive
 Qu lenguajes de
programacin y herramientas
utilizaremos en el diplomado?
HTML y CSS dan forma y estructura a la interfaz de la pgina web,
javascript se encarga de gestionar operativamente las acciones
usuario-interfaz, es decir, si el usuario interacta con la pgina web,
javascript gestionar y validar dichas acciones, por ejemplo, si nos
encontramos con un formulario donde el usuario debe ingresar fechas
o cajones de seleccin mltiple para validar una informacin,
Javascript se encargar de gestionar este proceso. Javascript funciona
muchas veces como complemento para HTML, ya que algunas
funciones no podran realizarse con este lenguaje, por ello, Javascript
tambin nos permite adjuntar elementos de interaccin como botones,
grficos o vdeos.
La base de construccin de una app web son los lenguajes HTML, CSS
y JavaScript.
 LENGUAJES DE
PROGRAMACION
USADOS EN EL
DIPLOMADO
 ESTRUCTURA
LENGUAJE HTML
 FORMATOS
DE PARRAFO
EN
HTML
ALINEACIN
DE PARRAFO
EN
HTML
 ENLACES Y
MULTIMEDIA
HTML

Fuente: http://es.slideshare.net/david740413/enlaces-o-hipervnculos-en-html
ENLACES Y
MULTIMEDIA
HTML

Fuente: http://es.slideshare.net/Rawdoom/portales-ud4-lenguaje-html
TAMAO
LETRA
CSS

Fuente: http://es.slideshare.net/evemi21/semana-5-html
COLOR
LETRA
CSS

Fuente: http://es.slideshare.net/evemi21/semana-5-html
TIPO DE
LETRA
CSS

Fuente: http://es.slideshare.net/evemi21/semana-5-html
FONDO
CSS

PALETA DE COLORES:
http://www.colortools.net/

Fuente: http://es.slideshare.net/evemi21/semana-5-html
 CODIGO DE
COLORES
CSS

PALETA DE COLORES:
http://www.colortools.net/
Herramientas para programar en
el diplomado

Sublime Text 3 es un editor de texto pensado para escribir cdigo

en la mayora de lenguajes de programacin y formatos documentales
de texto, utilizados en la actualidad: Java, Python, Perl, HTML,
JavaScript, CSS, HTML, XML, PHP, C, C++, entre otros.

Descargar Sublime: http://www.sublimetext.com/3

Herramientas para programar en
el diplomado

PhoneGap es una aplicacin de cdigo abierto que permite convertir

aplicaciones mviles creadas en HTML5, Javascript y CSS en
aplicaciones que pueden ejecutarse en dispositivos mviles con
diferentes sistemas operativos como: Android, Microsoft y IOS, entre
otros.

Descargar PhoneGap: http://phonegap.com/

 Cmo funciona una App
Web:
Una app web funciona a travs del uso del Internet y de la web. El Internet permite
formar una red de computadores que se comunican entre ellas. Y la web permite
abrir la aplicacin web a partir del uso de navegadores como: Internet Explorer,
Firefox y Google Chrome entre otros.

Lo cual funciona de la siguiente forma:

Cuando digitamos una direccin web en el navegador de nuestro dispositivo mvil,

este realiza un pedido a otro dispositivo que se utiliza como servidor, el servidor
recibe los pedidos de los dispositivos que se denominan clientes que son las
computadores, tabletas o celulares inteligentes de la gente que navega en Internet
y responde enviando un archivo HTML, una pgina web o aplicacin web.
 3. TALLER 1:
Conceptos Bsicos
y Entornos de
Programacin
IR AL TALLER
Actividad
1:
Actividad
2: