Proyecto Final Grupo 3
Proyecto Final Grupo 3
Proyecto Final Grupo 3
DOMINGO SAVIO
FACULTAD DE INGENIERÍA
SISTEMAS Y REDES
TRABAJO:
Mini proyecto MVC “……………”
ESTUDIANTE (S):
Yerson Mogro
Milton Portal
Pablo Mostajo
DOCENTE:
Ing. Juan Carlos Huanto V.
ÍNDICE GENERAL
TARIJA, ENERO 2023
I
II
1. Introducción
El presente trabajo se centra en brindar una plataforma web, que cubra las
necesidades de la venta de la empresa, establece el desarrollo de aplicación
con el objetivo de llevar un seguimiento de ventas.
1
2. Objetivo General y Específico
2
3. Fundamentos Teóricos
3
La libertad de ejecutar el programa como se desea, con cualquier pro-
pósito (libertad 0).
La libertad de estudiar cómo funciona el programa, y cambiarlo para
que haga lo que usted quiera (libertad 1). El acceso al código fuente
es una condición necesaria para ello.
La libertad de redistribuir copias para ayudar a su prójimo (libertad 2).
La libertad de distribuir copias de sus versiones modificadas a terce-
ros (libertad 3). Esto le permite ofrecer a toda la comunidad la oportu-
nidad de beneficiarse de las modificaciones. El acceso al código fuen-
te es una condición necesaria para ello.
4.8.1 CopyLeft
4
El copyleft es un método general para hacer un programa (u otro tipo de tra-
bajo) libre, exigiendo que todas las versiones modificadas y extendidas del
mismo sean también libres. (GNU ORG, 2017)
La forma más simple de hacer que un programa sea libre es ponerlo bajo do-
minio público, sin derechos de autor. Esto permite a la gente compartir el pro-
grama y sus mejoras si así lo desean. Pero también permite que gente no tan
cooperativa convierta el programa en software privativo. Pueden realizarse
tantos cambios como se quiera y distribuir el resultado como un producto pri-
vativo. Las personas que reciben el programa con esas modificaciones no
tienen la libertad que el autor original les dio, ya que han sido eliminadas
por el intermediario. (GNU ORG, 2017)
5
Aunque esta idea se puede aplicar a programas que se ejecutan sobre una
sola computadora es más ventajosa en un sistema operativo multiusuario dis-
tribuido a través de una red de computadoras. La interacción cliente-servidor
es el soporte de la mayor parte de la comunicación por redes. (Ecured, 2017)
Bajo este modelo cada usuario tiene la libertad de obtener la información que
requiera en un momento dado proveniente de una o varias fuentes locales o
distantes y de procesarla como según le convenga. Los distintos servidores
también pueden intercambiar información dentro de esta arquitectura. (Ecu-
red, 2017)
6
3.3 Patrón de Arquitectura MVC
4.10.1 ¿Qué es un Patrón?
Modelo
7
Contiene el núcleo de la funcionalidad (dominio) de la aplicación.
Encapsula el estado de la aplicación.
No sabe nada / independiente del Controlador y la Vista.
Vista
Es la presentación del Modelo.
Puede acceder al Modelo, pero nunca cambiar su estado.
Puede ser notificada cuando hay un cambio de estado en el Mo-
delo.
Controlador
Reacciona a la petición del Cliente, ejecutando la acción ade-
cuada y creando el modelo pertinente
Los servidores web, deben estar alojado en un ordenador y cuenta con una
conexión a internet o local, dependiendo de la privacidad de la aplicación. El
servidor recibirá peticiones desde cualquier navegador, y devolverá una res-
puesta, por lo general en código HTML. (iBrugor, 2014)
4.11.2 Características
Multiplataforma.
8
Modular: Puede ser adaptado a diferentes entornos y necesidades,
con los diferentes módulos de apoyo que proporciona, y con la API de
programación de módulos, para el desarrollo de módulos específicos.
Extensible: gracias a ser modular se han desarrollado diversas exten-
siones entre las que destaca PHP, un lenguaje de programación del
lado del servidor.
4.11.3 Licenciamiento
3.5 MySQL
4.12.1 ¿Qué es MySQL?
9
4.12.2 Características
Escrito en C y C ++.
Probado con una amplia gama de compiladores diferentes.
Funciona en muchas plataformas diferentes.
Utiliza un diseño de servidor multicapa con módulos independientes.
Proporciona motores de almacenamientos transaccionales y
no transaccionales.
3.6 PHP
4.13.1 ¿Qué es PHP?
4.13.2 Características
10
Manejo de sesiones
Subida de ficheros
Manejo de conexión con gestores de base de datos
Modo seguro
4.13.3 Ventajas
Lenguaje multiplataforma
Es libre
Documentación amplia
Se puede aplicar diferentes técnicas y patrones de programación
Tiene variedades en cuanto a extensiones y frameworks.
3.7 HTML
4.14.1 ¿Qué es HTML?
Las siglas HTML (Hyper Text Markup Language) en español significa “Len-
guaje de Marcas de Hipertexto”. Es utilizado para el desarrollo de aplicacio-
nes web, debido a que es muy simple y fácil de usar. Su lenguaje se compo-
ne de etiquetas, y a través de ellas, se deben especificar los textos, imáge-
nes y otros componentes que desee que el navegador interprete y de esa
forma el usuario final pueda visualizar el contenido web. (Sitio Web Definicio-
nes, 2015)
4.14.2 Características
Es un lenguaje de marcas orientado a la publicación de documentos
en internet
11
La mayoría de las marcas son semánticas
Es un lenguaje extensible, al que se le pueden añadir nuevas caracte-
rísticas, marcas y funciones, dependiendo de la experiencia y la habili-
dad del programador.
3.8 Javascript
4.15.1 ¿Qué es Javascript?
4.15.2 Características
12
3.9 jQuery
4.16.1 ¿Qué es jQuery?
4.16.2 Características
Manipulación de la hoja de estilos CSS.
Interacción con AJAX
Permite efecto y animaciones
Selección de elementos DOM.
13
Bootstrap es una librería que brinda facilidades y agilidad para el desarrollo
web en la parte del front-end, y se adapta a todos los dispositivos donde se
lo esté implementando. (Bootstrap, 2017)
Bootstrap trabaja con CSS y librerías jQuery, de este modo, logra de forma
fácil, que el sitio web se logre adaptar a las dimensiones de los teléfonos, ta-
bletas y computadores personales, sin tener que realizar un estilo (CSS) dife-
rente para cada dispositivo. Además, en la actualidad, se obtiene extensa do-
cumentación y componentes personalizados que implementan Bootstrap y
pueden ser utilizados en el aplicativo. (Bootstrap, 2017).
Descripción
Características
Ventajas
Desventajas
14
15
5.2.1 Definición del Sistema
Almacén
Agregar Artículos
Agregar Categorías
Compras
Agregar Ingresos
Agregar Proveedores
Ventas
Agregar Ventas
Agregar Clientes
Acceso
Agregar Usuarios
Permisos
Consultas Compras
Consultas de Compras por Fecha
Consulta Ventas
Consulta de Ventas por Fecha y Cliente
Servidor: Apache
Arquitectura: M.V.C (Modelo Vista Controlador)
Lenguaje PHP
Base Datos: Mysql
JavaScript
JQuery
16
5.2.2 Establecimiento de requisitos
17
5.3.1 Definición de la Arquitectura del Sistema
Las ventajas que aporta al usar este patrón, es que permite tener una que
separación entre los datos y la lógica de negocio de una aplicación de la in-
terfaz de usuario y el módulo encargado de gestionar los eventos y las co-
municaciones. Permite implantar la idea de reutilización de código y la sepa-
ración de conceptos, características que permiten facilitar la tarea de desa-
rrollo de aplicaciones y su posterior mantenimiento, temas importantes que
sirven de apoyo los requerimientos no funcionales.
5.3.1.1 Modelo
5.3.1.2 Vista
5.3.1.3 Controlador
18
La capa del controlador es la que más participación tiene en esta arquitectu-
ra, debido a que es la encargada de interactuar con las capas del modelo y
vista. El controlador
19
En la figura 6, se puede observar la interacción entre los distintos módulos
que está compuesto la solución de software propuesta.
20
Figura 6. Diagrama de los módulos del
sistema Elaborado por: Autor
21
Figura 7. Página principal del sitio
web Elaborado por: Autor
Sección Titulación
22
Figura 8 . Sección de Titula-
ción Elaborado por: Au-
tor
Sección Noticias
23
Figura 9. Sección Noti-
cias Elaborado por:
Autor
Sección Documentos
24
Figura 10. Sección documentos pú-
blicos Elaborado por: Autor
25
Figura 11. Sección de Link de In-
terés Elaborado por: Autor
26
Figura 12. Módulo de registro externo de usuarios.
Elaborado por: Autor
La Figura 13, muestra la ventana de inicio de sesión, donde todos los usua-
rios deberán de autenticarse, para poder ingresar al aplicativo.
27
Figura 13. Inicio de sesión del
Sistema Elaborado por:
Autor
Los módulos que tendrá acceso el usuario con rol de administrador, le permi-
tirá gestionar todas las actividades con respecto a aprobación y de paráme-
tros de datos maestros del aplicativo, en cuales lo detallaremos más adelan-
te. Al ingresar a la página principal, tendrán un escritorio como se muestra en
la Figura 14, que le permitirá navegar en otras páginas.
28
Figura 14. Escritorio general del adminis-
trador Elaborado por: Autor
29
Figura 15. Módulo de Banco de
Temas Elaborado por: Au-
tor
Creación de Noticias
30
Figura 16. Módulo de Creación de Noticias.
Elaborado por: Autor
31
Figura 17. Módulo de carga de documentos.
Elaborado por: Autor
Módulo de grupos
32
Figura 18. Módulo de mantenimiento de grupos.
Elaborado por: Autor
Creación de materias
33
Figura 19. Módulo de mantenimiento de materias.
Elaborado por: Autor
Creación de parámetros
34
Figura 20. Módulo de mantenimiento de pará-
metros Elaborado por: Autor
Aprobación de solicitudes
En este módulo el administrador podrá observar todas las solicitudes que los
estudiantes envíen. Podrá aprobar o rechazarlas, en el caso de ser aprobada
se deberá ingresar el número de resolución, que le es asignado como se
puede observar en la Figura 21.
35
Figura 21. Aprobación de solici-
tudes Elaborado por: Au-
tor
Asignación de Tutor/Curso
36
Figura 22. Asignación de Curso/Tutor a la solicitud.
Elaborado por: Autor
37
Figura 23. Módulo de activi-
dades Elaborado por:
Autor
Ingreso de Calificación
38
Figura 24. Módulo de Bandeja solicitu-
des Elaborado por: Autor
39
Figura 26: Módulo de Consulta de Trabajos.
Elaborado por: Autor
40
Figura 27: Módulo de Consulta de Segui-
mientos Elaborado por: Autor
41
Figura 28. Módulo de revisión de actividades.
Elaborado por: Autor
42
Ingreso de Acta de asistencias
Como nos muestra la Figura 30, el docente que tenga una materia asignada
para impartir el taller a los alumnos de modalidad de examen, podrá registrar
las asistencias de las clases en este módulo. Una vez registrada la asisten-
cia, esta se visualizará como una actividad más para el estudiante, adicional
a sus horas autónomas de estudio.
Visualización de noticias
Los usuarios en este módulo podrán visualizar las noticias creadas por el ad-
ministrador y que se configuró visible para los tutores/docentes, como se
puede observar en la Figura 31. Adicional podrán descargar los documentos
que estén disponibles para la noticia.
43
Figura 31. Consulta de Noti-
cias Elaborado por: Au-
tor
Visualización de documentos
Los usuarios en este módulo podrán visualizar los documentos creados por
el administrador y que se configuró visible para los tutores/docentes, como se
puede observar en la Figura 32. Adicional podrán descargar los respectivos
documentos del repositorio.
44
Figura 32. Consulta de reposi-
torios Elaborado por: Au-
tor
El estudiante en este módulo podrá crear un tema de titulación, para las mo-
dalidades de proyecto y artículo. En el formulario de la Figura 33, se deberá
de ingresar la capacidad del tema, en el caso de que desee ser en conjunto
con otro compañero. Una vez creado el tema, deberá esperar que el adminis-
trador apruebe o rechace el tema.
45
Figura 33. Módulo de Ingreso de temas.
Elaborado por: Autor
Ingreso de solicitud
46
Figura 34. Módulo de ingreso de solicitud.
Elaborado por: Autor
Registro de actividades
47
Figura 35. Módulo de registro de actividades.
Elaborado por: Autor
Visualización de Noticias
48
Figura 36. Consulta de Noti-
cias Elaborado por: Au-
tor
Visualización de documentos
49
Figura 37. Consulta de reposi-
torios
50
5.3.3 Diseño físico de datos
51
52
4. Conclusiones
53
5. Recomendaciones
54
6. Referencias Bibliográficas
56
La Guía de Scrum. (2014). Obtenido de scrum guides:
http://www.scrumguides.org/
Manuel Cillero. (2014). Metrica v3. Obtenido de Manuel Cille-
ro: https://manuel.cillero.es/doc/metrica-3/
MySQL. (2017). The Main Features of MySQL. Obtenido de mysql.com:
https://dev.mysql.com/doc/refman/5.7/en/features.html
57