Versión: 01. Fecha: 01/04/2013. Código: F004-P006-GFPI GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE

Transcripción

1 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 GUÍA DE APRENDIZAJE Nº 1 1. IDENTIFICACIÓN DE LA GUIA DE APRENDIZAJE Programa de Formación: Técnico en programación de software Nombre del Proyecto: Sistema de información para la gestión empresarial 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 Resultados de Aprendizaje: Construir el mapa de navegación de acuerdo con el diseño entregado para orientar al usuario en el uso del aplicativo Resultados de Aprendizaje: Código: Versión: 100 Código: Actividad (es) de Aprendizaje: Desarrollar páginas dinámicas orientadas a la web. Competencia: Desarrollar el sistema que cumpla con los requerimientos de la solución informática Competencia: Resultados de Aprendizaje: Competencia: Duración de la guía ( en horas): INTRODUCCIÓN

2 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: Página 2 de 9

3 CAJA DE TEXTO MULTILINEA: CASILLAS DE VERIFICACION: BOTONES RADIO Página 3 de 9

4 LISTAS Página 4 de 9

5 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 <INPUT NAME= ID= size= 20 maxlength= 20 > <BR> <INPUT TYPE= SUBMIT VALUE= Enviar > </FORM> Introducimos nuestro nombre y el 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 ]. Página 5 de 9

6 3. ESTRUCTURACION DIDACTICA DE LAS ACTIVIDADES DE APRENDIZAJE 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: Página 6 de 9

7 Página 7 de 9

8 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 4. RECURSOS PARA EL APRENDIZAJE Aula de clase, Biblioteca SENA, Enlaces de páginas Web, Blog, Chat, Foros temáticos y sociales. 5. GLOSARIO DE TERMINOS 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. Página 8 de 9

9 6. BIBLIOGRAFÍA/ WEBGRAFÍA Formularios HTML. En línea. Disponible en: (Consulta 24/06/2013) Formularios con PHP. En línea. Disponible en: (Consulta 24/06/2013) 7. CONTROL DEL DOCUMENTO (ELABORADA POR) ELABORADA POR: HECTOR JULIAN PAMPLONA REVISADA POR: LUCY ELIZABETH VANEGAS Página 9 de 9