Versin: 01

SERVICIO NACIONAL DE APRENDIZAJE SENA

SISTEMA INTEGRADO DE GESTIN Y
Cdigo: GFPI-G-001
AUTOCONTROL
Gua de Aprendizaje para el Programa de Formacin
Fecha de Vigencia:
Complementaria Virtual
2013-10-09

GUA DE APRENDIZAJE N 4

1. INTRODUCCIN

Bienvenido(a) a la actividad de aprendizaje 4: Transferir datos de diferentes pginas web

para comprobar el funcionamiento del sistema, del programa de formacin Desarrollo
web con PHP.

En esta actividad de aprendizaje se desarrolla el tema de interaccin con el usuario a

travs de hipervnculos y formularios, y cmo la informacin obtenida puede ser
transmitida entre pginas y procesada usando rutinas PHP, lo cual es de suma
importancia para generar una interactividad exitosa entre la aplicacin y el usuario.

Para realizar las evidencias correspondientes a esta actividad de aprendizaje, es

necesario revisar los materiales del programa, explorar los materiales de apoyo y realizar
consultas en internet.

2. IDENTIFICACIN DE LA GUA DE APRENDIZAJE

Cdigo: 21730185
Programa de formacin: Desarrollo web con PHP
Versin: 01
Competencia:
Resultados de aprendizaje:
220501007
220501007-04
Construir el sistema que cumpla
Comprobar el funcionamiento del sistema mediante la
con los requisitos de la solucin
transferencia de datos entre diferentes pginas web.
informtica.
Duracin de la gua (en horas): 10 horas

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

3. ESTRUCTURACIN DIDCTICA DE LAS ACTIVIDADES DE APRENDIZAJE

3.1 Actividades de reflexin inicial

A manera de reflexin personal se sugiere leer detenidamente la siguiente situacin y

resolver el interrogante planteado:

La interaccin con el usuario hace que, realmente, sea posible tener aplicaciones web, ya
que es mediante los formularios e hipervnculos que se obtiene la informacin a procesar
dentro del sistema. Para comprender la evolucin de las pginas web, se sugiere
investigar sobre las pginas estticas, las cuales se utilizaban cuando inici la internet y
no permitan ningn tipo de interaccin, solo servan para transmitir informacin al usuario
de forma unidireccional.

Al comparar este panorama inicial con el actual, en el que se cuentan con herramientas
de la web 2.0 como YouTube o Facebook, se hace necesario que reflexione sobre el
aporte de esta evolucin para la humanidad, al generar herramientas de comunicacin
que incluso son usadas en los ambientes polticos de las naciones.

Teniendo en cuenta este contexto reflexione sobre el siguiente cuestionamiento:

Qu beneficios trae para el desarrollo web el contar con herramientas de comunicacin

como YouTube o Facebook?

Nota: esta actividad tiene como finalidad encaminarlo y motivarlo en el desarrollo de los
temas de esta gua de aprendizaje, por tal motivo no es calificable.

3.2 Actividades de contextualizacin e identificacin de conocimientos necesarios

para el aprendizaje

Evidencia: Wiki Interactividad de calidad

El propsito de esta wiki, es construir entre todos los participantes un listado de

recomendaciones para una interactividad de calidad entre todos los participantes de este
proceso de formacin.

Se espera que participe activamente en la wiki Interactividad de calidad con lo siguiente:

Comparta una recomendacin que cualquier programador debe aplicar en un desarrollo

Pgina 2 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

para lograr una interactividad de calidad para el usuario, indicando:

o Descripcin de la recomendacin.
o Importancia de la recomendacin para el cumplimiento de estndares de
programacin.
o Ejemplo de aplicacin de la recomendacin compartida en un cdigo .php.

Escriba su aporte en el wiki sin repetir las opiniones dadas por sus compaeros. Puede
editar o sugerir cambios a sus compaeros, ya que la finalidad de esta actividad es
realizar un documento entre todos.

Para acceder a la wiki, remtase al men principal dando clic en el botn Actividad 4 /
Evidencia: Wiki Interactividad de calidad.

3.3 Actividades de apropiacin del conocimiento (conceptualizacin y teorizacin)

Evidencia: Actividad interactiva Lgica en PHP

Usted fue seleccionado por una empresa de software muy reconocida a nivel nacional y
su labor inicial es analizar, completar y validar los fragmentos de cdigo de una aplicacin
que actualmente la organizacin desarrolla a uno de sus mejores clientes.

Para cumplir con el propsito de esta actividad, analice cada sintaxis que aparece e
identifique el fragmento de cdigo faltante para que se ejecute correctamente, digite el
cdigo en el espacio indicado y d clic en el botn Validar, ubicado la parte inferior
izquierda de la pantalla.

Tenga en cuenta que si valida incorrectamente tres fragmentos de cdigo, la aplicacin

que desarrolla la organizacin no cumplir con los requerimientos del cliente.

Para acceder a la actividad interactiva, remtase al men principal, seleccione el botn

Actividades 4 / Evidencia: Actividad interactiva Lgica en PHP.

3.4 Actividades de transferencia del conocimiento

Evidencia: Taller Uso de formularios para transferencia

El propsito de esta evidencia, es permitir que el usuario interacte y seleccione opciones

para una tarea especfica.

Pgina 3 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

Usted ha sido contratado para desarrollar una aplicacin web con PHP para gestionar las
sillas de un pequeo teatro, ya que el gerente quiere ofrecer a sus clientes la posibilidad
de reservar y/o comprar sus boletas de entrada a travs de internet.

El teatro tiene una sala de 5 filas y cada una cuenta con 5 sillas.

Para cumplir con esta evidencia tenga en cuenta lo siguiente:

1. Realice una interfaz sencilla que le muestre al usuario el teatro y los controles
necesarios para que elija la fila y el puesto (<input> tipo text) y, si quiere reservar,
comprar o liberar una silla (<input> tipo radio o <select>). Un ejemplo de la interfaz se
muestra a continuacin (Figura 1):

Figura 1. Ejemplo de la interfaz

Fuente: SENA

2. Para las transacciones se tienen las siguientes reglas:

o Solo se modifica la informacin de un puesto a la vez.

o Si el puesto est libre debe aparecer la letra l en mayscula (l), si el puesto est
reservado debe mostrar la letra R en mayscula (R), si el puesto est vendido

Pgina 4 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

debe aparecer la letra V en mayscula (V).
o Un puesto en estado libre (L) puede ser pasado a estado vendido (V) (mediante la
opcin comprar) o reservado (R).
o Un puesto en estado reservado (R) puede ser pasado a estado vendido (V) o
liberado (L).
o Un puesto en estado vendido (V) no puede cambiar a estado reservado (R) ni
liberado (L).
o Siempre que el usuario intente hacer una operacin no valida (como pasar un
puesto en estado vendido (V) ha estado liberado (L)), el sistema debe mostrarle un
mensaje (puede hacerse usando JavaScript) que le indique que la operacin no
pudo realizarse.

A continuacin se muestran dos figuras que indican lo que sucedera en la interfaz al

tratar de hacer una operacin no valida.

Un usuario intenta comprar el puesto 2 de la fila 1 (que ya est en estado vendido (V) -
Figura 2):

Figura 2. Intento de compra
Fuente: SENA

Pgina 5 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

El sistema debe indicarle que no se puede realizar la operacin:

Figura 3. Operacin no vlida
Fuente: SENA

3. Almacene los datos del teatro en un arreglo tipo matriz (esto implica que no van a
mantenerse ms all de la ejecucin del programa, pero no hay problema porque se
est trabajando con lo que se ha aprendido en el programa de formacin hasta este
punto), pero este arreglo no puede ser declarado como variable global. Por eso es
necesario que investigue el proceso a realizar para convertir todo el contenido de un
arreglo a una cadena de caracteres.

4. Trasmita la cadena de caracteres dentro del mismo formulario en el que estn los
controles de la aplicacin pero dentro de un control <textarea> oculto, para ello utilice
el parmetro style del control (si no tiene claridad sobre este parmetro, busque
informacin sobre cmo aplicarlo).

5. Realice todo el procesamiento en la misma pgina del formulario, la cual debe llamarse
index.php, es decir, que el usuario nunca saldr de la pgina principal realmente, solo
se har la recarga necesaria para que la solicitud de procesamiento vaya hasta
Apache.

Pgina 6 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

6. Las rutinas en la pgina principal deben ser mnimas, por eso cree funciones para la
mayor parte del procesamiento de los datos, las cuales debe separar en archivos .php
diferentes a index.php. en dos bibliotecas: en una incluya las funciones que procesan
el arreglo que contiene los datos (que estarn almacenados en el <textarea> oculto) y
en la otra para que se presenten los datos en el navegador, esto con el fin de
comprender la lgica de programacin que separa la capa de datos (procesamiento del
arreglo) de la capa de presentacin (mostrar el teatro en el navegador).

7. Comente el cdigo de la siguiente forma: un comentario de bloque con los datos del
desarrollador (sus nombres y apellidos), el nombre de este programa de formacin y el
nombre de esta evidencia y, un comentario de lnea o bloque para explicar las partes
ms importantes del programa PHP utilizadas en la lgica y sintaxis aplicada.

8. Empaquete los archivos .php resultantes en un archivo comprimido llamado

evidencia4_NombreAprendiz (cambiando NombreAprendiz por su nombre).

Para ampliar sus conocimientos en relacin a las variables predefinidas, visite el captulo
especfico del manual oficial de PHP que desarrolla el tema en el siguiente enlace:
http://php.net/manual/es/reserved.variables.php, all consulte las variables $_GET,
$_POST y $_REQUEST.

Descargue la evidencia dirigindose al botn del men principal Actividad 4 / Evidencia:

Taller Uso de formularios para transferencia.

Desarrolle esta evidencia y envi el archivo comprimido al instructor, a travs de la

plataforma virtual de aprendizaje, en el botn Actividad 4 / Evidencia: Taller Uso de
formularios para transferencia.

Nota: si al momento de enviar una evidencia, el sistema genera el error "Archivo

Invlido", tenga en cuenta que esto ocurre porque en el momento de adjuntar el
documento lo tiene abierto, por eso se recomienda cerrar el archivo e intentarlo
nuevamente dando clic en Adjuntar archivo / Examinar mi equipo.

Pgina 7 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

3.5 Actividades de evaluacin

Tcnicas e instrumentos
Evidencias de aprendizaje Criterios de evaluacin
de evaluacin

De conocimiento: Inserta cdigo PHP en Wiki.

el cdigo HTML, Actividad interactiva.
Evidencia: Wiki mediante el diseo de Taller.
Interactividad de una pgina web
calidad. dinmica.

De desempeo: Crea funciones en

lenguaje PHP segn
Evidencia: Actividad las necesidades de
interactiva Lgica en desarrollo, parmetros
PHP. de eficiencia,
estandarizacin y
De producto: ordenacin del cdigo.

Evidencia: Taller Uso de Realiza pruebas a la

formularios para aplicacin, verificando
transferencia. la transferencia de
datos entre las
diferentes pginas.

Desarrolla un sitio web

dinmico que procesa
datos recibidos, a partir
del uso de diferentes
fuentes de paso de
datos entre pginas.

4. GLOSARIO DE TRMINOS

Navegador web: es un software diseado para acceder y navegar en la web, gestiona el

proceso de solicitud e interpretacin de los diferentes recursos que existen en los
servidores.

Pgina 8 de 9

 SERVICIO NACIONAL DE APRENDIZAJE Versin: 01
SISTEMA INTEGRADO DE GESTIN Fecha: 08-10-2013
Procedimiento Creacin y Adecuacin de Programas de Cdigo: G001-P002-
Formacin Virtual y a Distancia GFPI
Gua de Aprendizaje para el Programa de Formacin
Complementaria Virtual

5. BIBLIOGRAFA/ WEBGRAFA

The PHP Group. (s.f.). Manual de PHP. Consultado el 30 de junio de 2015, en

http://www.php.net/manual/es/index.php

6. CONTROL DEL DOCUMENTO (ELABORADA POR)

Autores:

Experto temtico
Jorge Luis Ballesteros Vargas.
Centro Metalmecnico Regional Distrito Capital.
Diciembre de 2014.

Asesora pedaggica
Julieth Poulin Montes Rodrguez.
Centro Agroindustrial Regional Quindo.
Junio de 2015.

Lder de planificacin y adecuacin didctica

Martha Luca Giraldo Ramrez.
Centro Agroindustrial Regional Quindo.
Junio de 2015.

Pgina 9 de 9