Monografia Sistemas Lineales y Alternos

VET-PET
Gestión Veterinaria
IngSoftware - 2021
V1
Vet-Pet
Software gestión de clínica veterinaria
IngSoftware Y.B Vet-Pet v1 ©2021

Todos los Derechos Reservados
CONTENIDO
 Descripción del sistema………………………………………………………………………………..3

 Arquitectura de software……………………………………………………………………………..3
 Estructura del proyecto………………………………………………………………………………..4
 Módulos del sistema…………………………………………………………………………………….5
 Boceto de interfaces…………………………………………………………………………………….6
 Diseño…………………………………………………………………………………………………………22
 Base de datos……………………………………………………………………………………………..26
 Tablas
 Diagrama Relacional
 Procedimiento almacenado
 Programación……………………………………………………………………………………………..33
 Clases
 Petición Ajax
 Conexión a base de datos
2
IngSoftware Y.B Vet-Pet ©2021
DESCRIPCIÓN DEL SISTEMA
Vet-Pet es un sistema para la gestión de clínica veterinaria que permite gestionar a los clientes,
pacientes, generar citas, mantener control de la facturación, gestionar el historial clínico de los pacientes,
donde se podrá almacenar documentos e imágenes relacionados con los registros clínicos.
Funciones:
 Gestiona Clientes y pacientes. Registrar, modificar, eliminar, buscar.

 Registro de especies y razas.
 Realizar historia medica a paciente, cargar documentos e imágenes.
 Gestionar cita médica.
 Gestionar los productos y servicios.
 Realizar venta, imprimir ticket o factura.
 Registro de información de la impresa.
 Mostrar estadística para mascota por espacies, raza y sexo. Imprimir estadística en pdf.
 Registro de usuarios, para acceso al sistema.
 Mostrar perfil de mascota con su información personal y de historia medica.
 Agregar notas cortas al perfil de la mascota.
 Mostrar perfil de cliente, con información personal, de sus mascotas e historial de facturación.
 Generar Reporte para lista de mascota, clientes, inventario y reporte de venta por fecha.
ARQUITECTURA DEL SOFTWARE
MVC: Permite organizar una aplicación, separando los datos de la aplicación, la interfaz de usuario y la
lógica de control en tres componentes distintos.
Modelo: Representa los datos que maneja el sistema, por tanto contendrá mecanismo para acceder a
la información y también para actualizar su estado que se encuentren en la base de datos.
Vista: Es la capa que contiene el código de nuestra aplicación que va a producir la visualización de las
interfaces de usuario, esta representa en forma grafica los datos del modelo, pero sin tener un acceso
directo a estos.
Controlador: contiene el código necesario para responder a las acciones que se solicitan en la
aplicación, como visualizar un elemento, realizar una compra, una búsqueda de información. Es la capa
que sirve de enlace entre las vistas y los modelos, para implementar las diversas necesidades del
desarrollo.
3
ESTRUCTURA DEL PROYECTO
Adjuntos: Carpeta destina a guardar los archivos subidos por los usuarios, como los archivos en formato
pdf,jpg,png.
Ajax: carpeta para almacenar los archivos para las solicitudes Ajax.
Config: Configuración de datos para conexión a la base de datos, y nombre del servidor URL.
Controladores: Todos los controladores necesarios para la interacción con el usuario.
DB: guarda el archivo .sql de la base de datos.
Factura: Archivos necesarios para generar la factura y ticket de venta.
Modelo: Archivos necesarios para la interacción con la base de datos.
Pdf: plugin necesario para la creación de archivos en formato pdf. Nombre de plugin: DOMPDF.
Report: Generar archivo pdf para chart y reportes.
Vistas: Archivos para generar las vistas.
.htaccess: archivo para generar rutas amigables.
Index.php: archivo donde se inicia la aplicación, realizando el llamado al controlador correspondiente a la vista.
4
MODULOS DEL SITEMA
 INICIO
 MASCOTA
 Registro de mascota
 Lista Mascota
 Razas
 Especies
 CLIENTE
 Registro de Cliente
 Lista de Cliente
 CITA
 Nueva cita
 Lista de Cita
 Citas para hoy
 VENTA
 Nueva Venta
 Lista Venta
 USUARIOS
 Nuevo usuario
 Lista de Usuario
 EMPRESA
 ESTADISTICA
5
BOSETOS DE INTERFACES
Evolus Pencil
Versión: 3.1.0
Pagina oficial: www.pencil.evolus.vn
 Archivos creados en formato epgz.

citas_form.epgz
fomulario_todos_add.epgz
formt_movil.epgz
historial_mascota.epgz
menu_barra.epgz
paleta_vete.epgz
user_sistema_form.epgz
venta_page.epgz
Login
6
Menú lateral
7
Formulario y lista Mascotas
8
Especies y Raza
9
Formulario y lista Cliente
1
0
Cita
1
1
Usuarios
El sistema cuenta con tres niveles de acceso.
 Nivel 1: Permite acceso total al sistema.

 Nivel 2: Permiso para registrar y editar.
 Nivel 3: permiso para registrar.
1
2
Empresa
1
3
Historia Medica
ARCHIVOS PERMITIDOS EN FORMATO
PDF, PNG, JPG
1
4
Productos
1
5
Nueva venta y lista
1
6
1
7
Perfil Cliente y mascota
1
8
Perfil Mascota sección Historial
1
9
RESPONSIBLE
2
0
2
1
DISEÑO
Colores
--violeta-fu: #4748c7; RGB(71,72,199)

#4748c7 #6750e6 #9668e5
--violeta-me: #6750e6; RGB(103,80,230)
--violeta-cla: #9668e5; RGB(150,104,229)
--naranja-fu: #f76d3f;RGB(247,109,63)
#f76d3f #f98180 #f7d4be
--naranja-me: #f98180;RGB(249,129,128)
--naranja-cla: #f7d4be;RGB(247,212,190)
--azul-fue: #26c5d7;RGB(38,197,215) #f76d3f #f98180 #f7d4be

--azul-me: #67c8cf;RGB(103,200,207)
--azul-cla: #bfe8d6;RGB(191,232,214)
--fondo-vi: #eff4f7; #eff4f7 #f7fcf6

--blanco-res: #f7fcf6;
--amarillo-fu: #feb737; #feb737 #f7d83f

--amarillo-me: #f7d83f;
LOGO DEL SISTEMA
Colores base
(160,129,234) (226,157,57) (208,216,239)
Violeta: RGB(160,129,234)
Naranja: RGB(226,157,57)
2
2
Gris: RGB(208,216,239)
Fuente e iconos
icon font: Flaticon

Pagina oficial: https://www.flaticon.com
1- Autor: Darius Dan

url: https://
Muestra de iconos
2. Author: fjstudio
url: https:/
Muestra de iconos
2
3
3. Author: photo3idea_studio
url: https:
Muestra
2
4
4- Autor: Font Awesome Free V 5.9.0
Url: https://fontawesome.com
REPORTES Y FACTURAS
Herramienta: DOMPDF V. 0.8.3 612 pt
 Factura
Medida: letter
Ancho: 612 pt (punto)
Alto: 792 pt
Orientación: portrait(Vertical) LETTER
792 pt
PORTRAIT
2
5
150 PT
 Ticket
Medida
Ancho en PT (punto): 150 pt
Ancho en mm: 56.4 mm
TICKET
Alto: Automático Auto
297mm
 Lista Mascota
Tamaño papel: A4
Orientación: landscape(Horizontal) A4 210mm
Medida en punto: (0, 0, 595.28, 841.89) LANDSCAPE
210mm
 Lista Producto/Servicio, cliente, venta

Tamaño papel: A4
Orientación: portrait(Vertical) A4
297mm
Medida en punto: (0, 0, 595.28, 841.89)
PORTRAIT
2
6
210mm
 Reporte Estadísticas
 Mascotas por especie y por sexo
Tamaño papel: A5
148mm
Orientación: landscape(Horizontal) A5
Medida en punto: (0, 0, 297.64, 419.53)
 Mascotas por raza

210mm
Tamaño papel: A4
Orientación: portrait(Vertical)
Medida en punto: (0, 0, 595.28, 841.89)
297mm
A4
HERRAMIENTAS DE COMPLEMENTO
 BOOTSTRAP:
o Versión: v4.3.1
o Url: https://getbootstrap.com/
 BOOTSTRAP-SELECT
o Versión: v1.13.14
o Url: https://developer.snapappointments.com/bootstrap-select
 CHART.JS
o Versión: v2.8.0
o url: https://www.chartjs.org
 DATEPICKER
o Versión: v1.9.0
o url: https://github.com/uxsolutions/bootstrap-datepicker
 BOOTSTRAP-INPUT-SPINNER
o Url: https://github.com/shaack/bootstrap-input-spinner
 MAGNIFIC POPUP
o Versión: v1.1.0
o Url: http://dimsemenov.com/plugins/magnific-popup/
 BOOTSTRAP-SELECT v1.13.14
 SWEETALERT2
o Versión: 8.19.0
 Toastr
2
7
o Versión: 2.1
 MDTIMEPICKER plugin V 1.0
 JQUERY v3.2.1
BASE DE DATOS
GESTOR DE BASE DE DATOS
LARAGON
Pagina Oficial: www.laragon.org
VERSION: 4.0.15
HEIDISQL V 10.2
MYSQL:
VERSION: 5.7.24
APACHE: 2.4.32
NAVEGADOR GOOGLE CHROME
TABLAS
NOMBRE DE BASE DATOS: db-vetpets-v1
Diagrama relacional
Herramienta de modelado online: LUCIDCHART
Pagina oficial: www.lucidchart.com
Link documento compartido: --------------------------------------------------
2
8
Uno
PK: Clave primaria Mucho
UQ: Único
Uno solo uno
FK: Clave foránea
Cero o uno
Uno a muchos
Cero a muchos
Descripción de tablas:
1- MASCOTA
Tabla para gestionar las mascotas ingresadas al sistema.
2- ESPECIE
Tabla que gestiona los tipos de especies de las mascotas.
3- RAZA
Tabla para almacenar los diferentes tipos de razas de las mascotas.
4- NOTASMASCOTAS
Tabla que permite almacenar notas cortas, de cada mascota.
5- CLIENTE
Tabla que gestiona los datos de los clientes.
2
9
6- HISTORIALMASCOTA
Tabla para gestionar las historias medicas de las mascotas.
7- ADJUNTOSHISTORIAL
Tabla que gestiona las rutas de los archivos cargados de una historia medica, como archivos en
formato pdf,png,jpg.
8- CITAS
Tabla gestiona las citas generadas en el sistema.
9- VENTA
Tabla que gestiona las ventas realizadas.
10- DETALLEVENTA
Tabla que almacena los detalles al realizar una venta.
11- DETALLE_TEMP
Tabla que guarda de manera temporal los productos/servicios seleccionados al realizar una venta.
12- EMPRESA
Tabla que almacena los datos de la empresa u organización.
13- PRODUCTOSERVICIO
Tabla que gestiona las productos/servicios ingresados al sistema.
14- USUARIOS
Tabla para gestionar los usuarios que son registrados al sistema.
Base en el gestor de base de datos.
3
0
PROCEDIMIENTOS ALMACENADOS
1 - Nombre: add_detalle_temp
Descripción: Procedimiento para guardar de manera temporal en la tabla detalle_temp los
productos/Servicios ingresados en la vista facturación, o en caso de repetirse el producto/servicio se
actualizara el campo cantidad en la tabla detalle_temp.
Esta rutina devuelve la consulta con todos los datos necesarios para mostrar en la tabla detalle de la vista
nueva venta.
Parámetros
codigo: Código de producto/servicio a ingresar. Tipo VARCHAR(50)

cantidad: Cantidad ingresada del producto/servicio. Tipo INT
token_user: Token del usuario que inicio sesión. Tipo VARCHAR (50).
Cuerpo de la rutina:
BEGIN
END
3
1
2 - Nombre: del_detalle_temp
Descripción: Procedimiento para eliminar una fila en la tabla detalle_temp
Esta rutina devuelve la consulta con todos los datos necesarios para actualizar en la tabla detalles de la vista
nueva venta.
Parámetros
id_detalle: id de la tabla detalle_temp, clave primaria. Tipo INT

token: Token del usuario que inicio sesión. Tipo VARCHAR (50).
BEGIN
END
3 - Nombre: procesar_venta
Descripción: Procedimiento para guardar en la tablas venta y detalleventa los datos de la venta
y los productos/servicios vendidos. Actualizar el stock de los productos vendidos
en la tabla productoservicio.
 Crea una tabla temporal de nombre tbl_tmp_tokenuser

 Verifica que si hay datos en la tabla detalle_temp
 tbl_tmp_tokenuser(cod_prod,cant_prod)
Esta rutina devuelve la consulta con los datos guardados de la venta.
Parámetros
cod_usuario: Código de usuario que realiza la venta, clave primaria de la tabla usuario .Tipo INT
cod_cliente: DNI del cliente que realiza la compra. Tipo INT.
token: Token del usuario que inicio sesión. Tipo VARCHAR (50).
tipo_pago: Tipo de pago utilizado para la venta (Efectivo, Debito, Crédito). Tipo VARCHAR (50)
3
2
BEGIN
END
3
3
PROGRAMACIÓN
Lenguaje de programación
PHP
Versión: 7.2.11
Pagina oficial: www.php.net
Diagrama de clase MVC
3
4
3
5
Clases para generar la vista
Clase para generar factura y ticket: declaradas en la carpeta /factura, generan la vista a través de los
archivos factura.php o ticket.php.
3
6
PETICIONES AJAX
 Las peticiones Ajax se realizan desde la carpeta /vistas/js utilizando el método POST, la petición se
envía a la carpeta /AJAX, se verifica para luego enviar la petición al controlador correspondiente, en la
cual se espera la respuesta por parte del servidor.
VISTAS/JS /AJAX
citaAjax.php
ajaxSearch.js clienteAjax.php
empresaAjax.php
alertas-simple.js especieAjax.php CONTROLADORES
historialAjax.php
alertas.js inventarioAjax.php
loginAjax.php
load-more.js mascotaAjax.php
notaAjax.php
ventas.js razaAjax.php
usuarioAjax.php
ventaAjax.php
busquedaAjax.php
CONEXIÓN A BASE DE DATOS
PDO
Archivo config/SERVER.php: archivo destinado para definir las constantes para la conexión a la base de datos.
<?php
const SERVER="localhost";
const BD="db-vetpets-v1";
const USER="root";
const PASS="";
const SGBD="mysql:host=".SERVER.";dbname=".BD;
const METHOD="AES-256-CBC";
const SECRET_KEY='-----@2020';
const SECRET_IV='-----';
3
7
Clase mainModel: tiene la función conectar (), utilizada para establecer la conexión con la base de
datos.
require_once "./config/SERVER.php";
class mainModel{
protected static function conectar(){

$conexion = new PDO(SGBD,USER,PASS);
$conexion->exec("SET CHARACTER SET utf8");
return $conexion;
}
}
3
8
CONTACTO
@IngSoftware
yuliverjimenez@gmail.com
3
9

Monografia Sistemas Lineales y Alternos

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Monografia Sistemas Lineales y Alternos

Cargado por

Copyright:

Formatos disponibles

VET-PET

IngSoftware Y.B Vet-Pet v1 ©2021

 Descripción del sistema………………………………………………………………………………..3

 Gestiona Clientes y pacientes. Registrar, modificar, eliminar, buscar.

ARQUITECTURA DEL SOFTWARE

Controladores: Todos los controladores necesarios para la interacción con el usuario.

DB: guarda el archivo .sql de la base de datos.

Factura: Archivos necesarios para generar la factura y ticket de venta.

Modelo: Archivos necesarios para la interacción con la base de datos.

Report: Generar archivo pdf para chart y reportes.

Vistas: Archivos para generar las vistas.

.htaccess: archivo para generar rutas amigables.

 Archivos creados en formato epgz.

El sistema cuenta con tres niveles de acceso.

 Nivel 1: Permite acceso total al sistema.

ARCHIVOS PERMITIDOS EN FORMATO

PDF, PNG, JPG

--violeta-fu: #4748c7; RGB(71,72,199)

--azul-fue: #26c5d7;RGB(38,197,215) #f76d3f #f98180 #f7d4be

--fondo-vi: #eff4f7; #eff4f7 #f7fcf6

--amarillo-fu: #feb737; #feb737 #f7d83f

LOGO DEL SISTEMA

icon font: Flaticon

1- Autor: Darius Dan

Herramienta: DOMPDF V. 0.8.3 612 pt

 Lista Producto/Servicio, cliente, venta

 Mascotas por raza

GESTOR DE BASE DE DATOS

Pagina Oficial: www.laragon.org

NAVEGADOR GOOGLE CHROME

NOMBRE DE BASE DATOS: db-vetpets-v1

Pagina oficial: www.lucidchart.com

Link documento compartido: --------------------------------------------------

Base en el gestor de base de datos.

codigo: Código de producto/servicio a ingresar. Tipo VARCHAR(50)

id_detalle: id de la tabla detalle_temp, clave primaria. Tipo INT

 Crea una tabla temporal de nombre tbl_tmp_tokenuser

Esta rutina devuelve la consulta con los datos guardados de la venta.

Pagina oficial: www.php.net

Diagrama de clase MVC

CONEXIÓN A BASE DE DATOS

protected static function conectar(){

También podría gustarte