Sistema de información el “Tigre

”(SYSINTI)

25 DE MAYO DE 2018
INSTITUTO TECNOLÓGICO SUPERIOR DE LA REGIÓN SIERRA
Carretera Teapa-Tacotalpa km 4.5, Ej. Fco. Javier Mina
 Instituto tecnológico superior de la región sierra

División informática

Integrantes:

Freddy Cruz Pérez

Gloria Esmeralda Pérez Turriza
Raquel Muñoz López
Aarón Julián Philippe

Catedrático:
Jesús Manuel May León

Materia:

Ingenieria web

Nombre de propuesta:

Sistema de información el “Tigre”

(SYSINTI)

Teapa, tabasco, marzo de 2018

P á g i n a 1 | 14
Contenido
1 Antecedentes de la “Ferretería” ................................................................................................ 3
2 Planteamiento del problema ..................................................................................................... 3
3 Justificación ................................................................................................................................ 4
4 Objetivo General y Objetivos Específicos .................................................................................. 4
4.1 Objetivo General ................................................................................................................. 4
4.2 Objetivos Específicos ......................................................................................................... 4
5 Delimitación ................................................................................................................................ 4
5.1.1 HTML ........................................................................................................................... 4
5.1.2 CSS .............................................................................................................................. 5
5.1.3 php ................................................................................Error! Bookmark not defined.
6 Alcances ...................................................................................................................................... 6
6.1 Que hará ............................................................................................................................. 6
6.2 Que no hará ........................................................................................................................ 6
6.3 Entregables del proyecto ................................................................................................... 6
6.3.1 La aplicación desarrollada......................................................................................... 6
6.3.2 Documentación de la App .......................................................................................... 6
6.3.3 Manual del usuario .................................................................................................... 6
7 Organización del proyecto ......................................................................................................... 7
7.1 Participantes en el proyecto .............................................................................................. 7
8 Costo ........................................................................................................................................... 7
8.1 Software .............................................................................................................................. 7
8.2 Hardware ............................................................................................................................ 7
9 Plan de trabajo ........................................................................................................................... 8
10 Metodología en cascada ........................................................................................................ 8
10.1 Las fases que se corresponden con: ................................................................................ 9
10.1.1 Las tareas que se realizan durante las etapas son: ................................................ 9
10.1.2 Los roles que se pueden identificar en el modelo de cascada son: ....................... 9
11 Interfaces ..............................................................................................................................11
11.1.1 Interfaz de inicio .......................................................................................................11
11.1.2 Login ..........................................................................................................................12
11.1.3 Registro de compras ................................................................................................13

P á g i n a 2 | 14
1 Antecedentes de la “Ferretería”
El dueño de la refaccionaria el tigre nos comentó el motivo por la cual decidió
emprender este pequeño negocio. El motivo que tuvo fue por la necesidad que
tenían, al comienzo no sabían si les iba a resultar, o si iban a poder obtener
ganancias al invertir en este proyecto que la familia había decidido emprender, el
dueño comento que pensó mucho en cómo le aria para hacerlo funcionar, al final
corrió ese riesgo y decidió emprenderlo, le pidió consejos a su hijo ya que el hijo
cuenta con una refaccionaria y él le ayudo a poder emprenderlo.
Al comienzo no se notaba tanto la refaccionaria porque apenas estaba iniciando, el
dueño tuvo que estar atendiendo su negocio para no seguir invirtiendo en un
trabajador porque todavía no se veían las ganancias, al proyecto que estaba
iniciando; para poder darse a conocer se promociono con volante y con productos
más baratos, pero con buena calidad. actualmente ya tendrá un año desde que se
dio a conocer la nueva refaccionaria con el nombre "El tigre", cuenta con un
empleado que trabaja de toda la semana.

2 Planteamiento del problema

Hoy en día, la mayoría de las pequeñas empresas tiene una competitividad en el
manejo de sistemas que le permitan agilizar las compras y ventas ya sea de
servicios o de recursos. Durante años la función de la informática dentro de las
pequeñas empresas ha sido considerada por la lata gerencia como una herramienta
para apoyar las funciones operativas.
Actualmente, los sistemas de información son vistos como áreas de oportunidades
para lograr ventajas en el entorno de negocios, ya que pueden representar un
diferencial ante el entorno.
El uso de la informática está haciendo el cambio de compras y ventas en las áreas
del negocio, permitiendo el mejor manejo de operaciones.
Específicamente para el área comercial o también conocida como área de ventas y
mercadeo, la informática se ha utilizado para automatizar procesos, mejorar el
almacenamiento y el flujo de la información entre las funciones de venta.
Según O’Brien (2001) los sistemas de información desempeñan tres papeles claves
en cualquier organización: respaldar operaciones empresariales, respaldar la toma
de decisiones y respaldar la ventaja competitiva estratégica.
El contar con un sistema que permita evaluar diariamente el nivel de ventas de la
empresa, de manera que se puedan realizar las acciones correctivas para lograr el
cumplimiento de las metas propuestas, e impacto en las otras áreas administrativas,
es una herramienta que incide en los resultados de la empresa.

P á g i n a 3 | 14
3 Justificación
El desarrollo del sistema tiene una particular importancia por conjugar diferentes
áreas del conocimiento, haciendo énfasis en la informática y la gestión comercial de
la empresa.
Esta propuesta es relevante porque se realiza el análisis y diseño de un sistema de
información para el seguimiento de las ventas de una ferretería dentro del municipio
de Teapa.
Así mismo, esta propuesta muestra una manera de solucionar el problema practico
de como una ferretería puede obtener provecho de las tecnologías de información
en la formulación de su estrategia comercial.
Para la empresa “Ferretería” en la que se basa la propuesta, este tiene una
importancia mayor, dado que le permite resolver problemas específicos y lograr una
mejora de la gestión comercial.

4 Objetivo General y Objetivos Específicos

4.1 Objetivo General
Diseñar una aplicación web que permita el control y seguimiento de las ventas de la
ferretería “EL TIGRE”.
4.2 Objetivos Específicos
Controlará las mercancías de entrada y salida.
Administrara las cuentas de los usuarios.
Registrará a los clientes que adquieran servicios o herramientas.
Permitirá dar de altas a nuevas herramientas.

5 Delimitación
Lo que nos detiene en este proyecto son las herramientas, hablemos del hosting o
el servidor donde se publicara nuestra aplicación web, de igual manera tenemos
que saber el costo de las plataformas de las bases de datos. Y más que nada el
presupuesto para adquirir las herramientas deseadas y que nos permitan desarrollar
una aplicación web, que cuente con la mayor satisfacción del cliente y de la misma
ferretería.
Herramientas que se necesitaron para el desarrollo del sistema (módulo gestión
tiempo):
Lenguajes de programación
Durante el proceso de desarrollo del módulo gestión tiempo se utilizaron lenguajes
de programación HTML, CSS.
5.1.1 HTML

Lenguaje de Marcado de HiperTexto (HTML), es una herramienta de programación

que utiliza una serie de etiquetas (tags) para el desarrollo de páginas web que el
P á g i n a 4 | 14
navegador interpreta y da forma en la plantilla. HTML dispone de etiquetas para
imágenes, videos, hipervínculos que nos permiten dirigir a otras páginas, saltos de
línea, listas, tablas, etc.
Es un estándar a cargo de la W3C (World Wide Web Consortium), organización
dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre
todo en lo referente a su escritura e interpretación.

5.1.2 CSS
Hoja de estilos en cascada (CSS) es un lenguaje usado para definir y crear la
presentación de un documento estructurado y escrito en HTML o XML. Abarca
cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes
de fondo, posicionamiento avanzado, etc.
W3C es el encargado de formular la especificación de las hojas de estilo que sirven
de estándar para los agentes de usuario o navegadores. La información de estilo
puede ser definida en un documento separado o en el mismo documento HTML,
podrían definirse estilos en la cabecera del docuemento o en cada etiqueta
particular mediante un atributo <style>
5.1.3 PHP
Originalmente diseñado por el programador danés-canadiense Rasmus Lerdorf, en
el año 1994 en base a la escritura de un grupo de CGI binarios escritos en el
lenguaje C. En un comienzo, PHP sólo estaba compuesto por algunas macros que
permitían trabajar más fácilmente en la creación de páginas web.
En el año de 1995 Rasmus Lerdorf le añadió el analizador sintáctico y se llamó
PHP/F1 Versión 2, sólo reconocía texto HTML y algunas directivas de mSQL.
Después de esta fecha la contribución al código fue pública.
PHP se caracteriza por ser un lenguaje gratuito y multiplataforma. Además de su
posibilidad de acceso a muchos tipos de bases de datos, también es importante
destacar su capacidad de crear páginas dinámicas, así como la posibilidad de
separar el diseño del contenido de una web.
5.1.4 El lenguaje php presenta cuatro grandes características:
1.- Velocidad: PHP no solo es rápido al ser ejecutado, sino que no genera retrasos
en la máquina, por esto no requiere grandes recursos del sistema. PHP se integra
muy bien junto a otras aplicaciones, especialmente bajo ambientes Unix.
PHP utiliza su propio sistema de administración de recursos y posee
2.- Estabilidad:
de un sofisticado método de manejo de variables, conformando un sistema robusto
y estable.
PHP maneja distintos niveles de seguridad, estos pueden ser
3.- Seguridad:
configurados desde el archivo .ini
Usuarios con experiencia en C y C++ podrán utilizar PHP
4.- Simplicidad:
rápidamente. Además PHP dispone de una amplia gama de librerías, y permite la

P á g i n a 5 | 14
posibilidad de agregarle extensiones. Esto le permite su aplicación en múltiples
áreas, tales como encriptado, gráficos, XML y otras.

6 Alcances

6.1 Que hará

o Inicio: tendremos una página de bienvenida, login de registro donde uno será
para el empleado y el otro para el administrador, información breve de la
empresa e imágenes.
o Servicios: refacciones de piezas ya sea para motos, bicicletas.
o Administrara las compras y ventas de herramientas el cual el dueño de la
refaccionario o un agente de confianza anexara la mercancía nueva que
llegue.

6.2 Que no hará

 No generar ningún recibo de compra y venta.
 No realizara cobros a través de tarjetas de crédito.
6.3 Entregables del proyecto
6.3.1 La aplicación desarrollada
o La aplicación de control de ventas y el control de ventas de la “Ferretería el
Tigre”, con un gestor de base de datos MySql phpmyadmin.
o Diccionario de datos.
o Guías para la implantación de la aplicación.
6.3.2 Documentación de la App
En este documento se presentará todo el proceso y metodología, en la cual fue
elaborada la siguiente App desde su inicio hasta el punto de terminación de la app
“Sistema de información el “Tigre”
(SYSINTI)”
6.3.3 Manual del usuario
Mediante el siguiente manual se podrá obtener el manejo adecuado de la App que
va dirigido a los clientes de la “Ferretería el Tigre”, se mostraran los pasos para la
instalación de la app y de igual manera se enseñara como se hace el registro para
acceder a los servicios de la ferretería. Va dirigido al usuario final que dará
utilización a la app que se ha desarrollado.

P á g i n a 6 | 14
7 Organización del proyecto
7.1 Participantes en el proyecto
Administrador de Base de Datos. Labor de Raquel Muñoz López, con
experiencia necesaria de manejo del gestor de base de datos, y mayor
eficiencia y entrega al proyecto que se realiza.
Analista de sistemas. El perfil que se maneja en este proyecto es el
lenguaje unificado de UML con la experiencia requerida para los analistas.
Gloria Esmeralda Pérez Turriza
Aaron Julian Philippe
Encargado de la lógica de negocio (Programador). Con la experiencia en
las herramientas de desarrollo de las apps. Esta área ha sido encargado a
Freddy Cruz Pérez.
Documentador. Es el encargado de la documentación de cada uno de los
procesos que se realiza con el proyecto a realizar y de igual manera es el
encargado de trabajar en el diseño del esquema de presentación del
proyecto.

8 Costo
8.1 Software
Descripción Cantidad Precio Total
Sistema de
información el “Tigre”
1 20000 20000
(SYSINTI)

8.2 Hardware
Descripción Cantidad Precio Total
PhPMyadmin 1 Gratuito
Windows 1 5199 5199
Dreamweaver 1 4895 4895
Booststrap 1 Gratuito
10,094

P á g i n a 7 | 14
 9 Plan de trabajo
Actividad Semana N°
a realizar
Semanas 1 2 3 4 5 6 7 8 9 1 1 1 1 1 1 1 1 18 19 20 21 22 23 24
0 1 2 3 4 5 6 7
Formulaci 6 6
ón del
h h
proyecto(i
nvestigaci r r
ón) s s
Recolecci 5 5 5
ón de
h h h
informaci
ón para el r r r
proyecto s s s
Desarrollo
de las
principale 6 6 6 6
s páginas
h h h h
informativ
as de la r r r r
aplicación s s s s
WEB
(HTML)
Optimizac
ión y
creación
de la base
6hrs
6hrs
6hrs
6hrs

de
datos(Xa
mpp,
MYSQL,
PHPADMI)
Creación
de la
página de
administr
5hrs
5hrs
5hrs
5hrs

ador en
PHP y
sincroniza
r con la
base de
datos
Pruebas 2 2
h h
r r
s s
Creación 4 4 4
de manual h h h
técnico r r r
s s s
Creación 4 4
de manual h h
de r r
usuario
s s

10 Metodología en cascada
Utilizamos la metodología tradicional en cascada debido a que da lugar al ciclo de
vida usado en su implantación.

P á g i n a 8 | 14
El ciclo de vida en cascada se caracteriza porque todas las fases se realizan de
forma secuencial, es decir, que las etapas se llevan a cabo una después de otra,
pero eso si, cada etapa debe de estar finalizada antes de comenzar el siguiente.
Cada una de estas etapas o faces son realizadas por personas o equipos de trabajo
especializados.
10.1 Las fases que se corresponden con:
 Requerimiento del sistema.
 Análisis.
 Diseño del programa.
 Pruebas.
 Implantación.
10.1.1 Las tareas que se realizan durante las etapas son:
1. Análisis de requerimientos: se analizará el problema, se definirán los
requisitos y qué objetivos se tienen que conseguir.
2. Diseño: toda la información recogida se intenta plasmar mediante una
estructura de datos adecuada, una arquitectura algoritmos a usar, integrales.
3. Codificación: el diseño se implantará usando la tecnología escogida como
solución.
4. Prueba: en esta fase se intenta encontrar los errores para corregirlos,
además de comprobar si el software cumple con el objetivo inicial.
5. Implantación y mantenimiento: esta fase servirá para corregir errores que
no se detectaron antes, adaptarse al entorno de trabajo y mejorar la
aplicación.
10.1.2 Los roles que se pueden identificar en el modelo de cascada son:
Gestor de proyectos: gestionara y controlara el proyecto en todas las
etapas del mismo. Deberá controlar si el proyecto sigue la planificación y si
se está cumpliendo los plazos temporales.
Arquitecto del software: son los encargados de buscar una solución y están
en las fases de especificación y obtención de los requisitos además de la
fase de diseño.
Desarrolladores: implantaran las instrucciones indicadas por el arquitecto
de software. Participa en las fases de desarrollo, prueba y mantenimiento.
Probadores: realizan las pruebas necesarias para comprobar el correcto
funcionamiento del software.
Consejeros: es una figura necesaria porque a pesar de que no se trata de
una persona técnica, es experta en ayudar a entender el problema y que
solución se podrá tomar.

P á g i n a 9 | 14
La metodología en cascad presenta la ventaja de ser una planificación sencilla, la
calidad obtenida del producto es alta y no se necesita de un personal altamente
cualificado.

P á g i n a 10 | 14
11 Interfaces

11.1.1 Interfaz de inicio

Así se observará nuestro inicio en nuestra app y que nos permitirá navegar y
experimentar las compras y ventas de servicios de la refaccionaria.

P á g i n a 11 | 14
11.1.2 Login
En este Login nos podremos registrar para hacer una compra o ya sea para requerir
un servicio de la refaccionaria el tigre.
De igual manera al admin le permitirá acceder para verificar las compras y ventas
que han solicitado.

P á g i n a 12 | 14
11.1.3 Registro de compras

En esta ventana se muestra el registro de las compras, colocando el código del

producto donde se muestra las características del producto que se va a comprar,
donde en la parte superior de la ventana se van anexando el producto o los
productos que se están comprado y aun costado se va ir colocando el precio y total
a pagar.

P á g i n a 13 | 14
Registro de productos al sistema
En esta ventana se van ir agregando los productos al sistema; se van a agregar por
el nombre del producto y se establecerá el código al producto, también se anexarán
lo que es sus características y se guardaran en la base de datos.

P á g i n a 14 | 14