Desarrollo de un sistema de Informacion Webpara un aferreteria de La Municipalidad Distrital de Castilla

1. UNIVERSIDAD NACIONAL DE PIURA
FACULTAD DE INGENIERÍA INDUSTRIAL
ESCUELAPROFESIONAL DE INGENIERÍA INFORMÁTICA
INFORME DE PRÁCTICAS PRE-PROFESIONALES
ESTUDIANTE : ESPINOZA SILUPÚ, ELIAS DANIEL
CODIGO : 0512013030
ENTIDAD : MUNICIPALIDAD DISTRITAL DE CASTILLA
PERIODO DE PRÁCTICAS : SEPTIEMBE 2017 - ENERO 2018
Piura,2019

2. Índice 1. EMPRESA.
.......................................................................................................................... 3
1.2 Entidad : MUNICIPALIDAD DISTRITAL DE CASTILLA.
.......................................................................... 3
1.3 Ubicación. ...........................................................................................................................
3
1.4 Teléfono. .............................................................................................................................
3
1.5 Correo. ................................................................................................................................ 3
2. ÁREA EN LA QUE DESARROLLÓ SU LABOR. .......................................................... 3
3. TRABAJO DESARROLLADO. ........................................................................................ 3
4. TAREAS ASIGNADAS. ..................................................................................................... 4
4.1 Diseño de la Base de datos. ...............................................................................................
4
4.2 Modelado de la base de datos con MySQL Workbench y phpMyAdmin .
..................................................... 4
4.3 Modelo de Arquitectura para el desarrollo del software. .............................................. 5
4.3.1 Creación del Proyecto ................................................................................................ 6
4.3.2 Diseño de plantillas Web para el proyecto
............................................................................. 6
4.4 Diseño y desarrollo del sistema ........................................................................................
9
4.4.1 Diseño del Login ......................................................................................................... 9
4.4.2 Ventana Principal del sistema ................................................................................. 10
4.4.3 Procesos del sistema .................................................................................................
11
1. Mantenimiento CRUD de Tablas Independientes ...................................................... 11
2. Mantenimiento CRUD de Tablas Relacionales.
..................................................................................... 12
3. Mantenimiento CRUD de Tablas Maestro
Detalle...................................................................................... 14
4. Gestión de Acceso al Sistema teniendo en cuenta los permisos asignados
................................................................................ 16

3. 5. Realización de Reportes en Excel y pdf
........................................................................................................... 19
4.5 Implementación de Gráficos estadísticos en el proyecto Web
.................................................................... 19
4.5.1 Publicación del proyecto web en una red Local o un Hosting en la Nube
..................................................... 20
5. CONCLUSIONES Y RECOMENDACIONES .............................................................. 23
5.1 Conclusiones. ............................................................................................................. 23
5.2 Recomendaciones. ..................................................................................................... 23
2
1. ENTIDAD.
1.2 Encargado del Área de Subgerencia de
Estadística e Informática.
El término empresa incluye como representante a:
✓ Ing. Lander.
1.3 Ubicación.
Jr. Ayacucho
414 Castilla - Piura
1.4 Teléfono.
Cell. 972878537
1.5 Correo.
egonzales.lazo@seg-tin.com

4. 2. ÁREA EN LA QUE DESARROLLÓ SU LABOR.
El área en la que se laboró las prácticas preprofesionales fue en el área de
subgerencia de Estadística e Informática.
3. TRABAJO DESARROLLADO.
Como practicante en la entidad, he estado involucrado en el desarrollo de un
sistema de Ventas de una ferretería que era proveedor de la municipalidad distrital
de Castilla “Maricris SAC” con el objetivo de optimizar procesos tales como control
de insumos, consumo de producción por parte de sus productores, y todo esto
siguiendo un lineamiento en el logro de los objetivos y conformidad de
requerimientos por parte del cliente. El cual se llevó acabo partiendo desde el
modelado de la base de datos, el diseño y el desarrollo del sistema haciendo uso
de las tecnologías y herramientas necesarias que me brindo la entidad “MARICRIS
SAC”.
3
4. TAREAS ASIGNADAS.
4.1 Diseño de la Base de datos.
Esta actividad se llevó a cabo al inicio del proyecto para el cual se utilizó MySQL
Workbench y phpMyAdmin, estas es una herramienta para diseñar y crear de

5. manera visual la base de datos (Data Model).
Aquí se muestran el entorno de MySQL Workbench y phpMyAdmin, Con estas
herramientas se realizó el diseño de la base de datos creando las respectivas
entidades describiendo el contenido de la información de la base de datos.
4.2 Modelado de la base de datos con MySQL
Workbench y phpMyAdmin.
Para el diseño lógico de la base de datos que parte del resultado del diseño
conceptual y da una descripción de la estructura de la base de datos, se utilizó
MySQL Workbench y phpMyAdmin creando así las diferentes tablas con son
sus respectivos atributos y composición de llaves, teniendo así un modelo de
base de datos relacional.
4
4.3 Modelo de Arquitectura para el desarrollo del software.

6. Para el desarrollo del sistema de Ventas en la ferreteria “Maricris” se utilizó el
patrón MVC, Model - View - Controller o Modelo - Vista – Controlador es un
patrón de diseño de software para programación que propone separar el código
de los programas por sus diferentes responsabilidades. MVC es una propuesta
de diseño de software utilizada para implementar sistemas donde se requiere
el uso de interfaces de usuario. Surge de la necesidad de crear software más
robusto con un ciclo de vida más adecuado, donde se potencie la facilidad de
mantenimiento, reutilización del código y la separación de conceptos.
4.3.1 Creación del Proyecto
Para la creación del proyecto se utilizó el Entorno de desarrollo Netbeans
10.2.
4.3.2 Estructura del Proyecto Sistema de
Ventas en una Ferretería
En este apartado se muestra la estructura del proyecto cumpliendo así
el patrón de desarrollo MVC.
• Imagen, Estructura del Proyecto

7. • Imagen, Fragmento de código del modelo (Model) Ingreso.php

8. • Imagen, fragmento de código para la vista (View) Login.html

9. 7
• Imagen, Fragmento de código del controlador (Controller) de la
Carpeta Ajax Ingreso.php

10. 4.3.3 Mapeo de la Base de datos usando MySQL
Workbench y phpMyAdmin
Language-Integrated Query (LINQ) es un conjunto de características
presentado en phpMyAdmin que agrega capacidades de consulta eficaces
a la sintaxis de los lenguajes C# y Visual Basic. phpMyAdmin incluye
patrones estándar y de fácil aprendizaje para consultar y actualizar datos,
y su tecnología se puede extender para utilizar potencialmente cualquier
tipo de almacén de datos.
• Imagen, tablas y procedimientos archivo DatosAlmacen.dbml

11. 8
4.4 Diseño y desarrollo del sistema
En esta fase del diseño del sistema se utilizó las siguientes tecnologías
✓ HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan
Hyper Text Markup Language) usado para estructurar y presentar el
contenido para la web.
✓ Bootstrap es un framework desarrollado y liberado por Twitter que
tiene como objetivo facilitar el diseño web. Permite crear de forma sencilla
webs de diseño adaptable, es decir, que se ajusten a cualquier dispositivo
y tamaño de pantalla.
✓ Razor es un motor de vistas entre los que destacaríamos que es
Compacto, expresivo y fluido, Fácil de aprender y testeable.
4.4.1 Diseño del Login
El diseño se logró utilizando las tecnologías ates mencionadas y con el
apoyo de estas herramientas se empezó el diseño para la visibilidad de
la GUI de acceso al sistema.
• Imagen, Login

12. 9
4.4.2 Ventana Principal del sistema
Aquí se muestra la pantalla de inicio al sistema de control de almacén el cual se
debe seleccionar uno de los 3 almacenes con los que actualmente está trabando y
así poder acceder a los diferentes procesos que se muestran en la barra de
navegación
• Imagen, Ventana Principal del sistema

13. 10
• Ventana Principal visualizada en dispositivo móvil

14. 4.4.3 Procesos del sistema
Barra de navegación donde se muestran todos los procesos que se
implementaron al sistema de control de almacén
• Imagen, Barra de navegación

15. 1. Menú almacenes y submenú Agregar Categoría
En este proceso existe la opción para poder agregar una nueva
categoría.

16. • Formulario para agregar un nuevo almacén
2. Menú Insumos y submenús.
• Formulario donde se muestra la lista de insumos en primer submenú
que es Registrar Insumos.

17. 12
• Registro de comprobantes, en este proceso se muestra la lista de los
comprobantes que pueden ser compras y ventas generadas.
• Nuevo Registro de comprobantes

18. 13
• Lista de Stock de Insumos por almacén
3. Menú Semanas y submenús
• Formulario Registrar semana

19. 14
• Formulario Activar semana.
• Formulario cerrar semana.

20. 15
4. Menú Productores y submenú
• En submenú guía productor inicialmente muestra la lista de últimas guías
realizadas, dentro de este proceso se encuentra la opción para registrar
nuevas guías.

21. 16
• Formulario registrar guía de Productor
• Formulario Stock Semana, esta vista permitirá consultar el stock del
cliente productor por semana

22. 17
• Formulario Stock Productor, en esta vista se consulta el stock actual
de los productores.
• Formulario Lista de Clientes Productores.

23. 18
5. Menú Usuarios
En el menú Usuarios tiene el submenú llamado registrar usuarios en el cual para poder
registrar los usuarios del sistema
• Formulario de registrar Usuarios
4.5 Creación de Procedimientos almacenados
Un procedimiento almacenado de SQL Server es un grupo de una o varias
instrucciones Transact-SQL. En esta parte del manejo de datos para hacer las
operaciones necesarias para el sistema, tales como inserción actualización
eliminación y modificación de datos sé que considera que es una práctica muy
efectiva y rápida en tiempo de respuesta a las peticiones que se hacen atreves
del sistema de control de almacén.

24. 19
4.5.1 Procedimiento almacenado Registrar Clientes
4.5.2 Procedimiento almacenado Listar detalle Guía Cliente

25. 20
4.5.3 Procedimiento almacenado Buscar Guía Cliente
4.5.4 Procedimiento almacenado Eliminar Guía Cliente
4.5.5 Procedimiento almacenado Consultar Stock Semana

26. 21
4.6 Creación de Triggers (Disparadores)
Los Triggers o Disparadores son objetos que se asocian con tablas y se
almacenan en la base de datos. En este caso se muestra los disparadores que
fueron implementados en la base de datos del Proyecto almacén.
4.6.1 Trigger Actualizar detalle guía.
4.6.2 Trigger Eliminar detalle de guía

27. 22
4.6.3 Trigger verifica fecha de cambio.
.
5. CONCLUSIONES Y RECOMENDACIONES
5.1 Conclusiones.
Con el desarrollo de las prácticas preprofesionales en la empresa SEG & TIN
SAC me ayudó a trabajar de forma colaborativa y en equipo de desarrollo,
además de ello también me ayudo a reforzar mis conocimientos en
programación, y así adquirir nuevos conocimientos que me servirá para poder
desarrollarme mejor en el ámbito profesional.
5.2 Recomendaciones.
• El practicante deberá estar en capacitación constantemente y actualizarse
sobre temas de la carrera, para estar a la vanguardia de las nuevas tecnologías.
• El practicante deberá seguir las condiciones y características que presente
el equipo, para poder trabajar armoniosamente.
• El practicante debe adaptarse a cualquier lenguaje o tecnología que use la

28. empresa, así tenga algún lenguaje o tecnologías de preferencia, debe seguir
las indicaciones y requerimientos del cliente aun así se tuviese puntos de vistas
diferentes.
23