1. diseño web

Estudio para la apertura de la especialidad de: Ingeniera en Sistemas Computacionales

(ISIC-2010-224)

129

Direccin General de Educacin Superior Tecnolgica

1. Datos Generales de la asignatura

Nombre de la asignatura:

Clave de la asignatura:

Crditos (Ht-Hp_ crditos):

Carrera:

Diseo Web

DAB-1301 1-4-5 Ingeniera en Sistemas Computacionales

2. Presentacin

Caracterizacin de la asignatura

Esta asignatura aporta al perfil del Ingeniero en Sistemas Computacionales conocimientos suficientes para el Diseo en ambiente web, integrando diferentes

conceptos, tcnicas, herramientas y tecnologas, para apoyar la productividad y competitividad de las organizaciones cumpliendo con estndares de calidad, lo que permite integrar soluciones computacionales accesibles y visualmente atractivas en diferentes contextos. Para abordar de manera adecuada los contenidos de sta asignatura son necesarios los conocimientos de Tpicos Avanzados de Programacin, Administracin de Bases de Datos e Ingeniera de Software.

Intencin didctica

La asignatura debe ser abordada desde un enfoque terico prctico, en donde el estudiante podr identificar y aplicar los diferentes conceptos, tcnicas, estndares, lenguajes, herramientas y tecnologas, para la creacin de aplicaciones y sitios web accesibles y visualmente atractivos. Los temas del curso comprenden los siguientes aspectos: En el primer tema, Maquetacin y HTML, se identifican los principios enfocados a los


(ISIC-2010-224)

130

estilos propios del diseo web, arquitecturas, componentes y funcionamiento para la creacin de aplicaciones y sitios web visualmente atractivos.

El segundo tema, Tecnologas visuales y estructuras de datos auxiliares, permite identificar y aplicar herramientas case y estndares, para la optimizacin y generacin de aplicaciones web y mviles. El tema tres, Aplicacin de diseo, permite realizar el anlisis de requerimientos y la ingeniera de diseo para utilizarlos en las aplicaciones y sitios web que se estn desarrollando.

En el cuarto tema, Desarrollo potenciales de ltima generacin, se aplican las competencias adquiridas en los tres temas anteriores, para la realizacin de una aplicacin o sitio Web visualmente atractivo (proyecto integrador).

3. Participantes en el diseo y seguimiento curricular del programa

Lugar y fecha de

elaboracin o revisin

Participantes

Observaciones

Macuspana, Tabasco. Noviembre 15, 2012.

Academia de Sistemas Computacionales del Instituto Tecnolgico

Superior de Macuspana.

Reunin para la elaboracin de las asignaturas de la

Especialidad

4. Competencias a desarrollar

Competencia general de la asignatura

Identifica y aplica tcnicas, arquitecturas, estndares y herramientas, para crear aplicaciones y sitios web, visualmente atractivos y ergonmicos como soluciones informticas en las organizaciones.

Competencias especficas

Identifica y aplica los principios enfocados a los estilos propios del diseo web,

arquitecturas, componentes y funcionamientos para la creacin de aplicaciones y

sitios web visualmente atractivos y ergonmicos.

Identifica y aplica herramientas case y estndares para la creacin de aplicaciones

o sitios web visualmente atractivos, desde diferentes entornos de desarrollo.

Realiza el anlisis de requerimientos, propuesta de diseo e ingeniera de diseo


(ISIC-2010-224)

131

web, para la creacin de aplicaciones y sitios web, visualmente atractivos y

ergonmicos.

Crea e implementa aplicaciones y sitios web visualmente atractivos y ergonmicos

basados en estndares de diseos, como soluciones informticas en las

organizaciones.

Competencias genricas

Capacidad de anlisis y sntesis.

Habilidad para buscar y analizar informacin proveniente de fuentes diversas.

Capacidad de aplicar los conocimientos en la prctica.

Capacidad de comunicarse con profesionales de otras reas.

Preocupacin por la calidad.

Compromiso tico.

Trabajo en equipo.

Capacidad de organizar y planificar.

Comunicacin oral y escrita en su propia lengua.

Bsqueda del logro.

5. Competencias previas de otras asignaturas

Competencias previas

Tpicos Avanzados de Programacin (SCD-1027) (Competencia general):

Desarrollar soluciones de software utilizando programacin concurrente, programacin de eventos, que soporte interfaz grfica e incluya dispositivos mviles.

Administracin de Bases de Datos (SCB-1001) (Competencia general):

Seleccionar SGBD para la implementacin y administracin de sistemas de bases de datos, aplicando esquemas de seguridad, rendimiento y alta disponibilidad en distintas plataformas, optimizando los recursos econmicos y la infraestructura tecnolgica disponible en las organizaciones.

Ingeniera de Software (SCD-1011) (Competencia general):

Desarrollar soluciones de software considerando los aspectos del modelo de negocios, mediante la aplicacin de la metodologa adecuada a la naturaleza del problema.


(ISIC-2010-224)

132

6. Temario

Temas

Subtemas No.

Nombre

1.

Maquetacin y HTML

1.1. HTML aspectos prcticos. 1.2. Pginas de estilos. 1.3. Hojas de estilo de cascadas. 1.4. Arquitecturas JavaScript. 1.5. Web orientado a mviles.

2.

Tecnologas visuales y estructuras de datos auxiliares web.

2.1. Herramientas CASE para diseo web. 2.2. Diseos dinmicos para los sitios Web. 2.3. Cdigos potenciales como vistas de

diseo. 2.4. Estructuras de datos en las

herramientas CASE. 2.5. Estndares de terminado de un diseo

Web. 2.6. Optimizacin de bsquedas en

navegadores.

2.7. Emuladores de diseo mviles Web.

3.

Aplicacin de diseo

3.1. Anlisis de requerimientos. 3.2. Trazado de propuestas de diseos. 3.3. Ingeniera de Diseo Web. 3.4. Ajustes y correcciones de Prueba. 3.5. Puesta en lnea el diseo Web.

4.

Desarrollo potenciales de ltima

generacin

4.1. Propuesta de proyecto Integrador. 4.2. Seguimientos de desarrollo. 4.3. Pruebas de Ingeniera. 4.4. Entrega del sitio propuesta.

7. Actividades de aprendizaje

Competencia especfica y genricas (a desarrollar y fortalecer por tema)

Especfica:

Identifica y aplica los principios enfocados a los estilos propios del diseo web,

arquitecturas, componentes y funcionamientos para la creacin de aplicaciones y

sitios web visualmente atractivos y ergonmicos.


(ISIC-2010-224)

133

Genricas:






Bsqueda del logro.

Compromiso tico.

Trabajo en equipo.


Tema Actividades de aprendizaje

1.-Maquetacin y HTML

Fuentes de Informacin ( 2,3,4,6,10,22,23 )

Elaborar una lnea de tiempo sobre la evolucin de la Interfaz de Usuario.

Investigar en diversas fuentes de informacin los tipos y caractersticas de las diversas Interfaz de Usuario, elaborando un cuadro sinptico.

Investigar en diversas fuentes de informacin que es HTML, sus caractersticas, ventajas y desventajas, elaborando un mapa conceptual.

Investigar en diversas fuentes de informacin el concepto y caracterstica de pginas de estilos y hojas de estilos de cascadas, elaborando un cuadro de caractersticas.

Elaborar un mapa mental de la arquitectura JavaScript.

Formar mesas de discusin de los temas investigados con la finalidad de enriquecer el conocimiento.

Investigar en diversas fuentes de informacin que es la Web orientado a mviles, y presentar un informe.


Especfica:

Identifica y aplica herramientas case y estndares, para creacin de aplicaciones

y sitios web visualmente atractivos y ergonmicos, desde diferentes entornos de

desarrollo.

Genricas:


(ISIC-2010-224)

134






Bsqueda del logro.

Compromiso tico.

Trabajo en equipo.



2.- Tecnologas visuales y estructuras de datos auxiliares web.

Fuentes de Informacin

(1,2,3,4,5,6,8,10,15,22,23)

Investigar en diversas fuentes de informacin sobre la historia, caractersticas, ventajas, desventajas y aplicacin de las diferentes herramientas CASE que se pueden utilizar para la creacin y edicin para el Diseo WEB para su optimizacin y funcionamiento, formulando un cuadro sinptico de las mismas.

Investigar en diversas fuentes de informacin las caractersticas de los diferentes tipos de estndares y su aplicacin, elaborando un cuadro de caractersticas.

Investigar en diversas fuentes de informacin el significado de Gua de diseo, generar un mapa conceptual.

Presentacin y discusin grupal de los mapas conceptuales elaborados.

Investigar en diversas fuentes de informacin las diferentes tecnologas que puede interactuar con un sitio Web para su optimizacin y funcionamiento, elaborando un mapa mental.

Formar mesas de discusin de los temas investigados con la finalidad de enriquecer el conocimiento.


Especfica:

Realiza el anlisis de requerimientos, propuesta de diseo e ingeniera de diseo

web, para la creacin de aplicaciones y sitios web, visualmente atractivos y


(ISIC-2010-224)

135

ergonmicos.

Genricas:






Bsqueda del logro.

Compromiso tico.

Trabajo en equipo.



3.- Aplicacin de diseo


(3,4,6,15,18,19,20,21,22,23)

Investigar en diversas fuentes de informacin sobre los requerimientos de desarrollo de aplicaciones y sitios web, elaborando un mapa conceptual.

Elaborar un mapa mental sobre la Ingeniera de Desarrollo Web.

Presentacin y discusin grupal de los mapas conceptuales y mentales elaborados.

Elaborar un cuadro sinptico de las diversas pruebas que se le deben de realizar a una aplicacin o sitio web que se diseo.

Investigar en diversas fuentes de informacin sobre las formas de realizar registr y posicionamiento de sitios WEB, elaborando un informe para su discusin grupal.

Investigar proveedores y costos de hosting y dominio, elaborando un cuadro comparativo.

Elaborar un informe tcnico de la propuesta de Diseo Web.


Especfica:

Crea e implementa aplicaciones y sitios web visualmente atractivos y

ergonmicos basados en estndares de diseos, como soluciones informticas

en las organizaciones.


(ISIC-2010-224)

136

Genricas:






Bsqueda del logro.

Compromiso tico.

Trabajo en equipo.



4.- Desarrollo potenciales de ltima

generacin


(1,2,3,4,5,6,7,8,9,10,11,

12,13,14,15,16,17,18,19,20,21,22,23,24)

Aplicar de manera prctica el uso de diferentes tcnicas, arquitecturas, estndares y herramientas de diseo Web, creando una aplicacin o sitio Web.

Elaborar un informe tcnico de las pruebas realizadas a la aplicacin o sitio Web que se diseo.

Implementar la aplicacin o sitio web creado, en un web host (alojamiento web o web hosting).

Elaborar la documentacin especifica sobre la aplicacin o sitio web que se creo, utilizando la estructura que el docente les proporcione.


(ISIC-2010-224)

137

8. Prcticas (para fortalecer las competencias de los temas y de la asignatura)

1. Disear pginas web desde bloc de notas. 2. Crear sitio web empleando tablas. 3. Crear sitio web utilizando frames. 4. Crear sitio web utilizando DIV. 5. Crear hojas de estilos en cascadas para aplicarlas en aplicaciones o sitios Web. 6. Validar sitios webs mediante arquitectura JavaScript. 7. Instalar y emplear herramientas case para crear sitios web. 8. Instalar y emplear herramientas case para crear animaciones para la web. 9. Crear sitios webs desde diferentes compiladores. 10. Crear una aplicacin o sitio web con base a reglas y estndares, dirigida a una

tendencia actual e-commerce, e-bussnies y e-learning 11. Implementar la aplicacin o sitio web, en un web host (alojamiento web o web

hosting).

9. Proyecto integrador (Para fortalecer las competencias de la asignatura con otras

asignaturas)

El proyecto integrador debe considerar las siguientes fases:

Contextualizacin y/o diagnstico

Fundamentacin

Planeacin

Ejecucin

Evaluacin

Socializacin Debe integrar las competencias de las asignaturas que los estudiantes estn cursando en el periodo semestral y tomar como base las competencias de asignaturas sealadas como previas. El proyecto integrador debe tener un criterio de evaluacin.

10. Evaluacin por competencias (especficas y genricas de la asignatura)

Para efecto de diagnstico inicial, el docente realizar una evaluacin diagnstica que le permita ajustar su instrumentacin didctica. A efecto de evaluar que el estudiante haya adquirido las competencias del curso, deber contemplar evaluaciones formativas y sumativas, las cuales sern en diferentes mbitos como heteroevaluacin, autoevaluacin y coevaluacin. Todo ello comprobable mediante un portafolio de evidencias de preferencia en formato digital. Instrumentos:


(ISIC-2010-224)

138

Cuadro de caractersticas. Mapa mental. Mapa conceptual. Cuadro comparativo. Cuadro sinptico. Informe tcnico. Informe analtico. Prcticas. Reportes. Examen escrito. Propuesta a empresa para mantener la integridad en la gestin de la informacin (proyecto integrador). Herramientas:

Lista de cotejo. Rbrica. Memoria del evento. Manual de prcticas.

11. Fuentes de informacin (actualizadas considerando los lineamientos de la APA*)

1. Francisco Charte Ojeda. PHP 5. ANAYA MULTIMEDIA, ISBN: 8441517703. ISBN-13:

9788441517707 2. Lpez Jos. Domine HTML y DHTML. Alfa Omega, ISBN 970-15-0876-9.

3. Soria Ramn. Diseo y Creacin de Paginas Web HTML 4.0. Alfa Omega.

4. Oros Juan Carlos. Diseo de paginas Web Interactivas con JavaScript y CSS. Alfa Omega, ISBN 970-15-0802-5.

5. Froufe Agustn. Java Server Pages, Manual de Usuario y Tutorial. Alfa Omega, ISBN

970-15-0796-7. 6. Weinman Lynda. Diseo Creativo HTML. Pearson ISBN 970-260-2734

7. Chase. Active Server Page 3.0, Serie Prctica. Pearson ISBN 84-2052-946.

8. Paul Lomax. Learning VBScript. Oreilly ISBN 1-56592-247-6.

9. Susanne Clark, Antonio De Dantis, Adrian Kigsley-Hughes. VB Script: Programmers Referente. Wrox Press Inc.

10. Hathleen Halata. Internet Programming with VBScript and JavaScript. Course

Technology ISBN 0-619-01523-3. 11. Lovejoy Eliah. ASP Guia Esencial. Pearson ISBN 84205-3330-0.


(ISIC-2010-224)

139

12. Payne Chris. Aprendiendo ASP.NET en 21 dias. Pearson ISBN 97-0260-340-4.

13. Tavistock Hougland. JSP Guia Esencial. Pearson ISBN 84-2053-332-7.

14. Hall Marty. Servlets y Java Server Pages. Pearson ISBN 970-260-118-5.

15. Tabor Robert. Servicios Web XML de Microsoft.NET. Pearson ISBN 84-2053-4706. 16. Castro. XML Guia de Aprendizaje. Pearson ISBN 84-205-3151-0.

17. Cauldwell. Profesional Web Services. Wrox Press Ltd. ISBN 186100-509.

18. Booch G. El lenguaje Unificado de Modelado, UML 2.0, Guia de Usuario. 1. Edicin.

Ed. Pearson ADDISON-WESLEY. Espaa. 2006. 19. Cota, A. Ingeniera de Software: Soluciones Avanzadas. 2. Edicin. Ed. Oxford. Mxico. 2000. 20. Kendall E. K., Anlisis y Diseo de sistemas. 1. Edicin. Prentice Hall. Mxico. 2005. 21. Pressman, R.S. Ingeniera del Software un enfoque prctico. Mxico. Mc Graw- Hill.

Madrid, Espaa. 2008. 22. M. Schafer, Steven. HTML, XHTML, and CSS Bible. Wiley Publishing Inc.

23. Bowers, Michael. Pro CSS and HTML Design Patterns. Ed. Apress.

24. Nixon, Robin. Learning PHP, MySQL, and JavaScript: A Step-By-Step Guide to Creating Dynamic Websites. Ed. OReilly.

* American Psychological Association (APA)

1. diseño web

Documents