1. 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

2. 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

3. CAPITULO I
MARCO CONCEPTUAL
3

4. INTRODUCCION:
El presente proyecto sedesarrolló 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
deDreamWeaver 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 mismooptimizando el manejo de información con un nuevo
enfoque tecnológico.
ANTECEDENTES:
En la Secundaria Técnica No. 9 de TlacolulaChicontepec 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

5. 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ánlos 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

6. CAPITULO II
MARCO TEORICO
6

7. 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 Características recomendadas.
mínimas.
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 PCI
Disco Duro 80 Gb Mayor a 80 Gb.
CD-ROM CD-ROM 10 x CD-ROM 24x
Interfaz Super VGA Color Super VGA Color de 0.28. Interfaz con
gráfica y 2 Mb de memoria.
Monitor
Requerimiento de software
FLASH
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.
El Flash es mucho más fácil de aprender.
7

8. 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:
y 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.
y 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.
y 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

9. que se guardan automáticamente en una librería de símbolos. En Insert,
encontramos también esta opción.
y 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.
y 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.
y 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.
y Por último en la barra de tareas encontramos Snap toObject, que es
importante porque ayuda a mejorar el diseño realizado, redondeándolo en
algunos casos y en otros haciéndolo más estilizado.
y 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

10. 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 Características mínimas Características recomendadas
básico
Sistema
Windows 2000, Xp
Operativo
Mysql Mysql Manejador de base de datos que
implemente ODBC y que mejor se
adapte a las necesidades de la
institución.
Servidor de MS Internet Information MS Internet Information Server 4,
HTTP Server 3 Netscape Entreprise Server.
10

11. CRONOGRAMA DE ACTIVIDADES:
NOVIEMBRE DICIEMBRE
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 1 2 3 4
ACTIVIDAD
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

12. CAPITULOIII
MARCO OPERATIVO
12

13. ARQUITECTURA DEL SISTEMA
PAGINA PRINCIPAL
1
DOCENTES
PAGINA DOCENTE
2 IDENTIFIACION DEL B.D
DOCENTE
ORDENAR
SOLICITUD
IMPRESION
DE
4
5
IMPRESION
CONSULTAR CARGA
3 IMPRESION
ACADEMICA
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

14. MODELADO DE OBJETOS (CASOS DE USOS)
CASO DE USO ³CARGA ACADEMICA´ BD
INTRODUCIR DATOS VALIDACION DE DATOS
PAGINA WEB
VISUALIZACION DE
LA CARGA
ACADEMICA
Fig. 2³caso de uso registro correcto´
DATOS CORRECTOS
BD
VALIDACION
INTRODUCIR DATOS
PAGINA WEB
DATOS INCORRECTOS
REVALIDACION
VISUALIZACION DE
LA CARGA
ACADEMICA
Fig. 3caso de uso registro incorrecto
14

15. DIAGRAMA DE SECUENCIAS
USUARIO ORDENADOR B.D.
Home (Navegador) Validación de datos
Datos validos
Datos no validos
Consulta de carga academica
Impresión
Fig. 4 ³Consulta De Carga Académica´
15

16. 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

17. 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

18. 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

19. RESULTADO DE LA INFORMACION EN PDF
Fig. 8. Resultado impreso de la información requerida.
19

20. MODELADO DE LA BASE DE DATOS
Fig. 9. Modelado de la base de datos.
20