Documentos de Académico
Documentos de Profesional
Documentos de Cultura
1
CAPTULO 1.
PERFIL
2
TECNOLOGIA WEB PERFIL
1.1 Introduccin
3
TECNOLOGIA WEB PERFIL
1.4. Objetivos
1.4.1 Objetivo general
Desarrollar una Aplicacin Web Para Gestionar Publicacin Eventos Para La Unidad De
Postgrado.
Disear interfaces visuales amigables para el usuario, de tal modo que sea
comprensible y fcil de manejar, evitando las posibles complicaciones
durante el proceso de gestin de publicacin de eventos.
4
TECNOLOGIA WEB PERFIL
1.5. Alcance
El sistema contempla los siguientes mdulos:
1.6. Metodologa
La metodologa que se utilizar para el desarrollo del presente proyecto ser el ciclo
de vida del PROCESO UNIFICADO DE DESARROLLO DE SOFWTWARE
(P.U.D.S.), el cual utiliza el Lenguaje Unificado de Modelado (UML), porque es un
proceso dirigido por casos de uso definidos en cada fase, centrado en la arquitectura, donde
se puede visualizar el comportamiento del proyecto.
Es iterativo e incremental, lo que permite dividir el proyecto en partes ms
pequeas, donde cada incremento aumenta la funcionalidad del proyecto. Est centrada en
la arquitectura, es decir, en la estructura del sistema.
Las fases que se desarrollarn del Proceso Unificado son: Inicio, Elaboracin y
Construccin. La fase de transicin no se tomar en cuenta, puesto que el proyecto a
realizar no est centrado a un caso de estudio especfico.
5
PARTE II -
MARCO REFERENCIAL
CAPITULO 2.
MARCO TERICO
TECNOLOGIA WEB MARCO TEORICO
El modo de crear los documentos HTML ha variado a lo largo de la corta vida de las
tecnologas Web pasando desde las primeras pginas escritas en HTML almacenadas en
un fichero en el servidor Web hasta aquellas que se generan al vuelo como respuesta a
una accin del cliente y cuyo contenido vara segn las circunstancias.
Otro aspecto que completa (complica?) el panorama son las inclusiones del lado del
cliente, Client Side, que se refieren a las posibilidades de que las pginas lleven
incrustado cdigo que se ejecuta en el cliente, como por ejemplo JavaScript y programas
Java.
El esquema general de la situacin se puede ver en la Figura 3.1, donde se muestran cada
tipo de tecnologa involucrada en la generacin e interaccin de documentos Web.
Antes de entrar en detalle, presentaremos las caractersticas del World Wide Web y del
protocolo que lo sustenta, el HTTP. [WWW1]
2.2 SMARTY
Smarty es un motor de plantillas para PHP. Ms especficamente, esta herramienta facilita
la manera de separar la aplicacin lgica y el contenido en la presentacin. La mejor
descripcin est en una situacin donde la aplicacin del programador y
la plantilla del diseador juegan diferentes roles, o en la mayora de los casos no la
misma persona. El encabezado del artculo, el rotulo, el autor y el cuerpo son elementos
del contenido, estos no contiene informacin de cmo quieren ser presentados.
Estos son pasados por la aplicacin Smarty, donde el diseador edita la plantilla, y usa
una combinacin de etiquetas HTML y etiquetas de plantilla para formatear la
presentacin de estos elementos (HTML, tablas, color de fondo, tamao de letras, hojas
de estilo, etc...).
Algunas de las caractersticas de Smarty:
Es extremamente rpido.
Es eficiente ya que puede interpretar el trabajo ms sucio.
No analiza gramaticalmente desde arriba el template, solo compila una vez.
El esta atento para solo recompilar los archivos de plantilla que fueron cambiados.
Usted puede crear funciones habituales y modificadoras de variables customizados, de
modo que el lenguaje de la platilla es altamente extensible.
Sintaxis de etiquetas delimitadoras para configuracin de la plantilla, as lo puede usar
{}, {{}}, <!--{}-->, etc.
Los constructores if/elseif/else/endif son pasados por el interpretador de PHP, as la
sintaxis de la expresin {if ...} puede ser compleja o simple de la forma que usted quiera.
Permite un anidamiento ilimitado de sections, ifs, etc.
9
TECNOLOGIA WEB MARCO TEORICO
Es posible incrustar directamente cdigo PHP en los archivos de plantilla, aunque esto
puede no ser necesario (no recomendado) dado que la herramienta se puede ajustar.
Soporte de caching incrustado
Fuentes de Plantilla absoluto
Funciones habituales de manipulacin de cache
Arquitectura de Plugin. [WWW2]
2.3 ADODB
Para usar variables de sesin hay que invocar session_start() al principio de la pagina
Web, antes de que enven los encabezados HTTP. Entonces para cada variable que deseas
mantener viva por la duracin de la sesin, se invoca session_register($variable). Por
default, el manejador de sesiones usara una Cookie para mantener el control. Tambin se
pueden salvar objetos o arreglos en las variables de sesin.
10
TECNOLOGIA WEB MARCO TEORICO
Configuracion
adodb-session.php : Lo normal
adodb-session-clob.php : Para almacenar los datos en campos CLOBs
adodb-cryptsession.php : Para almacenar los datos cifrados en la base de datos
[WWW3]
2.4 JpGraph
2.4.1 Qu es JpGraph?
Es una librera que incluye una serie de clases -cdigo orientado a objetos- que
sirven para crear imgenes con todo tipo de grficas, dinmicamente desde pginas PHP.
El sistema est muy depurado y soporta multitud de funcionalidades, por lo que
seguramente encontraremos solucin a casi cualquier necesidad en el mbito de creacin
de grficas. Adems, la mayora de las configuraciones de las grficas vienen con
opciones por defecto, as que resulta bastante sencillo obtener resultados rpidamente.
Algunas de las caractersticas del sistema son:
Reducido peso en bytes de las imgenes resultado. Habitualmente unas
pocas KB.
11
TECNOLOGIA WEB MARCO TEORICO
Soporte a las libreras GD1 o GD2 la librera auto detecta que versin del
GD.
Uso de la Interpolacin matemtica para obtener curvas a partir unos
pocos valores.
Diversos tipos de grficas 2D o 3D, como de puntos, lneas, tartas, barras,
cajas...
Manejo de las escalas para los ejes del grfico. Escalas flexibles tanto en
el eje X como el Y, que se ajustan al juego de datos que se tenga que
representar.
Soporte para generar grficas con varios juegos de valores a la vez.
Configurable con distintos tipos de colores, leyendas, tipografas,
imgenes de fondo, etc.
Soporte para incluir texto a las imgenes y soporte para tipos de letra.
Soporte para niveles de transparencia.
Soporte para grficas complejas de Gantt.
Soporta formatos PNG, GIF y JPG.
Soporte para grficas de barras horizontales.
Soporte para grficas de tipo cientfico.
Soporta varios tipos de relleno para las grficas.
Documentacin con referencias de las funciones.
12
TECNOLOGIA WEB MARCO TEORICO
En este ejemplo vamos a crear una grfica lineal en la que mostraremos las horas
de trabajo de una persona a lo largo de 10 das.
La generacin de la grfica de este ejemplo la hacemos en un archivo que hemos
llamado grafico_linea.php, por lo tanto, la llamada a este archivo dentro de una imagen
ser la siguiente:
<img src="grafico_linea.php" alt="" border="0">
El cdigo PHP del archivo grafico_linea.php es el siguiente:
<?php
include ("jpgraph/jpgraph.php");
include ("jpgraph/jpgraph_line.php");
// Some data
$ydata = array(11.5,3,8,12,5,1,9,13,5,7);
// Create the graph. These two calls are always required
$graph = new Graph(450,250,"auto");
$graph->SetScale("textlin");
$graph->img->SetAntiAliasing();
$graph->xgrid->Show();
13
TECNOLOGIA WEB MARCO TEORICO
Por otra parte, vamos a realizar un ejemplo de una grfica de tarta, en la que
aparecen las horas realizadas por cada uno de los empleados y el porcentaje respecto a las
totales. En este caso, la tarta va a presentarse en un dibujo en 3 dimensiones.
14
TECNOLOGIA WEB MARCO TEORICO
15
TECNOLOGIA WEB DISEO
PARTE II-
DESARROLLO
TECNOLOGIA WEB DISEO
CAPTULO 4.
CAPTURA DE REQUISITOS
17
TECNOLOGIA WEB DISEO
Docente: Es la principal persona ya que a ellos son lo que recibirn los correos
electrnicos. Son nuestros principales que debern ver si son comunicados.
18
TECNOLOGIA WEB DISEO
19
TECNOLOGIA WEB DISEO
20
TECNOLOGIA WEB DISEO
21
TECNOLOGIA WEB DISEO
22
TECNOLOGIA WEB DISEO
23
TECNOLOGIA WEB DISEO
24
TECNOLOGIA WEB DISEO
Precondicin
Poscondicin Permitir consultar los datos de la carrera.
Flujo Acciones del Actor
1.- Introducir los datos de las materias.
Acciones del Sistema
2. Verifica y validar los datos.
3. Guarda los datos.
Flujo Alternativo 2.1.- Informa al usuario que los datos son incorrectos.
25
TECNOLOGIA WEB DISEO
26
TECNOLOGIA WEB DISEO
27
TECNOLOGIA WEB DISEO
28
TECNOLOGIA WEB DISEO
CAPTULO 5.
ANALISIS
29
TECNOLOGIA WEB DISEO
En este captulo se analizan los requisitos que se describieron durante la etapa de captura
de requisitos a manera de refinarlos y estructurarlos.
El objetivo del anlisis de estos requisitos es de conseguir una comprensin ms
precisa y una descripcin de los mismos que sea fcil de mantener y que ayude a
estructurar el sistema completo.
30
TECNOLOGIA WEB DISEO
31
TECNOLOGIA WEB DISEO
32
TECNOLOGIA WEB DISEO
33
TECNOLOGIA WEB DISEO
34
TECNOLOGIA WEB DISEO
35
TECNOLOGIA WEB DISEO
36
TECNOLOGIA WEB DISEO
37
TECNOLOGIA WEB DISEO
38
TECNOLOGIA WEB DISEO
CAPTULO 6.
DISEO
39
TECNOLOGIA WEB DISEO
40
TECNOLOGIA WEB DISEO
41
TECNOLOGIA WEB DISEO
42
TECNOLOGIA WEB DISEO
43
TECNOLOGIA WEB DISEO
44
TECNOLOGIA WEB DISEO
45
TECNOLOGIA WEB DISEO
46
TECNOLOGIA WEB DISEO
47
TECNOLOGIA WEB DISEO
48
TECNOLOGIA WEB DISEO
49
TECNOLOGIA WEB DISEO
50
TECNOLOGIA WEB DISEO
51
6.3 Diseo de Clases
53
TECNOLOGIA WEB IMPLEMENTACION
54
TECNOLOGIA WEB IMPLEMENTACION
codCurso integer NOT NULL,
correoUsuarioExterno varchar(50)
PRIMARY KEY (codigo),
FOREIGN KEY (correoUsuarioExterno) REFERENCES UsuarioExterno
(correo),
FOREIGN KEY (codDocente) REFERENCES Docente (codigo),
FOREIGN KEY (codCurso) REFERENCES CursoProgramado (codigo)
);
55
TECNOLOGIA WEB IMPLEMENTACION
sexo varchar(50) NOT NULL,
telefono varchar(50) NOT NULL,
PRIMARY KEY (correo)
);
PUBLICACION
cdigo fecha descripcin origen loginUsuario
PK FK
CURSOS PROGRMADOS
codigo descripcion fechaInicio duracion lugar horario capacidad
PK
codAsociacion
FK
SUSCRICPCION
codigo fecha descripcion codDocente codCurso
PK FK FK
ADMINISTRATIVO
codigo cargo descripcion codDocente codAsociacion
PK PK FK
DOCENTE
codigo ci nombre apellidoPaterno apellidoMaterno sexo profesion
PK
telefono direccion correoElectronico correoAlternativo
GRUPO
codigo fecha nombre semestre codDocente siglaMateria
PK PK PK
MATERIA
sigla nombre
PK
DOCENTEASOCIACION
codAsociacion codDocente
56
TECNOLOGIA WEB IMPLEMENTACION
PK, FK PK, FK
ASOCIACIONFACULTIVA
codigo descripcion fechaFundacion
PK
DESTINATARIOS
codPublicacion codAsociacion
PK, FK PK, FK
CARRERA
Cdigo nombre codAsociacion
PK PK
CARRERAMATERIA
codCarrera siglaMateria
PK, FK PK, FK
ASOCOACIONFACULTATIVA
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
descricpion varchar 50 No ---
fechaFundacion timestamp --- No ---
CARRERA
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo varchar 50 No PK
Nombre varchar 50 No ---
codAsociacion integer --- No ---
CARRERAMATERIA
57
TECNOLOGIA WEB IMPLEMENTACION
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
codCarrera varchar 50 No PK, FK
siglaMateria varchar 50 No PK, FK
CURSOPROGRAMADO
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
descripcion varchar 255 No ---
fechainicio timestamp --- No ---
duracion varchar 50 No ---
Lugar varchar 50 No ---
Horario varchar 50 No ---
capacidad integer --- No ---
codAsociacion integer --- No FK
DESTINATARIO
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
codPublicacion integer --- No PK, FK
codAsociacion integer --- No PK, FK
DOCENTE
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
Ci varchar 50 No ---
Nombre varchar 50 No ---
apellidoPaterno varchar 50 No ---
apellidoMaterno varchar 50 No ---
Sexo varchar 50 No ---
Profesin varchar 50 No ---
Telfono varchar 50 No ---
Direccin varchar 50 No ---
correoElectronico varchar 50 No ---
correoAlternativo varchar 50 Si ---
DOCENTEASOCIACION
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
codAsociacion integer --- No PK, FK
58
TECNOLOGIA WEB IMPLEMENTACION
codDocente integer --- No PK, FK
GRUPO
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
Fecha timestamp --- No ---
Nombre varchar 50 No ---
Semestre varchar 50 No ---
codDocente integer No FK
siglaMateria varchar 50 No FK
MATERIA
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Sigla varchar 50 No PK
Nombre varchar 50 No ---
PUBLICACION
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
Fecha timestamp --- No ---
descripcion varchar 255 No ---
Origen varchar 50 Si ---
loginUsuario varchar 50 No FK
SUSCRIPCION
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Cdigo integer --- No PK
Fecha timestamp --- No ---
descripcion varchar 50 No ---
codDocente integer --- No FK
codCurso integer --- No FK
USUARIO
Nombre de la Columna Tipo de Datos Longitud Permitir valores Llave
Nulos
Login varchar 50 No PK
Clave varchar 50 No ---
Nombre varchar 50 No ---
Apellido varchar 50 No ---
Telfono Varchar 50 No ---
59
TECNOLOGIA WEB IMPLEMENTACION
Direccin Varchar 50 No ---
Sexo Varchar 50 No ---
60
TECNOLOGIA WEB IMPLEMENTACION
61
TECNOLOGIA WEB IMPLEMENTACION
62
TECNOLOGIA WEB IMPLEMENTACION
63
TECNOLOGIA WEB IMPLEMENTACION
REFERENCIAS
BIBLIOGRAFICAS
64
Bibliografa
LIBROS
Jacobson, Ivar, Grady Boochm James Rumbaugh. EL PROCESO UNIFICADO DE
DESARROLLO DE SOFTWARE, Estados Unidos: Pearson Education, 2000.
PaginasWeb
[WWW1]
http://www.infor.uva.es/~jvegas/cursos/buendia/pordocente/node11.html
[WWW2]
http://www.smarty.net
[WWW3]
http://www.lacorona.com.mx/fortiz/adodb/docs-session-es.old.htm
65