copias contengan este aviso y la cita completa en la
Enseñanza del desarrollo web en la era de la Web 2.0
 Ye Diana Wang
Departamento de Tecnología de la Información Aplicada
George Mason University
10900 University Blvd. MS 4F5 Manassas, VA 20110, Estados
Unidos
1-703-993-9288.
Ywangm@gmu.edu
 Nima Zahadat
Departamento de Tecnología de la Información Aplicada
George Mason University
10900 University Blvd. MS 4F5 Manassas, VA 20110, Estados
Unidos
1-703-993-9288.
Nzahadat@gmu.edu
 
 
ABSTRACTO
Estamos experimentando una era cualitativamente diferente de
la Web, como lo demuestran la mayoría de las
aplicaciones web y sitios web que han surgido y transpiró
en los últimos años. La nueva era de la Web 2.0 y las
tecnologías que están por debajo de ella proporcionan
demandas y desafíos para los educadores de TI para
reformar los cursos tradicionales de Desarrollo Web. Este
artículo presenta nuestras experiencias y
conocimientos compartidos en la enseñanza y la
formación de estudiantes en el desarrollo de sitios
Web 2.0 en una secuencia de dos cursos de desarrollo
Web de alto nivel. Su objetivo es llenar el vacío de falta
de literatura proporcionando detalles instructivos de
nuestras estrategias pedagógicas y enfoques para el
diseño y la entrega de cursos de desarrollo web en un
momento tan único en la historia de la computación.
Descriptor de Sujeto y Categorías
K3.2 [Computadoras y Educación]: Educación en Informática y
Ciencias de la Información - Educación en Sistemas de
Información
Términos generales
Diseño, Experimentación, Idiomas
Palabras claves
Desarrollo Web, Web 2.0, AJAX, Educación en Tecnologías de
la Información, Pedagogía
1. INTRODUCCIÓN
La World Wide Web se inició a principios de 1990 como una
herramienta de trabajo para los científicos en el CERN y
luego se convirtió en un gran repositorio de información
que proporcionaba acceso a un gran número de usuarios.
Ese estado de la Web fue considerado como el "sólo
lectura" o "folleto Web" porque se usó principalmente
como un medio para la difusión de información
unidireccional y permitió muy poca interacción del
usuario [1]. A partir de 2003, hemos notado un cambio
en cómo las personas y las empresas estaban utilizando la
Web y cómo los servicios y aplicaciones de software
fueron diseñados y entregados. Esta tendencia ha sido
descrita como la "Web 2.0" -una "segunda fase" o una
nueva, "mejorada" Web [2].
El permiso para hacer copias digitales o en papel de todo o
parte de este trabajo para uso personal o en el aula se
otorga sin costo, siempre que las copias no sean hechas o
distribuidas con fines lucrativos o comerciales y que las
1
primera página. Para copiar de otra forma, o volver a
publicar, publicar en servidores o redistribuir a listas,
requiere permiso previo específico y / o una tarifa.
SIGITE'09, 22-24 de octubre de 2009, Fairfax, Virginia, EE.UU.
Copyright 2009 ACM 978-1-60558-765-3 / 09/10 ... $
10.00.
 Estamos experimentando una era cualitativamente diferente
de la Web, como lo demuestran la mayoría de las
aplicaciones Web y sitios web que han surgido y
transcurrido en los últimos años. Estas aplicaciones
Web se consideran fundamentalmente diferentes de las
aplicaciones Web tradicionales, las del "folleto Web". Una
de las principales ideas detrás de Web 2.0 es la usabilidad
[3]. Las aplicaciones Web 2.0 se aproximan a la apariencia
de las aplicaciones de escritorio y proporcionan una
experiencia de usuario mucho más rica y capacidades de
interacción (consulte http://www.sumopaint.com/ para ver
un ejemplo). Desde el punto de vista del usuario, se ha
ofrecido a los usuarios nuevos medios para acceder a la
información en la Web y compartir conocimientos e ideas
entre otros; Desde un punto de vista técnico, las
aplicaciones web se han vuelto más receptivos y mejores
en el tratamiento de la latencia de la red. Web 2.0 también
se distingue de la primera web por la forma en que las
aplicaciones Web se construyen y entregan. La Web ha
cambiado de un medio a una plataforma, que reúne datos
de múltiples fuentes y dispositivos en tiempo real, permite
a los individuos aportar ideas y contenidos y entrega
software como un servicio continuamente actualizado.
Una consecuencia de la Web como plataforma es que las
aplicaciones y los servicios permanecen en una especie de
"fase beta perpetua" y son constantemente refinados y
mejorados [4]. Por lo tanto, un nuevo tipo de ciclo de vida
de desarrollo de software (SDLC) ha surgido y promete
seguir afectando el diseño web y el desarrollo en el futuro.
Beneath Web 2.0 es un conjunto de tecnologías Web, que han
surgido recientemente o se han trasladado a una nueva
etapa de desarrollo con la introducción de RIAs (Rich
Internet Applications). Una de las tecnologías más
destacadas y casi estándar para la Web es AJAX
(Asynchronous JavaScript and XML), junto con otras
tecnologías como RSS (Really Simple Syndication),
widgets (componentes modulares de plug-in) y servicios
Web (por ejemplo, SOAP y REST). Estas tecnologías son
la fuerza impulsora de la evolución de la Web actual.
Este rápido avance de las tecnologías Web ha creado
demandas cada vez mayores de estudiantes y empleadores
para la instrucción en las técnicas necesarias para
desarrollar y administrar sistemas de la Web transformada.
Por otro lado, también presentan nuevos desafíos para los
educadores de TI para desarrollar cursos relacionados con
la enseñanza del desarrollo Web. Muchos educadores
luchan por encontrar soluciones eficaces para ayudar a los
estudiantes a desarrollar más fácilmente y fácilmente la
próxima generación de aplicaciones Web. Además, la
literatura sobre la instrucción del desarrollo Web en la
Web 2,0 era la falta: la mayoría se centra en la exploración
del potencial de las herramientas de la Web 2.0 para la
educación superior (por ejemplo, [5, 6]) o la aplicación de
software social basado en la Web en el entorno de
aprendizaje electrónico (por ejemplo, , 8]); Hay muy poca
evidencia pedagógica Proporcionando detalles de
instrucción de la entrega de cursos de desarrollo web en un
momento tan único en la historia de la computación.
 ¿Cómo enseñamos el desarrollo web en la era de la Web
2.0 en la que ahora vivimos? ¿Qué enfoque pedagógico
debe adoptarse que sea eficaz para un cuerpo estudiantil
más sofisticado que antes? ¿Qué habilidades de desarrollo
deben poseer los estudiantes para tener éxito en las
industrias actuales de desarrollo Web?
Proporcionamos algunas respuestas a estas preguntas en este
documento desde la perspectiva de un educador de TI y
tratamos de llenar el vacío de literatura que falta en esta
área. El resto del artículo está organizado de la siguiente
manera. En primer lugar, el documento describe algunos
desafíos y problemas de enseñanza de desarrollo Web
enfrentados por muchos educadores. Las dos secciones
siguientes presentan nuestro enfoque y estrategias en la
enseñanza de una secuencia de dos cursos de desarrollo
Web de alto nivel y proporcionan detalles sobre los
cursos. La última sección discute los resultados de los
cursos y saca algunas conclusiones.
2. DESAFÍOS
El crecimiento explosivo de las tecnologías Web 2.0 presenta
algunos retos importantes para los actuales educadores de
TI para desarrollar y enseñar cursos de desarrollo web. El
cambio de paradigma resultante tiene una relación directa
con la naturaleza de la instrucción proporcionada a los
estudiantes que están acostumbrados al entorno digital.
Bajo estas circunstancias, los enfoques de enseñanza
tradicional están mostrando signos de ser inadecuados y
son incapaces de preparar a los estudiantes de manera
efectiva para una Web transformada, así como las
demandas cambiadas de las industrias. Los enfoques y el
plan de estudios adoptados por la mayoría de los
cursos de desarrollo Web sufren algunos problemas y
problemas comunes:
En primer lugar, muchos educadores adoptan un enfoque
integral para cubrir una amplia gama de tecnologías y
conceptos Web sin proporcionar una introducción a
fondo a ningún tema específico. Una encuesta de varios
cursos relacionados con el diseño y desarrollo Web [9,
10, 11, 12, 13] indican que muchos de ellos incluyen la
cobertura de varias tecnologías tanto para el desarrollo
del cliente (por ejemplo, HTML, CSS, JavaScript) y el
servidor (P. Ej., SQL, Java DB, MySQL) y plataformas
de soporte (por ejemplo, el framework .NET de
Microsoft, Java / J2EE de Sun, Plataforma de código
abierto LAMP). Casi todos los cursos no cubren el
desarrollo Web profundamente, y algunos dedican mucho
tiempo a otros temas relacionados con la Web, como
administración de servidores Web, seguridad, privacidad
y ética. Aunque la decisión de
Mantenerse al corriente de la práctica de la industria es
beneficiosa, muchos estudiantes encuentran difícil
absorber tanto material en una cantidad de tiempo muy
corta. En consecuencia, la amplia cobertura de las
tecnologías y su complejidad mitigar la capacidad de los
estudiantes para comprender y comprender el núcleo de
conocimiento que se difunde en el curso [14].
En segundo lugar, algunos temas y tecnologías cubiertos en los
cursos de desarrollo web están obsoletos y no abordan la
tendencia actual de desarrollo web. Como muchos
educadores han descubierto, una de las mayores
dificultades para enseñar el desarrollo web es mantenerse
2
al día con las tecnologías y aplicaciones Web que cambian
rápidamente. Esto es especialmente crítico en la era actual
de la Web 2.0. Un curso que incluye conceptos obsoletos e
impopulares
 
(Como ASP o DHTML) como una parte importante del currículo
no puede capacitar a los estudiantes para convertirse en
desarrolladores que estén bien versados en las últimas
tecnologías y técnicas de la Web y que quieran mantenerse
al día con los avances actuales de la Web. Además, la
última generación de estudiantes universitarios ya ha
vivido en esta era digital y ha estado rodeada por las
últimas tecnologías de Internet. Son un cuerpo estudiantil
más capaz y tienen altas expectativas educativas. Según lo
descrito por [15], "los instructores de inmigrantes
digitales, que hablan un lenguaje anticuado (el de la era
pre-digital), están luchando para enseñar a una población
que habla un idioma completamente nuevo".
Por último, pero no menos importante, la mayoría de los
educadores todavía mantienen una pedagogía educativa
altamente dirigida por el docente, centrada en el contenido
y de carácter didáctico [16]. El popular formato de
conferencia por profesor es inadecuado para la instrucción
del desarrollo de aplicaciones Web e incompatible con el
mundo tecnológico en el que vivimos. En estos entornos
tradicionales de aprendizaje, los estudiantes están
familiarizados con que se les diga explícitamente qué
hacer y cómo Hacerlo, en lugar de participar en
actividades para desarrollar su propia comprensión y
adquirir sólidas habilidades de desarrollo. Además,
algunos cursos utilizan el entorno en línea exclusivamente
para presentar o entregar materiales a los estudiantes. Esta
práctica, sin duda, no agrega valor real al aprendizaje de
los estudiantes, y no justifica la compra o el
mantenimiento de costosos nuevos sistemas educativos en
línea [17].
3. UN ENFOQUE MEJORADO
Como se reveló en la sección anterior, es un desafío para enseñar
el desarrollo de aplicaciones Web, especialmente en una
época que está pasando por el cambio de paradigma. Esta
es una situación algo única, pero también presenta
oportunidades interesantes. La Web ha cambiado y nos
exige, los educadores de TI, que se adapten rápidamente y
adopten el cambio en nuestra enseñanza en términos de
elección de pedagogía, temas y muchos otros aspectos. En
respuesta a estos desafíos, hemos rediseñado el currículo
de dos cursos de desarrollo web y los hemos presentado
utilizando un enfoque mejorado en los últimos tres
semestres. En concreto, nuestro enfoque abarca algunos
elementos significativos y estrategias mejoradas sobre el
enfoque tradicional de la enseñanza de desarrollo Web:
(1) Concentrarse en AJAX y sus tecnologías habilitadoras y
cambiar el enfoque del desarrollo Web a la interacción del
usuario
AJAX es la tecnología fundamental para la Web 2.0 y, por lo
tanto, es fundamental para los estudiantes aprender a
utilizar el conjunto específico de tecnologías que AJAX
abarca y reconocer el enorme poder que puede derivarse
de su empleo en el desarrollo de las últimas aplicaciones
Web. En concreto, el cliente de las aplicaciones AJAX
está escrito en XHTML y CSS y utiliza JavaScript para
agregar funcionalidad a la interfaz de usuario. El
contenido de una página se modifica utilizando el DOM
(Document Object Model) y XML se utiliza para
 estructurar los datos transmitidos entre el servidor y el
cliente. El componente AJAX que gestiona la interacción
con el servidor se implementa normalmente con el objeto
XMLHttpRequest de JavaScript (XHR). El
procesamiento del servidor se puede implementar
utilizando cualquier tecnología del lado del servidor,
como ASP.NET. La sindicación y remezcla de contenido
se realiza generalmente mediante el uso de RSS. Los
servicios Web, que permiten componer servicios desde
diferentes sitios web, son una parte crítica de la
 
Infraestructura utilizada por aplicaciones Web 2.0 basadas en la
implementación del modelo SOAP o REST.
En los cursos hemos seleccionado explícitamente estas
tecnologías habilitadoras de AJAX y las cubrimos en
profundidad. También hemos enfatizado la importancia
de crear aplicaciones Web que estén más centradas en la
interacción del usuario y que faciliten una experiencia de
usuario "más rica" que las aplicaciones Web
tradicionales. Este enfoque de desarrollo web es
coherente con la naturaleza de la Web 2.0. Los
estudiantes no sólo aprenden sobre las tecnologías de
vanguardia para crear sitios web más interactivos y
dinámicos, sino que también se adaptan al nuevo modelo
de desarrollo Web centrado en la interacción del usuario.
(2) Incorporación en una secuencia de dos cursos, que abarca
tanto el desarrollo Web de cliente como el de servidor
Para evitar abrumar a los estudiantes con demasiados temas en
una clase, hemos dividido la instrucción de desarrollo
Web en una secuencia de dos cursos de alto nivel, a saber
Desarrollo Web I (WDI) y Desarrollo Web II (WDII).
Los cursos, cada uno de los cuales se ofreció
originalmente para cubrir un conjunto desconectado de
tecnologías Web, han sido rediseñados completamente.
Las aplicaciones Web 2.0 son aplicaciones cliente-
servidor y esto ha ayudado a determinar la estructura de
los dos cursos. WDI cubre las tecnologías de
componentes que permiten la programación AJAX del
cliente y características de interfaz; WDII cubre
tecnologías del lado del servidor para la implementación
de aplicaciones web AJAX más avanzadas, así como
tecnologías para la integración y comunicación entre el
cliente y el servidor. De esta manera, los estudiantes
reciben una instrucción suave y completa sobre el
desarrollo de aplicaciones Web actuales desde el front-
end al back-end.
(3) Asignación de proyectos que integran temas cubiertos y
entregan aplicaciones del mundo real
Web 2.0 trata de encontrar nuevas maneras de hacer que una
serie de tecnologías existentes y en evolución trabajen
juntas [18]. Debido a la importancia de la integración,
hemos diseñado proyectos de curso que requieren que los
estudiantes utilicen una combinación de temas y
tecnologías cubiertos para desarrollar aplicaciones Web.
WDI adopta una estrategia de "integrar principios, iterar a
menudo" como se propone en [19] para asignar cuatro
proyectos a lo largo del curso. Se espera que los
estudiantes implementen un sitio web funcional con
características de navegación usando XHTML y CSS en
el primer proyecto. Cada proyecto posterior se basa en el
proyecto anterior y requiere el uso de tecnologías de
3
componentes recién cubiertas de AJAX para agregar
funcionalidades o características. Al final del semestre los
estudiantes completan un sitio web atractivo y dinámico
con características de AJAX. En WDII se requiere que los
estudiantes construyan dos proyectos de trabajo separados,
uno con enfoque en el diseño y el otro con enfoque en la
implementación de una base de datos basada en AJAX,
una aplicación Web que incorpora varias funcionalidades
avanzadas y tecnologías de servidor.
Los proyectos de ambos cursos ponen énfasis en la entrega de
aplicaciones web en el mundo real. Se alienta a los
estudiantes a ser creativos en su elección de temas y
diseño en el desarrollo de aplicaciones Web 2.0 y sitios
web. Ejemplos de trabajo de los estudiantes incluyen un
sistema de tutoría basado en la web, un sitio web de
proveedores con capacidades de comercio electrónico, una
cartera de fotografía en línea y una comunidad
 
Portal de la universidad. Los contextos realistas dan a los
estudiantes una motivación concreta para aprender los
conceptos y habilidades necesarios para completar un
proyecto de curso. Además, los estudiantes pueden
entender las complejidades de desarrollar sofisticadas
aplicaciones web del mundo real y apreciar el valor de los
materiales cubiertos.
(4) Uso de métodos de enseñanza constructivista
Conociendo los inconvenientes e insuficiencias del método
tradicional de enseñanza dirigida por el maestro para la
educación actual de TI, hemos utilizado algunos métodos
de enseñanza constructivista en la entrega de la
instrucción. El constructivismo se basa en la premisa de
que el conocimiento no puede ser transmitido, sino que
debe ser construido por el individuo [20]. Por lo tanto,
hemos transformado el aula en un ambiente centrado en el
estudiante al mantener a los estudiantes involucrados en
ejercicios prácticos y resolver problemas relevantes
durante la clase. Ambos cursos se llevan a cabo en un
laboratorio donde cada estudiante tiene acceso inmediato a
una computadora con los programas requeridos.
En WDI cada clase por lo general comienza con una breve
introducción por el instructor en la sintaxis particular y la
semántica que son nativas de las tecnologías cubiertas.
Durante el resto de la clase los estudiantes examinan
algunos ejemplos de código en vivo con el instructor y se
les desafía a completar pequeños segmentos de programas
con frecuencia. De forma similar, para maximizar la
efectividad del aprendizaje, no se usan diapositivas de
PowerPoint en WDII. En su lugar, ejercicios reales y
ejemplos se hacen en la sobrecarga con los estudiantes
siguiendo adelante. Después de los ejercicios, los
estudiantes reciben sus propias pruebas de práctica y
material práctico para completar. En ambos cursos, la
enseñanza es conversacional e interactiva, en la que los
instructores instan a los estudiantes a hacer preguntas y, a
menudo, dan atención personalizada a los estudiantes que
están luchando con algún código con la ayuda de un
asistente de enseñanza. Al facilitar este aprendizaje activo,
en el cual los alumnos buscan soluciones a los problemas
dados, los instructores sirven como iniciador y asesor en el
proceso de aprendizaje, más que como fuentes de
conocimiento.

En resumen, estos elementos constituyen un enfoque adecuado
y efectivo para la enseñanza del desarrollo Web en la era
de la Web 2.0. En la siguiente sección se analizan los
detalles de estos dos cursos, la experiencia adquirida y
nuestros esfuerzos para abordar algunos temas.
4. DETALLES DEL CURSO
WDI y WDII son cada uno un curso de alto nivel de tres horas
de crédito en nuestro programa BSIT (Licenciatura en
Ciencias en Tecnologías de la Información) y un curso
estándar de 15 semanas. Se ofrecen como parte de los
cursos de Concentración de Multimedia y Desarrollo
Web, pero los estudiantes de otras concentraciones (por
ejemplo, Tecnología y Programa de Bases de Datos y
Seguridad de la Información) pueden tomarlos como un
curso de concentración electivo. Ambos cursos, cada uno
de los cuales originalmente cubrían un conjunto
desconectado de tecnologías y temas Web, han sido
rediseñados y entregados usando nuestro enfoque
mejorado en los últimos tres semestres.
Los estudiantes que asisten a WDI y WDII tienden a ser jóvenes
(principios de los años veinte) con un gran apetito por
aprender habilidades de desarrollo Web. Por lo general
han estado asistiendo a la universidad por lo menos tres
años y se están preparando para graduarse. Están ansiosos
de unirse a la fuerza de trabajo y obtener puestos de
trabajo bien pagados.
 
4.1 Requisitos previos
Existen tres cursos de TI de bajo nivel como requisitos previos
para WDI. Los estudiantes que toman el curso deben
tener experiencia previa en crear y publicar un sitio web
que incluye componentes multimedia y usar una
herramienta de autoría web (por ejemplo, Dreamweaver)
y una herramienta de edición gráfica (por ejemplo,
Photoshop), comprender los principios fundamentales del
diseño Web y resolver problemas básicos Habilidades
con la programación de procedimientos o técnicas de
secuencias de comandos.
El requisito previo para WDII es WDI. Los estudiantes
generalmente toman los cursos en dos semestres
consecutivos. Además de los conocimientos y la
experiencia obtenidos de WDI para el desarrollo Web de
cliente, los estudiantes que toman WDII también deben
tener una comprensión básica de la arquitectura cliente-
servidor de Internet y una programación Web
relativamente sólida y habilidades de secuencias de
comandos.
4.2 Temas
4.2.1 Desarrollo Web I (WDI)
El foco de WDI está en el desarrollo Web de cliente.
Específicamente, el curso comienza con una introducción
en profundidad sobre las especificaciones y el uso de
XHTML y CSS. Los estudiantes aprenden a crear y
diseñar diferentes elementos de página (por ejemplo,
lista, tabla, formulario, barra de navegación, etc.) y crear
diseños de página híbridos y de base CSS. A
continuación, el curso se desplaza a JavaScript y
proporciona un recorrido sistemático del lenguaje (por
ejemplo, estructuras de control, funciones, arreglos,
objetivos, eventos, etc.) y DOM. Los estudiantes
aprenden a agregar interactividad a la página Web, a
personalizar la interfaz web mediante el uso de cookies,
implementar características interesantes (por ejemplo, un
4
generador de imágenes aleatorio, cuestionario en línea,
validación de formularios AJAX) y modificar
dinámicamente los elementos de página utilizando DOM y
sus colecciones. Las últimas semanas del curso pasan a los
temas de XML, RSS, XSL (Extensible Stylesheet
Language) y la integración de todas las tecnologías
cubiertas. Los estudiantes aprenden a transformar archivos
XML en páginas Web, agregar la sindicación mediante
RSS y, lo que es más importante, incorporar varias
tecnologías para implementar funcionalidades AJAX (por
ejemplo, regiones de datos dinámicas, actualización de
página parcial) en páginas Web.
Además, el curso proporciona instrucciones sobre el uso de la
última adición a Adobe Dreamweaver: el Framework
Spry, que se implementa como un conjunto de bibliotecas
y herramientas de JavaScript y CSS para las características
de AJAX. Los estudiantes aprenden a añadir transiciones
suaves y graciosas a elementos de página e implementar
componentes dinámicos y personalizados (por ejemplo,
acordeón, panel plegable, etc.) mediante el uso de efectos
y widgets Spry.
4.2.2 Desarrollo Web II (WDII)
El foco de WDII está en el desarrollo web de servidor, se basa en
el material de WDI. El curso comienza con servidores web
(Apache e IIS) y cómo se utilizan. Esta discusión se centra
en la configuración de Apache e IIS, los conceptos y la
seguridad de los servidores web de introducción, los
directorios virtuales y la interacción de los lenguajes del
servidor con estos servidores Web. A continuación, se
mueve en SQL y el uso de SQL Server en particular;
MySQL también se enseña y discute. A continuación, el
curso se desplaza al desarrollo de aplicaciones Web
utilizando ASP.NET y AJAX. Estos temas ocupan el
grueso de la clase. Durante esta fase, los formularios
ASP.NET, los controles, los objetos, la validación, los
eventos, el código por detrás, la programación
 
(Visual Basic o C #), y la seguridad son enseñados y discutidos.
Técnicas avanzadas de diseño CSS se enseñan como se
requiere para WDII. Mientras se trata de LINQ, la mayor
parte de las consultas relacionadas con la base de datos se
siguen utilizando SQL para ser más compatibles con el
resto de la industria. Los servicios Web se abordan con
ejemplos específicos.
Vale la pena mencionar que el curso utilizado para cubrir temas
relacionados con Java como JSP y Servlets antes del
rediseño del curso. Estos temas han sido omitidos porque
el departamento ahora ofrece dos cursos de pregrado en
Java. Dado el tiempo limitado en el curso, consideramos
necesario dar un tratamiento en profundidad sobre el
popular framework .NET y las tecnologías de Microsoft
relacionadas para satisfacer la demanda e intereses de los
estudiantes sobre estos temas.
4.3 Libros de texto y material suplementario
El actual libro de texto utilizado es Internet y World Wide Web-
Cómo programar por Deitel [18]. WDI utiliza la primera
mitad del libro y WDII utiliza la segunda mitad. El libro es
muy completo y abarca una gran cantidad de tecnologías
para el desarrollo de sitios Web 2.0 modernos. No, sin
embargo, discutir ciertas tecnologías en particular con
gran detalle, como XHTML, CSS, JavaScript, AJAX y
 ASP.NET. Este libro es ampliamente utilizado en cursos
que enseñan pura programación Web en el lado del
cliente, cursos que enseñan pura programación Web en el
lado del servidor, y cursos que combinan y combinan una
programación Web de lado del cliente y otra de servidor.
Además del libro de texto, también utilizamos muchos de los
excelentes recursos que se encuentran en Internet. Para
WDI, se puede acceder a una página de recursos en el
sitio del curso para compañeros Blackboard y se ha
compilado y actualizado constantemente para
proporcionar referencias (por ejemplo, especificaciones
de idioma en el sitio web del W3C), herramientas (por
ejemplo, servicios de validación RSS) CSS hacks) para el
desarrollo web. También presentamos nuestros propios
diapositivas de conferencia que se han desarrollado sobre
la base de muchos recursos diversos. Para WDII, los
tutoriales de vídeo se utilizan para la sección de
programación de ASP.NET. Esto permite a los
estudiantes ver los videos en cualquier momento. Los
tutoriales son proporcionados por http://www.asp.net/ y
son completos y excelentes tanto en calidad de video
como en la enseñanza de la programación ASP.NET.
4.4 Laboratorio informático
Ambos cursos se realizan enteramente en un laboratorio. El
laboratorio está equipado con 40 ordenadores con grandes
monitores de pantalla plana e Internet de alta velocidad.
Cada computadora se instala con el software y la
plataforma necesarios para los cursos de aplicaciones
Web, como la versión actual de los exploradores Web,
IIS, Adobe Dreamweaver y Visual Studio. Los
estudiantes pueden instalar las herramientas que deseen.
Los ordenadores se restablecen automáticamente a una
configuración estándar cada día y se eliminan todas las
instalaciones y archivos del estudiante. Los estudiantes
también pueden usar sus propios discos duros externos en
conjunto con el programa Virtual PC para crear un
entorno de programación virtual y guardar sus archivos y
proyectos. Esto da al instructor ya los estudiantes la
flexibilidad necesaria para experimentar sin preocuparse
por la configuración de la computadora.
4.5 Evaluación
4.5.1 Proyectos
Ambos cursos ponen pesos pesados en los proyectos (40% de la
nota final). WDI asigna cuatro proyectos que están
dirigidos a la meta común de construir un sitio web
funcional e interactivo que incluye atractivas interfaces y
características AJAX y abarcan todo el semestre. Los
proyectos integran todas las tecnologías cubiertas en el
sitio web final, con un edificio de proyecto encima del
anterior. A través del desarrollo de un sitio web "real"
sobre un tema realista y auto-seleccionado, y de una
manera continuamente actualizada, los estudiantes
obtienen una valiosa práctica en la búsqueda de
soluciones a problemas desafiantes y la adaptación a la
forma actual de desarrollo y entrega de aplicaciones web.
Los requisitos específicos y las áreas de enfoque para
cada proyecto se resumen en la siguiente tabla:
Requisitos de áreas de enfoque del proyecto
Proyecto 1 XHTML & CSS Elementos de página con estilo
CSS (listas, enlaces, imágenes, tablas, formularios, barras
de navegación), hoja de estilo externa, características de
5
accesibilidad, etc.
Proyecto 2 JavaScript Funciones, arrays, cookies, generadores
aleatorios de imágenes, objeto Date, saludo interactivo,
interfaz personalizada, etc.
Proyecto 3 DOM &
Eventos Modificación dinámica de elementos de página y
estilos, eventos, efectos de rollover, validación de
formularios AJAX, etc.
Proyecto 4 XML y RSS Fuente RSS, hoja de estilo XSL, lector
de RSS personalizado, widgets, campos de datos
dinámicos, etc.
Los requisitos de codificación con respecto a los comentarios y
la legibilidad de los programas son estrictamente
aplicados. Además, cada proyecto requiere una
documentación detallada escrita en forma de "guía del
usuario" o "manual del producto", que representa una parte
del grado. Los estudiantes deben publicar los sitios web de
sus proyectos en el servidor web con el apoyo de la
universidad. Además, se requiere una presentación del
proyecto al final del semestre. Los estudiantes pueden
beneficiarse de la oportunidad de mostrar su trabajo,
recibir retroalimentación constructiva del instructor y
compañeros de clase, y practicar habilidades de
presentación independientes.
En WDII, se requiere que los estudiantes construyan dos
proyectos de trabajo, cada uno de ellos un sitio web
completo, basado en bases de datos, utilizando CSS
avanzado (para pantallas, impresoras y dispositivos
portátiles) con tecnologías ASP.NET y AJAX. Estos sitios
web permiten los inicios de sesión de los clientes, la
recuperación de la contraseña perdida, el acceso a las áreas
privilegiadas del sitio, la obtención de datos de las bases
de datos y la presentación de páginas personalizadas
mediante la programación del servidor. Ambos proyectos
se centran en que los usuarios de la Web interactúen con el
sitio, fomentando los conceptos de la Web 2.0. AJAX del
lado del servidor se introduce entre el proyecto 1 y el
proyecto 2, lo que permite a los estudiantes ver cómo las
actualizaciones de página parcial pueden mejorar la
experiencia del usuario en una página Web. A
continuación se proporciona una breve descripción de cada
proyecto:
• El proyecto 1 está creando un sitio web de mascotas utilizando
ASP.NET. El foco está en el diseño, utilizando ASP.NET,
CSS, XHTML y JavaScript para crear un sitio web
atractivo. La creatividad es altamente alentada. Los
estudiantes no están obligados en este momento a
incorporar la tecnología del servidor o páginas basadas en
la base de datos. Código-detrás se utiliza en esta etapa
pero el foco primario está en diseño.
• El Proyecto 2 es el proyecto final, creando una aplicación Web
o un portal para un Colegio Comunitario de Tahoe en
California. Este proyecto incorpora todos los requisitos del
proyecto Pets y también requiere la tecnología de servidor
y ASP.NET AJAX para crear páginas basadas en bases de
datos con inicio de sesión seguro, acceso a páginas
privilegiadas, uso de cookies del lado del servidor,
validación en el servidor, Y la presentación del contenido
dinámico de la página.
4.5.2 Asignaciones y exámenes
Las asignaciones para ambos cursos son similares en términos de
formato e incluyen lectura obligatoria y observación de
videos, codificación práctica y ejercicios en clase. Estas
 asignaciones son en su mayoría realizables en pocos días
o dentro de la clase: algunos están dirigidos a preparar a
los estudiantes y familiarizarse con el tema en foco;
Algunos están dirigidos a reforzar materiales enseñados
en clase y haciendo hincapié en la resolución de
problemas haciendo que los estudiantes escriban muchos
programas cortos; Y algunos están dirigidos a obtener
retroalimentación inmediata de los estudiantes con el fin
de proporcionar una mayor clarificación y elaboración de
los materiales.
Ejemplos de asignaciones de laboratorio dadas en WDI son:
• Implementación de una barra de navegación basada en listas
utilizando CSS y XHTML
• Convertir una página Web de diseño híbrido en una página
Web de diseño CSS
• Escribir un programa de JavaScript que puede dividir los
números de teléfono introducidos por los usuarios
• Creación de una página Web donde los usuarios pueden
cambiar dinámicamente los estilos de elementos de
página (por ejemplo, fondo, texto) escribiendo el nombre
del estilo en un cuadro de diálogo
• Crear un documento XML basado en la información de una
biblioteca de DVD y mostrarla como una tabla XHTML
con el uso de una hoja de estilo XSLT
Ejemplos de ejercicios en clase dados en WDII son:
• Instalación de Apache e IIS incluyendo configuración,
directorios virtuales, acceso http, seguridad, etc.
• Instalación de SQL Server y MySQL, escribiendo consultas
SQL, concepto CRUD
• Aprender a usar Visual Studio 2008 IDE
• Aprendizaje de conceptos de servidor ASP.NET
Incorporación de AJAX en ASP.NET
Los exámenes de mitad de período y finales de WDI y WDII
son más bien tradicionales y la mayoría de preguntas de
opción múltiple. Los exámenes están diseñados para
evaluar la comprensión teórica del estudiante de los
materiales cubiertos en clase y las habilidades de
resolución de problemas en la programación Web
particular o lenguajes de secuencias de comandos.
Algunas preguntas requieren que los estudiantes rastreen
el código y averigüen cuál será el resultado.
4.6 Problemas de direccionamiento
En esta sección se resumen las cuestiones que se plantean y
cómo se abordan en nuestros cursos. Como es el caso en
casi todos los campos de TI, la seguridad y la
accesibilidad son los problemas principales (y opuestos)
que deben ser tratados. Nos dirigimos a ellos a
continuación.
4.6.1 Problemas de seguridad y privacidad
Parte del reto de la Web 2.0 es la seguridad y la privacidad. A
los estudiantes en WDI y WDII se les enseña la
importancia de la seguridad y el respeto por la privacidad
de los demás. Ambas clases exploran las cuestiones de
seguridad y privacidad y cómo manejarlas. Secure HTTP
(https) está cubierto y el acceso seguro a los sitios Web
que usan cookies y las sesiones se enseñan y se hacen los
requisitos durante las fases del proyecto de ambos cursos.
En WDII, el cifrado de datos almacenados en bases de
datos también está cubierto. En particular, el uso de
algoritmos seguros de hash como MD5 y SHA-1 se
discuten e integran en el curso.
6
4.6.2 Problemas de accesibilidad
Web 2.0 anima la participación de los usuarios y parte de esa
participación proviene de dispositivos móviles, usuarios
con diversas desventajas y usuarios internacionales. A
través del uso adecuado de CSS, XHTML y AJAX, los
dos cursos instruyen a los estudiantes en la creación de
páginas atractivas que son accesibles casi universalmente a
todos los que pueden visitar. Esto es de particular
importancia en los Estados Unidos, ya que el gobierno
requiere que sus sitios web sean compatibles con el acceso
a discapacidades.
4.6.3 Cambios rápidos en las tecnologías web
Puede ser difícil para el instructor y los estudiantes a tener que
actualizar constantemente o cambiar sus habilidades, pero
también gratificante. Tratamos de proporcionar las últimas
tecnologías para nuestro cuerpo estudiantil en WDI y
WDII. Esto nos ejerce presión sobre nosotros como
instructores para que tengamos que aprender lo último de
nosotros mismos y aprender lo suficientemente bien como
para enseñar ese material de manera cohesiva a nuestros
estudiantes. Con horarios tan ocupados, a veces es difícil
aprender lo último y lo último. El enfoque que parece
funcionar bien es el aprendizaje de una tecnología o pieza
de esa tecnología a la vez, la construcción a lo largo del
tiempo. Esto hace que el aprendizaje sea más fácil, más
divertido y un ritual casi diario para aprender una pequeña
nueva tecnología. A su vez, perfeccionamos
continuamente el plan de estudios de los cursos con
tecnologías recién adquiridas y técnicas mejoradas. En los
últimos tres semestres durante los cuales los cursos han
sido rediseñados y entregados, hemos adoptado un
enfoque incremental para incorporar nuevos materiales en
los cursos.
5. CONCLUSIONES
El objetivo de WDI y WDII es ayudar a los estudiantes a ganar
confianza en el desarrollo de aplicaciones Web avanzadas
con las últimas tecnologías y ser comercializables después
de la graduación. Los cursos han sido exitosos tanto en
términos de cumplimiento de la meta del curso como en
términos de la calidad del trabajo producido. Los
estudiantes han construido varios sitios web durante la
duración de los cursos, algunos en clase, y algunos como
sus proyectos. Los sitios web desarrollados son, de hecho,
el avance y la utilización de importantes tecnologías de
vanguardia. Estos sitios web también sirven como sus
portafolios personales, que se utilizan para impresionar a
los posibles empleadores, o referencias para el trabajo de
desarrollo futuro. Los estudiantes que completan los
cursos con un B o mejor están bien preparados para
carreras en desarrollo web avanzado.
 
En conclusión, los cursos en la Web necesitan un cambio tan
frecuente como el propio Web está cambiando. Nos hemos
centrado en la Web 2.0, pero a medida que se introducen
nuevas tecnologías y paradigmas, independientemente de
la nomenclatura utilizada para describirlos, los cursos
centrados en la Web deberán actualizarse y los educadores
tendrán que adaptarse. Creemos que es importante no
poner demasiado en una sola clase, ya veces, puede ser
necesario agregar simplemente una clase adicional para
permitir que todos los asuntos necesarios sean cubiertos en
 profundidad. Ha sido nuestra experiencia que los [14] Meso, P y Liegle, J. O. 2002. Una evaluación comparativa
estudiantes aprenden las mejores tecnologías Web exploratoria de .NET como una herramienta pedagógica
"haciendo". Nuestro trabajo como educadores no es sólo para la enseñanza de diseño de sistemas orientados a
enseñar las tecnologías apropiadas y explicar los objetos. Actas de ISECON, 19.
paradigmas, sino también fomentar la creatividad en el [15] Prensky, M. 2001. Nativos Digitales, Inmigrantes Digitales.
diseño y el desarrollo. Si bien la enseñanza de desarrollo En el horizonte, NCB University Press 9 (1), p.2.
web es siempre un desafío debido al mundo siempre [16] Fryer, W. 2005. Herramientas para el Teks: Integrar la
cambiante de la Web, sin duda nunca es aburrido. Esa tecnología en el aula. Podcasting de audio en el aula.
perspectiva positiva del mundo muy cambiante, mejorado URL:
y mejorado de la Web es lo que nos esforzamos por traer Http://www.wtvi.com/teks/05_06_articles/classroom-audio-
a nuestras clases ya nuestros estudiantes. podcasting.html [recuperado el 28/06/2009].
[17] Jacobsen, D. and Lock, J. 2004. Tecnología y Educación de
6. REFERENCIAS Maestros para una Era del Conocimiento: Mentoring para
[1] Jazayeri, M. 2007. Algunas tendencias en el desarrollo de Futuros de Estudiantes, no Nuestro Pasado. Revista de
aplicaciones web. En 2007 Futuro de Ingeniería de Tecnología y Formación Docente, 12 (1), 75-100.
Software (23 - 25 de mayo de 2007). Conferencia [18] Deitel, P.J. y Deitel, H.M, 2008. Internet y World Wide
Internacional de Ingeniería de Software. IEEE Computer Web: Cómo programar. Prentice Hall, Upper Saddle
Society, Washington, DC, 199 - 213. DOI = River, Nueva Jersey.
http://dx.doi.org/10.1109/FOSE.2007.26 [19] Adams, D. R. 2007. La integración temprana: un nuevo
[2] Sendall, P., Ceccucci, W., y Peslak, A. 2008. Web 2.0 enfoque para la enseñanza de desarrollo de aplicaciones
Asuntos: Un análisis de la implementación de Web 2.0 en Web. J. Comput. Pequeña Coll. 23 (1), 97 - 104.
el aula. Information Systems Education Journal, 6 (64). [20] Ullrich, C., Borau, K., Luo, H., Tan, X., Shen, L. y Shen, R.
[3] Lewis, D. 2006. ¿Qué es la Web 2.0? Encrucijada, 13 (1). 2008. ¿Por qué Web 2.0 es bueno para el aprendizaje y
[4] Umbach, J. M. 2006. Web 2.0 - los nuevos campos para la investigación: principios y prototipos. Conferencia
comunes. de la World Wide Web: Comité Internacional de la World
Feliciter, 52 (5), p.192. Wide Web (IW3C2), 705-714.
[5] Barnes, C. y Tynan, B. 2007. Las aventuras de Miranda en
el valiente mundo nuevo: Aprender en un milenio de la
Web 2.0. ALT - J, 15, pág. 189.
[6] Franklin, T. y van Harmelen, M. 2007. Web 2.0 para el
Contenido para el Aprendizaje y la Enseñanza en la
Educación Superior. URL:
Http://www.jisc.ac.uk/media/documents/programmes/digitalr
epositories / web2-content-learning-and-teaching.pdf
[recuperado el 25/06/2009].
[7] Greenhow, C. 2007. Lo que la formación de maestros
necesita saber acerca de la Web 2.0: Preparar a los
nuevos maestros en el siglo XXI, la tecnología y la
formación de maestros Anual, 4, P.1989-1992.
[8] McLoughlin, C. y Lee, M. J. W. 2007. Software Social y
Aprendizaje Participativo: Extendiendo las Opciones
Pedagógicas con Aspectos Tecnológicos en la Era Web
2.0.
Actas de la 24ª Conferencia ASCILITE, Singapur, p.664-675.
[9] Finkel, D. y Cruz, I. 1999. Webware: Un Curso sobre la
Web. ACM SIGCSE Boletín, Actas de la IV Conferencia
Anual SIGCSE / SIGCUE ITiCSE sobre Innovación y
Tecnología en la Educación en Informática, 31 (3).
[10] Klassner F. 2000. ¿Pueden los cursos de desarrollo web
evitar la obsolescencia? Boletín ACM SIGCSE, Actas de
la 5a Conferencia Anual SIGCSE / SIGCUE ITiCSE
sobre Innovación y Tecnología en Educación en
Informática, 32 (3).
 
[11] Lee A. 2003. Una arquitectura de software web manejable:
búsqueda de la simplicidad. Actas del 34º Simposio
Técnico SIGCSE sobre Educación en Informática.
[12] Treu, K. 2002. Para enseñar la clase Unteachable: un curso
experimental en Web-Based Application Design. ACM
SIGCSE Boletín, Actas del 33º Simposio Técnico
SIGCSE sobre Educación en Informática, 34 (1).
[13] Walker, E. and Browne, L. 1999. Enseñanza del desarrollo
web con recursos limitados. Boletín ACM SIGCSE,
Actas del 30º Simposio Técnico SIGCSE sobre
Educación en Ciencias de la Computación, 31 (1).
7