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