2. INSTITUTO
TECNOLÓGICO
DE TUXTEPEC
“DESARROLLAR UN SISTEMA DE INFORMACIÓN PARA EL
CONTROL DE PRESTAMOS Y MEDIOS AUDIOVISUALES DE LA
COOORDINACION METODOS Y MEDIOS DEL DEPARTAMENTO
DE DESARROLLO ACADEMICO EN EL INSTITUTO
TECNOLÓGICO DE TUXTEPEC”
EQUIPO: 8
ISIDRO HIPÓLITO FREDY
LORENZO RITA YOLANDA GUADALUPE
MORALES ESTEBAN MARIA CONCEPCION
S.E.P D.G.E.S.T S.N.E.S.T

3. ASESOR:
L.I. MARÍA DE LOS ÁNGELES MARTÍNEZ
MORALES
TUXTEPEC, OAX. JULIO 2014

4. 4
AGRADEDIMIENTOS

5. 5
RESUMEN
El presente proyecto de investigación describe la realización de un sistema de
información para la Coordinación de Métodos y Medios del Departamento
Desarrollo Académico en el Instituto Tecnológico de Tuxtepec ubicado en la Avenida
Víctor bravo Ahuja s/n colonia 5 de mayo C.P. 68350, San Juan Bautista Tuxtepec
Oaxaca.
En dicha coordinación cuenta con equipos audiovisuales que son: cañones,
extensiones y bocinas, el cual hacen préstamos para alumnos de titulación y para
docentes como herramienta de trabajo para impartir clases, el registro de control de
préstamos se elabora de manera manual lo que ocasiona que existan muchos
problemas con respecto a la elaboración de estadísticas, reportes y manejo de
inventario de los equipos con que cuentan.
Para dar solución a la problemática que se presenta, se propuso llevar a cabo la
creación de un sistema de control para los equipos de medios audiovisuales, que
permita mantener a los encargados informar sobre el estado de los equipos, así
como de proporcionar información confiable y oportuna de equipos existentes, la
cantidad de cañones que están prestados, quien los está ocupando en donde y a
qué hora los desocupan y así mejorar el desempeño de los docentes a la hora de
impartir la clase con los alumnos.
Durante el proceso de esta investigación se consultó varias fuentes bibliográficas
para obtener fundamentación teórica así como definir los conceptos básicos del
sistema y conocer las metodologías que mejor convenciera para la preparación del
sistema. La elaboración de este sistema se utilizó la metodología del ciclo de vida
clásico mejor conocida como en cascada, realizando así cada una de las fases y
actividades que contiene la metodología para el desarrollo de software y así poder
obtener los requerimientos necesarios para diseñar e implementar con éxito el
sistema de información para el control de préstamos equipos audiovisuales.

6. 6
ÍNDICE DE CONTENIDO
ÍNDICE DE TABLAS ................................................................................................. 10
ÍNDICE DE FIGURAS ............................................................................................... 11
INTRODUCCIÓN ...................................................................................................... 12
ANTECEDENTES DEL PROBLEMA ....................................................................... 13
FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA.................................... 14
Pregunta de investigación...................................................................................... 14
OBJETIVOS .............................................................................................................. 15
OBJETIVO GENERAL........................................................................................... 15
OBJETIVOS ESPECÍFICOS.................................................................................. 15
JUSTIFICACIÓN ....................................................................................................... 16
IMPACTO SOCIAL ................................................................................................ 16
IMPACTO TECNOLÓGICO................................................................................... 16
IMPACTO ECONÓMICO....................................................................................... 17
IMPACTO AMBIENTAL ......................................................................................... 17
FUNDAMENTACIÓN Y FORMULACIÓN DE LA HIPÓTESIS .................................. 18
HIPÓTESIS DE TRABAJO .................................................................................... 18
HIPÓTESIS NULA ................................................................................................. 18
IDENTIFICACIÓN Y CLASIFICACIÓN DE LAS VARIABLE.................................. 18
DELIMITACIÓN......................................................................................................... 21
ALCANCES ........................................................................................................... 21
LIMITACIONES ..................................................................................................... 21
ANÁLISIS DE FUNDAMENTOS................................................................................ 22

7. 7
1. SISTEMA DE INFORMACIÓN........................................................................... 22
1.1. QUE ES UN SISTEMA................................................................................. 22
1.2. QUE ES UN SISTEMA DE INFORMACIÓN ................................................ 23
1.3. ELEMENTOS DE UN SISTEMA DE INFORMACIÓN.................................. 23
1.4. TIPOS DE SISTEMAS DE INFORMACIÓN ................................................. 24
2. BASE DE DATOS .............................................................................................. 25
2.1. QUE ES UNA BASE DE DATOS ................................................................. 25
2.2. TIPOS DE BASE DE DATOS....................................................................... 25
2.3. GESTORES DE BASE DE DATOS.............................................................. 26
2.4. NOMALIZACIÓN DE LAS BASES DE DATOS ............................................ 26
3. METODOLOGÍA DE DESARROLLO DE UN SISTEMA .................................... 28
3.1. ¿QUÉ ES UNA METODOLOGÍA? ............................................................... 28
3.2. METODOLOGÍA DEL CICLO DE VIDA CLASICO....................................... 28
3.2.1. KENDALL & KEDALL ............................................................................ 29
3.2.2. ROGER PRESSMAN ............................................................................ 30
3.2.3. IAN SOMERVILLE................................................................................. 30
3.2.4. JAMES SEEN........................................................................................ 30
4. LENGUAJE PHP................................................................................................ 31
5. MYSQL............................................................................................................... 33
6. HTML ................................................................................................................. 33
7. PROGRAMAS.................................................................................................... 36
7.1. WAMP SERVER .......................................................................................... 36
7.2. WORKBENCH ............................................................................................. 37
7.3. DREAMWEAVER......................................................................................... 38

8. 8
7.4. PHOTOSHOP .............................................................................................. 39
7.5. NAVEGADORES............................................................................................. 39
7.5.1. GOOGLE CHROME ................................................................................. 40
7.5.2. MOZILLA FIREFOX .................................................................................. 40
7.5.3. INTERNET EXPLORER............................................................................ 42
7.5.4. OPERA ..................................................................................................... 42
PROCEDIMIENTO O MÉTODO................................................................................ 44
ENFOQUE DE LA INVESTIGACIÓN..................................................................... 44
ALCANCE DE LA INVESTIGACIÓN ..................................................................... 44
DISEÑO DE LA INVESTIGACIÓN:........................................................................ 44
TIPO DE INVESTIGACIÓN ................................................................................... 45
SELECCIÓN DE LA MUESTRA ............................................................................ 45
............................................................................................................................... 46
TÉCNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS ....................... 48
METODOLOGÍA DE DESARROLLO ........................................................................ 49
1. INVESTIGACIÓN PRELIMINAR .................................................................. 49
2. DETERMINACIÓN DE LOS REQUERIMIENTOS DEL SISTEMA............... 49
VIABILIDAD DE LA INVESTIGACIÓN. .............................................................. 51
Factibilidad Técnica ........................................................................................... 51
Factibilidad Económica ...................................................................................... 51
Factibilidad Operativa......................................................................................... 51
3. DISEÑO DEL SISTEMA (DISEÑO LÓGICO)............................................... 52
4. DESARROLLO DEL SISTEMA .................................................................... 54
5. PRUEBA DEL SISTEMA.............................................................................. 57

9. 9
7. IMPLANTACIÓN Y EVALUACIÓN............................................................... 59
EVALUACIÓN DEL SISTEMA............................................................................... 60
ANÁLISIS DE RESULTADOS................................................................................... 61
CONCLUSIONES...................................................................................................... 63
RECOMENDACIONES ............................................................................................. 64
REFERENCIAS BIBLIOGRÁFICA ............................................................................ 65
ANEXOS ................................................................................................................... 68
ANEXO A .............................................................................................................. 68
INSTRUMENTOS: CUESTIONARIO QUE SE OBTUVO DE LOS INDICADORES
DE LAS VARIABLES............................................................................................ 68

10. 10
ÍNDICE DE TABLAS
TABLA 0.1 MUESTRA VARIABLES DEPENDIENTE E INDEPENDIENTE DEL PROYECTO ............ 18
TABLA 0.2 INDICADORES DE LAS VARIABLES OPERATIVAS......................................................... 20

11. 11
ÍNDICE DE FIGURAS
FIGURA 7.2.1. MODELO EN CASCADA 1 ............................................................... 29

12. 12
INTRODUCCIÓN
Un Sistema de Información son el conjunto de elementos que interactúan entre sí
con el fin de apoyar las actividades de una institución o empresa. Los elementos que
interactúan entre sí son: el equipo computacional, el recurso humano, los datos e
información.
Los sistemas Información han sido la técnica para el procesamiento de datos, donde
sus principales componentes son: el factor humano, los contenidos de la información,
el equipamiento, la infraestructura, el software y los mecanismos de intercambio de
información.
El sistema de información para el control de préstamos de medios audiovisuales se
realiza con fin de apoyar las actividades de la coordinación métodos y medios se
elaboró una investigación e para obtener los requerimientos necesarios para que el
sistema de información pueda operar. Como su nombre lo indica, el proyecto está
destinado a crear un sistema que sea capaz de manejar el control de registros de los
equipos audiovisuales, es por esto, que el proyecto usará algunos elementos como
base de datos y diseño web entre otras aplicaciones que ayudarán a hacer de este
proyecto una herramienta eficaz para el control de medios audiovisuales.

13. 13
ANTECEDENTES DEL PROBLEMA
El Instituto Tecnológico de Tuxtepec (ITTUX) conocido como la máxima casa de
estudios, en la cuenca del Papaloapan, este año cumplirá su 39 aniversario está
integrado por una dirección y tres subdirecciones que son: administrativa,
planeación, vinculación y la unidad académica de esta última se desprenden la
coordinación de métodos y medios en esta área se realizan prestamos de equipos de
medios audiovisuales para que los docentes impartan las clases de manera eficaz.
Para realizar el préstamo de los equipos audiovisuales, el encargado de la
coordinación realiza las actividades de manera manual y la descripción del proceso
es la siguiente:
Se tiene un formato impreso en donde cada profesor que requiera uno o varios
equipos audiovisuales tienen que requisitar el formato anotando el número de
equipo, fecha, estado equipo, el aula donde lo estarán ocupando, nombre y el tipo
de identificación, el encargado de llevar el registro revisa los equipos para verificar
que lleven sus accesorios (cables, extensiones, bocinas, etc.) y el estado en que se
encuentran antes de entregarlos. Para adquirir el equipo es necesario que el docente
cuente con una identificación oficial la cual puede ser: la credencial para votar o la
credencial de la institución (ITTUX) solo están son aceptadas, cuando el equipo es
devuelto por otra persona el encargado no le entrega la credencial del docente que
solicito el préstamo, sino que esta se entrega hasta que el docente llegue
personalmente.

14. 14
FUNDAMENTACIÓN Y FORMULACIÓN DEL PROBLEMA
El Instituto Tecnológico de Tuxtepec cuenta con el departamento de unidad
académica dentro del cual se encuentra la coordinación de métodos y medios en
esta coordinación se hace préstamos de equipos de medios audiovisuales que son
facilitados a docentes como herramienta para la realización de la clase. El préstamo
se realiza de manera manual y se tiene formato impreso que contiene los datos
principales para la realización de préstamos a los docentes. Las problemáticas que
causa el préstamo de manera manual son: acumulación de papeles, registros
incompletos lo que origina dificultad de elaborar estadísticas, y en la mayoría de los
casos ocupa mucho espacio, control ineficiente de la información, equipos sin
existencias o ausencia de equipos.
De acuerdo a lo anterior descrito surge el proyecto, desarrollar r un sistema de
información para permitir la automatización y el control de las actividades
relacionadas con el préstamo de equipos, para tener un correcto control del
inventario. Cabe considerar por otra parte que la originalidad de este proyecto se
basa en el sistema de información el cual arrojará datos acerca de la disponibilidad
del material solicitado, ubicando la información en el siguiente orden: Numero de
equipo, fecha, hora, profesor o alumnos y aula, de tal forma que el sistema garantice
una mayor satisfacción de las necesidades y deseos de los docentes.La
coordinación de métodos y medios actualmente tiene los equipos siguientes: 13
cañones, 5 de marca Hitachi, 9 de marca BENQ, 5 Epson, 2 bocinas grandes para
eventos y un cañón de la marca Hitachi sin número asignado. De igual manera se
debe tener en cuenta que para el diseño de este sistema se procederá a la
recolección de datos a través de entrevista con el encargado de la coordinación de
métodos y medios del (ITTUX).
Pregunta de investigación
¿Qué resultados traería un sistema de información automatizado para la
coordinación de métodos y medios del Depto. De Desarrollo Académico del Instituto
Tecnológico de Tuxtepec

15. 15
OBJETIVOS
OBJETIVO GENERAL
“Desarrollo de un sistema de información para la coordinación métodos y medios del
departamento desarrollo académico en el Instituto Tecnológico de Tuxtepec”
OBJETIVOS ESPECÍFICOS
 Analizar el inventario actual para mejorar el sistema.
 Diseñar la interfaz del sistema de información.
 Desarrollar código del sistema.
 Probar el sistema con el usuario
 Instalar el equipo de cómputo con los requerimientos del sistema.
 Evaluar el funcionamiento del sistema.

16. 16
JUSTIFICACIÓN
Es importante llegar a una solución de cada uno de las problemáticas que
actualmente existe en la coordinación de métodos y medios, perteneciente al
departamento de desarrollo académico del Instituto Tecnológico de Tuxtepec
(ITTUX).
La implementación de sistema de control de equipos audiovisuales permitirá a la
coordinación de métodos y medios obtener reportes, equipos en existencias,
estados en que se encuentran los equipos audiovisuales, la coordinación de
métodos y medios mantener el control oportunamente, así como conocer las posibles
fallas y sus necesidades, equipos dañados y conocer su disponibilidad, para un
correcto aprovisionamiento de los recursos para los docentes y alumnos para que
estén satisfechos por la rapidez al momento de solicitar información sobre los
equipos existente y la reserva de la fecha que se desee si está disponible.
IMPACTO SOCIAL
La implementación del sistema de control de métodos audiovisuales mejorara la
forma en que se registran los datos de préstamos de equipos audiovisuales para
docentes y alumnos, agilizar los procesos mediante captura de datos obteniendo así
la información que permita generar estadísticas.
IMPACTO TECNOLÓGICO
Hoy en día la tecnología avanza gracias a esto hay herramientas que nos permite
agilizar y facilitar los procesos laborales, el sistema de control de préstamos de
medios audiovisuales tendrá rapidez y eficacia para la satisfacción de los docentes y
alumnos.

17. 17
IMPACTO ECONÓMICO
La implementación de control de préstamos audiovisuales dentro de la coordinación
de métodos y medios del instituto tecnológico de Tuxtepec mejorara los recursos
económicos ya que el sistema se realizara de manera electrónica que reducirá
gastos de materiales como son copias del formato impreso, cartuchos de
impresiones, lapiceros, folders, plumones y hojas blancas.
IMPACTO AMBIENTAL
Actualmente es muy importante el cuidado del medio ambiente y las empresas,
instituciones u organizaciones están considerando el cuidado del medio ambiente
para la implementación de proyectos. Y así reducir los materiales que se utilizan en
el registro para el control de préstamos audiovisuales los desechos son los
siguientes: copias del formato impreso, cartuchos de impresiones, lapiceros, folders,
plumones y hojas blancas.

18. 18
FUNDAMENTACIÓN Y FORMULACIÓN DE LA HIPÓTESIS
HIPÓTESIS DE TRABAJO
La implementación del proyecto de sistema de información automatizado para el
control de préstamos de medios audiovisuales permitirá el acceso rápido a la
información de los equipos audiovisuales, mejorará la atención a los docentes, y
evitará pérdida de tiempo recopilando información.
HIPÓTESIS NULA
La implementación del proyecto de sistema de información automatizado para el
control de préstamos de medios audiovisuales no permitirá el acceso rápido a la
información de los equipos audiovisuales, ni mejorará la atención a los docentes, y
tampoco evitará pérdida de tiempo recopilando información.
IDENTIFICACIÓN Y CLASIFICACIÓN DE LAS VARIABLE
Tabla 0.1 Muestra variables dependiente e independiente del proyecto
Variable Dependiente Variable Independiente
La implementación de un sistema de
información automatizado para el
control de préstamos de medios
audiovisuales.
 Permitirá el acceso rápido a la
información de los equipos
audiovisuales.
 Mejorará la atención a los
docentes.
 Evitará pérdida de tiempo
recopilando información.

19. 19
DEFINICIÓN CONCEPTUAL DE LAS VARIABLES
IMPLEMENTACIÓN DE SISTEMA:
La última etapa en el desarrollo de un sistema de información es la implantación.
Los objetivos principales de esta etapa son transformar los diseños y requisitos
técnicos (físicos) que se han definido en la etapa anterior (básicamente, en la fase de
diseño físico) y su puesta en marcha. (Alarcon, junio 2006 )
SISTEMA DE INFORMACIÓN:
Los autores Laudon y Laudon (2004) definen los sistemas de información como un
conjunto de componentes interrelacionadas que recolecta (o recupera), procesan,
almacenan y distribuyen información para apoyar la toma de decisiones y el control
de una organización. (Alarcon, junio 2006 )
MEDIOS AUDIOVISUALES:
Son los medios de comunicación social que tienen que ver directamente con
la imagen como la fotografía, video y el audio. Los medios audiovisuales se refieren
especialmente a medios didácticos que, con imágenes y grabaciones, sirven para
comunicar unos mensajes especialmente específicos. Entre los medios audiovisuales
más populares se encuentra la diapositiva, la transparencia, la proyección de opacos,
los diaporamas, el video y los nuevos sistemas multimedia de la informática. (de Zulia,
2011)
MEJORAR:
EVITAR:

20. 20
PÉRDIDA DE TIEMPO:
DEFINICIÓN OPERATIVA DE LAS VARIABLES
Variable Independiente Variable Dependiente
La implementación de un sistema de
información automatizado para el
control de préstamos de medios
audiovisuales.
 Permitirá el acceso rápido a la
información de los equipos
audiovisuales.
 Mejorar la atención a los
docentes.
 Evitar pérdida de tiempo
recopilando información.
Indicadores Indicadores
 la implementación del sistema de
información
 Ubicación del proyecto a
implementar.
 Reglamento para el préstamo.
 procedimientos de uso
 Infraestructura
 Personal
 Capacitación
 Eficiencia
 Control
 Tiempo
Tabla 0.2 Indicadores de las variables operativas

21. 21
DELIMITACIÓN
ALCANCES
 El sistema de información automatizado para el control de préstamos de
medios audiovisuales, registra a los docentes que hacen los préstamos.
 Realiza altas, bajas, modificación y consultas de quipos y usuarios.
 Realiza el control de préstamo con fecha Hora y lugar.
 Visualiza el control de los equipos audiovisuales. .
 Equipos registrados en la base de datos.
 Genera reportes en PDF.
LIMITACIONES
 El sistema de control de préstamos audiovisuales no elabora estadísticas.

22. 22
ANÁLISIS DE FUNDAMENTOS
1. SISTEMA DE INFORMACIÓN
Antes de entrar en el estudio del análisis y el diseño de sistema de información, es
necesaria introducir concepto básico sobre el sistema de información, así como los
elementos que interacción con ellos de diversas clasificaciones muy populares que
ayudan a comprender la complejidad de los sistemas de información.
1.1. QUE ES UN SISTEMA
Un sistema de información es un tipo de sistema que se caracteriza por la presencia
de una serie de elementos que permiten influir en el funcionamiento del sistema. La
finalidad de un sistema de información es conseguir, mediante la manipulación de
las variables de control, un dominio sobre las variables de salida, de modo que estas
alcancen unos valores prefijados. (Piattiani & México., Tecnología y diseño de Bases
de Datos. AlfaOmega Ra-Ma, 2010)
Un sistema de información ideal debe ser capaz de conseguir su objetivo cumpliendo
los siguientes requisitos:
 Garantizar la estabilidad y, particularmente, ser robusto frente a
perturbaciones y errores en los modelos.
 Ser tan eficiente como sea posible, según un criterio preestablecido.
Normalmente este criterio consiste en que la acción de control sobre las
variables de entrada sea realizable, evitando comportamientos bruscos e
irreales.
 Ser fácilmente implementarle y cómodo de operar en tiempo real con ayuda
de un ordenador.

23. 23
Los elementos básicos que forman parte de un sistema de control de información y
permiten su manipulación son los siguientes:
 Sensores. Permiten conocer los valores de las variables medidas del sistema.
 Controlador. Utilizando los valores determinados por los sensores y la
consigna impuesta, calcula la acción que debe aplicarse para modificar las
variables de control en base a cierta estrategia.
1.2. QUE ES UN SISTEMA DE INFORMACIÓN
Es un conjunto de competencias que interaccionan entre sí para lograr un objetivo
común aunque existe una gran variedad de sistema, la mayoría de ellos pueden
representarse a través de un modelo formado por cinco bloques básico elementos de
entrada. Elementos de salida. Sección de transformación. Mecanismos de control y
objetivo. Los recursos acceden al sistema a través de los elementos de entrada para
ser modificados en la sección de transformación. Este proceso es controlado por el
mecanismo de control con el fin de lograr el objetivo marcado. (Alarcón, 2010)
Sistema de información término del que pude que se haya abusado en los últimos
tiempos, se aplica a los fenómenos más diversa y a veces sin demasiado rigor.
Toda organización necesita par funcionamiento un conjunto de informaciones que se
han transmitir entre sus distintos elementos y generalmente desde y hacia exterior
del sistema.
1.3. ELEMENTOS DE UN SISTEMA DE INFORMACIÓN
Los sistemas de información, tienen 5 elementos importantes, estos son:
Base de Datos: Es donde se almacena toda la información que se requiere para la
toma de decisiones. La información se organiza en registros específicos e
identificables.Transacciones: Corresponde a todos los elementos de interfaz que
permiten al usuario: consultar, agregar, modificar o eliminar un registro específico de
Información.

24. 24
Informes: Corresponden a todos los elementos de interfaz mediante los cuales el
usuario puede obtener uno o más registros y/o información de tipo estadístico
(contar, sumar) de acuerdo a criterios de búsqueda y selección definidos.
Procesos: Corresponden a todos aquellos elementos que, de acuerdo a una lógica
predefinida, obtienen información de la base de datos y generan nuevos registros de
información. Los procesos sólo son controlados por el usuario (de ahi que aparezca
en línea de puntos).
Usuario: Identifica a todas las personas que interactúan con el sistema, esto incluye
desde el máximo nivel ejecutivo que recibe los informes de estadísticas procesadas,
hasta el usuario operativo que se encarga de recolectar e ingresar la información al
sistema. (Kenneth, 2010)
1.4. TIPOS DE SISTEMAS DE INFORMACIÓN
Sistemas de informaciones transaccionales
Automatización de procesos operativos.
Sistemas de información gerenciales.
Sistema de apoyo a nivel gerencial
Sistemas de información apoyo de las decisiones.
Apoyan el proceso de toma decisiones.
Sistemas de información estratégicos
Desarrollados en las organizaciones con el fin de lograr ventajas competitivas

25. 25
2. BASE DE DATOS
Una base de datos es una colección de información organizada de forma que un
programa de ordenador pueda seleccionar rápidamente los fragmentos de datos que
necesite. Una base de datos es un sistema de archivos electrónico.
Las bases de datos tradicionales se organizan por campos, registros y archivos.
Un campo es una pieza única de información; un registro es un sistema completo
de campos; y un archivo es una colección de registros. Por ejemplo, una guía de
teléfono es análoga a un archivo. Contiene una lista de registros, cada uno de los
cuales consiste en tres campos: nombre, dirección, y número de teléfono.
(Quijado, 2011)
2.1. QUE ES UNA BASE DE DATOS
Una base de datos es una colección de información organizada de forma que un
programa de ordenador pueda seleccionar rápidamente los fragmentos de datos que
necesite. Una base de datos es un sistema de archivos electrónico.
Las bases de datos tradicionales se organizan por campos, registros y archivos. Un
campo es una pieza única de información; un registro es un sistema completo de
campos; y un archivo es una colección de registros. Por ejemplo, una guía de
teléfono es análoga a un archivo. Contiene una lista de registros, cada uno de los
cuales consiste en tres campos: nombre, dirección, y número de teléfono. (Quijado,
2011)
2.2. TIPOS DE BASE DE DATOS
Las bases de datos pueden clasificarse de varias maneras, de acuerdo al contexto
que se esté manejando, la utilidad de las mismas o las necesidades que satisfagan.
Bases de datos estáticas
Son bases de datos de solo lectura, utilizadas primordialmente para almacenar datos
históricos que posteriormente se pueden utilizar para estudiar el comportamiento de

26. 26
un conjunto de datos a través del tiempo, realizar proyecciones, tomar decisiones y
realizar análisis de datos para inteligencia empresarial.
Bases de datos dinámicas
Éstas son bases de datos donde la información almacenada se modifica con el
tiempo, permitiendo operaciones como actualización, borrado y edición de datos,
además de las operaciones fundamentales de consulta. Un ejemplo de esto puede
ser la base de datos utilizada en un sistema de información de un supermercado, una
farmacia, un videoclub o una empresa.
2.3. GESTORES DE BASE DE DATOS
Las bases de datos pueden clasificarse de varias maneras, de acuerdo al contexto
que se esté manejando, la utilidad de las mismas o las necesidades que satisfagan.
Bases de datos estáticas
Son bases de datos de solo lectura, utilizadas primordialmente para almacenar datos
históricos que posteriormente se pueden utilizar para estudiar el comportamiento de
un conjunto de datos a través del tiempo, realizar proyecciones, tomar decisiones y
realizar análisis de datos para inteligencia empresarial.
Bases de datos dinámicas
Éstas son bases de datos donde la información almacenada se modifica con el
tiempo, permitiendo operaciones como actualización, borrado y edición de datos,
además de las operaciones fundamentales de consulta. Un ejemplo de esto puede
ser la base de datos utilizada en un sistema de información de un supermercado, una
farmacia, un videoclub o una empresa.
2.4. NOMALIZACIÓN DE LAS BASES DE DATOS
Normalización de datos: Explica el proceso que consiste en perfeccionar las
definiciones de datos para eliminar grupos repetidos y dependencias innecesarias.

27. 27
Reglas de empresa para el acceso a datos: Explica la forma en que las reglas de
empresa controlan la manipulación de los datos de la aplicación y pueden ser
reutilizadas por otras aplicaciones.
Integridad referencial: Describe la forma en que la integridad referencial evita que se
dañen los datos.
Validación de datos: Explica la comprobación de intervalos, la validación de campos
y formas más complejas de validación de datos.
Secciones relacionadas: Diseño de datos: Presenta algunos conceptos y procesos
que surgen normalmente durante el diseño de los datos de la aplicación.
Es posible garantizar la integridad de los datos mediante la implementación
escrupulosa de varios conceptos clave, como los que se incluyen a continuación:
 Normalizar datos.
 Definir reglas de empresa.
 Proporcionar integridad referencial.
 Validar los datos.

28. 28
3. METODOLOGÍA DE DESARROLLO DE UN SISTEMA
3.1. ¿QUÉ ES UNA METODOLOGÍA?
Conjunto de métodos que se siguen en una investigación científica, un estudio o una
exposición doctrinal.
Metodología se refiere al conjunto de los pasos y métodos, sistemáticos de
investigación en una ciencia, que guían o deberían guiar una investigación.
Metodología de la investigación supone la sistematización, es decir, la
organización de los pasos a través de los cuales se ejecutará una
investigación científica. No es posible concebir la idea de “investigación” sin
pensar de manera casi automática en la serie de pasos que debemos cumplir para
otorgar seriedad, veracidad y cientificidad a dicha investigación.
3.2. METODOLOGÍA DEL CICLO DE VIDA CLASICO
El modelo clásico del proceso de desarrollo de software es el modelo en cascada
este es una secuencias de actividades (o etapas) que consiste en el análisis de los
requerimiento, el diseño, la implementación la integración y las prueba.
Definir la metodología adecuada como soporte de las actividades de planeación,
desarrollo y mantenimiento
En forma practicas genérica y posible identificar cincos fases principales dentro del
ciclo de vida para desarrollar producto de software.
Tipo de metodología:
Modelo lineal o de cascada.
Modelo prototipo.
Modelo incremental o evolución.

29. 29
Fases Características de este ciclo son:
 Cada fase empieza cuando se ha terminado la fase anterior
(HAWRYSZKIEWYCZ).
 Para pasar de una fase a otra fase es necesario es necesario de conseguir
todos los objetivo etapa previa. (BOEHM).
 Ayuda a prevenir que se sobrepasen las fechas de entrega y el coste
esperados.
 Al final cada fase el personal técnico y los usuarios tiene la oportunidad de
revisar del proyecto. (PRESSMAN, 209)
Productos…. especificación
Diagramas y texto
Código o comentario
Código completo
Reporte de prueba, incluida la descripción de defecto
1 Figura 7.2.1. Modelo en Cascada 1
3.2.1. KENDALL & KEDALL
CICLIO DE VIDA DE DESARROLLO DE SISTEMA KENDALL & KEDALL
1 IDENTIFICACION DE PROBLEMAS OPORTUNIDADES Y OBJETIVOS
2 DETERMINACION DE LOS REQUERIMIENTO DE INFORMACION
3 ANALISI DE LAS NECASIDADES DE SISTEMA
4 DISEÑO DEL SISTEMA
Análisis de los
requerimientos
Diseño
Implementación
Integración
Pruebas

30. 30
5 DESARROLLO DOCUMENTAL DE SOFTWARE
6 PRUEBA Y MANTENIMIENTO DEL SISTEMA
7 IMPLEMENTACION Y EVALUACIÓN DEL HARDWARE
3.2.2. ROGER PRESSMAN
De acuerdo con Roger Pressman, las etapas metodológicas a llevar a cabo para el
desarrollo de Sistemas de Información, se establecen de la siguiente manera:
Etapas o Fases:
 Análisis
 Diseño
 Codificación
 Prueba
 Mantenimiento
3.2.3. IAN SOMERVILLE
3.2.4. JAMES SEEN
Método del Ciclo de Vida y Desarrollo del Sistema.
1. Investigación Preliminar
2. Determinación de los requerimientos del Sistema
3. Diseño del Sistema
4. Desarrollo del Sistema
5. Prueba del Sistema
6. Implantación y Evaluación

31. 31
4. LENGUAJE PHP
El PHP (acrónimo de PHP: Hypertext Reprocesar), es un lenguaje interpretado de
alto nivel embebido en páginas HTML y ejecutado en el servidor.
Las variables se prefijan con el símbolo del dólar ($) y no es necesario indicar su tipo.
Las variables, a diferencia de las funciones, distinguen entre mayúsculas y
minúsculas. Las cadenas de caracteres pueden ser encapsuladas tanto en dobles
comillas como en comillas simples, aunque en el caso de las primeras, se pueden
insertar variables en la cadena directamente, sin necesidad de concatenación.
Los comentarios se pueden escribir bien con dos barras al principio de la línea, o con
una almohadilla. También permite comentarios multi-línea encapsulados
En cuanto a las palabras clave, PHP comparte con la mayoría de otros lenguajes con
sintaxis C las condiciones con if, los bucles con for y while y los retornos de
funciones. Como es habitual en este tipo de lenguajes, las sentencias deben acabar
con punto y coma (;). (Hanke, 2009)
4.1. Elementos básicos del lenguaje.
Como todo lenguaje de programación, PHP puede trabajar con una serie de tipos de
datos básicos. En concreto los tipos de datos admitidos son:
 Números enteros: los enteros pueden ser dados tanto en base decimal como
en base octal o hexadecimal (un 0 inicial indica que el valor está representado
en octal, un 0x indica que es hexadecimal.
 Números reales: Los números reales se pueden dar en dos formatos; como
parte entera y parte decimal, usando el punto como separador.
 Cadenas de Caracteres: Las cadenas de caracteres pueden ser dadas en dos
formatos usando comillas dobles o usando comillas simples. El uso de una u
otra forma de delimitación afecta a la forma en la que se tratan las posibles
variables que pueda haber dentro de la propia cadena.
Ejemplo: “Casablanca”, ‘cantando bajo la lluvia’

32. 32
 Arrays o Matrices: Constituyen colecciones de datos que se referencian bajo
un mismo nombre común. Como se verá al capítulo dedicado a estas
estructuras de datos, PHP admite la posibilidad de construir dos tipos de
arrays: arrays asociativos e indexados.
 Objetos: finalmente PHP admite también la posibilidad de crear objetos y
realizar acción con ellos. Mediante el uso de objetos se puede entender como
una misma entidad los datos y las acciones que se realizan con ellos. Esta es
la base de la programación orientada a objetos.
VARIABLES
Algunas de las peculiaridades de las variables en PHP son:
No es necesario declarar explícitamente, sino que basta con utilizarlas cuando se
necesite. En principio las variables no tienen un tipo predefinido, puede asignarse
cualquier tipo de valor. La asignación de valores a las variables se hace con el singo.
Los nombres de las variables en PHP siempre comienzan con el signo “$”. Se
pueden usar nombres de variables de cualquier longitud, formados por letras, dígitos
y carácter de subrayado, pero nunca comenzando por un digito. Entre las letras que
pueden utilizarse se encuentran los caracteres cuyo código ASCII se encuentran
entre 127 y 255 por lo que se pueden utilizar letras acentuadas o ñ en los nombres
de variables. En los nombres de variables si se distingue el uso de mayúsculas y
minúsculas, de manera que área y AREA serían variables diferentes. Una variable se
puede utilizar asignándole a la lo largo del tiempo datos incluso de distinto tipo.

33. 33
5. MYSQL
MYSQL es un sistema gestor de bases de datos relacionales, además ofrece
compatibilidad con PHP, perl, C y PHP y funciones avanzadas de administración y
optimización de base de datos para facilitar las tareas habituales implementa
funcionalidades web, permitiendo un acceso seguro y sencillo a los datos a través de
internet. (césar, 2009)
MYSQL es por otro lado, la base de datos elegida por la gran mayoría de
programadores en PHP, soporte el lenguaje SQL y la conexión de varios usuarios
pero en general, se utiliza para aplicaciones de tamaño pequeño, y medio.
Al igual que PHP, su principal ventaja reside en que es una base de da gratuita.
Tipos Secuencia y numéricos
MYSQL admite numérico enteros sin parte funcionaria y numero con flotante que
forma parte de decimales.
6. HTML
HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de
un conjunto de etiquetas que sirven para definir el texto y otros elementos que
compondrán una página web.
El HTML se creó en un principio con objetivos divulgativos de información con texto y
algunas imágenes. No se pensó que llegara a ser utilizado para crear área de ocio y
consulta con carácter multimedia (lo que es actualmente la web), de modo que, el
HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a
todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta
deficiente planificación, sí que se han ido incorporando modificaciones con el tiempo,
estos son los estándares del HTML. Momentos está a punto de presentarse la
versión 5 de HTML, de la que ya se tiene un borrador casi definitivo. (Luque ruiz,
2011)

34. 34
El HTML es un lenguaje de marcación de elementos para la creación de documentos
hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no
haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML
es fácil y pronto podremos dominar el lenguaje. Más adelante se conseguirán los
resultados profesionales gracias a nuestras capacidades para el diseño y nuestra
vena artista, así como a la incorporación de otros lenguajes para definir el formato
con el que se tienen que presentar las webs, como CSS.
El uso correcto de las etiquetas.
HTML Semántico es el uso de las etiquetas HTML para reforzar la semántica, o el
significado, de la información en las páginas web más que simplemente redefinir su
forma de presentación (apariencia). El HTML Semántico es procesado por web
browsers regulares así como por muchos otros agentes de usuarios. Las CSS son
usadas para sugerir la presentación de la página a usuarios humanos. (Manual
Didáctico, aplicaciones de software libre y multiplataforma) Como un ejemplo,
estándares recientes de HTML no recomiendan el uso) ya que prefieren etiquetas
más específicas como (énfasis); las hojas de estilo CSS deberían entonces
especificar cuando el énfasis es denotado por una fuente cursiva, una en negritas,
subrayada, etc. Esto es porque las cursivas son usadas para otros propósitos
además de hacer énfasis, como citar una fuente; para esto, HTML 4 provee la
etiqueta Otro uso de las cursivas es para citar frases; los diseñadores web pueden
usar los atributos del lenguaje XHTML o especificar sus propias etiquetas semánticas
escogiendo apropiadamente nombres para los valores de los atributos de los
elementos de HTML. Marcar el énfasis y las citas, hace mucho más fácil en muchas
maneras para Agentes Web como motores de búsqueda y otras aplicaciones que se
interprete de forma correcta el significado del texto.
Software necesario para trabajar con HTML. Los archivos, que diseñaremos al crear un
espacio web, no son más que archivos de texto sencillos, por lo que sólo nos hará falta un
programa de edición de textos planos y un navegador web para ver la apariencia que va
tomando nuestra página web.

35. 35
Hay multitud de editores libres y gratuitos que podemos emplear, incluso los editores
predeterminados de cada sistema operativo son una buena opción, como el "Editor
de Texto" en sistemas operativos Linux o el propio "Bloc de notas" Windows.
Tomando esto como punto de partida, no nos resultará difícil encontrar editores de
texto algo más completos que nos simplificarán nuestro trabajo. Así, por ejemplo, al
crear una página con el editor estándar de un sistema Linux, observaremos que de
forma automática destaca las etiquetas, simplificándose notablemente la creación de
páginas web.
Estructura de una página web.
Toda página Web tiene una estructura que permite al programador saber de
antemano qué tipo de información necesita introducir. Esto ayuda a que la página
que diseña sea claramente legible y se pueda modificar más fácilmente. Si una
página Web es complicada en su diseño, habrá muy pocos que sepan dar el
mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.
<HTML>
<HEAD>
<TITLE> Primera página</TITLE>
</HEAD>
<BODY>
...
</BODY>
</HTML>

36. 36
Estas líneas son permanentes en una página Web. Siempre van a estar
presentes no importando qué tan corta o tan larga sea la página y el contenido.
La primera instrucción <HTML> indica al explorador de internet que ahí comienza
una página web. La siguiente instrucción <head> indica el encabezado de la
página, es decir el área de la barra de título. <Title> indica el título de la página
propiamente dicho. <Body> es una instrucción que indica al explorador de internet
que ahí empieza el área de contenido de la página (es decir el cuerpo de la
página).
En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal)
para indicar al programa que las propiedades aplicadas con esa instrucción se
terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica
convenientemente, el programa seguirá aplicando las propiedades de la
instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra
instrucción que modifique las propiedades actuales. (Piattiani E. M., 2010)
7. PROGRAMAS
7.1. WAMP SERVER
Es un entorno de desarrollo web para Windows con el que podrás crear
aplicaciones web con Apache, PHP y bases de datos MySQL database. También
incluye PHPMyAdmin y SQLiteManager para manejar tus bases de datos en un
plisplas.
WAMP es el acrónimo usado para describir un sistema de infraestructura
de internet que usa las siguientes herramientas:
Windows, como sistema operativo; Apache, como servidor web;

37. 37
7.2. WORKBENCH
Son conjuntos de herramientas que dan soporte a la automatización del proceso de
desarrollo del sistema informático. Permiten cubrir el ciclo de vida completo. El
producto final aportado es un sistema en código ejecutable y su documentación.
Workbench es un software creado por la empresa Sun Microsystems, esta
herramienta permite modelar diagramas de Entidad-Relación para bases de datos
MySQL.
Con esta herramienta se puede elaborar una representación visual de las tablas,
vistas, procedimientos almacenados y claves foráneas de la base de datos. Además,
es capaz de sincronizar el modelo en desarrollo con la base de datos real. Se puede
realizar una ingeniería directa e ingeniería inversa para exportare e importar el
esquema de una base de datos ya existente el cual haya sido guardado o hecho coia
de seguridad con MySQL Administrador.
MySQL Workbench puede generar también el guion necesario para crear la base de
datos que se ha dibujado en el esquema; es compatible con los modelos de base de
datos de DBD esigner 4 y soporta las novedades incorporadas en MySQL
Es una herramienta visual de diseño de bases de datos que integra desarrollo de
software, Administración de bases de datos, diseño de bases de datos, creación y
mantenimiento para el sistema de base de datos MySQL. Es el sucesor de DBD
asignar 4 de fabFORCE.net, y reemplaza el anterior conjunto de software,
MySQL Workbench 5.2
A partir de MySQL Workbench 5.2, cuando la aplicación se ha desarrollado una base
de datos general de aplicación GUI. Aparte de modelado de base de datos física que
cuenta con un editor de SQL y un servidor de base de datos Interfaz de
administración, en sustitución de la antigua MySQL GUI Bundle herramientas. La
nueva aplicación sin embargo todavía no es compatible con la migración de datos,
que era una parte del conjunto de herramienta antigua.

38. 38
Las características destacadas de MySQL Workbench 5.2 son:
General
Database Connection & Instance Management
Wizard driven action items
Fully scriptable with Python and Lua
Support for custom plugins
SQL
El lenguaje de consulta estructurado o SQL (por sus siglas en inglés estructure query
lenguaje) es un lenguaje declarativo de acceso a bases de datos relacionales que
permite especificar diversos tipos de operaciones en ellas. Una de sus características
es el manejo del álgebra y el cálculo relacional que permiten efectuar consultas con
el fin de recuperar de forma sencilla información de interés de bases de datos, así
como hacer cambios en ella.
7.3. DREAMWEAVER
Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de
estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de
sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems) es uno de los
programas más utilizados en el sector del diseño y la programación web, por sus
funcionalidades, su integración con otras herramientas como Adobe Flash y,
recientemente, por su soporte de los estándares.
Sus principales competidores son Microsoft Expresión Web (que es de código
abierto) y tiene soporte tanto para edición de imágenes como para animación a
través de su integración con otras. Hasta la versión MX, fue duramente criticado por
su escaso soporte de los estándares de la web, ya que el código que generaba era

39. 39
con frecuencia sólo válido para Internet y no validaba como HTML estándar. Esto se
ha ido corrigiendo en las versiones recientes. (SHELLY, 2011)
7.4. PHOTOSHOP
Photoshop es la aplicación líder en el campo del retoque fotografía y del diseño
gráfica también es la opción preferida, tanto para usuarios profesionales como
aficionados tanto en entorno pc.
Este libro está dirigido a enseñar el manejo práctico de Photoshop a dos tipos de
lectores.
Usuarios no profesionales que aspiran a sacar el máximo rendimiento a su cámara
digital o que están interesados en expandir sus capacidades artísticas.
Usuarios profesionales que trabajan en el ámbito de la fotografía o el arte digital y
desea ampliar sus horizontes incorporado Photoshop a su trabajo
Adobe Photoshop es un editor de gráficos rasterizadosdesarrollado por Adobe
Systems principalmente usado para el retoque de fotografías y gráficos. Su nombre
en español significa literalmente "taller de fotos". Es líder mundial del mercado de las
aplicaciones de edición de imágenes y domina este sector de tal manera que su
nombre es ampliamente empleado como sinónimo para la edición de imágenes en
general (MONZÓN, 2010)
7.5. NAVEGADORES
Un navegador web (web browser) es un programa que permite visualizar documento
de hipertexto, documentos que combinan texto, imágenes, sonido, video,
animaciones, etc., y enlaces, los links o hipervínculos, a otros documentos de
hipertexto o a otras secciones del mismo documento.
Actualmente los navegadores han evolucionado de forma que son capaces de
transferir ficheros, buscar información, guardarla en el disco en distintos formatos, y

40. 40
crear listas con las páginas que nosotros le indiquemos. Entre los navegadores más
empleados podemos citar: Internet Explorer, Mozilla, Firefox y Opera. (Balado, 2007)
7.5.1.GOOGLE CHROME
Aparecido en septiembre del 2008, Google Chrome no ha cesado de incrementar su
cuota de mercado. Podemos considerar que es, a dia de hoy, el tercer navegador
más usado en la red. Además las versiones se han sucedido a un ritmo sostenido y
siempre cercano a tecnologías punta como Html5 y a la integración progresiva de las
hojas de estilo CSS3. Subrayamos también que las versiones recientes se han
extendido rápidamente entre los usuarios. Esto confirma la modernidad y el
dinamismo de este joven navegador. (Lancker, 2012 )
7.5.2.MOZILLA FIREFOX
Mozilla Firefox es un navegador web gratuito y de código abierto, está basado en el
código base de Mozilla. Ocupa poco espacio, es muy rápido y fácil de utilizar.
Ilustración 7..5.2.1 Barra de herramientas del navegador Mozilla Firefox
Mozilla Firefox es uno de los navegadores que ha experimentado un gran
crecimiento en los últimos años, algunas de las cualidades que más aceptación ha
tenido en el público son:
 Navegación con tabs: La navegación con tabs cambia sustancialmente la
forma en que estamos acostumbrados a navegar, permitiendo abrir links en
tabs de fondo y luego leyéndolos cuando esté listo. La navegación con tabs
hace que sea mucho más fácil de mantener el rastro de diversas páginas o
sitios al poder verlo en una sola ventana de navegador. Para moverse entre

41. 41
los tabs solo se necesita dar clic en ellos para abrir las páginas que tenemos
en espera. Los tabs cargan de fondo para que puedan navegar más rápido.
La navegación con tabs, la podemos realizar de varias formas: una es
mantenga apretada la tecla Ctrl mientras hace clic en un link, otra si posee un
ratón de tres botones, hacemos clic en el link con el botón del medio. Véase
el ejemplo de usos de tabs descrito más adelante.
 Bloquea los pop-up: Bloquea las ventanas no solicitadas mientras que si
permite ver las que queramos.
 Permite personalizar la barra de herramientas: Nos permite añadir y quitar
objetos y crear nuevas barras.
 Gestor de descargas: Es fácil de usar y muestra todas las descargas, las
pendientes y las que no se han completado. la muestra es una lista grafica
con texto informativo. Se tiene el control completo sobre las descargas
activas e inactivas. Podemos cancelar una descarga activa, volver a intentar
aquellas que ha fallado, eliminar las completadas y las que han fallado.
Para ilustrar el manejo de los tabs, imaginemos que estamos navegando en una web
cuyo objeto principal es mostrar fotografías de fotógrafos y permitir que sobre dichas
fotografías de fotógrafos y permitir que sobre dichas fotografías se puedan realizar
comentario, para nuestro ejemplo entramos a ver las fotografías de un fotógrafo en
particular y queremos ver toda su obra antes de comentarla, lo que aremos es ver las
fotografías en pequeño e ir añadiendo a los tabs para visualizarlas más tarde en
grande y comentarlas si fuera necesario. (Figura 5.3). (ENRIQUE QUERO
CATALINAS, 2007 )
Figura 5.3.2 Mozilla Firefox. Trabajar en tab

42. 42
7.5.3.INTERNET EXPLORER
Internet Explorer es el software para navegar de Microsoft, este programa está
integrado perfectamente con Windows y todas las aplicaciones que este mismo
fabricante tiene para ser utilizadas en el ordenador, como Word, Excel, Access,
Outlook, Power Point.
Figura 7.5.3.1 barra de herramientas del internet explorer
Internet Explorer es el líder indiscutible, con más de ochenta por ciento del mercado.
Pero algunos problemas de seguridad, como virus informáticos y programas espía
han hecho que un número creciente de usuarios se plantean otras opciones.
7.5.4.OPERA
En 1994, un grupo de investigadores de la empresa de telecomunicaciones noruega
crearon el navegador Opera que empezó a comercializarse en 1996. A partir de año
2000 cambiaron la licencia de uso, primero mostrando anuncios publicitarios a partir
del año 2005 freware. Destaca por su reducido tamaño, por su velocidad y por su
contante innovación, siendo el primer navegador que el año 2000 introdujo la
navegación por pestañas y una interfaz de comunicación con BitTorrent (un
programa de intercambio de archivos P2P).
En 2006 lanzaron opera mini, una versión para navegar a través de dispositivos
móviles. (Vega, 2010)
11.6.5. SAFARI
Safari es, des 2003, el navegador por defecto de las plataformas Mac OS X. Desde
su versión 4 (junio de 2009) está disponible también para Windows. Este excelente
navegador rápido, rápido e innovador, tiene no obstante algunas dificultades a la
hora de alcanzar el éxito entre los usuarios de Windows. Aun así, el navegador safari

43. 43
está a la última en lo que respecta a la integración de HTML5 y las hojas de estilo
CSS3 y no tiene nada que envidiar a su competencia en cuanto rendimiento.
(Lancker, 2012 )

44. 44
PROCEDIMIENTO O MÉTODO
ENFOQUE DE LA INVESTIGACIÓN
El enfoque utilizado para el presente proyecto es el cuantitativo, cuyo proceso es
secuencial, deductivo y probatorio, analiza la realidad objetiva. Por lo que requerirá
de la comprobación de la hipótesis a través del análisis e interpretación de los datos
mediante el empleo de estadísticas.
ALCANCE DE LA INVESTIGACIÓN
Correlacional: Porque se tiene 2 tipos de variables independientes “la
implementación del sistema de información para el control de préstamos
audiovisuales”. La variable dependiente “agilizar los procesos de búsqueda de
información y mejorar la atención de los docentes de la coordinación de métodos y
medios del instituto tecnológico de Tuxtepec”. A lo anterior mencionado debe dar
respuestas a la pregunta de investigación ¿Qué resultados trataría un sistema de
información automatizado para la coordinación de métodos y medios?
Explicativa: porque pretende dar respuestas y explicaciones para comprender los
efectos que tendrá al implementar el sistema de información para el control de
equipos audiovisuales para la coordinación de métodos y medios del Instituto
Tecnológico de Tuxtepec.
DISEÑO DE LA INVESTIGACIÓN:
Experimental: experimentos puros Nuestro proyecto está basado en el diseño
experimental, ya que se encarga de la manipulación de las variables dependientes
(causas) y dependientes (efectos). Este proyecto de desarrollo brinda beneficios para
los docentes y a la comunidad estudiantil del Instituto Tecnológico de Tuxtepec.
Además de analizar las etapas de diseño como son el planteamiento de problema,
los alcances de la investigación y la formulación de hipótesis.

45. 45
TIPO DE INVESTIGACIÓN
El tipo de investigación empleado para este proyecto es de acuerdo a las siguientes
fuentes:
Documental: Porque el proyecto estaba basado en la obtención y análisis de
documentos en libros de bibliotecas e internet.
Aplicada: la finalidad de este proyecto es llevarla a la práctica es decir implementar
el sistema dentro de la coordinación de métodos y medios.
Descriptiva: se pretende obtener toda l<<a información necesaria de las
características y perfiles de las personas que pertenecen a la comunidad ala que nos
enfocamos en este proyecto.
SELECCIÓN DE LA MUESTRA
Unidad de análisis
En el instituto tecnológico de Tuxtepec cuenta con una población formada de
docentes, estudiantes y personal administrativo. El cual solo los docentes y alumnos
hacen uso de equipos audiovisuales.
Población
El método utilizado en esta investigación será el método probabilístico pues la
población a estudia es finita. A continuación se muestra la siguiente tabla de la
población obtenida del departamento de recursos humanos del instituto tecnológico
de Tuxtepec.
Tabla 3.1. Cantidad de la población del (ITTUX)
Estudiantes Docentes Personal administrativo
2248 143 50

46. 46
Muestra
La muestra se calculara de manera independiente es decir la suma total de los y
docente, estudiantes personal administrativo donde se realizara con la formula
siguiente:
Definición de las variables:
n: tamaño de la muestra.
N: valor de la población
Z: valor critico correspondiente, un coeficiente de confianza del cual se desea hacer
la investigación.
P: proporción proporcional de ocurrencia de un evento.
Q: proporción proporcional de no ocurrencia de un evento.
E: error muestral.
CALCULO DE MUESTRA PARA LOS DOCENTES:
Procedimiento:
Resultado Muestra de los docentes
N=143
Z=coeficiente de confianza es de 95 % = 0.95 %
P=50 % = 0.50 %
Q=(1-p)=1-0.50=0.50
E=5%=0.05
n= z2*p*Q*N
(N-1)E2+ z2+Q
n= (o.95)2*0.50*0.50*143
(143-1)(0.05)2+0.95)2*0.5*0.5
N=55.56=66

47. 47
Calculo de muestra para los estudiantes
Procedimiento:
Resultado:
N=2248
Z=coeficiente de confianza es de 95 % = 0.95 %
P=50 % = 0.50 %
Q=(1-p)=1-0.50=0.50
E=5%=0.05
Calculo de muestra para el personal administrativo
Procedimiento:
Resultado:
N=50
Z=coeficiente de confianza es de 95 % = 0.95 %
P=50 % = 0.50 %
Q=(1-p)=1-0.50=0.50
E=5%=0.05%
n= (o.95)2*0.50*0.50*2248
(2248-1)(0.05)2+(0.95)2*0.5*0.5
N=86.8037=86
n= (o.95)2*0.50*0.50*50
(50-1)(0.05)2+(0.95)2*0.5*0.5
N=32.4057=32

48. 48
TÉCNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS
Para esta investigación se utilizaron las siguientes técnicas de recolección de datos.
Observación
Una de las técnicas utilizará en este proyecto es la observación utilizada para
analizar el control de préstamos en la coordinación de métodos y medios con el fin
de examinar atentamente el comportamiento del personal y de las actividades que
desarrolla en el formato impreso.
Entrevista.
Se realizará una la entrevista con el encargado de la coordinación métodos y
medios con una lista de preguntas con el fin de recopilar información útil para la
investigación del proyecto.
Forma de análisis
Al establecer los métodos e instrumentos para la recolección de la información, es
indiscutible la necesidad de definir los procesos a seguir para obtener mejores
resultados durante el desarrollo del proyecto. Para llevar a cabo dichas acciones se
aplicarán la recolección de la información que hará el investigador y se elaborará un
análisis interpretativo de la información obtenida de las entrevista y las preguntas que
se hará al encargado.

49. 49
METODOLOGÍA DE DESARROLLO
Para llevar a cabo el desarrollo del Sistema información para el control de préstamo y
medios audiovisuales del instituto tecnológico se utilizó la metodología de desarrollo
en cascada. A continuación se explican fases y actividades que se realizaron en
cada una de las etapas referente al autor JAMES SEEN.
1. INVESTIGACIÓN PRELIMINAR
Estudio previo
Para ello se realizó una investigación preliminar con la ayuda de técnicas e
instrumento de recolección de datos como la entrevista.
Se llevó a cabo una entrevista con el encargado de la coordinación de métodos y
medios para ver la identificación de las necesidades, la problemática que se tenía,
y dar solución. Además de definir los objetivos.
2. DETERMINACIÓN DE LOS REQUERIMIENTOS DEL
SISTEMA
Técnica de recolección de información “La Observación”
Para esta segunda fase se realizó la actividad de observación del registro manual
que cuenta la coordinación de métodos y medios para obtener los requerimientos del
sistema. Con los datos obtenidos se pudo obtener información necesaria como son
los casos de uso y de se cuenta para los requerimientos y desarrollo del sistema.
Identificación de los requerimientos del sistema

50. 50
Nos permitió los requerimientos del sistema y la manera en que este reacciona a los
eventos que se producen.
Figura 4.2.1 Diagrama de Caso de Uso Acceso al sistema
Figura 4.2.2 Diagrama de Caso de Uso Administrador.
Figura 2.4 Diagrama de Caso de Uso Usuario ingresando al sistema

51. 51
VIABILIDAD DE LA INVESTIGACIÓN.
Después de definir la problemática presente y establecer las causas que beneficiaría
un nuevo sistema de información automatizado para el control de préstamos
audiovisuales es oportuno realizar un estudio para determinar la infraestructura que
implica la implantación del sistema, así como los costos, beneficios y el grado de
aceptación que la propuesta genera en el Instituto Tecnológico de Tuxtepec. Este
análisis permitió determinar las posibilidades de diseñar el sistema propuesto. Las
áreas que se muestra son las siguientes.
Factibilidad Técnica
La factibilidad técnica consistió en realizar una entrevista con el encargado de la
coordinación de métodos y medios sobre los componentes técnicos que posee el
cual en la coordinación cuenta con un equipo de cómputo y sus características son:
 Sistema operativo Windows 7 de 32 bits.
 Memora RAM 1,00 GB (895 MB utilizable)
 Procesador AMD sempron ™ Procesador 340+1.80 GHz
Factibilidad Económica
Solo se instalaran los programas necesarios como el WampServer y el sistema. Ya
que en la coordinación no tienen dichos programas. El servidor local WampServer no
tiene ni un costo ya que se puede descargar e instalar desde el internet. Y el sistema
tendrá un costo de : $ 3,500.00
Factibilidad Operativa
Para la implementación del sistema se instalara en el equipo de cómputo antes
mencionado en la factibilidad técnica.

52. 52
3. DISEÑO DEL SISTEMA (DISEÑO LÓGICO)
Se recaudaron datos que son necesarios para implementar el sistema, en esta
tercera fase se realizó el diseño de la base de datos a través de diagrama entidad
relación en el programa MySQL Workbench en el cual se muestra en la figura 3.1.
El diagrama entidad relación muestra las entidades y atributos que conformaran la
base de datos.
Figura 4.3.1. Diagrama de Entidad Relación
Diseño de la interfaz.
Diseñar la interfaz del sistema para el usuario final
Se diseñan los prototipos sobre la interfaz del sistema de manera gráfica, los usos
de colores, tamaño de letras, logotipo, etc.

53. 53
Figura 4.3.2. Diseño de la Interfaz de usuario
Figura 4.3.3 interfaz de administrador.

54. 54
4. DESARROLLO DEL SISTEMA
Diseño de procedimientos.
Convertir los elementos de la estructura sobre la arquitectura del sistema. Se genera
el código fuente, para integrar y validar el software, se llevan a cabo las pruebas.
Figura 4.4.1 Código fuente de la Interfaz del usuario
Diseño de entrada de datos.
Se realizó el desarrollo de los detalles y programaciones para el desarrollo de
datos, la realización de los pasos necesarios para poner los datos de una transacción
en una forma utilizable para su procesamiento, así como la entrada de éstos. La
entrada de estos datos se logra al adiestrar la computadora para que los ingrese de
documentos escritos o impresos, o por personas que los escriben directamente en el
sistema.
En esta parte se llevó a cabo el diseño de formularios de inserción de datos del
préstamo, equipos, usuarios, para esto utilizamos Dreamweaver.

55. 55
Figura 4.2. Diseño de formularios.
Diseño de salida de datos se llevaron a cabo las siguientes actividades.
Comprobar qué información presentar.
Disponer si la información será presentada en forma visual o impresa y seleccionar el
medio de salida.
Diseño de impresión de reportes de préstamos y equipos se llevaron a cabo las
siguientes actividades.
Disponer la presentación de la información en un formato aceptable.
Decidir cómo distribuir la salida de la información entre los posibles receptores.
Comprobar el uso de métricas de diseño en la creación de interfaces.
Se realizó la descripción de las entidades que utilizara el usuario, su presentación al
mismo y las técnicas de interacción para su manipulación. Consta de tres partes:
presentación, interacción y relaciones entre las entidades.
CODIFICACIÓN
Diseño de código.
Deducir las especificaciones físicas del diseño en líneas de programas.

56. 56
En esta etapa se ejecutaron las determinaciones que requiere el sistema para
realizar sus actividades, pero en código es decir la sintaxis, para realizar las altas,
bajas, modificación, consultas y generar reportes.
Modelo de Análisis / Diseño
Modelo de Datos
Creación de formularios.
Prototipos de Interfaz de Usuarios
Verificación del código.
Verificar sintaxis de código.
Para la comprobación del código utilizamos el programa Dreamweaver para correr el
código en el servidor, y así mostrar los errores de sintaxis que contenía nuestro
código, corregirlo y mejorarlo, mediantes las pruebas.
Documentar código.
Se llevó a cabo la documentación de código, descripción de las líneas para cada
comando tanto de php como en mysql.

57. 57
5. PRUEBA DEL SISTEMA
En esta fase se realizó pruebas del sistema en Windows 7 y 8 utilizando diferentes
navegadores el resultado fue el mismo contenido sin ninguna alteración durantes las
pruebas fue necesario actualizar los Plugins a continuación se muestran pantallas en
los navegadores.
Google Chrome.
En este navegador se visualizó correctamente.
Figura 4.5.1. Interfaz del sistema en google Chrome.
Mozilla Firefox
En este navegador no se visualiza los campos del reporte y no muestra el estilo
correctamente.
Figura 5.2 Interfaz del sistema en Mozilla Firefox

58. 58
Explorer
El menú principal se muestra muy desplegado y el banner pixeleado
Figura 5.3 Interfaz del sistema en internet Explorer.
Opera
Figura 7.1. Interfaz del sistema en Opera
Safari

59. 59
Figura 7.1. Interfaz del sistema en safari
7. IMPLANTACIÓN Y EVALUACIÓN
En esta última fase se pretende implantar el sistema en la computadora de la
coordinación. En donde se instaló el servidor local para visualizar el sistema.
Instalación del sistema.
En esta imagen muestra donde se implanto el sistema para que la evaluara los
encargados de dicha coordinación
Figura4. 7.1. Implantación del sistema.

60. 60
Figura 4.7.2. Mostrando el sistema al encargado de la coordinación métodos y
medios para su evaluación con el usuario final.
EVALUACIÓN DEL SISTEMA
La jefa de la coordinación de métodos y medios evaluó el sistema una vez ya
instalado en su computadora.
Figura 4.7.3. Análisis del sistema

61. 61
ANÁLISIS DE RESULTADOS
Para la elaboración del análisis de resultados se llevó a cabo una encuesta al jefe de
la coordinación métodos y medios, después de la implementación del sistema con
las personas encargadas, para medir el grado de satisfacción. Los datos obtenidos
se realizaron a través de la computadora, utilizando el programa de Microsoft Excel.
A continuación se muestras los resultados en las gráficas siguientes:
Figura. 5.1. Respuesta de satisfacción de los usuarios respecto al sistema.
100%
0%0%
¿ESTÁ USTED SATISFECHO CON LA
IMPLEMENTACIÓN DEL SISTEMA PARA EL CONTROL
DE PRÉSTAMOS?
si
no
talvez
75%
25%
0%
¿CREE USTED QUE ES BENEFICIADA ESTE
PROYECTO DE INVESTIGACIÓN EN LA
COORDINACION METODOS Y MEDIOS?
si
no
talvez

62. 62
Figura. 5.2 muestra el porcentaje si los usuarios creen que es beneficiado para
coordinación de métodos y medios.
Figura 5.3 muestra si es útil la manera de control de préstamos de manera
electrónico.
Figura 4.3 muestra si los usuario
75%
25%
0%
¿CONSIDERA ADECUADA EL REGISTRO
ELECTRÓNICO DE LOS PRÉSTAMOS?
si
no
talvez
100%
0%0%
¿CONSIDERA QUE ES FACTIBLE EL REGISTRO
ELECTRÓNICO DE LOS DOCENTES Y ALUMNOS?
si
no
talvez

63. 63
CONCLUSIONES
Los sistemas de información hoy en día han tenido un gran auge es por eso que nos
dimos a la tarea de desarrollar un sistema de control de préstamos de medios
audiovisuales para la coordinación de métodos y medios.
Es muy importante hacer un estudio preliminar para conocer los requerimientos del
sistema, es decir investigar con los encargados o responsable de la institución la
problemática que se les presenta ya que ellos tienen más conocimientos sobre las
necesidades que desea satisfacer el sistema.
Existen herramientas para la elaboración de sistemas de información en el cual nos
podemos apoyar para mejorar desde el diseño hasta la implementación del sistema.
Con el desarrollo de este sistema pudimos obtener más conocimiento acerca de los
sistemas automatizados desde el análisis, el desarrollo la implementación, las
pruebas y la evaluación.
Es de gran importancia obtener información de fuentes de confianzas que nos aporte
más conocimiento sobre el desarrollo de los sistemas de información.

64. 64
RECOMENDACIONES
Actualizar los datos de los equipos audiovisuales cada vez que se integre un equipo
para la coordinación de métodos y medios.
Activar el servidor local WampServer antes de usar el sistema para su
funcionamiento correcto.
Utilizar el navegador Google Chrome.

65. 65
REFERENCIAS BIBLIOGRÁFICA
Laudon, J., & Laudon, K. (2006). Obtenido de es.wikipedia.org:
http://es.wikipedia.org/wiki/Sistema_de_informaci%C3%B3n
MORRISON, M. (2002). AVANZA DISEÑO EN HTML Y XML. España: McGRAW-
HIL.
Alarcón, V. F. (2010). Desarrollo de sistemas de información una metodología
basada en el mercado.
(junio 2006 ). En V. F. Alarcon, Desarrollo de sistemas de informacion: Una
metodologia basada en el modelado (pág. 13). Barcelona : edicionsupc.
Balado, E. S. (2007). LA NUEVA ERA DEL COMERCIO: EL COMERCIO
ELECTRONICO. LAS TICS AL SERVICIO DE GESTION EMPRESARIAL.
España: Ideaspropias.
césar, p. (2009). MYSQL pra windows y linux.
Colls, M. (1994). Introducción a la investigación documental. Merida, Venuezuela:
Consejo de Publicaciones de la ULA.
de Zulia, S. B. (Febrero de 2011). Recuperado el 30 de Julio de 2013, de
http://www.monografias.com/: http://www.monografias.com/trabajos88/medios-
audiovisuales/medios-audiovisuales.shtml#tiposdemea
Durán Torres, K. (2010). Las redes sociales como estrategia competetiva para las
PYMES: Caso de estudios empresas registradas en el sistema universitario de
mejora empresarial (SUME). Xalapa- Enríquez: Veracruz: Universidad
Varacruzana.

66. 66
ENRIQUE QUERO CATALINAS, A. G. (2007 ). En MATENIMIENTO DE PORTALES
DE INFORMACION (pág. 251 ). San Marcos Gatafe Madrid : Paraninfo SA.
Hanke. (2009). PHP 5: Sitios Web Dinámicos. PC Cuardernos técnicos. Barcelona.
Barcelona.
Kenneth, L. (2010). sistema de información gerencial.
LANCKER, L. V. (2009). HTML 4. EDICIONES ENI.
(2012 ). En L. V. Lancker, HTML5: Los fundamentos del Lenguaje (pág. 181).
Cornella de Llobregat (Barcelona): Edicion Española: Francisco Javier
PIQUERES JUAN .
Luque ruiz, G.-N. L. (2011). Bases de Datos. Desde Chen hasta Codd con Oracle.
Alfaomega Ra-Ma. México.
Manual Didáctico, aplicaciones de software libre y multiplataforma. (s.f.).
MONZÓN, M. (2010). ADOBE PHOTOSHOP.
Pavón Puertas , J. (2007). Navegar en Internet. Creación de un portal con PHP y
MySQL,. México: Alfaomega.
Piattiani, E. M. (2010). Tecnología y diseño de Bases de Datos. AlfaOmega Ra-Ma.
México.
Piattiani, E. M. (2010). Tecnología y diseño de Bases de Datos. AlfaOmega Ra-Ma.
México.
Piattini, M. (1999). Fundamentos y Modelos de Bases de Datos. México: Alfaomega.
Prato, L. B., & Villoria, L. N. (2010). Aplicaciones Web 2.0 - Redes Sociales. Villa
María - Cordoba: Eduvim.
PRESSMAN, R. (209). metodología.

67. 67
Puertas, J. P. (mayo 2007). Navegar en Internet Creacion de un portal con PHP y
MySQL . México : Alfaomega.
Quijado, L. (2011). Domine PHP y MYSQL: Programación dinámica en el lado del
servidor. Alfaomega Ra-Ma. México.
SHELLY, G. (2011). ADOBE DREAMWEAVER CS5.
Silberschatz, K. &., & Sudarshan.. (2010). Fundamentos de Base de Datos. Mc Graw
Hil. En M. G. Hil. España.
Vega, I. R. (2010). En Operaciones auxiliares con tecnologia de la informacion y la
comunicacion (pág. 309). Av. Filipinas, 50 Bajo A/28003 Madrid España :
Ediciones Paraninfo, SA 1º Edicion .

68. 68
ANEXOS
ANEXO A
INSTRUMENTOS: CUESTIONARIO QUE SE OBTUVO DE LOS
INDICADORES DE LAS VARIABLES.
 ¿Cuál es la importancia de un sistema de información?
 ¿En qué área se implementará el proyecto?
 ¿Cuáles son los reglamentos para los préstamos de medios audiovisuales?
 ¿Cuáles son los procedimientos para usar los equipos audiovisuales?
 ¿La infraestructura es adecuada para el sistema es adecuada?
 ¿Es necesario que capacitar al personal encargado del sistema?
 ¿Qué tipo de capacitación requiera el personal encargado?
 ¿Es necesario el conocimiento de computación para el personal?
 ¿Cuáles son los materiales necesarios para el desarrollo del sistema?
 ¿Cuáles son los recursos para capacitar el personal?
 ¿Cuáles son los beneficios en la coordinación de métodos y medios?