USO DE HERRAMIENTAS PARA APLICACIONES WEB · 2016-03-16 · continuamente la eficacia del Sistema...

P á g i n a 1 | 39

PORTAFOLIO DE EVIDENCIAS

“USO DE

HERRAMIENTAS PARA APLICACIONES WEB”

Nombre del Alumno: ______________

Grupo: _______Carrera:

Aula: ______Matricula: __________

Modelo Académico: 2008

Clave del Plantel: 109

Clave Asignatura: UHAW-02

P á g i n a 2 | 39

P á g i n a 3 | 39

VISIÓN

P á g i n a 4 | 39

VALORES CONALEP

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.

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.

Responsabilidad

Cada uno de nosotros debe responsabilizarse del resultado de su trabajo y tomar sus propias decisiones dentro del ámbito de su competencia. 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.

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

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.

POLÍTICA DE CALIDAD

"En el Conalep Estado de México estamos comprometidos con la formación de Profesionales técnicos-bachilleres de alto nivel competitivo, educados en valores cívicos, institucionales y de desarrollo humano sustentable, con el fin de satisfacer los requisitos de nuestros clientes y mejorar continuamente la eficacia del Sistema de Gestión de la Calidad".

P á g i n a 5 | 39

MAPA CURRICULAR DE LA CARRERA DE INFORMATICA

P á g i n a 6 | 39

EVALUACION DIAGNOSTICA NOMBRE DEL ALUMNO: ________________________________ GRUPO: __________________

Contesta correctamente las siguientes preguntas:

1. ¿Qué significa HTTP? __________________________________________________________________________________________________________

2.- ¿Qué significa FTP? __________________________________________________________________________________________________________

3.- ¿Qué significa WWW? __________________________________________________________________________________________________________

4.- ¿Qué servicios proporciona el internet? __________________________________________________________________________________________________________

5.- Da la definición de internet __________________________________________________________________________________________________________

P á g i n a 7 | 39

TEMARIO

NOMBRE DEL MODULO UNIDAD DE APRENDIZAJE RESULTADO DE APRENDIZAJE

Uso de herramientas para aplicaciones web 90 horas

1. Construcción de páginas web.

25 horas

1.1 Determina el entorno de ejecución de las aplicaciones web, empleando software de servidor

que soportan los sitios web. 5 horas

1.2 Desarrolla páginas web, utilizando el lenguaje para el

desarrollo de sitios Web.

20 horas

2. Desarrollo de aplicaciones

web.

35 horas

2.1 Selecciona la plataforma de desarrollo para aplicaciones web,

de acuerdo con la capacidad y funcionalidad diseñada para el sitio

Web. 10 horas

2.2 Desarrolla aplicaciones web, mediante el uso de componentes

de la plataforma de desarrollo.

25 horas

3. Integración de bases de datos a

las aplicaciones web.

30 horas

3.1 Selecciona y aplica el software y recursos técnicos necesarios, para la integración de bases de

datos a aplicaciones web. 10 horas

3.2 Programa la interface de la aplicación web con las bases de

datos, para el manejo dinámico de información.

20 horas

P á g i n a 8 | 39

Unidad de aprendizaje: Construcción de páginas web. Número 1

Propósito de la unidad Difundirá información mediante la estructuración y presentación de datos en sitios web que con lleven al desarrollo propio de aplicaciones web estáticas y dinámicas.

25 horas

Resultado de aprendizaje: 1.1 Determina el entorno de ejecución de las aplicaciones web, empleando software de servidor que soportan los sitios web

5 horas

Actividades de evaluación

C P A Evidencias a recopilar

Ponderación Contenidos

1.1.1. Configura el entorno de trabajo, para el desarrollo de un sitio web.

Esta evaluación requiere del apoyo de material para su desarrollo

instalado y configurado.

15% A. Definición de la arquitectura para aplicaciones web.

aplicaciones. B. Programación lado cliente.

C. Programación lado servidor.

- http.

- https.

Instalación y configuración del servidor de aplicaciones.

programación para web. D. Establecimiento del entorno para el desarrollo de un sitio web.

para el desarrollo.

del trabajo.

P á g i n a 9 | 39

gráficos y multimedia.

Resultado de aprendizaje: 1.2 Desarrolla páginas web, utilizando el lenguaje para el desarrollo de sitios Web.

20 horas




1.2.1. Desarrolla una página web en XHTML y hojas de estilo, sobre un tema de su interés, con vínculos hacia otras páginas.


que muestra el código XHTML de la página web programada.

web en diferentes navegadores de internet.

15% A. Elaboración de páginas web estáticas mediante el lenguaje XHTML.

- Tipos de letra

- Párrafos

- Colores

- Referencia absoluta

- Referencia relativa

multimedia.

B. Usos de las hojas de estilo en cascada.

C. Aplicación de efectos a páginas web

advertencias

acciones o eventos dentro de un página web

Sesión para recapitulación y entrega de evidencias.

P á g i n a 10 | 39

Unidad de aprendizaje: Desarrollo de aplicaciones web. Número 2

Propósito de la unidad Programará aplicaciones web de acuerdo con su diseño y de las características de la plataforma de desarrollo, para la presentación estática de datos.

40 horas

Resultado de aprendizaje: 2.1 Selecciona la plataforma de desarrollo para aplicaciones web, de acuerdo con la capacidad y funcionalidad diseñada para el sitio Web.

10 horas




2.1.1. Determina el servidor de aplicaciones web y plataforma de desarrollo a utilizar en su laboratorio.


página web en el servidor configurado.

página de comprobación de funcionamiento de la plataforma de desarrollo.

10% A. Determinación del software de desarrollo.

de la plataforma

el servidor de aplicaciones web

el servidor de base de datos.

para el diseño y desarrollo de aplicaciones.

software de desarrollo. B. Selección del servidor de aplicaciones web.

protocolo. - http.

- https.

sitios.

programación web

P á g i n a 11 | 39

Resultado de aprendizaje: 2.2 Desarrolla aplicaciones web, mediante el uso de componentes de la plataforma de desarrollo.

25 horas


C P A Evidencias a recopilar Ponderación Contenidos

2.2.1. Construye una aplicación web, en la que interactúan los componentes de la plataforma de desarrollo:

desarrollo de aplicaciones

programación


aplicación web

navegador desde el servidor configurado.

25 % A. Uso del lenguaje de programación para el desarrollo web.

variables.

Control de flujo.

Almacenamiento y conservación de datos de usuario. - Uso de cookies.

- Creación de

sesiones.

- Eliminación de

sesiones.

B. Verificación del funcionamiento y funcionalidad de la aplicación.

sitio web.

de datos de entrada y salida.

formato.


P á g i n a 12 | 39

Unidad de aprendizaje: Integración de bases de datos a las aplicaciones web. Número 3

Propósito de la unidad Programará aplicaciones web de acuerdo a los requerimientos del usuario y el sistema gestor de base de datos, para la presentación dinámica de datos.

30 horas

Resultado de aprendizaje: 3.1 Selecciona y aplica el software y recursos técnicos necesarios, para la integración de bases de datos a aplicaciones web.

10 horas



3.1.1. Desarrolla un sitio web que tenga conectividad con un sistema gestor de base de datos para la presentación de información contenida en la base de datos.


muestra la conexión con una base de datos.

10 % A. Selección del sistema gestor de bases de datos.

Sistema Gestor de Bases de Datos.

programación.

cliente/servidor.

distribuidas.

la plataforma de desarrollo. B. Configuración del entorno de trabajo de la base de datos en el servidor.

de datos

la base de datos.

base de datos con plataforma de desarrollo.

P á g i n a 13 | 39

Resultado de aprendizaje:

3.2 Programa la interface de la aplicación web con las bases de datos, para el manejo dinámico de información.

20 horas



3.2.1. Construye una aplicación web que permita seleccionar y almacenar información en la base de datos, mediante la programación de páginas dinámicas.


formularios para la interacción con la información de la base de datos.

25% A. Visualización de datos mediante páginas dinámicas web.

base de datos.

organización de datos

ción de datos.

B. Elaboración de formularios dinámicos mediante páginas web.

C. Seguridad en aplicaciones web

ataques a aplicaciones web. - Negación de servicio o

DoS.

- Cross Site Scripting O

XSS.

- SQL Injection.

de entrada. - Del lado del cliente.

- Del lado del servidor

web.

- Del lado del sistema

gestor de bases de datos.

datos de salida. de

accesos de usuarios. - Por la aplicación web.

- Por el servidor web.

datos.


P á g i n a 14 | 39

CRITERIOS DE EVALUACION

1. PORTAFOLIO DE EVIDENCIAS (CARPETA) 40

2. EVIDENCIA POR PRODUCTO (EXAMEN ) 20

3. EVIDENCIA POR DESEMPEÑO (TAREAS) 40

ACTITUD, LIMPIEZA, ORDEN, RESPETO, PUNTUALIDAD Y ASISTENCIA (EXTRA

Reglamento interno de clase:

a. NORMAS DE ASISTENCIA Y COMPORTAMIENTO

b. No decir palabras altisonantes, obscenidades, insultos y apodos

c. Respetar a la Institución y a su personal

d. Portar el uniforme completo

e. No portar gorras ni pearcing

f. No usar durante la clase celulares ni aparatos electrónicos como: iPod, MP3, PSP, etc.

g. Apagar alarmas

h. Se darán 10 minutos de tolerancia al iniciar la clase (No existen los retardos)

i. Las faltas se contaran por clase

j. Justificar faltas dentro de las 48 horas inmediatas que marca el reglamento (se justificaran únicamente con el documento que expide la Institución)

k. Mantener el salón limpio y ordenado

l. No hay permisos para salir del salón

m. Solamente habrá receso de 30 minutos

n. Para acreditar el módulo se deberá cubrir el 80% de asistencia.

o. Portar gafete y portafolio de evidencias para poder ingresar al laboratorio

p. No se debe decir: no sé, no puedo, no me gusta, no quiero, no puse atención.

q. Temario completo

r. Bibliografía

s. Forma de evaluación

t. Todos los apuntes tienen que venir fechados, con tema y firmado por el padre y tutor.

Nombre y Firma del alumno Nombre y Firma del Padre o Tutor

P á g i n a 15 | 39

Contesta las siguientes preguntas:

¿Qué es un servidor? ¿Qué es un servidor web? ¿Qué es un servidor de aplicaciones? ¿Qué es un servidor proxy? ¿Qué es un dominio? ¿Qué es un Browser? Anota 3 Browsers ¿Qué es un Buscador? Anota 3 Buscadores ¿A qué se le llama crawling? ¿Qué es la web 1.0? ¿Qué es la web 2.0?

Uso de herramientas para aplicaciones web Grupo: Aula: Fecha:

Nombre del Alumno(a):

P á g i n a 16 | 39

¿Qué es un CMS? ¿Qué es la web semántica? ¿Qué es la web 4.0?

P á g i n a 17 | 39

Llena la siguiente tabla comparativa.

Características de la paginas web estáticas

Características de la paginas web dinámicas



P á g i n a 18 | 39

Practica: Abre el Bloc de Notas de Windows mediante: Inicio > Todos los programas > Accesorios > Bloc de Notas. En un documento nuevo escribe el siguiente texto: Hola mundo

Selecciona Archivo > Guardar como. Se mostrará este cuadro de diálogo.

En la lista desplegable Guardar en: elige la carpeta donde desees guardar este documento. Introduce el nombre del archivo añadiéndole la extensión .htm Ejemplo: prueba.htm. Pulsa en el botón Guardar. Cierra la ventana del Bloc de Notas. Elige Inicio > Mis Documentos para situarte en esta carpeta donde has guardado tu archivo HTML. Encontrarás un archivo con el icono de un documento HTML con el nombre que has elegido.

Haz doble clic sobre el icono de este archivo y se abrirá el navegador configurado por defecto en tu

equipo mostrando el contenido de esta página HTML.

Observa que en la barra de título del navegador aparece el texto que has encerrado entre las

etiquetas<title>… </title>… y en el documento en blanco el texto que has incluido entre

<body>…</body>



P á g i n a 19 | 39

Crea el código necesario para la siguiente imagen de listas:

Anota el código que obtuviste



P á g i n a 20 | 39

Practica: Crea un sitio web (bellezas de la naturaleza Aparte de esta página; crea una página Web donde hables de los lugares más emblemáticos de Cuautitlán Izcalli. Crea otra donde hables del lugar o municipio donde radicas.



Subtítulo: Bellezas de la Naturaleza

Subtítulo: Visita el Estado de México

Texto………………………………

……………………………………

……………………………………

…………………………………….

IMAGEN MONTAÑA

SONIDO AVES SONIDO OLA

Texto……………………………………………………………………………

………………………………………………………………….

Texto………………………………

……………………………………

……………………………………

…………………………………….

IMAGEN PLAYA

Texto………………………………

……………………………………

……………………………………

…………………………………….

IMAGEN DEL ESTADO DE

MEXICO

Vinculo Texto:

Vista Cuautitlán Izcalli

Vinculo Texto:

Visita lugar donde vivo

P á g i n a 21 | 39

De la práctica Bellezas de la Naturaleza. Anota el código.



P á g i n a 22 | 39

Practica: Realiza una página web donde anuncies algún producto. Tomando en cuenta la siguiente estructura. Anota el código que obtuviste



P á g i n a 23 | 39

Practica: Anota el siguiente código en bloc de notas.

P á g i n a 24 | 39

Copia la pantalla resultante de la práctica anterior. Imprímela y pégala.



P á g i n a 25 | 39

Practica: realiza la siguiente tabla.

A

B

C

D

E

F

G

1 2

I

J

3 4

K

L

M

N

Ñ

Anota el codigo que empleaste



P á g i n a 26 | 39

Practica: realiza la siguiente tabla.

2

4

5

7

10

12




P á g i n a 27 | 39

Lenguaje Script

Realizar la práctica. Ingresa al editor de texto. 1. Determina el código XHTML necesario para crear el formulario que se muestra a continuación en la que se deben aplicar los siguientes elementos en el código: Elegir el método más adecuado para el formulario (GET o POST).

El nombre puede tener 30 caracteres como máximo, los apellidos 80 caracteres y la contraseña 10 caracteres como máximo. Asignar los valores adecuados al campo del CURP.

Por defecto, debe estar marcado.



P á g i n a 28 | 39

Anota el código:



P á g i n a 29 | 39

Realizar la práctica Aplicar las siguientes instrucciones de JavaScript en la páginas web. <script type="text/javascript"> Alert() Onclick() <noscript> </noscript>

Ingresa al editor de texto. 1. Transcribe el siguiente código. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>El primer script</title> <script type="text/javascript"> alert("Este es un mensaje de alerta !"); </script> </head> <body> <p>Esta página contiene el primer script</p> </body> </html> 2. Modificar el código insertado para que:

Todo el código JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga

funcionando de la misma manera. Después del primer mensaje, se debe mostrar otro mensaje que diga “Soy el primer script” Añadir en la página XHTML un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript Pega la pantalla de lo que obtuviste:



P á g i n a 30 | 39

Realizar la práctica: Ingresa al editor de texto 1. Modifica el código desarrollado en la práctica denominada “Inclusión de código de javascript en XHTML empleando un archivo externo” para que: El mensaje que se muestra al usuario se almacene en una variable llamada mensaje y el funcionamiento del script sea el mismo. El mensaje mostrado sea como el que se muestra a continuación:




P á g i n a 31 | 39

Realizar la práctica: Ingresa al editor de texto 1. Crea un arreglo denominado meses, el cual almacene el nombre de los meses del año, 2. Mostrar en pantalla los nombres almacenados, empleando la función alert(). 3. Los mensajes mostrados deberán ser como los mostrados a continuación.

Anota el código que empleaste



P á g i n a 32 | 39

Realiza la práctica: Ingresa al editor de texto 1. Elabora un programa en el que declara 3 arreglos denominados arreglo0, arreglo1, arreglo2 y le asigna siguientes valores a cada arreglo: Arreglo0 (Modelo, Marca, CC, Motor, Potencia)

Arreglo1 (cougar, ford, 2.5, V6, 172) Arreglo2 (chevy, chevrolet, 1.6, V4, 160)

Y que imprima en pantalla los valores almacenados en cada uno de los arreglos aplicándole formato a la salida empleando tablas.

2. Transcribe el programa en el editor del entorno de desarrollo. 3. Guarda el archivo que contiene el programa transcrito. 4. Ejecuta el programa en el navegador.

5. Inicia el proceso de depuración del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. 6. Verifica que la página resultante es similar a la siguiente:




P á g i n a 33 | 39

Practica: Elabora un programa en el que se proporcionen 3 números y realice una comparación entre los números proporcionados, para determinar cual de los 3 es el mayor. 2. Transcribe el programa en el editor del entorno de desarrollo. 3. Guarda el archivo que contiene el programa transcrito. 4. Ejecuta el programa en el navegador. 5. Inicia el proceso de depuración del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. 6. Verifica que la página resultante es similar a la siguiente:




P á g i n a 34 | 39

Realiza la práctica: Ingresa al editor de texto 1. Ingresa al editor del entorno de desarrollo 2. Elabora un programa en el que realice el cálculo del factorial de un número dado. 3. Transcribe el programa en el editor del entorno de desarrollo. 4. Guarda el archivo que contiene el programa transcrito. 5. Ejecuta el programa en el navegador.





P á g i n a 35 | 39

Realiza la práctica: Ingresa al editor de texto 1. Ingresa al editor del entorno de desarrollo 2. Elabora un programa para calcular la descomposición factorial de un número dado. 3. Transcribe el programa en el editor del entorno de desarrollo. 4. Guarda el archivo que contiene el programa transcrito. 5. Ejecuta el programa en el navegador.





P á g i n a 36 | 39

Realiza la práctica Ingresa al editor de texto 1. Elabora un programa para calcular la raíz cuadrada y la raíz cúbica de un número dado, para lo cual se requiere elaborar dos funciones, una para calcular la raíz cuadrada y otra para calcular la raíz cúbica e imprimir los valores calculados en pantalla. 2. Transcribe el programa en el editor del entorno de desarrollo. 3. Guarda el archivo que contiene el programa transcrito. 4. Ejecuta el programa en el navegador.





P á g i n a 37 | 39

Realizar la práctica Ingresa al editor de texto 1. Ingresa al editor del entorno de desarrollo

2. Elabora un programa que permita mostrar un contador de accesos utilizando cookies, y que además permita eliminar las cookies generadas. 3. Transcribe el programa en el editor del entorno de desarrollo. 4. Guarda el archivo que contiene el programa transcrito. 5. Ejecuta el programa en el navegador.

6. Inicia el proceso de depuración del programa, hasta cerciorarse que el programa cumpla con el objetivo establecido. 7. Verifica que las páginas resultante son similares a las siguiente:




P á g i n a 38 | 39

Realizar la práctica Ingresa al editor de texto

1. Elabora un programa que permita mostrar un contador de accesos utilizando sesiones, y que además permita eliminar las sesiones generadas. 2. Esta página deberá mostrar además del número de accesos, el ID de la sesión y el nombre de la sesión empleada y el nombre anterior de la sesión.

Transcribe el programa en el editor del entorno de desarrollo. 3. Guarda el archivo que contiene el programa transcrito. 4. Ejecuta el programa en el navegador.





P á g i n a 39 | 39



USO DE HERRAMIENTAS PARA APLICACIONES WEB · 2016-03-16 · continuamente la eficacia del Sistema...

Documents

Transcript of USO DE HERRAMIENTAS PARA APLICACIONES WEB · 2016-03-16 · continuamente la eficacia del Sistema...