Diseño de portales dinámicos DPDI-00 Web viewUnidad de aprendizaje: 2. Desarrollo básico del ... empleando metodologías de análisis de ... las estructuras de los estándares HTML5

Diseño de portales dinámicos DPDI-00

Conalep Ing. Bernardo Quintana ArriojaPortafolio de Evidencias

Diseño de portales dinámicos

Ma. Luz Yuvina Campos Garcia

Profesional Técnico Bachiller en Informática

Febrero 2017

1

Alumno: _____________________________________________________Matricula: ______________________Grupo:__________________

Sello: _____________________________


ContenidoPresentación________________________________________________________________________________________________________3

Propósito del modulo_______________________________________________________________________________________________3

Misión, Visión y política de calidad._______________________________________________________________________________4

Valores Conalep_____________________________________________________________________________________________________5

Mapa del modulo____________________________________________________________________________________________________6

Unidad de aprendizaje: 2. Desarrollo básico del portal.__________________________________________________________7

Criterios de evaluación_____________________________________________________________________________________________9

Contrato de Aprendizaje___________________________________________________________________________________________10

Tabla de ponderación______________________________________________________________________________________________11

Hojas de evaluación________________________________________________________________________________________________12

2


Presentación

El siguiente portafolio de evidencias tiene como finalidad mostrar al alumno los lineamientos a seguir en la asignatura de Diseño de portales dinámicos, durante el semestre Febrero- Junio 2017.

Propósito del modulo

Planear y desarrollar portales de información dinámicos y multimedia empleando metodologías de análisis de requerimientos, estándares y lenguajes de programación a fin de atender las necesidades de usabilidad y diseño basados en mejores prácticas de la industria.

3


Misión, Visión y política de calidad.

4


Valores Conalep

5

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-calidad.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-compromiso.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-comunicacion.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-cooperacion.jpg


Calidad

Hacemos las cosas bien desde la primera vez, teniendo en mente a la persona o área que hará uso de nuestros productos o servicios, considerando lo que necesita y cuándo lo necesita.

Compromiso con la sociedad

Reconocemos a la sociedad como la beneficiaria de nuestro trabajo, considerando la importancia de su participación en la determinación de nuestro rumbo. Para ello debemos atender las necesidades específicas de cada región, aprovechando las ventajas y compensando las desventajas en cada una de ellas

Comunicación

Fomentamos la fluidez de comunicación institucional, lo que implica claridad en la transmisión de ideas y de información, así como una actitud responsable por parte del receptor.

Cooperación

El todo es más que las suma de las partes, por lo que impulsamos el trabajo en equipo, respetando las diferencias, complementando esfuerzos y construyendo aportaciones de los demás.

Conalep Ing. Bernardo

Quintana ArriojaMentalidad positiva

Tenemos la disposición para enfrentar retos con una visión de éxito, considerando que siempre habrá una solución para cada problema y evitando la inmovilidad ante la magnitud de la tarea a emprender.

Respeto a la persona

Consideramos a cada una de las personas como individuos dignos de atención, con intereses más allá de lo estrictamente profesional o laboral.

Responsabilidad

Cada uno de nosotros debe responsabilizarse del resultado de su trabajo y tomar sus propias decisiones dentro del ámbito de su competencia.

6

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-mentpositiva.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-respeto.jpg

http://www.conalepmex.edu.mx/ProyPortCona12/images/galery/valores/valor-responsabilidad.jpg


Mapa del modulo

7


Unidad de aprendizaje: I. Planeación del portal dinámico.Interpretará y planeará las características, requerimientos funcionales y no funcionales de un portal de información a partir de un documento de requerimientos iniciales del cliente a fin de elaborar el prototipo funcional.

RESULTADO DE APRENDIZAJE: 1.1 Identifica los requerimientos de los clientes con base en sus necesidades de usabilidad e información a fin de elaborar el prototipo funcional del portal dinámico.

A. Identificación de requerimientos de cliente Identificación de requerimientos funcionales Identificación de requerimientos no funcionales

B. Elaboración de documento de requerimientos preliminar Desarrollo de pantallas o prototipos Desarrollo de casos de uso anotados

RESULTADO DE APRENDIZAJE: 1.2 GENERA LA HOJA DE REQUERIMIENTOS FUNCIONALES Y NO FUNCIONALES DEL CLIENTE EMPLEANDO INFORMACIÓN ESTRUCTURADA, EL DESARROLLO DE ESCENARIOS Y MODELOS PROTOTIPO PARA DELIMITAR EL ALCANCE DEL DESARROLLO DEL PORTAL.

A. Desarrollo de Escenarios Escenarios base Escenarios de excepción

B. Elaboración de documento de requerimientos formal Casos de uso anotados Escenarios Modelos de pantallas o prototipos

Unidad de aprendizaje: 2. Desarrollo básico del portal.Propósito de la unidad: Utilizará las estructuras de los estándares HTML5 y CSS para construir portales de información considerando los requerimientos de diseño y usabilidad a fin de atender los requerimientos del cliente.

RESULTADO DE APRENDIZAJE: 2.1 Aplica los elementos básicos del estándar HTML5 para la construcción de una página web, de conformidad con los requerimientos de diseño y usabilidad del clienteA. Identificación de estándares HTLM5

Objetivo Función Características Ventajas de uso

B. Creación de páginas con HTML5

Etiquetas básicas de HTML5 Hipervínculos Divisiones y párrafos Gráficos Otros objetos multimedia Formato en línea de párrafos y divisiones

RESULTADO DE APRENDIZAJE:2.2 Aplica los elementos del estándar CSS para el formato de una página web, de conformidad con los estilos requeridos por el cliente.A. Inclusión de hojas de estilos (CSS)

Inclusión de estilos dentro de páginas HTML Inclusión de estilos en archivos dedicados

B. Utilización de etiquetas de estilo

Selectores de estilo para textos, encabezados e hipervínculos Uso de espacio Uso de color Centrado de objetos.

Unidad de aprendizaje: 3. Creación de interacciones con el portal.Propósito de la unidad: Utilizará estructuras avanzadas de los estándares HTML5 y CSS incluyendo contenidos dinámicos que mejore la apariencia y la usabilidad de portales de información con la finalidad de atender los requerimientos del cliente.

8


RESULTADO DE APRENDIZAJE: 3.1 Utiliza elementos de HTLM5, CSS y JavaScript el desarrollo de portales dinámicos empleando las animaciones y efectos visuales a fin de mejorar la experiencia de usuario.

A. Animación con HTML5 Animación con CSS Control de divisiones y párrafos Animación de elementos B. Animación con CSS Animaciones con parámetros CSS

Transiciones Ciclos C. Animación con JavaScript Arreglos Números aleatorios

RESULTADO DE APRENDIZAJE: 3.2 Desarrolla interacciones en portales dinámicos aplicando las animaciones y scripts requeridos a fin de que respondan a eventos generados por el usuario.

A. Animación por eventos Evento click Evento hoover Evento scroll

B. Aplicación de Scripts Tipos de archivos Función En el sistema operativo En el diseño web Ejecución de scripts como resultado de un evento

RESULTADO DE APRENDIZAJE: 3.3 Desarrolla un portal dinámico utilizando los estándares HTML5 y CSS siguiendo los requerimientos funcionales y no funcionales a fin de cumplir los requerimientos del cliente.

A. Manejo de Normatividad en portales dinámicos Marco regulatorio internacional Marco regulatorio nacional

B. Desarrollo del portal dinámico Generación de requerimientos Desarrollo de requerimientos formales Desarrollo de portal de información dinámico

9

Criterios de evaluación

10

Portafolio de evidencias. (Carpeta, Tareas,

Cuadernillo De Ejercicios)

Evidencia por conocimiento.

Examen Teorico

Evidencia por producto. Examen practico

Evidencia por desempeño. Practicas.

Autoevaluación, Coevaluacion

y heteroevaluaci

on

11

Contrato de Aprendizaje

La falta o incumplimiento de este contrato traerá como consecuencia la aplicación del Reglamento Escolar de la escuela: llamada de atención, reporte, entrevista con el padre o tutor y/o suspensión de clases, dependiendo de la falta cometida y con la debida autorización de las autoridades correspondientes del plantel.

Nombre y firma del Alumno Nombre y firma del Profesor

____________________________________

Nombre y firma del padre o Tutor.

Incluir copia del IFE

12

Normas de asistencia Asistir puntualmente a clases.(si llegan tarde entran a clase con hora falta) Deberás cumplir con el 80% de asistencia para tener derecho a evaluación.

Normas de comportamiento Prohibido ingerir alimentos al interior del aula. Queda prohibida la salida a los sanitarios a dos o más alumnos al mismo tiempo. Se negarán los permisos para la salida a la cafetería. Los horarios para todo trámite administrativo son fuera del horario de clase (servicio social,

justificación de faltas, control escolar, etc.) No hacer mal uso de los equipos celulares. No utilizar ningún aparato reproductor de música, ni audífonos en clase La mala conducta y falta de respeto se reportará al departamento de preceptoría. Portar la credencial de la escuela Debes traer el uniforme dentro y fuera del salón de clases.

Normas de evaluación Deberás traer el material solicitado en clase Traer el portafolio de evidencias todas las clases Visitar el blog del docente para revisar tareas, trabajos y material solicitado

Luzyuvinacampos.wordpress.com Todo trabajo entregado fuera de tiempo, tendrá como consecuencia la disminución de

calificación dependiendo el tiempo de entrega.

Line

amie

ntos

Tabla de ponderación

13

Hojas de evaluación UNIDAD 1. Planeación del portal dinámico.1.1.Identifica los requerimientos de los clientes con base en sus necesidades de usabilidad e información a fin de elaborar

el prototipo funcional del portal dinámico. 10 horas.

HOJA DE EVALUACIÓN 1Nombre del alumno

No. de lista

Nombre del profesor

Ma. Luz Yuvina Campos García Grupo

Fecha Actividad(TAREA, PRACTICA, EXPO, ETC)

Calificación Firma o Sello

PROMEDIO

UNIDAD 1. Planeación del portal dinámico.14

1.2. Genera la hoja de requerimientos funcionales y no funcionales del cliente empleando información estructurada, el desarrollo de escenarios y modelos prototipo para delimitar el alcance del desarrollo del portal. 10 horas.


No. de lista

Nombre del profesor




PROMEDIO

15

UNIDAD 2. Desarrollo básico del portal.

2.1. Aplica los elementos básicos del estándar HTML5 para la construcción de una página web, de conformidad con los requerimientos de diseño y usabilidad del cliente. 10 horas.


No. de lista

Nombre del profesor




PROMEDIO

16

UNIDAD 2. Desarrollo básico del portal

2.2 Aplica los elementos del estándar CSS para el formato de una página web, de conformidad con los estilos requeridos por el cliente. 15 horas.


No. de lista

Nombre del profesor




PROMEDIO

17

UNIDAD 3. Creación de interacciones con el portal.

3.1. Utiliza elementos de HTLM5, CSS y JavaScript el desarrollo de portales dinámicos empleando las animaciones y efectos visuales a fin de mejorar la experiencia de usuario. 15 horas


No. de lista

Nombre del profesor




PROMEDIO

18


3.2 Desarrolla interacciones en portales dinámicos aplicando las animaciones y scripts requeridos a fin de que respondan a eventos generados por el usuario. 15 horas.


No. de lista

Nombre del profesor




PROMEDIO

19


3.3 Desarrolla un portal dinámico utilizando los estándares HTML5 y CSS siguiendo los requerimientos funcionales y no funcionales a fin de cumplir los requerimientos del cliente. 15 horas.


No. de lista

Nombre del profesor




PROMEDIO

20

Documents

Diseño de portales dinámicos DPDI-00 Web viewUnidad de aprendizaje: 2. Desarrollo básico del ... empleando metodologías de análisis de ... las estructuras de los estándares HTML5