Está en la página 1de 35

Aplicativo Web

Aplicativo Web
UNIVERSIDAD NACIONAL DE COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES
Director de la Unidad:

Henry Martnez

Tutor:

lvaro Enrique Palacios Villamil

Coordinadores:

Oscar Javier Silva Romero


Olga Lucia Bravo Balln

Desarrollado por:

Jeffer Can Hernndez


Claudia Alexandra Garzn

Analista de sistemas:

Peter Hiovany Fonseca Buitrago

Coordinador Virtual:
Adelaida Amaya Pinzn
Alex Gerardo Sastoque
Andrea Nadine Gutirrez
Andrs Ricardo Romero Velsquez
ngela Jeaneth Ospina
ngela Viviana Montaez Morantes
Betty Johanna Bolaos Mendez
Carlos Jos Acua Daza
Carolina Acosta Cifuentes
Claudia Alexandra Garzn
Claudia Johanna Nieto
Daniel Alejandro Ardila
Daniel Enrique Quintero
Daniel Felipe Moreno Zurita
David Alexander Arenas
David Leonardo Maldonado
Diego Fernando Rubio Mendoza
Erika Padilla Montoya
Gildardo Gutirrez

Marco Aurelio Ortz


Hctor Javier Vargas
Jeffer Can Hernndez
Jenny Teresa Jaramillo Crdenas
Jhonny Alexander Romero
Jorge Alexander Barbosa Guevara
Julin Ramrez Angulo
Karolina Roberto Gonzlez
Laura Gisset Higuera Bustos
Leonardo Baena
Liliana Teresa Salazar
Luis Enrique Guzman
Mara Alejandra Enriquez
Mary Luz Muoz
Meiby Viviana Uyaban
Oscar Miguel Alonso Moreno
Sonia Janeth Ramrez Vanegas;
Sue Ellen Lopz Coronado;
Zulma Yulieth Suarez Veloza

Este trabajo es resultado del esfuerzo de todo el equipo perteneciente a la Unidad de Informtica. Se prohbe la reproduccin parcial o total
de este documento, por cualquier tipo de mtodo fotomecnico y/o electrnico, sin previa autorizacin de la Universidad Nacional de
Colombia.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

1 RESUMEN

La Unidad De Informtica Y Comunicaciones de la Facultad de Ciencias


Econmicas (UIFCE) de la Universidad Nacional De Colombia presenta a sus
estudiantes una serie de cursos de informtica, donde los alumnos estudian los
contenidos de estos cursos y luego presentan un examen para validar el
respectivo curso. El examen es presentado a travs de un aplicativo diseado en
Fox Pro hace bastante tiempo, por lo que en el transcurso de los aos se le han
detectado falencias que llevaron a realizar de nuevo el aplicativo con unos
requerimientos especficos de UIFCE y de sus usuarios.
Un requisito primordial era que los estudiantes pudieran acceder al aplicativo
desde cualquier lugar y a cualquier hora del da, esto llev a disear el aplicativo,
para la Web.
Para desarrollar el Aplicativo Web era necesario elaborar una base de datos, esta
base de datos se diseo primero con un modelo Entidad-Relacin (el ms usado
para esta funcin) hecho en Microsoft Visio 2002 y posteriormente se le dio forma
al diseo con SQL Server 2000 profesional.
Como el aplicativo es dinmico se utilizo PHP para conectar la base de datos con
la pgina Web. El desarrollo Web se hizo por medio de Macromedia Dreamweaver
MX.
Se espera la implementacin del Aplicativo Web por parte de UIFCE en el
transcurso del siguiente semestre.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

2 INTRODUCCION

Una de las actividades que desarrolla la Unidad de Informtica es la capacitacin


a los usuarios en el uso de los diferentes software que hay en la unidad.
Para iniciar la vinculacin de los estudiantes al esquema, se implement la
capacitacin de introduccin a los computadores de manera virtual, de esta
manera los estudiantes solo presentan un examen de conocimientos bsicos
obtenidos de una pgina Web.
Hasta ahora este examen se estaba realizando en una aplicacin desarrollada en
FoxPro, pero con el fin de cada da mejorar, esta aplicacin se realizar de nuevo
obteniendo un entorno ms agradable, rpido y dinmico. Nos ayudaremos de
herramientas como SQL Server, PHP y Dreamweaver, A diferencia de la anterior
aplicacin esta tendr acceso a cualquier momento con tan solo entrar a la Web.
Se espera poner a disposicin de los usuarios una herramienta actualizada y
verstil que les facilite tanto a ellos como a la unidad la aplicacin de este examen
y en el futuro incluir ms cursos y ms recursos dentro de la aplicacin.
En las siguientes pginas se explica la manera en que se desarrollo esta
investigacin, los logros y el alcance de la aplicacin.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

3 OBJETIVOS

3.1

Objetivos Generales
Desarrollar una aplicacin Web enabled construid en PHP y base de datos
SQL Server, para la evaluacin de los conocimientos necesarios para
aprobar los cursos de introduccin a los computadores y Windows bsico.

3.2

Objetivos especficos
Adquirir conocimientos a travs de la investigacin y documentacin
respecto a los temas relacionados con el proyecto, modelos entidadrelacin, Microsoft SQL Server 2000, lenguaje de programacin PHP y
Macromedia MX, como punto de partida de la investigacin.
Elaborar de un Modelo Entidad-Relacin para determinar la organizacin
de la base de datos, incluidos su estructura, contenido y las aplicaciones
que se han de desarrollar, de esta manera se garantizar la efectividad del
sistema y se podrn corregir y direccionar las posibles fallas de la base de
datos.
Disear fsicamente una base de datos en SQL Server 2000 Estandar
Edition tomando como plataforma el Modelo Entidad-Relacin
Publicar en el sitio Web de la Unidad de Informtica el aplicativo.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

4 METODOLOGA

La metodologa o secuencia en que se desarroll la investigacin es la siguiente:


Comenzamos por documentarnos en los puntos en que se iba a trabajar siendo el
primero de ellos el Modelo Entidad-Relacin
4.1

Modelo Entidad-Relacin
El modelo entidad-relacin es el modelo conceptual ms utilizado para el diseo
conceptual de bases de datos. Fue introducido por Peter Chen en 1976. El modelo
entidad-relacin est formado por un conjunto de conceptos que permiten describir
la realidad mediante un conjunto de representaciones grficas y lingsticas.
Para elaborar el Modelo Entidad-Relacin utilizamos un software llamado
Microsoft Visio 2002

4.2

Microsoft Visio 2002


Microsoft Visio 2002 es una solucin para la creacin de grficos y diagramas, que
facilita a los usuarios la presentacin de sus ideas y proyectos de forma visual.
Optimiza el diseo y diagramacin de documentos, textos, formatos etc.
Contenido:
Diagrama de conexiones
Diseo de Oficinas
Diagrama de Proyectos
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

Diagrama de Relaciones
Formularios
Para el diseo fsico de la base de datos, que es el siguiente paso despus del
diseo conceptual, utilizamos SQL Server 2000 Estndar Edition
4.3

SQL Server 2000


SQL es Structured Query Language (lenguaje estructurado de consultas). Es una
herramienta para gestionar, recuperar informacin e interactuar en una base de
datos.
Despus de la base de datos sigue la elaboracin del aplicativo en el que se debi
utilizar PHP y Macromedia Dreamweaver.

4.4

Lenguaje PHP
PHP (Profesional Home Pages), acrnimo de "PHP: Hypertext Preprocessor", es
un lenguaje interpretado de alto nivel embebido en pginas HTML. La funcin del
lenguaje PHP es permitir escribir a los creadores de pginas Web, pginas
dinmicas de una manera rpida y fcil.

4.5

Macromedia Dreamweaver
Macromeda Dreamweaver es un programa que sirve para disear en forma visual
sitios y paginas Web compatibles con cualquier explorador y plataforma, su
entorno de trabajo es amigable, ya que permite crear documentos sin escribir una
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

sola lnea de cdigo. Tambin le permitir mejorar la presentacin de los


documentos.
Despus del diseo conceptual de la base de datos se elaboro un Modelo de
Funciones en este modelo se muestran todas las funciones que cumple el
aplicativo utilizando las tablas de la base de datos.
4.6

Modelo De Funciones
Entidad \ Funcin
Estudiante

Curso

X
X

Inscripcin

12

X
X

Resultados

11

Curso general
Preguntas

10

X
X

Tema

X
X

1. Reconocer a cada estudiante participante en un examen.


Al estudiante escribir su nombre de usuario y clave se debe buscar en la
base de datos para corroborar y confirmar su ingreso al aplicativo.
2. Conocer a que examen pertenece el cuestionario.
Cuando el usuario da click en uno de los exmenes se enva informacin
para buscar en la base de datos a que examen corresponde su eleccin.
3. Tener el registro de los exmenes por estudiante.
Lleva cuenta de los exmenes a los que el usuario se ha inscrito o los que
ya ha presentado.
4. Saber cuantos exmenes presentado un estudiante.
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

El aplicativo puede presentarle una lista de exmenes al usuario a los


cuales se ha inscrito.
5. Inscripcin a exmenes
Permite que el usuario se pueda inscribir a los exmenes que desee y
pueda.
6. Presentacin del examen
Se puede presentar los exmenes de los cursos validables a los que el
usuario se inscribi.
7. Evaluar resultados
El resultado del examen es evaluado por el aplicativo inmediatamente
presenta el examen.
8. Almacenar cuestionario
Se puede ingresar nuevos cuestionarios de exmenes.
9. Actualizacin de la base de datos
Los exmenes y los usuarios se pueden modificar (actualizar).
10. Seguridad en proceso
El sistema de sesin nica permite que el usuario solo maneje los datos
que a el le incumben.
11. Consulta de resultados
Se almacenan los resultados obtenidos por el usuario al presentar los
exmenes.
12. Temas para los exmenes
Permite seleccionar los exmenes por temas diferentes y no todo un
examen de un mismo tema.
Todas las funciones enunciadas anteriormente son soportadas por la base de
datos.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

5 DOCUMENTACIN

En la documentacin se muestra la informacin en la que con base en ella se


desarrollo la investigacin
El diseo de una base de datos es un proceso complejo que abarca decisiones a
muy distintos niveles. La complejidad se controla mejor si se descompone el
problema en subproblemas y se resuelve cada uno de estos subproblemas
independientemente. As, el diseo de una base de datos se descompone en
diseo conceptual y diseo fsico.
Para el desarrollo del aplicativo se utilizaron diferentes tipos de software y
mtodos, para comenzar se diseo conceptualmente la base de datos siguiendo
una metodologa llamada Modelo Entidad-Relacin.
5.1

Diseo conceptual de la base de datos


Para la elaboracin del diseo conceptual nos basamos en el Modelo EntidadRelacin (este modelo es el ms usado para el diseo conceptual de bases de
datos).
Las tareas a realizar en el diseo conceptual son las siguientes:
Identificar las entidades.
Identificar las relaciones.
Identificar los atributos y asociarlos a entidades y relaciones.
Determinar los dominios de los atributos.
Determinar los identificadores o claves.
Dibujar el diagrama entidad-relacin.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

5.2

Modelo Entidad Relacin


El modelo entidad-relacin es el modelo conceptual ms utilizado para el diseo
conceptual de bases de datos. Fue introducido por Peter Chen en 1976. El modelo
entidad-relacin est formado por un conjunto de conceptos que permiten describir
la realidad mediante un conjunto de representaciones grficas y lingsticas.
Originalmente, el modelo entidad-relacin slo inclua los conceptos de entidad,
relacin y atributo. Ms tarde, se aadieron otros conceptos, como los atributos
compuestos y las jerarquas de generalizacin, en lo que se ha denominado
modelo entidad-relacin extendido.

Figura 1: Conceptos del modelo entidad-relacin extendido.

Entidad
Es cualquier tipo de objeto o concepto sobre el que se recoge informacin: cosa,
persona, concepto abstracto o suceso. Las entidades se representan grficamente
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

10

Aplicativo Web

mediante rectngulos y su nombre aparece en el interior. Un nombre de entidad


slo puede aparecer una vez en el esquema conceptual.
Hay dos tipos de entidades: fuertes y dbiles. Una entidad dbil es una entidad
cuya existencia depende de la existencia de otra entidad. Una entidad fuerte es
una entidad que no es dbil.

Relacin (interrelacin)
Es una correspondencia o asociacin entre dos o ms entidades. Cada relacin
tiene un nombre que describe su funcin. Las relaciones se representan
grficamente mediante rombos y su nombre aparece en el interior.
Las entidades que estn involucradas en una determinada relacin se denominan
entidades participantes. El nmero de participantes en una relacin es lo que se
denomina grado de la relacin. Por lo tanto, una relacin en la que participan dos
entidades es una relacin binaria; si son tres las entidades participantes, la
relacin es ternaria; etc.
Una relacin recursiva es una relacin donde la misma entidad participa ms de
una vez en la relacin con distintos papeles. El nombre de estos papeles es
importante para determinar la funcin de cada participacin.
La cardinalidad con la que una entidad participa en una relacin especifica el
nmero mnimo y el nmero mximo de correspondencias en las que puede tomar
parte cada ocurrencia de dicha entidad. La participacin de una entidad en una
relacin es obligatoria (total) si la existencia de cada una de sus ocurrencias
requiere la existencia de, al menos, una ocurrencia de la otra entidad participante.
Si no, la participacin es opcional (parcial). Las reglas que definen la cardinalidad
de las relaciones son las reglas de trabajo.
A veces, surgen problemas cuando se est diseado un esquema conceptual.
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

11

Aplicativo Web

Estos problemas, denominados trampas, suelen producirse a causa de una mala


interpretacin en el significado de alguna relacin, por lo que es importante
comprobar que el esquema conceptual carece de dichas trampas. En general,
para encontrar las trampas, hay que asegurarse de que se entiende
completamente el significado de cada relacin. Si no se entienden las relaciones,
se puede crear un esquema que no represente fielmente la realidad.
Una de las trampas que pueden encontrarse ocurre cuando el esquema
representa una relacin entre entidades, pero el camino entre algunas de sus
ocurrencias es ambiguo. El modo de resolverla es reestructurando el esquema
para representar la asociacin entre las entidades correctamente.
Otra de las trampas sucede cuando un esquema sugiere la existencia de una
relacin entre entidades, pero el camino entre una y otra no existe para algunas de
sus ocurrencias. En este caso, se produce una prdida de informacin que se
puede subsanar introduciendo la relacin que sugera el esquema y que no estaba
representada.

Atributo
Es una caracterstica de inters o un hecho sobre una entidad o sobre una
relacin. Los atributos representan las propiedades bsicas de las entidades y de
las relaciones. Toda la informacin extensiva es portada por los atributos.
Grficamente, se representan mediante bolitas que cuelgan de las entidades o
relaciones a las que pertenecen.
Cada atributo tiene un conjunto de valores asociados denominado dominio. El
dominio define todos los valores posibles que puede tomar un atributo. Puede
haber varios atributos definidos sobre un mismo dominio.
Los atributos pueden ser simples o compuestos. Un atributo simple es un atributo
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

12

Aplicativo Web

que tiene un solo componente, que no se puede dividir en partes ms pequeas


que tengan un significado propio. Un atributo compuesto es un atributo con varios
componentes, cada uno con un significado por s mismo. Un grupo de atributos se
representa mediante un atributo compuesto cuando tienen afinidad en cuanto a su
significado, o en cuanto a su uso. Un atributo compuesto se representa
grficamente mediante un valo.
Los atributos tambin pueden clasificarse en monovalentes o polivalentes. Un
atributo monovalente es aquel que tiene un solo valor para cada ocurrencia de la
entidad o relacin a la que pertenece. Un atributo polivalente es aquel que tiene
varios valores para cada ocurrencia de la entidad o relacin a la que pertenece. A
estos atributos tambin se les denomina multivaluados, y pueden tener un nmero
mximo y un nmero mnimo de valores. La cardinalidad de un atributo indica el
nmero mnimo y el nmero mximo de valores que puede tomar para cada
ocurrencia de la entidad o relacin a la que pertenece. El valor por omisin es
(1-1).
Por ltimo, los atributos pueden ser derivados. Un atributo derivado es aquel que
representa un valor que se puede obtener a partir del valor de uno o varios
atributos, que no necesariamente deben pertenecer a la misma entidad o relacin.
Todos los conceptos nombrados anteriormente fueron plasmados en Microsoft
Visio 2002 el software que utilizamos para hacer el Modelo Entidad-Relacin.
Microsoft Visio 2002 es un software creado por Microsoft Corporation.
Para la instalacin de Microsoft Visio 2002 hay que cumplir con unos requisitos
mnimos descritos en la siguiente tabla:
Requerimientos mnimos
Procesador

Intel Pentium 233 MHz o superior.


UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

13

Aplicativo Web

Sistema

Microsoft Windows 2000 o Microsoft Windows XP u otro

operativo

sistema operativo superior.

Memoria

128 MB.

Disco duro

300 MB incluyendo instalacin y operacin.

Despus de ello se instal siguiendo los pasos que nombramos a continuacin:


Se introduce el CD de instalacin o su buscan los instaladores de una ubicacin
especial.
Primero hay que digitar el nombre del usuario y la organizacin a la cual pertenece
y posteriormente la clave del producto en 5 cuadros de texto.
Luego aparece una pantalla en la que acepta el contrato para poder acceder al
producto.
Despus se le da click en instalar ahora.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

14

Aplicativo Web

Windows empieza a configurar Microsoft Visio, tan pronto termina le aparece el


siguiente mensaje, despus de dar click en alguna de las dos opciones el
programa de instalacin finaliza.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

15

Aplicativo Web

5.3

Diseo fsico de la base de datos


El diseo fsico parte del esquema lgico. Un esquema fsico es una descripcin
de la implementacin de una base de datos en memoria secundaria: las
estructuras de almacenamiento y los mtodos utilizados para tener un acceso
eficiente a los datos. Por ello, el diseo fsico depende del SGBD concreto y el
esquema fsico se expresa mediante su lenguaje de definicin de datos.
El SGBD que se utiliz para disear fsicamente la base de datos fue Microsoft
SQL Server Standard Edition.
Para la instalacin de Microsoft SQL Server Standard Edition fue conveniente
cumplir con los siguientes requerimientos mnimos:
Requerimientos mnimos
Procesador

Procesador Intel Pentium o compatible a 166 (MHz) o superior.

Sistema operativo Microsoft Windows NT Server versin 4.0, Microsoft Windows


NT Server 4.0 Enterprise Edition, Microsoft Windows 2000
Server, Microsoft Windows 2000 Advanced Server, Microsoft
Windows 2000 Datacenter Server y Microsoft Windows XP.
Memoria

128 MB.

Disco duro

95-270 MB de espacio libre en el disco duro para el servidor;


250 MB para la instalacin.

La instalacin de SQL Server 2002 Estndar Edition se hizo de la siguiente


manera:
Se buscaron los instaladores y se ejecutaron.
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

16

Aplicativo Web

Se elige la opcin de Componentes de SQL Server 2000 en la primera ventana


que aparece y luego se elige Instalar Servidor de base de datos.

En la tercera ventara sale un mensaje Instalacin similar al siguiente mensaje, en


el que se le da aceptar.
Se acepta las siguientes dos ventanas en la tercera se elige el usuario yb el
nombre de la organizacin a la cual pertenece.
Aceptamos los trminos del contrato y posteriormente se elige el tipo de
instalacin que desea realizar, en este caso damos clic en solo herramientas
cliente.
La pantalla que contina se deja de la siguiente manera:

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

17

Aplicativo Web

Damos siguiente en el inicio de instalacin, esperamos a que termine y para


terminar se da clic en el botn Finalizar.
5.4

Dinamizar la pgina Web


Como la pgina Web es dinmica se utiliz un lenguaje especial para hacer este
tipo de pginas, este lenguaje es PHP Versin 4.0:
El lenguaje PHP es un lenguaje de programacin de estilo clsico, con esto quiero
decir que es un lenguaje de programacin con variables, sentencias condicionales,
bucles, funciones....
Pero a diferencia de otros lenguajes como Java o JavaScript que se ejecutan en el
navegador, PHP se ejecuta en el servidor, por eso nos permite acceder a los
recursos que tenga el servidor como una base de datos. El programa PHP es
ejecutado en el servidor y el resultado enviado al navegador. El resultado es
normalmente una pgina HTML.
Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su
navegador lo soporte, es independiente del navegador, pero sin embargo para que
sus pginas PHP funcionen, el servidor donde estn alojadas debe soportar PHP

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

18

Aplicativo Web

Figura 2: Funcionamiento de PHP.

Condicionales
Las sentencias condicionales nos permiten ejecutar o no, unas ciertas
instrucciones dependiendo del resultado de evaluar una condicin. Las ms
frecuentes son la instruccin

y la instruccin

Variables
Una variable es un contenedor de informacin, en el que podemos incluir nmeros
enteros, nmeros decimales, caracteres... el contenido de las variables se puede
leer y se puede cambiar durante la ejecucin de una pgina PHP.
En PHP todas las variables comienzan con el smbolo del dlar $ y no es
necesario definir una variable antes de usarla. Tampoco tienen tipos, es decir que
una misma variable puede contener un nmero y luego puede contener
caracteres.
Bucles (ciclos)
Los bucles nos permiten iterar conjuntos de instrucciones, es decir repetir la
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

19

Aplicativo Web

ejecucin de un conjunto de instrucciones mientras se cumpla una condicin.


Mtodos Get y Post
Los datos de un formulario se enva mediante el mtodo indicado en el atributo
METHOD de la etiqueta FORM, los dos mtodos posibles son GET y POST.
La diferencia entre estos dos mtodos radica en la forma de enviar los datos a la
pgina, mientras que el mtodo GET enva los datos usando la URL, el mtodo
POST los enva por la entrada estndar STDIO.
La imagen es un ejemplo en el que se ve claramente el envo de datos por el
mtodo GET, la informacin que lleg es una variable llamada curso_a_evaluar
que es igual a WIN01.

Conexin a una base de datos


Una vez que tuvimos creada la base de datos en el servidor (Altos01), el siguiente
paso es conectarnos a la misma desde una pgina PHP. Para ello PHP nos
proporciona una serie de instrucciones para acceder a bases de datos MSSQL.
Al ejecutar la instruccin mssql_connect creamos un vnculo entre la base de
datos y la pagina PHP, este vnculo ser usado posteriormente en las consultas
que hagamos a la base de datos.
Para podernos conectar a la base de datos evaluacion en altos01 se introdujo
la siguiente lnea de cdigo.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

20

Aplicativo Web

Finalmente, una vez que hemos terminado de usar el vnculo con la base de
datos, lo liberaremos con la instruccin

para que la conexin no

quede ocupada.

Insercin de registros
La insercin de registros es la alteracin de la base de datos aumentado los
registros de una tabla. Para hacerlo primero nos conectamos a la base de datos y
segundo hacemos la insercin por medio de una funcin llamada mssql_query.

"

#$
&

"

&

Sesiones
Si existe una consulta repetida en las listas de PHP, es la relativa al uso de las
sesiones. El uso de sesiones es un mtodo ampliamente extendido en cualquier
aplicacin de cierta entidad. Bsicamente una sesin es la secuencia de pginas
que un usuario visita en un sitio Web. Desde que entra a un sitio, hasta que lo
abandona.
El trmino sesin en PHP, se aplica a esta secuencia de navegacin, para ello se
crea un identificador nico que asignamos a cada una de estas sesiones de
navegacin. A este identificador de sesin se le denomina, comnmente, como la
sesin.
El proceso en cualquier lenguaje de programacin podra ser algo as: Existe una
sesin? Si existe la retomamos. Si no existe creamos una (generar un identificador
nico).
Y para que no perdamos el hilo de la navegacin del usuario deberemos asociar
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

21

Aplicativo Web

esta sesin a todas las URLs y acciones de formulario. Podemos tambin crear un
cookie que incluya el identificador de sesin, pero es conveniente recordar que la
disponibilidad o no de las cookies depende del usuario, y no es conveniente fiarse
de lo que un usuario pueda o no tener habilitado.
Lo contado hasta ahora es teora pura y es aplicable a cualquier lenguaje de
programacin C, Perl, etc. Los que programamos en PHP4 tenemos la suerte de
que toda la gestin de sesiones la hace el mismo PHP.

Inicializacin de las sesiones


Para utilizar sesiones en PHP lo primero es inicializarlas. Podemos hacerlo
explcitamente, mediante la funcin
una sesin mediante

'

o al registrar una variable en

) En ambos casos se crea

una nueva sesin, si no existe, o se retoma la sesin actual. Veamos un sencillo


ejemplo:
Esta es la forma ms bsica, si el usuario tiene los cookies activados, PHP habr
insertado de forma automtica la sesin y sta ser pasada de una pgina a otra
sin hacer nada ms. Desde un punto de vista prctico la sesin es operativa, pero
no vemos nada. Podemos obtener la sesin en cualquier momento mediante la
funcin

& )Inserta en las sucesivas pginas la siguiente lnea para ver si

la sesin est disponible:


En este caso

comprueba en los cookies que existe una sesin y

continua con ella,


5.5

&

devuelve el identificador actual

Diseo de la Pgina Web


UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

22

Aplicativo Web

Con el fin de facilitar el trabajo que produce realizar una pgina Web solamente
utilizando el cdigo se decidi elaborar la pgina en Macromedia Dreamweaver
MX.
Macromedia Dreamweaver MX requiere que se tengan los siguientes elementos
para poder trabajar en el:
Requerimientos mnimos
Procesador

Intel Pentium 233 MHz o superior.

Sistema operativo

Microsoft Windows 98 o superior (recomendado).

Memoria

64 MB.

Disco duro

400 MB incluyendo instalacin y operacin.

Macromeda Dreamweaver es un programa que sirve para disear en forma visual


sitios y paginas Web compatibles con cualquier explorador y plataforma, su
entorno de trabajo es amigable, ya que permite crear documentos sin escribir una
sola lnea de cdigo.
En la construccin de las pginas, tambin le permite:
Mejorar la presentacin de los documentos.
Planificacin de un sitio Web.
Creacin y publicaciones de pginas Web.
Uso de plantillas y bibliotecas.
Planificacin de la estructura de un sitio.
Creacin de un sitio local.
Creacin de documentos HTML.
UNIVERSIDAD NACIONAL COLOMBIA
FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

23

Aplicativo Web

Trabajar en la edicin de una pagina Web.


La instalacin de Macromedia Dreamweaver es muy sencilla en el transcurso de
ella aparecern ocho ventanas en las cuales hay que darle clic a todos y as
quedar Dreamweaver instalado.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

24

Aplicativo Web

6 DICCIONARIO DE DATOS
En este diccionario de datos se muestra todas las tablas que componen la base de
datos y en cada una de ellas los campos que a su vez forman una tabla con su
respectiva descripcin.
Curso General
Campo

Tipo

Tamao

Descripcin

Nombre

char

10

Guarda el nombre del curso

idcurso_gen

char

Identificador nico del curso


CursoEstudiante

Campo

Tipo

Tamao

Descripcin

id

int

Identificador nico del cursoestudiante (ndice)

idcurso

char

Identificador nico de curso

codigo

char

Cdigo del estudiante


Cursos

Campo

Tipo

Tamao

Descripcin

idcurso_gen

char

Identificador nico del curso general

Incurso

char

Identificador nico del curso

fecha_inicio

smalldatetime

Fecha de inicio del curso

fecha_fin

smalldatetime

Fecha de finalizacin del curso

Activo

bit

Activa o desactiva el curso

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

25

Aplicativo Web

Estudiantes
Campo

Tipo

Tamao

Descripcin

Nombre

char

35

Nombre completo del estudiante

Codigo

char

Cdigo del estudiante

tipo_documento

char

Tipo de documento del estudiante

num_documento

char

11

Nmero del documento del estudiante

Clave

char

11

Clave del usuario

Usuario

char

Login del usuario


Pregunta

Campo

Tipo

Tamao

Descripcin

Idpregunta

Int

Identificador nico de la pregunta (ndice)

Pregunta

char

200

Guarda una pregunta del examen

opcion1

Char

200

Primera opcin posible a la pregunta

opcion2

char

200

Segunda opcin posible a la pregunta

opcion3

Char

200

Tercera opcin posible a la pregunta

opcion4

Char

200

Cuarta opcin posible a la pregunta

respuesta

Int

Guarda el valor de la opcin correcta

idtema

char

10

Identificador nico del tema

Identificador nico del curso en general

idcurso_gen char

Resultados
Campo

Tipo

Tamao

Descripcin

puntaje

char

10

Puntaje obtenido por el estudiante

idcurso

char

Identificador nico del curso

codigo

char

Cdigo del estudiante

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

26

Aplicativo Web

id

char

Identificador nico de resultados

Tema
Campo

Tipo

Tamao

Descripcin

Idtema

char

10

Identificador nico del tema

Nombre

char

10

Nombre del tema

idcurso

char

Identificador nico del curso

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

27

Aplicativo Web
7 DESCRIPCIN FSICA DEL APLICATIVO WEB
7.1

DIAGRAMA DEL APLICATIVO


El siguiente diagrama muestra el funcionamiento del aplicativo en el que cada campo es una pgina que cumple con
la funcin descrita el ese campo.

Home
Inscripcin de exmenes

Presentacin de exmenes

Resultados obtenidos

Lista de exmenes

Inscribir examen
Inscripcin realizada

Presentacin del examen


Evaluacin del examen

UNIVERSIDAD NACIONAL COLOMBIA 28


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

Aplicativo Web

La primera pgina es un Inicio de Sesin el cual no se indica en el diagrama


anterior y consiste, como se puede ver en la imagen de abajo, en un campo de
usuario y otro de clave o contrasea, que tiene como fin permitir el ingreso del
usuario al aplicativo.

Antes de llegar a la siguiente pgina (Home) el usuario debe cumplir con dos
requisitos que son el usuario y la clave. Estos requisitos estn almacenados en
la base de datos, en ella se hace la bsqueda del usuario y de la clave para
que correspondan con la informacin enviada en el formulario de inicio de sesin.
En caso que no correspondan los datos enviados con los buscados encontrar el
siguiente mensaje

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

29

Aplicativo Web

en caso contrario aparecer

7.2

Home
El home o inicio del aplicativo tiene la funcin de recibir al usuario que obtuvo el
ingreso con un mensaje de bienvenido, tambin tiene tres links que envan a tres
diferentes pginas y sern enumeradas a continuacin:

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

30

Aplicativo Web

7.3

Inscripcin a exmenes
El hipervnculo de Inscripcin a exmenes enva a una pgina que tiene la funcin
de suministrarle la opcin al usuario de elegir el examen que quiere presentar.
Cuando el usuario selecciona el examen a presentar llega a la pgina que hace la
inscripcin formal y le muestra un mensaje de inscripcin satisfactoria.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

31

Aplicativo Web

7.4

Presentacin de exmenes
Una tabla muestra los exmenes a los que el usuario puede presentar.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

32

Aplicativo Web

Al decidir presentar el examen la persona ingresa al cuestionario del examen


seleccionado del cual no puede salir cerrando la ventana como se hace
normalmente, a menos que de clic en el botn Terminar
El botn Terminar enva las respuestas seleccionadas y no seleccionadas por el
usuario para ser evaluadas en la siguiente pgina. En esta pgina se examina el
resultado, se ingresa a la base de datos y es mostrado en pantalla para
conocimiento del usuario.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

33

Aplicativo Web

7.5

Resultados obtenidos
Los resultados obtenidos por el usuario en su trayectoria por el aplicativo sern
impresos en pantalla al ingresar en este link.

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

34

Aplicativo Web

8 BIBLIOGRAFA

http://www.abcdatos.com/
http://www.webestilo.com/
http://www.desarrolloweb.com
http://www.PHP.net

UNIVERSIDAD NACIONAL COLOMBIA


FACULTAD DE CIENCIAS ECONMICAS
UNIDAD DE INFORMTICA Y COMUNICACIONES

35

También podría gustarte