You are on page 1of 12

Fase 2 – Planeación del sitio web interactivo

Presentado por:
Brayan Emilio Benavides Pantoja
1085279847

Programación de Sitios Web


Grupo: 301127_7

Tutor:
Roberto Augusto Fernandez

Universidad Nacional Abierta y a Distancia


ECBTI
Ingenieria de Sistemas
Abril de 2019
INTRODUCCIÓN
Se evidenciara el desarrollo de la actividadad, de acuerdo a la guia mostrando paso a paso
la ejecucion de cada situacion encontrada, tambien mediante la actividad se busca conocer
la planeacion el analis y desarrollo de un sistema de informacion.
PROPUESTAS Y FORMULACIÓN DEL PROYECTO

Descripcion:
La tienda “Fox Electronics” se dedica a la comercialización de componentes electrónicos
tales como: resistencias, transistores, circuitos integrados, sistemas embebidos,
condensadores, bobinas y demás elementos de uso común en la industria, control y
automatización electrónica de procesos. Pero en los últimos días ha tenido inconvenientes
con respecto a la cantidad de productos que ofrece a sus clientes, ya que en existencia
aparece una cantidad y cuando se verifica en bodega dicha cantidad de productos no
coincide, este descontrol ha generado problemas con los clientes y con los proveedores, por
lo anterior requiere un aplicativo web que le permita controlar las compras a proveedores,
ventas al público, inventarios y cálculo de precio de venta al público incluyendo impuestos
y utilidad para la tienda .
 Formulación del problema
En la empresa “Fox Electronics” se a encontrado un problema con respecto a la cantidad de
productos que ofrece a sus clientes, hace falta llebar un inventario de articulos.

Objetivo
Debido a la problemática se requiere un aplicativo web que le permita controlar las
compras a proveedores, ventas al público, inventarios y cálculo de precio de venta al
público incluyendo impuestos y utilidad para la tienda .

Metodología de Desarrollo
 Planeación y análisis de requisitos
En esta fase se requiere analizar el sistema de información, este es fundamental
para conocer como se lleva actualmente el manejo de los productos en la tienda,
también la incoformidades con los clientes, por otro lado es importante tener en
cuenta las sugerencias de los clientes para el desarrollo del nuevo sistema.
Analizar la información es parte crucial ´para el desarrollo del nuevo sistema, pues
de esta depende los logros que pueda generar el sistema de información, para este
es parte importante la estructuración de los datos recolectos.

 Diseño de sistema de información.


Una vez concluido la fase anterior se procede a diseñar los diferentes proceso del
sistema y de igual manera el diseño de las interfaces para los usuarios, esto es
importante para llevar acabo el desarrllo de este mismo, de tal forma que se pueda
implementar un sistema con un facil manejo y eficiente administracion de los
usuarios.

 Desarrollo y programación.
Se procede al desarrollo de la base de datos basado con el motor de MySQL y una
progamaicion con el legunaje de PHP. A su vez también se deberá desarrollar el
proyecto bajo la metodología de (Modelo- Vista- Controlador) “MVC”.

Modelo: Es la representación de la información con la cual el sistema opera, por lo


tanto gestiona todos los accesos a dicha información, tanto consultas como
actualizaciones, implementando también los privilegios de acceso que se hayan
descrito en las especificaciones de la aplicación (lógica de negocio). Envía a la
'vista' aquella parte de la información que en cada momento se le solicita para que
sea mostrada (típicamente a un usuario). Las peticiones de acceso o manipulación
de información llegan al 'modelo' a través del 'controlador”.

Vista: Presenta el 'modelo' (información y lógica de negocio) en un formato


adecuado para interactuar (usualmente la interfaz de usuario), por tanto esta requiere
de dicho 'MODELO' la información que debe representar como salida.

Controlador:Hace de intermediario entre la 'vista' y el 'modelo'

Esto con el fin de generar un sistema con estandares de productividad.

 Pruebas del sistema de información


Esta fase es importante antes de la implementación, ya que se debe generar todas la
pruebas posibles del usuario para descartar inconsitencias, de esta manera se
procedera a corregir dichas inconsitencias y generar un optimo servicio.
 Implementación
Esta fase es la conclusión del proyecto, por ende se hace la entrega del sistema con
la su respectiva documentación, al igual su configuracion adecuada para que el
sistema se ejecute de una manera eficientee.
Requerimientos:
El aplicativo web de control de los productos de la tienda contara con.
1. Funcionalidades
o Administracion de la compra de los productos
o Manejo del inventario
o Venta o salida de los productos
o Balance, y utilidades de la tienda
2. Usuarios
o Administrador: Este tendrá acceso a todas las funciones del sistema, pero se
encargará especificamente de gestionar la administracion de los datos del
sistema, y de las actualizaciones de la información del mismo.
3. Técnica
o En este apartado podemos encontrar que el sistema podra usarse tanto en
computadores como en dispositivos moviles.

FINALIDAD DEL PROYECTO:


Con el desarrollo de la aplicación se pretende agilizar y tener un mejor control a nivel
general de cada uno de los procesos de la tienda como ventas, inventario y proveedores con
el objetivo de solucionar las problemáticas establecidas anteriormente y optimizar las
ventas y generar mayores ingresos estableciendo un servicio óptimo y eficiente para la
empresa “Fox Electronics”.
.

 CRONOGRAMA
Para poder cumplir con el desarrollo del aplicativo web se dispone de un tiempo
máximo de 30 días, los cuales se los va a trabajar de la siguiente manera:
1. Recoleccion de información y análisis:
Tiempo estimado de 5 días en el cual se divide, 2 días en la fase de recolección de
información, y 3 días en el analisis de la información recolectada.
2. Diseño del sistema de información
Tiempo estimado de 5 días en el cual se divide, 2 días para el diseño del diagrama
de flujo y procesos del sistema, y 3 días para el diseño de las interfaces del sistema
3. Desarrollo y programación
Produccion de la base de datos: tiempo estimado de 3 días, en los cuales se diseñara
y posteriormente se implementa en el motor debase de datos mysql.
Desarrollo esructural: tiempo estimado de 4 días, en los cuales se pondrá en marcha
el controlador de versiones, el directorio de trabajo basado en MVC, al igual se
desarrollarán la interfaces del sistema.
Desarrollo de los procesos: tiempo estimado de 8 días, en los cuales se prondrá en
marcha el desarrollo de cada uno de los procesos ejecutados por el usuario, en este
se desarrollan los controladores y modelos del sistema.
Integración del sistema: tiempo estimado de 2 días, en el cual se debe generar la
integración de los los procesos y el funcionamiento optimo bajo el MVC.
4. Test del sistema
Tiempo estimado de 2 días para realizar pruebas de todos los procesos del sistema.
5. Implementación del sistema
Tiempo estimado de 1 día, para hacer las respectivas configuraciones del sistema.
RECURSOS
Recursos técnicos:
 Gestionador de diagramas de flujo
 Diseñador de bases de datos
 Suite AppServe
 Git y GitHub
 HTML5
 CSS
 JavaScript: según se requiera
 Mysql
 PHP
Recursos Materiales
 Hosting o servidor para el alojamiento del aplicativo.

Recursos Humanos
 1 desarrollador FronEnd.
 1 desarrollador Backend.

Evaluación y productividad del aplicativo web

Gracias a las medidas de la implementacion de la tienda Fox Electronics, del


desarrollo del aplicativos para el control de sus productos y manejo de
inventarios, pudo solucionar la problemática del mal manejo de sus
productos, de igual forma mejora la imagen de sus clientes
exponencialmente estableciendo un servicio optimo y eficiente.

Dado a que cuentan con un control optimo de sus productos, y a que los
proveedores encuentran plena confianza en ello, presenta la oportunidad a
que la tienda amplie su inventario de productos, requiriendo abrir ofertas de
empleo para diferentes areas de la tienda, tanto en compradores, como
venderores debido a la adquisicion de mayores ingresos.

Sin duda alguna los avances tegnologicos han permitido desarrollar sistemas
que facilitan el dia a dia de las personas tanto a nivel laborar como personal,
tomando como ejemplo la implementacion del sistema de desarrollo de
informacion en la empresa “Fox Electronics” la cual tras adquirir este
sistema ahumenta sus ingresos y sus posibilidades de éxito debido a la
eficiencia de un buen servicio adquiro mediande este aplicativo.
De igual forma se puede observar la reducción en costos y ayuda al medio
ambiente en los insumos como el papel, tras el uso que se tenia para el
registro de sus productos.
Client-server architecture
Client-server architecture, architecture of a computer network in which
many clients (remote processors) request and receive service from a
centralized server (host computer).
Client computers provide an interface to allow a computer user to request services
of the server and to display the results the server returns. Servers wait for requests to
arrive from clients and then respond to them. Ideally, a server provides a
standardized transparent interface to clients so that clients need not be aware of the
specifics of the system (i.e., the hardware and software) that is providing the
service.
Clients are often situated at workstations or on personal computers, while servers
are located elsewhere on the network, usually on more powerful machines. This
computing model is especially effective when clients and the server each have
distinct tasks that they routinely perform.
In hospitaldata processing, for example, a client computer can be running an
application program for entering patient information while the server computer is
running another program that manages the database in which the information is
permanently stored. Many clients can access the server’s information
simultaneously, and, at the same time, a client computer can perform other tasks,
such as sending e-mail. Because both client and server computers are considered
intelligent devices, the client-server model is completely different from the old
“mainframe” model, in which a centralized mainframe computer performed all the
tasks for its associated “dumb” terminals
MODEL VIEW CONTROLLER

Model–View–Controller (usually known as MVC) is an architectural pattern commonly


used for developing user interfaces that divides an application into three interconnected
parts. This is done to separate internal representations of information from the ways
information is presented to and accepted from the user.[1][2] The MVC design pattern
decouples these major components allowing for efficient code reuse and parallel
development.
Traditionally used for desktop graphical user interfaces (GUIs), this architecture has
become popular for designing web applications.[3] Popular programming languages
like Java, C#, Python, Ruby, PHP have MVC frameworks that are used in web application
development straight out of the box.
Model:The central component of the pattern. It is the application's dynamic data structure,
independent of the user interface.[4] It directly manages the data, logic and rules of the
application.
View:Any representation of information such as a chart, diagram or table. Multiple views
of the same information are possible, such as a bar chart for management and a tabular
view for accountants.
Controller: Accepts input and converts it to commands for the model or view.
In addition to dividing the application into these components, the model–view–controller
design defines the interactions between them.[6

 The model is responsible for managing the data of the application. It receives
user input from the controller.
 The view means presentation of the model in a particular format.
 The controller responds to the user input and performs interactions on the data
model objects. The controller receives the input, optionally validates it and then
passes the input to the model.
INSTALACION MYSQL – PHP – APPSERV
CONCLUSIONES

Mediante el desarrollo de la actividad se realiza una planeacion y se llevo acabo la


propuesta del sistema de informacion para un buen manejo en el control de los productos y
el inventario, dando a conocer todo el proceso de ejecucion de este mismo
REFERENCIAS

MVC
https://es.wikipedia.org/wiki/Modelo%E2%80%93vista%E2%80%93controlador

Modelo – vista – controlador 20 de abril de 2019

https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller

Arquitectura cliente-servidor 2019 Encyclopædia Britannica, Inc

https://www.britannica.com/technology/client-server-architecture

You might also like