Bienvenida
Bienvenido(a) a la unidad didáctica Programación Web II, en la cual trabajarás con diferentes actividades que te ayudarán a desarrollar habilidades y concretar los objetivos de aprendizaje propuestos en la unidad didáctica, a través del trabajo individual y colaborativo.
Freepik. (n.d). Programador, código. [Fotografía]. Freepik. https://www.freepik.com/free-vector/programmer-flat-set_4411454.htm
Programación Web II es una unidad didáctica del octavo semestre de la carrera Desarrollo de software, tiene como antecesora la unidad didáctica Programación web I y busca la consolidación del conocimiento a través de la implementación de una aplicación web con altos estándares de calidad y seguridad que puedan satisfacer los requerimientos del cliente, siendo esta unidad didáctica la oportunidad de aplicar de manera práctica conceptos vistos con anterioridad tales como los lenguajes de programación HTML, PHP, Dreamweaver, programación orientada a objetos, bases de datos, programación .NET, entre otros.
Programación web II, es parte fundamental en tu formación como ingeniero en desarrollo de software porque te permitirá implementar soluciones tecnológicas que publiquen páginas web con bases de datos en un host dentro de la red mundial internet, para dar a conocer a una organización.
Esta unidad didáctica contempla tres unidades, a lo largo de estas podrás aprender sobre las nuevas tecnologías que existen en el mercado a fin de seleccionar la adecuada para la implementación de tu proyecto final. Una vez identificadas las herramientas a utilizar, es importante que conozcas estándares de calidad y seguridad que te permitan realizar conexiones seguras con base de datos y proteger información valiosa para el cliente, actuando de forma ética y responsable. Por último, es necesario implementar de forma profesional una aplicación web con altos estándares de seguridad y calidad que puedan ser vistos y administrados desde internet por medio de un dominio público y gratuito a fin de comprobar la funcionalidad del mismo.
La unidad didáctica Programación web II, aportará al estudiante la capacidad de desarrollar una aplicación web de forma profesional, es decir, considerando estándares, derechos y normas o reglas para el desarrollo de aplicaciones web. Es importante recuperar tus conocimientos previos de programación web.
La unidad 1 Tecnologías para mi sitio web consiste en el desarrollo de conceptos básicos para la creación de aplicaciones web profesionales y el conocimiento de estándares como HTML5 y CSS3 que son lenguajes que permiten crear la estructura de un sitio y proporcionar un diseño responsivo para adaptar la página web a cualquier tipo de dispositivo como computadoras, teléfonos, tablets, etcétera, también se realizará el alojamiento de un sitio web en un hosting gratuito.
En la unidad 2. Mi sitio dinámico y seguro, aprenderás acerca de los derechos de autor para el uso de recursos como video, imagen, audio y texto. Se enfoca básicamente en la seguridad aplicable a las conexiones con bases de datos. Adquirirás los conocimientos necesarios para construir una interfaz gráfica de usuario e interactuar con bases de datos utilizando los medios de seguridad que se han creado para la protección de la información del usuario e identificar qué elementos se puede usar sin violar los derechos de autor.
Finalmente, en la unidad 3. Diseño web profesional crearás páginas con diversos dispositivos, haciendo uso de herramientas conocidas como frameworks para el desarrollo de las aplicaciones web, se revisará el uso de uno en particular, bootstrap. Se expondrán en esta unidad las normas de seguridad para el uso confiable de un sitio web por parte del usuario, así como los elementos de marketing para el posicionamiento de un sitio en los buscadores web.
Da clic en el ícono, para descargar la Información general de la unidad didáctica.
Da clic en Competencias y logros para continuar con la revisión de la información general.
Competencias y logros
Competencia general
Analizar los requerimientos de una organización para la construcción de un sitio web a través del cumplimiento de estándares de calidad y seguridad.
Da clic en cada pestaña para revisar las competencias y logros que alcanzarás en esta unidad didáctica.
Da clic en Temario para continuar con la revisión de la información general.
Temario
El contenido que estudiarás en cada unidad de este módulo se presenta a continuación.
Da clic en cada unidad para ver los temas y subtemas.
Unidad 1. Tecnologías para mi sitio web
1. Maquetación y estructura de HTML5
1.1. HTML5 y CSS3
2. Diseño responsivo para HTML
2.1. Funcionamiento del diseño web responsivo
3. Administradores de contenido
3.1. Ingeniería orientada a la reutilización de componentes
3.2. Funciones básicas de un gestor de contenidos
3.3. Arquitectura general de un gestor de contenido
3.4. Instalación de gestores de contenido
4. Alojamiento web
Unidad 2. Mi sitio dinámico y seguro
1. Seguridad y posicionamiento del sitio web
1.1. Autenticación
1.2. Manejo de sesiones
1.3. Validaciones de datos
1.4. Visibilidad de un sitio web
2. Derechos de autor
2.1. Los derechos de autor y las tecnologías web
2.2. Derechos de autor y protección en Internet
3. Conexión segura a bases de datos
Unidad 3. Diseño web profesional
1. Diseño responsivo con Bootstrap
1.1. Clases y elementos de Bootstrap
1.2. Descarga e instalación de bootstrap
1.3. Uso de grids responsivos
1.4. Navbar responsivo
2. Herramientas de marketing
2.1. El sitio web como herramienta de comunicación
2.2. Herramientas de marketing para el desarrollo de sitios web
Da clic en Metodología de trabajo para continuar con la revisión de la información general.
Metodología
En el transcurso de la unidad didáctica realizarás diversas actividades dirigidas a la integración de un sitio web profesional integrando estándares de calidad y principios de usabilidad a considerar para el desarrollo de un sitio web mediante la metodología basada en proyectos.
Respecto al uso técnico de herramientas de desarrollo profesional de un sitio, se utilizarán básicamente las siguientes:
- Uso de clientes FTP gratuitos como FILEZILLA que funcionen en cualquier sistema operativo.
- Uso de editores web.
- Editores de uso libre como: Sublime text, Aptana en eclipse y Visual Studio Code.
- Es necesario contar con acceso a algunas herramientas de posicionamiento,
En la unidad 1 se desarrollarán actividades colaborativas para investigar tecnologías web avanzadas para el desarrollo de sitios profesionales, en esta unidad didáctica se realizarán ejercicios diversos de aplicación de etiquetas de HTML5, de CSS3, de implementación de un administrador de contenidos. Se requiere utilizar un host gratuito donde puedan alojar su página. En esta primera unidad se desarrollará la primera parte de su proyecto, fase de planeación del proyecto y desarrollar la maquetación.
En la unidad 2, se realizarán actividades colaborativas sobre las normas de seguridad de un sitio web. Aplicarás los elementos de seguridad a tu proyecto e integrarás diversos recursos multimedia libres de derechos.
En la unidad 3, investigarás los diferentes frameworks que existen, así como el uso del framework Bootstrap, de uso libre. Para implementar las herramientas Bootstrap es necesario que utilices un editor de texto. Integrarás en tu proyecto de desarrollo de sitio web, herramientas de marketing y en esta unidad 3 integrarás tu proyecto final de un sitio web con elementos de seguridad, confiabilidad y posicionamiento.
Para poder utilizar la tecnología web avanzada, es necesario que actualices tus navegadores en forma constante.
Da clic en Evaluación para continuar con la revisión de la información general.
Evaluación
La evaluación del aprendizaje es un proceso, a través del cual se observa, recoge y analiza información relevante del proceso de aprendizaje de los estudiantes, con la finalidad de reflexionar, emitir juicios de valor, así como tomar decisiones pertinentes y oportunas para optimizarlo (Díaz Barriga A.F. & Hernández R.G., 2005). Orienta la toma de decisiones, da pauta a determinar acciones en términos de valoración de conocimientos, nivel del desempeño, reorientaciones de aprendizaje, mejora del proceso educativo y adecuación de actividades, entre otras acciones.
De acuerdo con lo anterior, mediante la evaluación te brindaremos apoyo y seguimiento para identificar las dificultades en el desarrollo de conocimientos, habilidades y actitudes del proceso integral de aprendizaje.
En el marco del Modelo educativo de la UnADM, la evaluación de la unidad didáctica se realiza en los siguientes momentos:1) formativa y 2) sumativa.
Evaluación formativa
Se realiza en paralelo al desarrollo del proceso de enseñanza-aprendizaje de cada unidad, y sirve para localizar dificultades cuando aún estás en posibilidad de remediarlas.
En este primer momento de evaluación, se aplican estrategias asociadas a las:
- Actividades individuales (tareas). Se trata de un primer momento de aprendizaje, en el cual se consideran tus perspectivas, experiencias, intereses, capacidades y necesidades.
- Actividades colaborativas (foros). El trabajo colaborativo fomenta y promueve el aprendizaje en contribución con otros compañeros, ya que eres responsable no sólo de tu aprendizaje, sino de contribuir a que los demás aprendan en equipo y se fomente un ambiente de confianza; por ende, que se logren las metas de aprendizaje.
Evaluación sumativa
Se aplica al final del proceso de tu experiencia de aprendizaje, su propósito es verificar los resultados alcanzados y el grado de aprendizaje o nivel de conocimientos, habilidades y actitudes que hayas adquirido.
Este segundo y último momento de evaluación, se mide y valora a través de las siguientes actividades:
- Evidencias de aprendizaje. Son actividades que tienen como objetivo integrar el proceso de construcción de tu aprendizaje, la evaluación, la retroalimentación y la planeación de la nueva ruta de aprendizaje que seguirás de acuerdo con los resultados individuales obtenidos.
- Actividad complementaria. Esta actividad es planeada por la figura académica considerando las competencias y logros de la unidad didáctica, toda vez que identifica los conocimientos, habilidades y actitudes que te hizo falta desarrollar o potenciar (se realiza en una ocasión al finalizar la última unidad).
- Actividad de reflexión. Es un ejercicio de metacognición que permite que tomes conciencia de tu proceso de aprendizaje, el punto de partida son las experiencias del contexto académico y la reflexión sobre tu desempeño. Se trata de una acción formativa que parte de tu persona y no del saber teórico, que considera tu experiencia de aprendizaje (se realiza en una ocasión al finalizar la última unidad).
A continuación, se presenta el esquema general de evaluación correspondiente a esta unidad didáctica:
| Tipo de evaluación | Tipo de aprendizaje | Puntaje |
| Formativa | Actividades individuales | 15 |
| Actividades colaborativas | 15 | |
| Sumativa | Evidencias de aprendizaje | 50 |
| Actividad complementaria | 10 | |
| Actividad de reflexión | 10 | |
| TOTAL | 100 | |
Recuerda que la calificación final que te permitirá acreditar, se asigna de acuerdo con los criterios e instrumentos de evaluación establecidos para cada actividad, los cuales son diseñados con base en las competencias y logros de esta unidad didáctica.
Da clic en Fuentes de consulta para continuar con la revisión de la información general.
Fuentes de consulta
Básica
- Arellano, G. (2008). Seguridad en aplicaciones web. Concepción: UTN FRCU Universidad tecnológica Nacional, Facultad Regional Concepción del Uruguay. https://www.slideshare.net/aretche/seguridad-de-aplicaciones-web-presentation
- Ben, F. (2012). Responsive web design with HTML5 and CSS. Birmingham: Packt Publishing.
- Centro de apoyo tecnológico a emprendedores, Fundación parque científico y tecnológico de Albacete. (2012). Estudio de los sistemas de gestión de contenidos web. Análisis de las mejores soluciones del mercado. Toledo: Junta de comunidades de Castilla-La Mancha. http://www.bilib.es/uploads/media/estudio_sistemas_gestion_contenidos_web_cms.pdf
- CSI Coordinación de seguridad de la información UNAM/CERT. (2011). Aspectos básicos de la seguridad en aplicaciones Web. México: DGTIC, UNAM. https://www.seguridad.unam.mx/historico/documento/index.html-id=17.html
- Dewit, O. (2003). ASP.NET Programación Web con Visual Studio y Web Matrix. Barcelona: Eni ediciones.
- De Luca, D. (2012). Apps HTML5 para móviles: Desarrollo de aplicaciones para smartphones y tablets basado en tecnologías WEB. México: Alfaomega.
- Duckett, J. (2009). Programación Web con HTML, XHTML y CSS. Jon Duckett, Tr. Madrid: Anaya Multimedia/Wrox
- Equipo Vértice (2010). Técnicas avanzadas de diseño web. Málaga: Editorial Vértice capítulos 2, 4, 7 y 8.
- Gauchat, J. (2012). El Gran libro de HTML5, CSS3 y Javascript. Barcelona: Marcombo.
- Lancker, L. V. (2011). HTML5 Y CSS3: Domine los estándares de las aplicaciones web. Barcelona: ENI.
- Lubbers, P., Albers, B., Salim, F. y Pye, T. (2011). Pro HTML5 programming. New York: Apress.
- Magal, R. T., Tortajada, M. I. y Morillas, G. S. (2006). Preproducción Multimedia. Comunicación Valencia: Universidad Politécnica de Valencia.
- Mediaactive (2013). Aprender HTML5, Css3 y Javascript con 100 ejercicios prácticos. México D.F.: Alfaomega, 2013.
- Minera, F., (2011). Capítulo 7. Seguridad en aplicaciones web. Revista USERS: Buenos Aires: Fox Andina-Gradi S.A. pp. 226-264.
- Morris, T. (2014). Basics of Web Design: HTML5 & Css3. Boston: Pearson educación.
- Ramos. A., Barbero, C., Martínez, S. y García, A. (2014). Seguridad de páginas Web. Madrid: RA-MA.
- Ramos, A. y Ramos, M. (2014). Aplicaciones web. Madrid: Paraninfo. https://n9.cl/1s9z
- Ruiz, M. E. (2007). Programación Web avanzada: soluciones rápidas y efectivas para desarrolladores de sitios. Colección de Manuales USERS. Buenos Aires: MP Ediciones.
- SEGOB Cámara de diputados (2013). Ley Federal del Derecho de Autor. http://www.diputados.gob.mx/LeyesBiblio/ref/lfda.htm
- Sharp, R. y Bruce, L. (2011). Introducing HTML 5. Berkeley, CA: Twelve comunications.
- Tortajada, C. J. J. (2014). La guía definitiva del diseño web: HTML, XHTML, CSS y herramientas de diseño. Valencia: Universidad Politécnica de Valencia.
Complementaria
- Activa Publicidad (2012). Administrador de contenidos para páginas web. Costa Rica: Activa Co.
- Lavin, D. (s/f). Autentificación y seguridad en aplicaciones web. Oviedo: Universidad de Oviedo. Stallman, R. (2013). Por qué el software no debe tener propietarios. http://www.gnu.org/philosophy/why-free.es.html
- Martínez, D. (2014). Cómo iniciarse en seguridad informática 2014.
Muy bien, has concluido la revisión de la Información general, ahora inicia el estudio de la unidad 1.