Introducción a la Programación
con HTML, VBScritp y Javascript
Razones pedagógicas para enseñar programación con
lenguajes de script
Leonel Morales Díaz
Ingeniería Simple
[email protected]
Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple.
Derechos reservados
Disponible en: http://www.ingenieriasimple.com/introprogra
Opciones para enseñar
programación

Utilizar un lenguaje comercial de uso en ambientes industriales

Ventajas:




Proporcionan habilidades y destrezas rentables
Permiten desarrollar mayor variedad de programas y soluciones
Amplia documentación disponible
Desventajas:

Desenfocan al alumno



Demasiado apoyo




Hay que dedicar tiempo a enseñar a usar el ambiente
Programar no es usar un ambiente
El apoyo es bueno pero no al empezar a programar
Al principio se necesita que el alumno haga todo el trabajo para que se le afirmen
los conceptos
Necesitan licencia
Usualmente son específicos de una plataforma

Le resta aplicabilidad a los conceptos aprendidos, los hace menos universales
Opciones para enseñar
programación

Utilizar un ambiente académico desarrollado
para enseñar


Ejemplos: Alice, Scratch, PCL
Ventajas:




Están ampliamente disponibles
Su diseño facilita la enseñanza de los conceptos
Pueden resultar muy atractivos para el alumno
Desventajas:

Su ámbito de aplicación es limitado



Pueden llegar a ser altamente abstractos


No se pueden desarrollar aplicaciones comerciales
El alumno puede intuir que se trata de un juguete
Por ejemplo: PCL (Pseudo Código Landivariano)
Usualmente son específicos de una plataforma
Opciones para enseñar
programación

Utilizar HTML y lenguajes de script

Ventajas:

Disponibles casi universalmente


Permite desarrollar aplicaciones comerciales




Casi toda ambiente de desarrollo moderno implica alguna forma de componente con HTML
 ASP, PHP, Java, etc.
El alumno puede utilizar lo aprendido en beneficio propio


En la forma de páginas de Internet
Las habilidades aprendidas son aplicables en otras plataformas y ambientes de
desarrollo


Lo aprendido es aplicable en casi cualquier computadora existente con lo que se refuerza el
sentido universal de los conceptos
Haciendo sus propias páginas
 Bastante usual en las redes sociales (Hi5, MySpace, FaceBook, etc.)
Se puede lucir con sus amigos
Se trata de conocimientos razonablemente estables y que serán actuales duarante un
buen tiempo
Permite ejercitar la mayoría de conceptos y buenos hábitos necesarios en la
programación sin problemas



Cuidado de la sintáxis
Código bien formado
Estructuras de control, modularidad y hasta Programación Orientada a Objetos
Opciones para enseñar
programación

Utilizar HTML y lenguajes de script

Siguen las ventajas:

Se pueden utilizar con herramientas muy simples



Cualquier página de Internet es un ejemplo analizable




Los alumnos con interés e iniciativa pueden aprender mucho con solo observar páginas y
analizar código
Permite trabajar en equipo


Con un editor de texto de archivos planos
Se pueden dejar tareas desde el primer día
 No hay que esperar a que los alumnos consigan la herramienta o el IDE
La división del trabajo es sencilla
 Secciones de un sitio cada uno
Se puede discutir sobre algo concreto
 Estilo, contenido, estructura, etc.
El resultado del trabajo es muy visible e inmediato
Desventajas:

Ciertas estructuras de programación no están disponibles


Variables con tipo, por ejemplo
Puede ser difícil hacer módulos de programación comunes

Se complica la reutilización de código
Ventajas de usar herramientas
simples

Las herramientas simples

No ofrecen “intellisense” o “autocompletado”






La digitación completa de los comandos ayuda a fijar en la
mente la sintáxis y el léxico
Intellisense o autocompletado son más productivas cuando
la sintáxis y el léxico se conocen bien
Están disponibles por todos lados
Obligan a consultar ayuda “no tan en línea”
Hacen que se aprecien mejor las ventajas de los IDE
Independizan al alumno de los IDE y de las
herramientas avanzadas
Ventajas de los formularios HTML

Tienen relativamente pocos controles



En ambientes de desarrollo avanzados puede
suceder que resolver un problema consista en
encontrar el control adecuado
En HTML el control no siempre resuelve el problema
Con pocos controles se debe proveer una
funcionalidad


Esto obliga a ser más creativo
Los fundamentos de diseño de formularios y diálogos
se aprenden mejor con pocos controles

Se pueden poner ejercicios de diseño de diálogo con solo
saber un poco de HTML
Principios para enseñar
programación con HTML

Prioridad del diseño


Se inicia la programación de una página
solo cuando ya se tiene su diseño
Se evalúa el diseño junto con la
programación


Calidad en el diseño y calidad en la
programación
Se hace énfasis en uso correcto y uso
incorrecto de los componentes
Principios para enseñar
programación con HTML

Trabajo en equipo

Discutir y consensuar


Enseñar a ser líder de proyectos de
software


Diseño, estrategia, estándares, etc.
Liderazgo de servicio y facilitación
Apreciar el trabajo propio y el de los demás
Principios para enseñar
programación con HTML

Usabilidad


El producto de la programación es para uso de
mucha gente
Tratar de que los programas y páginas de un
equipo sean probados por miembros de otros
equipos



Cumpliendo la función de usuarios finales
Acostumbrando a la evaluación del usuario informal
Exigir buenas prácticas en diseño de formularios y
diálogos
Principios para enseñar
programación con HTML

Fomentar la iniciativa



Parte se enseña en clase y otra parte más grande
se aprende búscando la información
Crear el hábito de buscar ejemplos
Crear hábitos



De revisar código que no es propio
De programar pensando que otra persona verá el
código
De ser consistente

Indentando, en nombres de variables, en uso de funciones,
etc.
¡Se agradecen los
comentarios!
Leonel Morales Díaz
Ingeniería Simple
[email protected]
Descargar

Diapositiva 1