PROGRAMACION DE SITIOS WEB

Unidad 1: Fase 2 - Planeación del sitio web interactivo– Actividad

–Individual –

JORGE ENRIQUE PIMIENTA ELLES

Código 1118837100
Grupo_27

Tutor
FRANCISCO JAVIER HILARIÓN NOVOA

Universidad Nacional Abierta y a Distancia UNAD

Escuela de Ciencias Básicas Tecnología e Ingeniería
Programa de Ingeniería de Sistemas CEAD La Guajira
Riohacha, marzo 2019
 INTRODUCCIÓN

La presente actividad de la Fase 2 – Planeación del sitio web interactivo, donde

mediante un escrito se propone una propuesta de proyecto de desarrollo de
software con respecto a una problemática entregada se define la formulación del
problema, objetivos, metodología de desarrollo, requerimientos específicos del
aplicativo, finalidad del proyecto, cronograma), evaluación de aplicabilidad,
descripción en inglés solicitada, y capturas de pantalla con respecto al servidor.
 PROPUESTA PARA EL PROYECTO
Formulación del problema
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 (%).
¿Qué requiere la tienda “Fox Electronics” para controlar las compras a proveedores,
ventas al público, inventario y calculo de precios de venta al público incluyendo
impuestos y utilidad para la tienda?
¿Qué impacto tiene la creación de un software y que beneficios le ofrece a la
tienda “Fox Electronics”?
La Tienda “Fox Electronics” cuando requiere la creación de un software que llene
sus expectativas para solucionar los problemas que se vienen presentando al
interior de dicho negocio, esta generando un impacto positivo en la medida que le
permite obtener un mayor control de las compras a proveedores, las ventas al
público, inventarios y calculo de precios de venta al público incluyendo impuestos y
utilidad para la tienda, ya que le va permitir obtener una administración más
eficiente, una contabilidad automatizada, entre otras, siempre y cuando dicho
software este orientado a las necesidades y razón de ser del negocio.
Así como también puede ofrecer grandes beneficios desde las actividades tan
“simples” como crear una cotización de ventas hasta operaciones un poco más
complejas como el conocimiento exacto de costos y utilidades en un periodo
determinado se vuelven posibles con un mínimo de tiempo y esfuerzo.
Para la Tienda “Fox Electronics”, los beneficios son múltiples:
 Administración más eficiente
 Control de las operaciones
 Automatización de procesos
 Visibilidad de la empresa
 Trazabilidad de la producción
 Y muchas otras.
OBJETIVO GENERAL
Adquirir un software para la tienda “Fox Electronics” orientados a las necesidades
y su razón de ser, que le permita un mejor control de las operaciones propias del
negocio.
OBJETIVOS ESPECÍFICOS
Controlar las compras a proveedores
Automatizar la contabilidad de las ventas al público
Realizar control periódico de inventarios
calcular los precios de venta al público incluyendo impuestos y utilidad para la
tienda.
METODOLOGÍA DE DESARROLLO

Para la realización del presente proyecto se requiere la implementación del MVC

(Modelo Vista Controlador) y la lógica de control de sus tres componentes distintos,
el cual separa la lógica de la aplicación de la lógica de la vista en una aplicación

Modelo
Se encarga de los datos, generalmente (pero no obligatoriamente) consultando la
base de datos. Actualizaciones, consultas, búsquedas, etc. todo eso va aquí, en el
modelo.
Controlador
Se encarga de controlar, recibe las órdenes del usuario y se encarga de solicitar
los datos al modelo y de comunicárselos a la vista.
Vistas
Son la representación visual de los datos, todo lo que tenga que ver con la interfaz
gráfica va aquí. Ni el modelo ni el controlador se preocupan de cómo se verán los
datos, esa responsabilidad es únicamente de la vista.
Con base en lo anterior se utilizará esta metodología, la cual separa los
componentes de nuestra aplicación dependiendo de la responsabilidad que tienen,
esto significa que cuando hacemos un cambio en alguna parte de nuestro código,
esto no afecte otra parte del mismo.
FASES PARA LA CREACION DE LA PÁGINA WEB
Para la creación de una página web o el desarrollo a medida de un proyecto para
el diseño de una página web, se deben realizar por lo menos, 6 etapas esenciales.

1.- Investigación

La investigación para la creación de una página web se debe tomar como

referencia páginas web de la competencia ya existes. Una buena página
web requiere una investigación veraz, exigente y profunda. Se deben analizar
diferentes campos de actuación, desde el modelo de negocio, público objetivo,
competencia y objetivos de resultados alcanzables reales a corto/medio plazo.

Modelo de negocio de nuestra página web: Dependiendo del sector al que vaya
destinado, debe adaptarse a las necesidades del sector y examinar los diseño
web que ya se hayan realizado (Competencia).

2.- Planificación

Cuando se diseña una página web, la planificación juega un papel importante para
anticiparnos en un medio que está en continuo cambio, nos ayudará a crear una
estrategia, ya no sólo de difusión sino también de los contenidos que puedan ser de
interés para nuestra audiencia. La elección y disponibilidad del dominio es una parte
de peso a tener en cuenta dentro del desarrollo de una página web.

El nombre del dominio es de vital importancia, pudiendo optar por la elección de un

dominio de “marca o branding” (nombre de la empresa) o decidirnos por un
dominio EMD (Extact Mach Domain) que son aquellos que incluyen dentro del
dominio la palabra clave “keywords” de nuestro sector. La decisión del dominio debe
tomarse con tranquilad y a conciencia.

3.- Arquitectura y contenido del sitio web

En base a las preferencias de los contenidos de la página web, creamos una

esquema o mapa de arquitectura para testar visualmente como se organizan
elementos que la componen, los contenidos y la estructura del sitio. La usabilidad
(UI) y la experiencia del usuario (UX) es otro factor que no podemos pasar por alto,
ya que la fácil navegación y una correcta estructuración del sitio, hará que nuestra
audiencia se sienta cómoda en nuestro sitio web y la experiencia sea satisfactoria.
4.- Diseño web, construir y testar

La creación de la gráfica, el diseño web y plasmarlo en nuestro sitio nos dará el

aspecto visual, de esta forma sabremos captar lo que te transmite con lo que se
está viendo. Una vez creado el contenido y adaptado el diseño web, debemos ser
exigentes en las gráficas y el cuidado de las imágenes, además la optimización de
las mismas.
Una vez finalizado esta fase, tenemos la estructura web finalizada en modo de
pruebas y ahora debemos testar tanto el diseño web como el desarrollo con usuarios
y grupos de interés por parte de la empresa (target).

Una vez finalizada la etapa de test, pasamos a PUBLICAR y pasar la página web a
“producción”. Ya tenemos en “vivo” la web ahora a ver qué tal funciona.

5.- Operar, Optimizar y Evaluar

En esta etapa el sitio web está con un continuo control a tiempo real y en constante
mantenimiento para ir optimizando y realizando continuas mejoras en el sitio
web. Analizamos mediante herramientas de medición (Google Analytics) para
obtener informes de rendimiento y garantizarnos que la página web esté
funcionando como deseamos y esté cumpliendo nuestras perspectivas.

En base a los datos obtenidos mediante la medición, evaluaremos y está

“cumpliendo” con nuestras expectativas. El tener una correcta medición de los datos
del sitio web, nos facilitará información para realizar las mejoras en el sitio o
reestructurarla por completo.

Una vez consolidemos los contenidos dentro de la página web, podremos saber si
finalmente la operación ha sido rentable.

6.- Después del lanzamiento

Para potenciar los resultados del sitio, es más que recomendable y necesario
realizar campañas de marketinkg online y hacer una importante inversión en
SEO (Search Engine Optimization) para generar tráfico a nuestro sitio. Diseñar una
estrategia de comunicación que convierta a nuestros visitantes en clientes y
conseguir una mayor rentabilidad de nuestro sitio web. También se pueden
realizar campañas en buscadores SEM para dar a conocer sus productos a su
público y conseguir resultados en un corto periodo de tiempo.
REQUERIMIENTOS ESPECÍFICOS DEL APLICATIVO FINALIDAD DEL
PROYECTO.
Con la implementación del aplicativo web que le permita a la tienda “Fox
Electronics”, el control del desarrollo de sus operaciones para mejorar sus
problemas internos, tales como:
Compras a proveedores
Ventas al público
Control de Inventarios
Calculo de precios de venta al público incluyendo impuestos
Utilidad para la tienda
FINALIDAD DEL PROYECTO

La finalidad del presente proyecto es implementar un aplicativo web que le permita

a la tienda Fox Electronic 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.

CRONOGRAMA
Para el desarrollo del aplicativo web, estimo dos meses de acuerdo con el siguiente
cronograma.

CRONOGRAMA DE ACTIVIDADES PARA EL DESARROLLO DEL APLICATIVO

WEB
ABRIL MAYO
ACTIVIDADES
1 2 3 4 1 2 3 4
Recopilación de datos para la Propuesta
Diagnostico Actual
Elaboración de la propuesta
Entrega de la Propuesta
Diseño de la Base de Datos
Diseño del Aplicación
Desarrollo del Aplicación Web
Elaboración del documento Escrito
Realización de correcciones
Entrega final
RECURSOS

Humano
 Estudiante que va a desarrollar el aplicativo web.
 Personal de la tienda que informa los requerimientos y necesidades

Equipos
 Computadoras

Software
 Suite apache
 Editor de código Sublime Text
 Hosting de la pagina

EVALUACION DE APLICABILIDAD

Cuando se desarrolla la evaluación de la aplicabilidad del aplicativo web en la tienda

“Fox Electronic”, los resultados obtenidos serán de gran utilidad para solucionar los
problemas que se vienen presentando al interior de dicho negocio, generando un
impacto positivo en la medida que le permite obtener un mayor control de las
compras a proveedores, las ventas al público, inventarios y cálculo de precios de
venta al público incluyendo impuestos y utilidad para la tienda, ya que le va permitir
obtener una administración más eficiente, una automatización de procesos,
visibilidad de la empresa y trazabilidad de la producción entre otras, así como
también puede ofrecer grandes beneficios desde las actividades que debe
desarrollar de acuerdo con la naturaleza del negocio.

Client-Server Architecture
It is a distributed application model in which the tasks are distributed among the
providers of resources or services, called servers, and the claimants, called clients.
Client: Executable program that actively participates in the establishment of
connections. Send a request to the server and wait for an answer. Your life time is
finite once your requests are served, the job ends.
Server: It is a program that offers a service that can be obtained in a network.
Accepts the request from the network, performs the service and returns the result to
the requestor. As it is possible to implement it as program applications, it can be
executed in any system where TCP / IP exists and together with other application
programs. The server begins its execution before beginning the interaction with the
client. Your time of life or interaction is "endless".
The Model View Controller (MVC): is a software architecture pattern that separates
the data from an application, the user interface, and the control logic into three
different components (Model, View, and Controller).

CAPTURAS DE PANTALLA DE LA INSTALACIÓN DEL SERVIDOR

Instalación del Appserv-win32-2.6.0.exe

1) Primero de debemos descomprimir el archivo: y ejecutar el archivo Appserv-

win32-2.6.0.exe, y nos aparecerá este cartel

AppServ Open Projet

Ponemos next y nos mostrará lo siguiente. Aceptamos los términos y condiciones

2) Dejamos que se instale en la carpeta por defecto. Nota "no recomiendo que
seinstale en carpetas que contengan espacios", como "archivos de
programas".Ponemos next.
3) Acá nos muestra los programas, que instalará el programa: Para poder instalar
correctamente se recomienda marcar todos. Ponemos next.

4) Acá comenzará a pedir los datos para Apache.

Colocaremos lo que se muestra en la siguiente imagen:

Se debe colocar en server name: localhost o la dirección webSe debe colocar en
Administrator´s mail, nuestro correo electrónicoColocamos next.

5) Acá se comenzará a pedir los datos de MySQL.

Por defecto MySQL crea un usuario con nombre "root"Se deberá colocar luego la
contraseña, y repetir la misma contraseña (123456).
Ponemos install.
6) El programa comenzará a instalar Apache, MySQL y PhpMyAdmin.
7) Cuando el programa termina de instalar nos mostrará lo siguiente:

Ponemos finish, y se iniciará el Apache y MySQL

8) Para poder ver si Apache está funcionando tenemos que abrir el ApacheMonitor
como muestra la imagen:
9) Para poder ver si PhpMyAdmin funciona correctamente, deberemos entrar en
aesta dirección:

y nos mostrará lo siguiente:

Hay que recordar que el nombre de usuario es "root" y la contraseña es la que

definieron al instalar MySQL.
Si se ingresa correctamente nos mostrará la siguiente página:
 CONCLUSIONES
Con el desarrollo de la presente actividad el estudiante estará en
disposición de planear propuestas de sitios web interactivos haciendo uso
de los fundamentos teóricos de introducción y planeación de sitios web
para la concepción de proyectos web.
 BIBLIOGRAFIA

Cobo, Ángel, et al. PHP y MySQL: tecnologías para el desarrollo de aplicaciones

web. (Páginas. 1 - 20). Ediciones Díaz de Santos, 2005. ProQuest Ebook Central.
Recuperado
de:https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=19&doc
ID=3173408&tm=1544022923309
Vara, Mesa, Juan Manuel, et al. Desarrollo web en entorno servidor. (Páginas. 13 -
24). RA-MA Editorial, 2014. ProQuest Ebook Central. Recuperado
de:https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=13&doc
ID=3229695&tm=1544023066660
Solórzano, P. B. (2006). Planeación y desarrollo de web site. (Páginas. 3 - 6).
Recuperado
de:https://bibliotecavirtual.unad.edu.co:2538/lib/unadsp/reader.action?ppg=3&docI
D=3170657&tm=1544023208758
Vidal, C. L., López, L. L., Rojas, J. A., & Castro, M. M. (2017). Desarrollo de
Sistema Web de Reclutamiento y Selección y de Directivos por Competencias
mediante PHP CodeIgniter 3.0. Información Tecnológica. Recuperado
de:https://bibliotecavirtual.unad.edu.co:2444/10.4067/S0718-07642017000200021