Post on 30-Jun-2015
INSTITUTO TECNOLÓGICO SUPERIOR DE TANTOYUCA
SEMIESCOLARIZADO AGOSTO 2010 – ENERO 2011
PROYECTO:
SISTEMA DE IMPRESIÓN DE HORARIOS DOCENTES DE LA
E. S. T. No. 9
ASESOR DE ESTILO:
M. C. C. SANTA VALLEJO FIGUEROA
AUTOR DE LA IDEA:
JUAN MANUEL CUERVO PIÑA
INTEGRANTES DEL EQUIPO:
JUAN MANUEL CUERVO PIÑA
MARTÍNEZ SORIA NABOR
CLAUDIA HONORATO HERNANDEZ
1
INDICE
CAPITULO I MARCO CONCEPTUAL.................................................................................3
INTRODUCCION:........................................................................................................................4
ANTECEDENTES:......................................................................................................................4
PLANTEAMIENTO:.....................................................................................................................5
OBJETIVO GENERAL:...............................................................................................................5
OBJETIVO ESPECÍFICOS:.......................................................................................................5
JUSTIFICACION..........................................................................................................................5
CAPITULO II MARCO TEORICO.........................................................................................6
REQUERIMIENTOS DEL SOFTWARE Y HARDWARE........................................................7
Requerimiento de hardware...................................................................................................7
Requerimiento de software....................................................................................................7
Sistemas Operativos.............................................................................................................10
CRONOGRAMA DE ACTIVIDADES:.....................................................................................11
CAPITULO III MARCO OPERATIVO.................................................................................12
ARQUITECTURA DEL SISTEMA...........................................................................................13
MODELADO DE OBJETOS (CASOS DE USOS).................................................................14
DIAGRAMA DE SECUENCIAS...............................................................................................15
DISEÑO DE LA INTERFACE Y OPERATIVIDAD................................................................16
VENTANA DE INICIO...........................................................................................................16
VENTANA DE DATOS INCORRECTOS...........................................................................17
CONSULTA EN PANTALLA................................................................................................18
RESULTADO DE LA INFORMACION EN PDF................................................................19
MODELADO DE LA BASE DE DATOS..............................................................................20
2
CAPITULO I
MARCO CONCEPTUAL
3
INTRODUCCION:El presente proyecto se desarrolló porque existía un problema de
sistematización en el manejo de la información del departamento de la prefectura
de la Escuela Secundaria Técnica No. 9. Ya que existen 23 docentes que
necesitaban conocer en tiempo y forma su horario de clases (carga académica)
para poder planear sus clases de manera efectiva. Se desarrolló una interfaz
basada en nuevas tecnologías dentro las cuales se puede mencionar el entorno
de DreamWeaver combinando sus bondades con el lenguaje php.
Hoy en día con esta interfaz los docentes son capaces de imprimir su carga
académica y horario respectivo vía online desde cualquier computadora que esté
a su alcance y que se encuentre conectada a internet.
De esta manera se impulsó al docente a que hiciera uso de las tecnologías
de la información y la comunicación. Generando así un nuevo nivel de
comunicación y asi mismo optimizando el manejo de información con un nuevo
enfoque tecnológico.
ANTECEDENTES:En la Secundaria Técnica No. 9 de Tlacolula Chicontepec Veracruz las
tareas administrativas relacionadas los docentes (horarios y carga académica) se
efectuaban de forma manual teniendo como consecuencia un manejo confuso de
la información, puesto que existía redundancia en los datos y el docente no
conocía en tiempo y forma la información necesaria para iniciar el ciclo escolar,
trayendo como consecuencia la planeación tardía de sus clases y la aplicación de
exámenes de diagnóstico de manera desfasada, por lo que la presente
implantación del sistema busca corregir todos estos problemas administrativos que
se presentan, contribuyendo de alguna manera a mejorar el servicio y así mismo
motivar al docente para que haga uso de las nuevas tecnológicas que tiene a su
alcance.
4
PLANTEAMIENTO:
La Escuela secundaria Técnica Agropecuaria No. 9 de Tlacolula,
Chicontepec, Veracruz, hasta la fecha ha creado los horarios para sus docentes
de manera manual generando así un problema de tiempo y costo, a su vez ha
creado confusiones de horarios entre los docentes y en ocasiones cuando
requieren del mismo y no se encuentran dentro de su institución les genera
contratiempo en su planeación.
OBJETIVO GENERAL:- Que el docente conozca su carga académica e imprima vía online.
OBJETIVO ESPECÍFICOS:- Planeación de sus clases en tiempo y forma.
- Optimización de recursos materiales para el plantel.
- Envió de reportes correspondientes a dependencias que lo soliciten
(Inspección escolar, jefatura de sector, SEV)
JUSTIFICACION
Se desarrollará una interfaz (página web) en la que el docente podrá
consultar e imprimir su horario de trabajo toda vez que lo solicite. Este se
manejará mediante una Base de datos que contendrán los horarios, materias,
nombre de docentes, etc. El sistema será manejado por un administrador de base
de datos quien será el encargado de cargar los datos que el sistema requiera para
su buen funcionamiento.
5
CAPITULO II
MARCO TEORICO
6
REQUERIMIENTOS DEL SOFTWARE Y HARDWARE
Requerimiento de hardware.Los requerimientos mínimos y las características recomendadas para servidores y clientes se detallan a continuación.
Contar con 2 máquinas y un servidor con un costo de $6, 000 c/u.
Dispositivo Características mínimas.
Características recomendadas.
Procesador Pentium IV Mhz Procesador Pentium, IV Mhz con opción de multiprocesamiento simétrico.
Memoria 512 Mb 1 Gb mínimo.Bus ISA EISA y/o PCIDisco Duro 80 Gb Mayor a 80 Gb.CD-ROM CD-ROM 10 x CD-ROM 24xInterfaz gráfica y Monitor
Super VGA Color Super VGA Color de 0.28. Interfaz con 2 Mb de memoria.
Requerimiento de softwareFLASH
El presente proyecto será desarrollado sobre la plataforma Macromedia
flash que conectado a un manejador de base de datos en MySql, proporcionará
los datos necesarios que serán consultados mediante la creación de una página
web. La funcionalidad y las características del Macromedia flash (dreamweaver)
es una herramienta que facilita la creación de interfaces interactivas de fácil
acceso para el usuario.
El Flash es un programa que permite desarrollar objetos Multimedia, visibles no
sólo en Internet.
En los Browsers más conocidos que son el Netscape y el Explorer,
gracias a un acuerdo entre compañías, ya se implementa, en sus
nuevas versiones un instalador automático, que es un lector de
Flash y Shockwave que permite al usuario ver el trabajo realizado.
7
El Flash es mucho más fácil de aprender.
El Flash estuvo proyectado para la WEB, por esto es más fácil utilizarlo.
Las películas del Flash pueden leerse por medio de los proyectores del
Shockwave (.SWF) estos proyectores son buenos porque resultan ser más ligeros
y utilizan la tecnología Streaming.
El Flash se apoya en Shockwave para tener una mejor proyección, o sea que en
conclusión trabajan juntos, porque a pesar de estas diferencias, Flash y
Shockwave tienen características y usos similares, porque son productos creados
por la Macromedia.
Características del flash
Flash es un programa que contiene muchas herramientas de trabajo similares y en
algunos casos igual a las de la mayoría de programas de diseño gráfico, o al
menos de los más conocidos y mejores en el mercado.
Entre algunas de las herramientas y funciones diferentes que este programa
contiene están:
El Publish, que es un visualizador de nuestro trabajo ya sea en Html o en
Flash. Y dependiendo de la orden que le demos, en este formato lo
veremos, previo a nuestra edición final. Este se encuentra en Archivo. Otra
forma de visualizar nuestro trabajo es por medio de Test Movie que se
encuentra en Controles.
Luego en Edit, tenemos varias opciones de Frames o Marcos, que son los
fotogramas en dónde se organizan los objetos y movimientos en manera
temporal.
También en Edit, encontramos una opción de Edit Symbols, que sirve para
transformar en Vectorial los objetos, nombrándolos de una forma diferente,
8
que se guardan automáticamente en una librería de símbolos. En Insert,
encontramos también esta opción.
En Insert la mayoría de opciones son diferentes porque son especiales para
este programa, entre ellas tenemos la de Layer. Que es la “página en
blanco” en dónde se trabaja. Esta opción permite agregar o eliminar hojas
de trabajo.
Siempre en Insert, encontramos Motion Guide, que es una guía de la
trayectoria que debe realizar un objeto al que se le pretende dar un
movimiento.
En Windows se pueden abrir todas las ventanillas donde se manejan los
colores, se selecciona, efectos especiales y variables en las acciones que
se realizan.
Por último en la barra de tareas encontramos Snap to Object, que es
importante porque ayuda a mejorar el diseño realizado, redondeándolo en
algunos casos y en otros haciéndolo más estilizado.
MySQL es muy utilizado en aplicaciones web, como Drupal o phpBB, en
plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por
herramientas de seguimiento de errores como Bugzilla.
Su popularidad como aplicación web está muy ligada a PHP,
que a menudo aparece en combinación con MySQL. MySQL
es una base de datos muy rápida en la lectura cuando utiliza el
motor no transaccional MyISAM, pero puede provocar
problemas de integridad en entornos de alta concurrencia en la modificación. En
aplicaciones web hay baja concurrencia en la modificación de datos y en cambio el
entorno es intensivo en lectura de datos, lo que hace a MySQL ideal para este tipo
de aplicaciones. Sea cual sea el entorno en el que va a utilizar MySQL, es
importante adelantar monitoreos sobre el desempeño para detectar y corregir
errores tanto de SQL como de programación.
[]
9
Es un servidor independiente de plataforma, software libre, que
consiste principalmente en la base de datos MySQL, el servidor
web Apache y los interpretes para lenguajes de script: PHP y
Perl. El nombre proviene del acrónimo de X (para cualquiera de los diferentes
sistemas operativos), Apache, MySQL, PHP, Perl. El programa esta liberado bajo
la licencia GNU y actúa como un servidor Web libre, fácil de usar y capaz de
interpretar paginas dinámicas. Actualmente XAMPP está disponible para Microsoft
Windows, GNU/Linux, Solaris y MacOS x.
Sistemas Operativos Software básico
Características mínimas
Características recomendadas
Sistema Operativo
Windows 2000, Xp
Mysql Mysql Manejador de base de datos que implemente ODBC y que mejor se adapte a las necesidades de la institución.
Servidor de HTTP
MS Internet Information Server 3
MS Internet Information Server 4, Netscape Entreprise Server.
10
CRONOGRAMA DE ACTIVIDADES:NOVIEMBRE DICIEMBRE
ACTIVIDAD6 7 8 9 10 1
1
12 1
3
14 15 1
6
17 18 1
9
20 2
1
22 23 2
4
25 2
6
27 28 2
9
30 1 2 3 4
Elaboración de la propuesta
Introducción/justificación
Requerimientos
Diseño de la interfaz
Diseño de la base de datos
Casos de uso
Diagrama de secuencia
Diseño de la interface
Periodo de Pruebas
11
CAPITULO III
MARCO OPERATIVO
12
ARQUITECTURA DEL SISTEMA
Fig. 1 “Arquitectura del sistema.”
1. PAGINA PRINCIPAL: Visualiza la página principal
2. IDENTIFICACION DEL DOCENTE: Permite teclear el nombre de usuario y
su contraseña.
3. CONSULTA DE LA CARGA ACADEMICA: después de tener acceso al
sistema el docente puede consultar su carga académica.
4. IMPRESIÓN: imprime en pantalla la información consultada.
5. Posteriormente la información es enviada a la impresora.
13
1
2
3
4 5
ORDENAR
IMPRESIONSOLICITUD
DE
IMPRESION
IMPRESION
CONSULTAR CARGA
ACADEMICA
PAGINA DOCENTE
IDENTIFIACION DEL
DOCENTE
B.D
PAGINA PRINCIPAL
DOCENTES
MODELADO DE OBJETOS (CASOS DE USOS)
CASO DE USO “CARGA ACADEMICA”
Fig. 2 “caso de uso registro correcto”
Fig. 3 caso de uso registro incorrecto
14
VALIDACION DE DATOSINTRODUCIR DATOS
VISUALIZACION DE LA CARGA
ACADEMICA
PAGINA WEB
DATOS CORRECTOS
VALIDACIONINTRODUCIR DATOS
VISUALIZACION DE LA CARGA
ACADEMICA
PAGINA WEB
REVALIDACION
DATOS INCORRECTOS
BD
BD
DIAGRAMA DE SECUENCIAS
Fig. 4 “Consulta De Carga Académica”
15
Home (Navegador)
Consulta de carga academica
Impresión
Validación de datos
Datos validos
Datos no validos
USUARIO ORDENADOR B.D.
DISEÑO DE LA INTERFACE Y OPERATIVIDAD
VENTANA DE INICIO
Fig. 5. Pantalla de bienvenida al sistema.
El usuario introduce su Nombre y RFC, para poder accesar al sistema.
16
VENTANA DE DATOS INCORRECTOS
Fig. 6. Pantalla de datos incorrectos.
En caso de haber introducido algún dato erróneo, el sistema mostrara lo anterior.
17
CONSULTA EN PANTALLA
Fig. 7. Resultado de la consulta.
Se muestra en pantalla el resultado de la consulta realizada, siempre y cuando los datos introducidos (Nombre y RFC), sean correctos.
18
RESULTADO DE LA INFORMACION EN PDF
Fig. 8. Resultado impreso de la información requerida.
19
MODELADO DE LA BASE DE DATOS
Fig. 9. Modelado de la base de datos.
20