INSTITUTO SUPERIOR FERMOSA

TRABAJO FINAL DE PROGRAMACION III

Profesor: Lic. Cristian Cerquand

-Alumnos:

-Caballero, Nahuel

-Cabrera Marcos

Año: 2021

Fecha De Presentación: 24/11/2021

 ÍNDICE

3-Monografia Formal -----------------

6-Base de datos ----------
7- Base de datos -----
8- Diagrama de clases----------
9-Frameworks -------
10-Ejemplos de Frameworks----------------
11-CodeIgniter-----
13-Admin LTE------
14-Codeigniter y Back end-------
18-APP vistas-------
21-Bibliografia-----
40-Update nuevo-----
 MONOGRAFÍA FORMAL

Descripción de la Empresa: Sistema de Venta Informático

Nombre: Strykers CAB.System

Nuestro sistema se basa en una página web para la administración de venta

de elementos informáticos, en el cual el administrador tiene control total y
agregar todos los productos que tenga en venta dividiéndolos en categorías
y permitiéndole poder crear otras categorías, tener registro de cuales vendió
y cuales están disponibles y los clientes puede ingresa r creándose un
usuario para obtener una vista de los productos, desde el carrito se le
mostrará detalladamente cada producto.
Durante el transcurso de estos años en la asignatura de Programación nos
han enseñado todo lo fundamental para poder realizar de una manera
correcta un “Software” que se trata de un conjunto de instrucciones que le
dicen a la computadora cómo trabajar. Para p oder desarrollarlo hay que
seguir una serie de pasos para poder conseguir que funcione de manera
exitosa y no haya una discordia entre el cliente y nosotros como emp resa a
la hora de la entrega final.

Un paso fundamental que hay que realizar para poder empezar con todo el
sistema es tener en cuenta en escribir todos los requerimientos tanto
funcionales y no funcionales del mismo. Para escribir estos hay que
empieza a reunir todos los requerimientos del cliente sobre el software que
se va a desarrollar y realizarse algunas preguntas de guía como ¿Qué
características será necesario incluir? ¿Cómo tiene que lucir? ¿Cómo debe
funcionar? Este paso es necesario para hacer ajustes y visualizar claramente
lo que se desea crear.

Los requerimientos funcionales de un sistema describen lo que el sistema

debe hacer. Normalmente este tipo de requerimientos están vinculados con
las entradas, las salidas de los procesos y los datos a almacenar en el
sistema,

Expondremos abajo, nuestros requerimientos funcionales de nuestro

sistema
El usuario puede ingresar a la página de ventas donde se mostrara los
productos destacados o los más vendidos, puede buscarlos p or nombre o
por filtro de búsqueda por precio y calidad, con o sin registro , si se registra
lo hará con correo electrónico , si lo desea puede modificar su perfil , al
seleccionar un producto se mostrara la información de este , si desea
comprarlo tiene diferentes formas de pago, si tiene dudas sobre algún
producto o reportar errores se puede contactar con los administradores

En cuanto a la función del carrito por parte del cliente podrá agregar varios
productos para pagar, quitar productos que agrego y por parte del
administrador podrá visualizar pagos registrados, información de consultas,
información de ventas , estadísticas .

Lo siguiente será los requerimientos no funcionales que representan

características generales y restricciones de la aplicación o sistema que se
esté desarrollando

Para nuestro sistema serán que el tiempo de aprendizaje deberá ser menor a
4 horas , deberá poseer interfaces graficas bien formadas, el usuario tendrá
protección a través de un login, no funcionara si no cuenta con internet y no
inicia sesión, la aplicación es compatible con todas las pantallas de
celulares desde android 4 , El sistema será desarrollado para las plataforma
web , Los datos almacenados están ubicados en una base de datos que es
modificable únicamente por el administrador general del sistema.
 BASE DE DATOS

Una base de datos es una recopilación organizada de información o datos

estructurados, que normalmente se almacena de forma electrónica en un
sistema informático.
 DIAGRAMA DE CLASES

Un diagrama de clases en Lenguaje Unificado de Modelado es un tipo de

diagrama de estructura estática que describe la estructura de un sistema
mostrando las clases del sistema, sus atributos, operaciones, y las
relaciones entre los objetos.
 DIAGRAMA DE CASOS DE USO
Un caso de uso es un artefacto que define una secuencia de acciones que
da lugar a un resultado

Un diagrama de caso de uso puede incluir varios casos de uso y las

relaciones entre casos de uso y las personas, los grupos o los sistemas que
interactúan para llevar a cabo el caso de uso.
Para realizar el desarrollo de un Software, los programadores debemos
utilizar una herramienta que es fundamental y son los frameworks que es
un marco o esquema de trabajo que permite agilizar los procesos de
desarrollo ya que evita escribir código de forma repetitiva

Pueden ser utilizados para programar con diferentes lenguajes de

programación

La principal función u objetivo de utilizar un framework es la de disp oner

de un entorno que facilite la escritura de código y el desarrollo de una
aplicación, ofrece las herramientas necesarias para organizar y controlar
todo el código generado

Uno de los más conocidos es el .NET de Microsoft para webs

El uso de un framework reduce la cantidad de errores cometidos durante

los procesos de programación, facilitando las labores de los desarrolladores
y resolver problemas recurrentes, ofrece las herramientas necesarias p ara
organizar y controlar todo el código generado, además de permitir ser más
eficientes que utilizando los métodos tradicionales.

También tiene sus contradicciones el hecho de que existen diversos

frameworks en el mercado. Esto representa la posibilidad de escoger el tipo
inadecuado en un proyecto. Algunos frameworks fueron desarrollados para
atender sistemas complejos; y otros, más simples. Por esta razón, escoger
erróneamente puede ocasionar pérdida en el rendimiento, y un resultado
bastante diferente al esperado.
Ejemplos de frameworks

Lenguaje PHP -> framework Laravel.

Lenguaje Java -> framework Spring MVC, Blade.
Lenguaje Javascript -> framework Express.js.
Lenguaje Python -> framework Django.

¿Cuáles son los principales tipos de frameworks en el mercado?

-Bootstrap

Foundation

Angular

Laravel

CodeIgniter, para PHP

.Net Framework, para plataforma .Net

Django, para Python

Express, para Node.js

Uno de los frameworks que utilizamos para este sistema que desarrollamos
es el Codeigniter es un framework PHP, para la creación rápida de
programas o aplicaciones web , contiene una serie de liberias que sirven
para el desarrollo de aplicaciones web

Este framework contiene muchas ayudas para la creación de ap licaciones

PHP avanzadas, que hacen que el proceso de desarrollo sea mas rápido.
Define una arquitectura de desarrollo que hara que p rogramemos de una
manera mas ordenada y contiene diversas herramientas que ayudan a hacer
aplicaciones mas versátiles y seguras.

Es capaz de trabajar en casi todos los entor nos o servidores, incluso en

sistemas de alojamiento compartido , su nucleo es bastante ligero, lo que
permite que el servidor no se sobrecargue interpretando o ejecutando
grandes porciones de codigo

Esta es una demostración de su flujo , toda solicitud comienza con un

index.php , se realiza un flitrado de la URL para saber cual es el elemento
que tiene que procesar la pagina. Si la pagina se había generado antes y esta
en el cache de Codeigniter , se devuelve el archivo ya generado, con lo que
se ahorra procedimientos repetidos. Antes de continuar se realiza un
tratamiento de seguridad sobre la entrada que tengamos , el controlador
adecuado realiza el procesamiento de la solicitud. El controlador se
comunica con una serie de modulo para producir la pagina. A través de las
vistas adecuadas, el controlador genera la pagina,tal cual se tiene que
enviar al navegador.
Para el desarrollo de un sistema software existe un estilo que a veces es
fundamental y se trata de la separación de las p artes que lo comp onen o
también una arquitectura cliente-servidor a esto se le llama Programación
por Capas, un ejemplo básico consiste en sep arar la cap a de datos de la
capa de presentación al
usuario.

Consta de Capas y niveles,

la primera es la Capa de
presentación; que es la que
ve el usuario, le comunica
la información y cap tura la
información del usuario en un minimo proceso.

Capa de negocio: Estan los programas que se ejecutan, se reciben las

peticiones del usuario y se envían las respuestas tras el proceso, se deben
establecer todas las reglas que deben cumplirse , esta capa se comunica con
la capa de presentación , para recibir las solicitudes o recuperar datos de el.

Capa de datos: Donde residen los datos y es la encargada de acceder a

estos. Contiene uno o más gestores de datos que realizan todo el
almacenamiento de datos, reciben solicitudes de almacenamiento o
recuperación de información desde la capa de negocio
Utilizamos el panel de administración para Bootstrap llamado AdminLTE
Permite una construcción y personalización sencilla, para el back -end y
front-end , se puede descargar en su versión ya lista, con el código
compilado, o por zip con el código por si el desarrollador quiere hacer
algunos cambios previos en la plantilla

A continuación enseñaremos como es nuestro back end utilizando

AdminLTE

Se le solicita al usuario/Administrado un inicio de sesión para poder ingresar al sistema y poder

comprar o ver los productos para el lado del cliente y administrar los datos para el lado del
administrador
Esto es una demostración en vista general del sistema como administrador , donde puede
administrar los clientes, productos , usuarios, ventas.

Esta es la sección categorías donde estan detallada las categorías de los productos disponibles
donde pueden agregar editar o ver las categorías
Esta es la sección de clientes donde esta detallada los clientes a los cuales se vendieron
productos disponibles donde puede agregar editar o ver
Esta es la sección Productos donde esta detallada los productos disponibles donde puede
agregar, editar o ver.(Productos ilustrativos)

Puede cerrar sesión una vez haya terminado su labor

 APP VISTAS

Este es la pantalla de carga de la app ,donde se espera mientras carga el sistema de la app
Este es el menú principal de la app donde se puede ingresar como usuario o administrador
Esta es la vista general del sistema de ventas donde va a poder visitar y observar los productos
que están en venta
Bibliografia:

https://www.oracle.com/mx/database/what-is-database/
https://www.certus.edu.pe/blog/consiste-desarrollo-software/

https://ingenieriadesoftwareutmachala.wordpress.com/2017/01/20/requerim
ientos-funcionales-y-no-funcionales/

http://www.pmoinformatica.com/2015/05/requerimientos-no-funcionales-
ejemplos.html

https://www.ibm.com/docs/es/elm/6.0.3?topic=requirements-defining-use-
cases

https://www.virtuniversidad.com/greenstone/collect/informatica/archives/H
ASH0195.dir/doc.pdf