Diseño de portales dinámicos DPDI-00

Conalep Ing. Bernardo Quintana Arrioja

Portafolio de Evidencias

Diseño de portales dinámicos

Ma. Luz Yuvina Campos Garcia

Profesional Técnico Bachiller en Informática

Alumno:
_____________________________________________________
Matricula: ______________________Grupo:__________________

Sello: _____________________________

Febrero 2017
1
 Diseño de portales dinámicos DPDI-00

Contenido
Presentació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
 Diseño de portales dinámicos DPDI-00

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
 Diseño de portales dinámicos DPDI-00

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

4
 Diseño de portales dinámicos DPDI-00

Valores Conalep

Calidad Compromiso con la sociedad Comunicación Cooperación

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.
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
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.
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
Mentalidad positiva Respeto a la persona Responsabilidad
Quintana Arrioja
Tenemos la disposición para enfrentar retos Consideramos a cada una de las personas Cada uno de nosotros debe
con una visión de éxito, considerando que como individuos dignos de atención, con responsabilizarse del resultado de su
siempre habrá una solución para cada intereses más allá de lo estrictamente trabajo y tomar sus propias decisiones
problema y evitando la inmovilidad ante la profesional o laboral. dentro del ámbito de su competencia.
magnitud de la tarea a emprender.

5
 Diseño de portales dinámicos DPDI-00

Mapa del modulo

6
 Diseño de portales dinámicos DPDI-00

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 B. Elaboración de documento de requerimientos preliminar
Identificación de requerimientos funcionales Desarrollo de pantallas o prototipos
Identificación de requerimientos no funcionales Desarrollo de casos de uso anotados
RESULTADO DE APRENDI ZAJE: 1.2 GENERA LA HOJA DE RE QUERIMIENTOS FUNCION ALES Y NO FUNCIONALE S DEL CLIENTE
EMPLEANDO INFORMACIÓ N ESTRUCTURADA, EL DESARROLLO DE ESCENAR IOS Y MODELOS PROTOTIPO PARA DELIMITAR E L ALCANCE
DEL DESARROLLO DEL PORTAL.
A. Desarrollo de Escenarios B. Elaboración de documento de requerimientos formal
Escenarios base Casos de uso anotados
Escenarios de excepción 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 cliente
A. Identificación de estándares HTLM5 Etiquetas básicas de HTML5
Objetivo Hipervínculos
Función Divisiones y párrafos
Características Gráficos
Ventajas de uso Otros objetos multimedia
B. Creación de páginas con HTML5 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 lo s estilos
requeridos por el cliente.
A. Inclusión de hojas de estilos (CSS) Selectores de estilo para textos, encabezados e hipervínculos
Inclusión de estilos dentro de páginas HTML Uso de espacio
Inclusión de estilos en archivos dedicados Uso de color
B. Utilización de etiquetas de estilo Centrado de objetos.

7
 Diseño de portales dinámicos DPDI-00

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.

RESULTADO DE APRENDIZAJE: 3.1 Utiliza elementos de HTLM5, CSS y Ja vaScript 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 Transiciones
Animación con CSS Ciclos
Control de divisiones y párrafos Animación de elementos C. Animación con JavaScript
B. Animación con CSS Arreglos
Animaciones con parámetros CSS 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 B. Aplicación de Scripts
Evento click Tipos de archivos
Evento hoover Función
Evento scroll 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 H TML5 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 B. Desarrollo del portal dinámico
Marco regulatorio internacional Generación de requerimientos
Marco regulatorio nacional Desarrollo de requerimientos formales
Desarrollo de portal de información dinámico

8
Criterios de evaluación

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
heteroevaluacion

9
 Normas de asistencia
Contrato de Aprendizaje  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.

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

10
Tabla de ponderación

11
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 1
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

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

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.

HOJA DE EVALUACIÓN 2
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

13
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.

HOJA DE EVALUACIÓN 3
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

14
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.

HOJA DE EVALUACIÓN 4
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

15
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

HOJA DE EVALUACIÓN 5
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

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

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.

HOJA DE EVALUACIÓN 6
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

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

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.

HOJA DE EVALUACIÓN 7
Nombre del alumno No. de lista
Nombre del Ma. Luz Yuvina Campos García Grupo
profesor
Fecha Actividad Calificación Firma o Sello
(TAREA, PRACTICA, EXPO, ETC)

PROMEDIO

18