Universidad Nacional Abierta y a Distancia

Vicerrectoría Académica y de Investigación

Syllabus de curso Programación de sitios web

1. IDENTIFICACIÓN DE CURSO

Escuela o unidad: Escuela de Ciencias

Sigla: ECBTI
Básicas, Tecnología e Ingeniería
Campo de formación: Formación
Nivel: Profesional complementaria
Curso: Programación de sitios web Código: 301127
Tipología de curso: Metodológico N° de créditos: 3
Diseñador de curso: Francisco Javier Actualizador de curso: Francisco
Hilarion Novoa Javier Hilarion Novoa
Fecha de elaboración: 24 de octubre del Fecha de actualización: 27 de
2018 septiembre del 2019
Descripción del curso:
El curso de Programación de sitios web está dirigido a estudiantes del programa de
Ingeniería de Sistemas que oferta la UNAD (Universidad Nacional Abierta y a
Distancia), corresponde al campo de formación complementaria y a la red curricular
de Programación y algorítmica. Se oferta en AVA (Ambiente Virtual de Aprendizaje),
que proporciona un contexto integral para gestionar el aprendizaje autónomo,
colaborativo y significativo.

De acuerdo con el mapa curricular del Programa de Ingeniería de Sistemas, el curso

Programación de Sitios Web, tiene como prerrequisito el curso Diseño de Sitios Web,
donde se adquieren las competencias en el manejo de lenguaje de etiquetas HTML y
lenguaje de estilo es cascada CSS.

El curso es de tipo metodológico (teórico-práctico) y se ha estructurado en tres (3)

unidades que corresponden a 3 créditos académicos, la primera unidad se denomina
Introducción al desarrollo web, donde se abordan los temas de páginas web
dinámicas, estáticas, planificación de proyectos web y modelo vista controlador, la
segunda unidad, se denomina programación web del lado del cliente, aborda el tema
de lenguajes del lado del cliente, Frameworks y seguridad del lado del cliente, la
tercera unidad, se denomina Programación Web del lado del servidor y aborda los
temas de lenguajes del lado del servidor, lenguajes para bases de datos y seguridad
del lado del servidor.
La estrategia utilizada para abordar los procesos de construcción de conocimiento es
la de aprendizaje basado en proyectos (ABPr), teniendo en cuenta que el curso es
metodológico el componente práctico está inmerso en las actividades del curso y se
desarrolla haciendo uso de los escenarios con apoyo tecnológico.

2. INTENCIONALIDADES FORMATIVAS

Propósito de formación del curso:

Desarrollar sitios web interactivos, como solución a problemas del entorno haciendo
uso de herramientas y lenguajes de programación del lado del cliente y del lado del
servidor.

Competencias del curso:

1. El estudiante planea propuestas de sitios web interactivos haciendo uso de

los fundamentos teóricos de introducción y planeación de sitios web para la
concepción de proyectos web.

2. El estudiante diseña sitios web haciendo uso de Frameworks y lenguajes de

programación del lado del cliente para la implementación de proyectos web
que den solución a problemáticas planteadas.

3. El estudiante implementa sitios web interactivos haciendo uso de lenguajes

de programación web del lado del servidor, bases de datos y librerías para la
ejecución proyectos web que den solución a problemáticas planteadas.

3. CONTENIDOS DEL CURSO

Unidade Recursos educativos requeridos

s/temas
1. Cobo, Ángel, et al. PHP y MySQL: tecnologías para el desarrollo de
Introdu aplicaciones web. (Páginas. 1 - 20). Ediciones Díaz de Santos, 2005.
cción al ProQuest Ebook Central. Recuperado de:
desarrol
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg
lo Web
=19&docID=3173408&tm=1544022923309
 Cardador, C. A. L. (2014). Implantación de aplicaciones web en entornos
Páginas internet, intranet y extranet (mf0493_3). (Páginas. 9 - 44). Recuperado
web de https://ebookcentral-proquest-
estáticas, com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=4184
dinámica 063&ppg=15
s e
interactiv Solórzano, P. B. (2006). Planeación y desarrollo de web site. (Páginas. 3 -
as 6). Recuperado de:
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg
Program
=3&docID=3170657&tm=1544023208758
ación en
internet
Vidal, C. L., López, L. L., Rojas, J. A., & Castro, M. M. (2017). Desarrollo
Planificac de Sistema Web de Reclutamiento y Selección y de Directivos por
ión de Competencias mediante PHP CodeIgniter 3.0. Información Tecnológica.
proyecto Recuperado de:
s web https://bibliotecavirtual.unad.edu.co:2444/10.4067/S0718-
07642017000200021
Patrones
de
diseño: Díaz Scarpetta, C. ( 20,11,2018). Planificación de proyectos web. [Archivo
MVC de video]. Recuperado de: http://hdl.handle.net/10596/21647

Hilarion Novoa, F. ( 16,11,2018). Modelo vista controlador. [Archivo de

video]. Recuperado de: http://hdl.handle.net/10596/21624

2.
Progra Mohedano, Jorge, et al. Iniciación a javascript, Ministerio de Educación de
mación España, 2012. (Páginas. 25 - 61) ProQuest Ebook Central. Recuperado
Web del
de:
lado del
cliente https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg
=26&docID=3214795&tm=1544023398179
Framewo
rk de tipo Shenoy, A., & Sossou, U. (2014). Learning Bootstrap. Birmingham
front-end [England]: Packt Publishing. Recuperado de:
http://bibliotecavirtual.unad.edu.co/login?url=http://search.ebscohost.co
Lenguaje
m/login.aspx?direct=true&db=nlebk&AN=933023&lang=es&site=eds-live
s del lado
del Cardador, C. A. L. (2014). Implantación de aplicaciones web en entornos
cliente internet, intranet y extranet (mf0493_3). (Páginas. 184 - 199).
Recuperado de https://ebookcentral-proquest-
Segurida com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=4184
d del lado 063&ppg=190
del
cliente
Hilarion Novoa, F. (2016). Formularios Html y Php. [Archivo de video].
Recuperado de: http://hdl.handle.net/10596/9079

3.
Progra Río, M. Á. D. (2012). Manual PHP 6.0: formación para el empleo. (Páginas.
mación 15 - 139) Madrid, ES: Editorial CEP, S.L. Recuperado de:
Web del
https://ebookcentral-proquest-
lado del
servidor com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=3214
043&ppg=16
Lenguaje
s del lado Río, M. Á. D. (2012). Manual PHP 6.0: formación para el empleo. (Páginas.
del 187 - 197) Madrid, ES: Editorial CEP, S.L. Recuperado de:
servidor https://ebookcentral-proquest-
com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=3214
Lenguaje
s de 043&ppg=188
bases de
datos Río, M. Á. D. (2012). Manual PHP 6.0: formación para el empleo. (Páginas.
143 - 175) Madrid, ES: Editorial CEP, S.L. Recuperado de:
Librerías https://ebookcentral-proquest-
com.bibliotecavirtual.unad.edu.co/lib/unadsp/reader.action?docID=3214
Segurida
043&ppg=144
d del lado
del
servidor Hilarion Novoa, F. ( 16,11,2018). Lenguajes de bases de datos. [Archivo
de video]. Recuperado de: http://hdl.handle.net/10596/21625

Hilarion Novoa, F. (2016). Funciones para el manejo de archivos planos en

php. [Archivo de video]. Recuperado de:
http://hdl.handle.net/10596/9097
 Hilarion Novoa, F. (2016). Conexión Base de datos php. [Archivo de video].
Recuperado de: http://hdl.handle.net/10596/9096

Recursos educativos adicionales para el curso:

Unidad 1: Contreras, C. M. Á. (2016). Desarrollo de aplicaciones web

multiplataforma. Recuperado de:
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?docID=453619
5&query=desarrollo+web#

Unidad 2: Mohedano, Jorge, et al. Iniciación a javascript, Ministerio de Educación de

España, (2012). ProQuest Ebook Central. Recuperado de:
https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/detail.action?docID=3214795

Unidad 3: Vaswani, V. (2010). Fundamentos de PHP. México, D.F., MX: McGraw-Hill

Interamericana. Recuperado de:
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?docID=1043384
3&ppg=10

4. ESTRATEGIA DE APRENDIZAJE

Descripción de la estrategia de aprendizaje:

Aprendizaje basado en proyectos (ABPr); el aprendizaje basado en proyectos sitúa al
estudiante en el centro del proceso de aprendizaje, gracias a un planteamiento
motivador en el cual entran en juego el intercambio de ideas, la creatividad y la
colaboración.

Para llevar a cabo un buen proceso de aprendizaje basado en proyectos, se establecen

ciertos pasos, como los siguientes: definir tema, formar equipos colaborativos, definir
producto final, planificación, búsqueda de información, recopilación de información,
análisis de información, aplicación de conocimientos, desarrollo y ejecución del
producto final, presentación del proyecto, evaluar y autoevaluar, con el fin de lograr
el aprendizaje significativo.
 5. DISTRIBUCIÓN DE LAS ACTIVIDADES ACADÉMICAS DEL CURSO

Semana Contenidos a Actividad a desarrollar según la

desarrollar estrategia de aprendizaje
Fase 1: Pre saberes. El estudiante de forma
individual hace una página web con el
1y2 Pre saberes: HTML y CSS
resumen de los temas HTML y CSS, los cuales
son la base para iniciar el curso.
Páginas web estáticas y
dinámicas. Fase 2: Planeación del sitio web interactivo. El
3, 4, 5 y Programación en internet. estudiante realiza de manera grupal, la
6 Planificación de proyectos propuesta de planeación y concepción del sitio
web. web interactivo.
Patrones de diseño: MVC.
Fase 3: Diseño e implementación del lado del
Framework front-end.
cliente. El estudiante realiza de manera grupal
Lenguajes del lado del
7, 8, 9 y el diseño e implementación del sitio web del
cliente.
10 lado del cliente utilizando un Framework y
Seguridad del lado del
lenguajes de programación del lado del
cliente.
cliente.
Lenguajes del lado del
Fase 4: Diseño e implementación del lado del
servidor.
servidor. El estudiante realiza de manera
Lenguajes de bases de
11, 12, grupal el diseño e implementación del sitio
datos.
13 y 14 web del lado del servidor utilizando lenguajes
Librerías
de bases de datos, librerías y lenguajes de
Seguridad del lado del
programación del lado del servidor.
servidor.
Fase 5: Evaluación y operación del sitio web
Unidad 1. Introducción al interactivo. El estudiante de manera individual
desarrollo Web por medio de un video, socializa el sitio web
Unidad 2. Programación interactivo que ha diseñado e implementado a
15 y 16
web del lado del cliente lo largo del curso y de manera colaborativa
Unidad 3. Programación realiza un check list donde se verifica el
web del lado del cliente cumplimiento de los requerimientos
propuestos en la Fase 2.
 6. ESTRATEGIAS DE ACOMPAÑAMIENTO DOCENTE

Descripción de las estrategias de acompañamiento docente a utilizar en

este curso.
Estrategias Sincrónicas:
1. Acompañamiento vía Skype: se establece una atención de acuerdo con la
agenda de acompañamiento docente publicada en el curso.
2. Acompañamiento vía Webconference: de acuerdo con la programación
establecida en el curso.

Estrategias asincrónicas:
1. Acompañamiento vía correo interno del curso
2. Acompañamiento y retroalimentación en los foros de aprendizaje colaborativo

7. PLAN DE EVALUACIÓN DEL CURSO

Númer Momento
Puntaje Ponderaci
o de s de la Productos a entregar según
máximo/500 ón/500
seman evaluació la estrategia de aprendizaje
puntos puntos
a n
Fase 1: Presaberes. El
estudiante de manera
1-2 Inicial individual entrega una carpeta 25 5%
comprimida con los ficheros de
la página web desarrollada.
Fase 2: Planeación del sitio web
interactivo. El estudiante
entrega de forma grupal un
documento con la propuesta de
3, 4, 5 y Intermedi
planificación del aplicativo web 350 18%
6 a Unidad 1
interactivo, donde integra
temática, objetivos,
problemática, metodología,
requerimientos, instalación de
 servidor, cronograma y
recursos.
Fase 3: Diseño e
implementación del lado del
cliente. El estudiante entrega
de forma grupal una carpeta
comprimida que contiene un
7, 8, 9, Intermedi
documento con el diseño y la 26%
10 a Unidad 2
implementación del sitio web
del lado del cliente y los
ficheros derivados del uso de
un lenguaje de programación
web.
Fase 4: Diseño e
implementación del lado del
servidor. El estudiante entrega
de forma grupal una carpeta
comprimida que contiene un
11, 12, Intermedi
documento con el diseño y la 26%
13 y 14 a Unidad 3
implementación del sitio web
del lado del servidor y los
ficheros derivados del uso de
un lenguaje de programación
web.
Fase 5: Evaluación y operación
del sitio web interactivo. El
estudiante entrega de forma
grupal un documento en PDF
con el enlace de los videos
15-16 Final 125 25%
publicados en YouTube donde
se socializa la operación del
aplicativo web interactivo y una
lista de chequeo evaluando el
cumplimiento del aplicativo.
Puntaje Total 500 puntos 100%