SERVICIO NACIONAL DE APRENDIZAJE SENA GUÍA DE APRENDIZAJE

SISTEMA INTEGRADO DE GESTIÓN Proceso Gestión de la Formación Profesional Integral

Procedimiento Ejecución de la Formación Profesional Integral

Versión: 01

Fecha: 01/04/2013

Código: F004-P006-GFPI

Programa de Formación: Técnico en programación de software

Código: 228120 Versión: 100

Nombre del Proyecto: Sistema de información para la gestión empresarial

Código: 471143

Fase del proyecto: FASE 3. Ejecución del proyecto (Ejecución)

Actividad (es) del Proyecto: Interacción de la interfaz con la base de datos

Actividad (es) de Aprendizaje: Desarrollar páginas dinámicas orientadas a la web.

Resultados de Aprendizaje: 22050100703 Construir el mapa de navegación de acuerdo con el diseño entregado para orientar al usuario en el uso del aplicativo

Competencia: 220501007 Desarrollar el sistema que cumpla con los requerimientos de la solución informática

Resultados de Aprendizaje:

Competencia:

Resultados de Aprendizaje:

Competencia:

Duración de la guía ( en horas):

10

GUÍA DE APRENDIZAJE Nº 1

1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

2. INTRODUCCIÓN

Guía de Aprendizaje

Página 2 de 9

FORMULARIOS

Los formularios son una característica del estándar HTML Que permite a los autores recolectar información provista por los visitantes. Estos formularios pueden resultar útiles para reunir información personal, de contacto, preferencias, opiniones, o de cualquier otro tipo que el autor necesite.

Un formulario puede insertarse en un documento HTML a través del elemento HTML form que actuará como contenedor para todos los elementos de entrada. Toda la información recolectada por un formulario puede ser enviada a un agente procesador (un archivo conteniendo un script hecho especialmente para procesar esta información) que usualmente va especificado en el atributos "action".

También puedes especificar cómo la información será enviada en el valor del atributo "method": "post" (los datos del formulario son adjuntados al cuerpo del mismo) ó "get" (los datos del formulario son adjuntados a la URL). Se supone que el agente procesador sabe cuál es el método de envío del formulario.

De este modo, un formulario simple puede tener la siguiente declaración:

<form method="post" action="paginaProcesa.php">

...Controles...

</form>

A modo de ejemplo algunos controles comúnmente utilizados en los formularios son los siguientes:

CAJA DE TEXTO:

Guía de Aprendizaje

Página 3 de 9

CAJA DE TEXTO MULTILINEA:

CASILLAS DE VERIFICACION:

BOTONES RADIO

Guía de Aprendizaje

Página 4 de 9

LISTAS

Guía de Aprendizaje

Página 5 de 9

BOTONES

Para manejar la información de un formulario debes usar un script del lado servidor.

Para esto podemos utilizar el lenguaje de programación PHP.

A modo de ejemplo vamos a acceder al contenido de los controles que tenemos en un formulario

Utilizando el lenguaje PHP:

Tenemos el siguiente formulario

<FORM NAME=”datos” ID=”datos” ACTION=”paginaProcesa.php” METHOD=”POST”> Tu nombre: <INPUT NAME=”nombre” ID=”nombre” size=”20” maxlength=”20”> <BR> Tu email: <INPUT NAME=”email” ID=”email” size=”20” maxlength=”20”> <BR> <INPUT TYPE=”SUBMIT” VALUE=”Enviar”> </FORM>

Introducimos nuestro nombre y el email y pulsamos el botón de Enviar. ¿Cómo consultamos el valor de estos campos en el PHP de destino ( paginaProcesa.php)? PHP construye arrays asociativos para las variables que nos remitan por un formulario:

• Si hemos usado METHOD=GET tendremos un array asociativo $_GET[“nombre_var”] para referenciar cada variable del formulario.

• Si hemos usado METHOD=POST el array será $_POST[“nombre_var”].

Guía de Aprendizaje

Página 6 de 9

3.1 Actividades de Reflexión inicial.

¿Por qué es necesario en una aplicación Web utilizar formularios y recibir información por medio de un

script PHP para su proceso?

3.2 Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.

En equipos de trabajo buscar páginas Web en las cuales utilicen formularios. Describa cual es el objetivo

de estos formularios.

3.3 Actividades de apropiación del conocimiento (Conceptualización y Teorización).

- Consulte para qué sirve la propiedad ACTION y METHOD en una etiqueta FORM

- Explique detalladamente la función de la etiqueta <INPUT TYPE=”SUBMIT” VALUE=”Enviar”>

- Consulte las diferentes formas de acceder a los valores de los controles utilizando el lenguaje de

programación PHP

3.4 Actividades de transferencia del conocimiento.

• Realice un cuadro donde describa cada control, el código para generar el control, su objetivo y un

ejemplo real de la aplicación del control.

• Exponga a sus compañeros un control asignado por el instructor tenga en cuenta definir el control, el objetivo del control, el código para generar el control, un ejemplo de su aplicación y un ejercicio para sus compañeros.

• Realice el siguiente formulario. Cuando le dé clic al botón Enviar (Submit) en una página PHP debe mostrar los datos que diligencio del formulario:

3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE

Guía de Aprendizaje

Página 7 de 9

Guía de Aprendizaje

Página 8 de 9

3.5 Actividades de evaluación.

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de

Evaluación

Evidencias de Conocimiento :

Temática Guía

Evidencias de Desempeño:

Exposición

Evidencias de Producto:

Formularios

Utiliza correctamente la herramienta de desarrollo seleccionada, aplicando las funciones propias en la solución de problemas de acuerdo con las necesidades del proyecto de formación.

Cuestionario

Lista de chequeo de desempeño

Páginas Web con formularios

Aula de clase, Biblioteca SENA, Enlaces de páginas Web, Blog, Chat, Foros temáticos y sociales.

Formulario Web: Un formulario web dentro de una página web permite al usuario introducir datos los

cuales son enviados a un servidor para ser procesados.

HTML: hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se

utiliza para describir y traducir la estructura y la información en forma de texto, así como para

complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas»,

rodeadas por corchetes angulares (<,>).

Control Web: Es un objeto grafico que permite interactuar con el usuario con el objetivo de recopilar

información.

PHP: es un lenguaje de programación de uso general de código del lado del servidor originalmente

diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de

programación del lado del servidor que se podían incorporar directamente en el documento HTML en

lugar de llamar a un archivo externo que procese los datos.

4. RECURSOS PARA EL APRENDIZAJE

5. GLOSARIO DE TERMINOS

Guía de Aprendizaje

Página 9 de 9

Formularios HTML. En línea. Disponible en:

• http://www.htmlquick.com/es/tutorials/forms.html (Consulta 24/06/2013)

Formularios con PHP. En línea. Disponible en:

• http://phpdesdecero.blogspot.com/2008/01/4-formularios-con-php.html (Consulta 24/06/2013)

ELABORADA POR: HECTOR JULIAN PAMPLONA

REVISADA POR: LUCY ELIZABETH VANEGAS

6. BIBLIOGRAFÍA/ WEBGRAFÍA

7. CONTROL DEL DOCUMENTO (ELABORADA POR)