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