12
6 Semana: Semana 6 ELABORACION DE PAGINAS WEB CON OBJETOS DE FORMULARIOS y FUNCIONES DE JAVASCRIPT Temática: 4.1. Introducción a la programación del “lado del cliente” 4.2. Fundamentos del lenguaje JavaScript 4.3. Uso de herramientas de programación JavaScript Objetivo(s): Práctica en laboratorio de cómputo: Identificarás la manera de elaborar funciones en JavaScript y como ejecutarlas por medio de eventos en ciertas etiquetas de XHTML. Desarrollarán y programarás código de JavaScript, agregarás controles de formulario a tus páginas web para que tus usuarios puedan enviarte sus datos o información Elaborarás un formulario web en una página asp que contenga lo siguiente: Etiquetas dentro del formulario web Tablas xhtml para el formulario Objetos caja de texto Objetos caja de de selección (combobox) Objetos botón de selección (radio button)

Calendarización Módulo 4

Embed Size (px)

DESCRIPTION

Actividades del módulo 4 de programación web

Citation preview

6

Semana:

Semana 6

ELABORACION DE PAGINAS WEB

CON OBJETOS DE FORMULARIOS y FUNCIONES DE JAVASCRIPT

Temática:

4.1. Introducción a la programación del “lado del cliente” 4.2. Fundamentos del lenguaje JavaScript 4.3. Uso de herramientas de programación JavaScript

Objetivo(s):

Práctica en laboratorio de cómputo: Identificarás la manera de elaborar funciones en JavaScript y como ejecutarlas por medio de eventos en ciertas etiquetas de XHTML. Desarrollarán y programarás código de JavaScript, agregarás controles de formulario a tus páginas web para que tus usuarios puedan enviarte sus datos o información Elaborarás un formulario web en una página asp que contenga lo siguiente:

• Etiquetas dentro del formulario web • Tablas xhtml para el formulario • Objetos caja de texto • Objetos caja de de selección (combobox) • Objetos botón de selección (radio button)

• Botón de comando reset • Botón de comando submit • Enlace en código hacia un archivo Javascript externo • Desarrollo de archivo de Javascript • Comentarios en Javascript • Elaboración de Funciones en Javascript

o Elaboración de una función que ejecute un mensaje al cargar una página web o Mensajes de alerta con Javascript

• Mandar llamar funciones de Javascript (Ejecutar funciones en JavaScript) • Manejo de eventos en JavaScript desde etiquetas de HTML

Escribirás una función básica y pequeña en JavaScript que mostrará un mensaje de alerta al usuario cuando de cargue una página web

Actividad Áulica:

Práctica en laboratorio de cómputo: El asesor en conjunto con los estudiantes elabora scripts del lenguaje JavaScript. Identificarán la manera de elaborar funciones en JavaScript y como ejecutarlas por medio de eventos en ciertas etiquetas de XHTML. Elaboración de formulario web en una página asp que contenga lo siguiente:

• Etiquetas dentro del formulario web • Tablas xhtml para el formulario • Objetos caja de texto • Objetos caja de de selección (combobox) • Objetos botón de selección (radio button) • Botón de comando reset • Botón de comando submit • Enlace en código hacia un archivo Javascript externo • Desarrollo de archivo de Javascript • Comentarios en Javascript • Elaboración de Funciones en Javascript

o Elaboración de una función que ejecute un mensaje al cargar una página web o Mensajes de alerta con Javascript

• Mandar llamar funciones de Javascript (Ejecutar funciones en JavaScript) • Manejo de eventos en JavaScript desde etiquetas de HTML

Actividad Extra áulica: (Tareas)

• Se sigue trabajando con la tarea sobre investigación del lenguaje JavaScript, para esta tarea se le da al estudiante 2 semanas para su entrega

Evidencia de la Actividad Extraúlica:

• Resumen de los puntos básicos de JavaScript, enviarlo a su buzón de tareas. El buzón se

encuentra ubicado en el módulo 3 y se llama “JAVASCRIPT”. Deberá enviarse en formato de Word.

• Los estudiantes ya tienen su propia librería de códigos de JavaScript que encontraron en Internet y que pueden aplicar en el desarrollo de sus propias páginas web.

• Los estudiantes ya tienen códigos que les permitirán validar objetos de formulario en páginas web

Forma de entrega: • Buzón del módulo 3 llamado: “JAVASCRIPT” en las fechas establecidas para esta tarea

7

Semana:

Semana 7

VALIDACIONES DE OBJETOS DE

FORMULARIOS CON JAVASCRIPT

Temática:

4.4. Validación de datos a través de la programación con formularios El estudiante comprenderá lo que son las validación de javascript El estudiante generará habilidades para utilizar las validaciones de javascript en las paginas asp El estudiante generará habilidades para mandar llamar funciones de JavaScript desde un botón mediante código El estudiante validará la entrada de texto en un campo de texto con javascript El estudiante validará la entrada de texto en una caja de selección con javascript El estudiante validará la entrada de texto en un radio de selección con JavaScript

Objetivo(s):

Práctica en el laboratorio de cómputo: Programarás scripts o códigos de JavaScript los cuales te permitirán validar la información que tus usuarios ingresen en tus objetos de formulario. Programarás una función la cual validará que los objetos de formulario no queden vacíos o sin información. Programarás scripts para validar un campo de texto, una caja de selección y un grupo de botones de radio

Actividad Áulica:

Práctica en el laboratorio de cómputo: El asesor junto con los estudiantes elaboran y programan scripts en el lenguaje JavaScript que serán utilizados para validar las entradas de texto que hará el usuario en los objetos de formulario ubicados en la página web

• Explicación de una validación realizada en Javascript: • Validación de un campo de texto con Javascript • Validación de una caja de selección con Javascript • Validación de botones de radio de selección con Javascript

Actividad Extra áulica: (Tareas)

TAREA 5 - LENGUAJES DEL LADO DEL SERVIDOR y SERVIDORES DE BASES DE DATOS

Investigar las características mas relevantes sobre los lenguajes de programación en web que se conocen o usan más en el mercado hoy en día. Es necesario buscar aspectos como:

• Requisitos de instalación • Versiones que existen del lenguaje y fecha de liberación de cada versión • Empresa que lo desarrolló (Si es libre o de uso con licencia) • En qué se utilizan principalmente esos lenguajes • Ejemplos de aplicaciones desarrolladas con esos lenguajes, (nombrarlos o enumerarlos),

es decir, menciona varios sitios web que conozcas que se elaboraron ya sea con ASP, PHP, ASP.net, etc.

Los lenguajes a investigar son: ASP 3, PHP, JSP, CFM (ColdFusion) Perl y ASP.net (1.1, 2.0, 3.5 y 4.0)

Investigar el funcionamiento del esquema conocido como Cliente - Servidor en Internet o

Funcionamiento de las Aplicaciones Web.

También lo que es el Esquema de Desarrollo conocido como Framework de Microsoft y las versiones que existen.

Por otra parte, investigar sobre lo que son y las características de los Servidores Web Apache y TomCaT.

Además, las características, usos, aplicaciones y administración de los Servidores de Bases de Datos SQL Server 2005 (8), Oracle 10g (11g) y MySQL 5

Por último, (a manera de recordatorio) investigar el cómo crear tablas, campos, índices, consultas, inserciones, borrado y actualización de datos con el lenguaje SQL Estándar, es decir:

• Create table • Primary Key • Create Index • SELECT • INSERT INTO • DELETE • UPDATE

Tu tarea – investigación no debe exceder de 25 cuartillas

NOTA IMPORTANTE Es muy necesario que el nombre de tu archivo me lo envíes con la siguiente nomenclatura: Paterno_Materno_TareaX donde Paterno es tu Apellido Paterno, Materno es tu Apellido Materno y TareaX es el número de la Tarea que me mandas. Por ejemplo, para esta tarea sería: Vega_Tapia_Lenguajes_Servidor

Además se deberá dar lectura al archivo PDF llamado "Aspectos Básicos de las Aplicaciones Web" que se encuentra en la misma unidad de aprendizaje en la parte de archivos del curso en

línea.

Evidencia de la Actividad Extraúlica:

• Página web con formulario validado por medio de JavaScript y documento en formato de Word

que presenta los principales lenguajes de programación para Internet (los más comerciales y / o conocidos)

Forma de entrega:

• Buzón del módulo 4 llamado “LENGUAJES DEL LADO DEL SERVIDOR” en el cual se

depositará la investigación teórica en formato de Word • Se debe de enviar en las fechas establecidas

8

Semana:

Semana 8

INTRODUCCION DE LOS

LENGUAJES DE PROGRAMACION EN AMBIENTES WEB Y

SERVIDORES DE BD

Temática:

4.5. Introducción a la programación del “lado del servidor” 4.6. Fundamentos de la programación CGI & Tecnologías de Scripts 4.7. Lenguajes de guiones empotrados en XHTML

4.8 Introducción al uso de una Base de Datos Robusta (Oracle, MySQL o SQL Server (Creación de usuarios, base de datos, tablas, campos y consultas)

5.1. Introducción al lenguaje ASP 5.2. Variables, constantes, identificadores y tipos de datos 5.3. Control del Flujo

5.4. Manejo de cadenas y expresiones regulares 5.5. Introducción al concepto de aplicaciones distribuidas

5.6. Ejemplo de una aplicación Web distribuida 5.7. Definición de proyecto final (Gestor de Bases de Datos – SQL Server u ORACLE u MySQL) 5.8 Ciclos y condiciones en el lenguaje ASP

El estudiante reconocerá los diferentes lenguajes de servidor más comunes en el mercado El estudiante reconocerá el servidor de Bases de Datos SQL Server u ORACLE (según calendario)

El estudiante desarrollará tablas y administrará servidores de Bases de Datos El estudiante reconocerá e identificará los aspectos básicos para comenzar a programar en el lenguaje ASP en la elaboración de páginas web dinámicas

Objetivo(s):

Programarás tus primeros scripts del lenguaje de programación de páginas dinámicas conocido como ASP (Active Server Pages) Diferenciarás y distinguirás los diferentes lenguajes de programación y bases de datos empresariales que existen en el mercado del desarrollo web Instalarás y administrarás un gestor de bases de datos empresarial, pudiendo ser SQL Server, ORACLE o MySQL

Actividad Áulica:

Análisis y explicación de los principales lenguajes de programación para Internet Iniciar con la elaboración de scripts de ASP combinado con etiquetas de XHTML Programar scripts de ASP con ayuda de la interfaz de Adobe Dreamweaver

• Lenguajes de Servidor o ASP (3.0) o ASP.NET (1,2, 3.5, 4.0) o PHP (4,5,6) o JSP o CFM

• Servidores Web o IIS o APACHE o TomCat

• Servidores robustos de Bases de Datos • Mysql • Oracle

• SQL Server

• Implementación y Administración de algún gestor de Base de Datos (SQL Server u ORACLE u MySQL)

• Aspectos básicos del lenguaje ASP con apoyo de Dreamweaver • Sintaxis del lenguaje ASP • Variables en ASP y su definición • Operadores Aritméticos en ASP (+,-,*,/) • Operadores de Comparación (=.>,<,>=) • Operadores Lógicos (and, or, xor, not) • Sentencia condicional if...then...else • Sentencia condicional Select case... • Bucle While...Wend • Sentencia condicional for...next

Actividad Extra áulica: (Tareas)

TAREA 6 - ASP COMO LENGUAJE DE SCRIPTS PARA WEB Investigar aspectos relacionados al lenguaje ASP (Active Server Pages 3.0) con aspectos como:

o ¿Qué son las páginas ASP? o Sintaxis del lenguaje ASP o Diferencia entre ASP y las tecnologías de secuencias de comandos del cliente o ¿Cómo se establecen los comentarios en ASP? o Carácter de continuación de línea ¿Cuál es y un ejemplo? o ¿Qué es una variable en ASP y cuál es su definición o declaración? o Tipos de datos que aceptan las variables en ASP o ¿Qué es una constante en ASP? o Operadores de asignación en ASP o Operadores matemáticos en ASP o Operadores de comparación en ASP o Operadores Lógicos en ASP

o ¿Cómo se concatenan (unen) cadenas en ASP? o ¿Qué es una estructura de control en ASP? o Instrucción IF THEN (sintaxis y ejemplo) o Instrucciones IF THEN ELSE (sintaxis y ejemplo) o Instrucción Select Case (sintaxis y ejemplo) o Instrucciones While Wend (sintaxis y ejemplo) o Instrucciones For Next (sintaxis y ejemplo) o Función Len() ¿Para que se usa o para qué sirve? o Función Trim() ¿Para que se usa o para qué sirve? o Función Now() ¿Para que se usa o para qué sirve? o Función Date() ¿Para que se usa o para qué sirve? o Función Time() ¿Para que se usa o para qué sirve? o Objetos integrados de ASP

El Objeto RESPONSE (propiedades y métodos) Response.write (para que sirve y ejemplo) Response.Redirect (para que sirve y ejemplo)

El Objeto REQUEST (propiedades y métodos) Request.Form (para que sirve y ejemplo) Request.QueryString (para que sirve y ejemplo)

El Objeto SESSION (propiedades y métodos) Declaración de variables de Session Asignación de valores a una variable de Session

Inclusiones del servidor Uso de librerías en ASP (#includes )

NOTA IMPORTANTE Es muy necesario que el nombre de tu archivo me lo enviés con la siguiente nomenclatura: Paterno_Materno_TareaX donde Paterno es tu Apellido Paterno, Materno es tu Apellido Materno y TareaX es el número de la Tarea que me mandas. Por ejemplo, para esta tarea sería: Vega_Tapia_ASP_Lenguaje_ASP

Evidencia de la Actividad Extraúlica:

• Documento con las principales características del lenguaje de programación para Internet ASP

3.0. Es un archivo en formato de Word a manera de un pequeño manual de consulta que contiene aspectos básicos del lenguaje de programación ASP (versión 3)

Forma de entrega: • Buzón ubicado en el módulo 4 llamado: “ASP COMO LENGUAJE DE SCRIPTS PARA WEB”