Universidad de Costa Rica.

Sede de Guanacaste, Recinto Liberia.

Bachillerato Informtica Empresarial.
IF7102 Programacin Web.

Planificacin general del

Proyecto web

Profesor:

Ivn Alonso Chavarra Cubero

Estudiante:
Martnez Dalmiro, B13927.
Mena Wilberth, A53372

INDICE
Introduccin................................................................... 3
Aspectos Generales del proyecto..................................... 4
Objetivos........................................................................ 5
Objetivo General
..............................................................................................................
5
Objetivos Especficos
..............................................................................................................
5

Definicin del sitio web................................................... 6

Definicin de objetivos del sitio.
..............................................................................................................
6
Audiencias
..............................................................................................................
6
Definicin de contenidos del sitio
..............................................................................................................
7
Identificacin de requerimientos especiales
..............................................................................................................
9
Definicin de la estructura del sitio Web.
............................................................................................................
10

Diseo y Estndares...................................................... 11
Sistemas de navegacin
..................................................................................................................
11
Boceto del diseo
............................................................................................................
11
Pginas secundarias (Secciones):
..................................................................................................................
13
Estndares
............................................................................................................
14

Conclusin.................................................................... 16
Bibliografa................................................................... 17

Introduccin

Mediante

el

contenido

del

curso

se

espera

el

establecimiento y la puesta en marcha de una pgina web

para una empresa hipottica en Guanacaste especficamente
en la zona de Liberia, la cual consiste en la venta de
productos tecnolgicos especialmente del rea de informtica
llamada multiPAMP, pues de esta manera con ayuda de la
documentacin respectiva del curso estableceremos en este
primer

avance

una

vista

previa

de

las

fases

la

documentacin inicial del proyecto de software, con el fin de

poder organizar las distintas etapas de desarrollo de una
manera efectiva y eficaz.
Por otra parte el grupo de trabajo ve la implementacin
de la aplicacin como tal, como una experiencia real de las
necesidades del mercado a fin de las soluciones brindadas
por los desarrolladores de software y un vivo ejemplo de las
oportunidades laborales presentes en el mundo real, por lo
cual se espera brindar una solucin ptima hacia dicho
problema.

Aspectos Generales del proyecto

Ttulo del proyecto

Descripcin general

Pgina web de multiPAMP

El proyecto consiste en la
implementacin de una solucin
de software para la empresa
multiPAMP , una tienda virtual la
cual consiste en la venta de
accesorios y equipos tecnolgicos
: computadoras de escritorio ,
laptops , case , ventiladores ,
procesadores entre otros, lo que
se busca es un sitio de referencia
donde se le permita al cliente
visualizar mediante catlogos los
distintos productos de la tienda y
a la vez un medio informativo
para que el cliente pueda ver los
diferentes productos, realizar
consultas con respecto a estos,
entre otras tareas.

Objetivos

Objetivo General

Crear una pgina web funcional para la tienda virtual

multiPAMP

Objetivos Especficos
Analizar los problemas y necesidades propias de la
empresa multiPAMP con el fin de brindar una solucin
optima
Establecer una solucin y diseo de la pgina web en
base al anlisis previo
Determinar la fase de implementacin de la pgina web
al igual que su etapa de prueba

Definicin del sitio web

Definicin de objetivos del sitio.

o Brindar un medio informativo que le brinde a los
clientes un portal acerca de los distintos productos que
vende la compaa multiPAMP.
o Permitir a la empresa una solucin competitiva en el
mercado de venta de productos para de esta manera
tener un mayor alcance con sus consumidores y a la vez
una mayor popularidad de la empresa como marca.

Audiencias
Propiamente el desarrollo de la pgina web para la
empresa multiPAMP va orientada a un pblico meta muy
variado, pues quien no utiliza una computadora o necesita
algn accesorio para su equipo en estos tiempos, es
sumamente un hecho que la brecha tecnolgica en relacin a
las edades se ha acortado , pues con respecto a la situacin
que vive el mundo en base a esta rea, la pgina va orientada
aquellas personas principalmente con una edad mayor a los
14

aos

adolescentes,

padres

de

familia

adultos

pensionados, entre otros, que tengan un inters en comprar

equipo tecnolgico (computadoras de escritorio , laptops ,
computadoras gaming ) o algn otro accesorio .

Teniendo acceso a los servicios de venta en cualquier

parte del pas sin necesidad de trasladarse de manera fsica ,
pero por otra parte para poder lograrlo, los clientes tienen que
estar seguros que la pgina y en total la empresa cuenta con
una seriedad y un buen trato para acceder a realizar compras
con la empresa virtual , si bien es cierto la pgina en primer
plano no realizara venta solo muestra de catlogos ,
productos y experiencias con nuestros clientes no se descarta
una actualizacin que lo permita , por lo cual la compra y
venta se va realizar mediante entrega en casilleros y depsitos
, al ser un tema propio de confiabilidad, es preciso contar con
un sitio que muestre seriedad y un enlace de enriquecimiento
con

redes

sociales

que

permita

al

usuario

compartir

opiniones de su experiencia con la empresa , pues si bien es

cierto la poblacin a la que va visualizada la pgina es de
mayor de 14 aos , los procesos de compra y venta y en si
adquisicin es para mayores de edad , debido a los proceso de
obtencin del producto.

Definicin de contenidos del sitio

o Inicio : muestra la vista inicial de la pgina al cliente ,

novedades , noticias , lo ms adquirido , lo destacado
entre otras vistas

o Productos: multiPAMP como inicio de sus operaciones

busca la venta propiamente de equipo y accesorios

informticos, pero no descarta en futuro abrir sus

operaciones de manera fsica brindando soporte tcnico y
7

deteccin de problemas. Entre sus productos ofrecidos

en la pgina estn los siguientes:
Equipo: Computadoras de escritorio, laptops, computadoras
para gaming
Componentes: procesadores, tarjetas madre, Memorias Ram,
almacenamiento (Discos duros, Discos externos,SSD),tarjetas
de video , cases ,fuentes de poder ,cooling
Accesorios: Teclados, Mouse, headset, mousepad, ups

o Promociones: en esta pestaa se le muestra al usuario

las promociones disponibles de algunos productos.

o Distribuidores: Muestra los distribuidores especficos

de productos a la pgina, para una mejor visin del
producto al consumidor.
o Acerca de la Institucin, empresa o entidad: multiPAMP
es

una

empresa

hipottica

fundada

en

Guanacaste

Liberia , que busca como fin vender equipo y accesorios

tecnolgicos al pblico , mediante una sucursal virtual ,
no fsica tratando de evitar gastos de implementacin
como alquileres, mercadeo fsico , gastos comerciales ,
patentes , entre otras. Mediante este apartado se pretende
conocer la legalidad de la empresa y fundacin, brindando
soluciones a sus clientes.

Identificacin de requerimientos especiales

Formulario de Contacto: Busca como fin que los

consumidores opinen sobre la tienda y sus experiencias
para as permitir mejorar el servicio.

Integracin con redes sociales: lo que va permitir es en el

pie de pgina un acceso a nuestra red social en Facebook,
pero a la vez permitir un acceso a los distintos canales de
multimedia.

Anlisis de Webs similares

Competencia virtual:
* http://www.compufax.cr/
* http://www.extremetechcr.com/
* http://www.cococo.co.cr/

-Compufax : Entre las paginas establecidas por la

competencia tomando en cuenta algunos parmetros vemos
que compufax es una opcin muy fuerte ya que presenta
alguno elementos que pueden influir de gran manera cuando
un consumidor desea comprar un equipo , entre sus
fortalezas y debilidades tenemos las siguientes opciones :

Fortalezas: compufax a la vez que presenta una gran

cantidad de artculos, uno de los elementos primordiales
que es ventaja competitiva considero el crdito que brinda
para que el consumidor pueda adquirir el producto de
manera inmediata.
Debilidades: en mi opinin una de las ms grandes
debilidades de la empresa son precios muy elevados, un
diseo de pgina muy carente que carece de plantillas y se
basa en la utilizacin de muchos pdfs,

Dems competidores (cococo,extreme tech):

En cuanto a los otros dos competidores (cococo extreme tech)
son pginas con un diseo aceptable en el caso de extreme,
por el lado de cococo tiene un diseo impecable pero un poco
confuso en cuanto al acceso con los productos y servicios,
los dos en su totalidad tienen acceso a una gran cantidad de
artculos, en cuanto a competencia de precios, extreme
presenta uno de los mejores precios del mercado que sin
duda, es el elemento ms importante junto con un diseo
aceptable.

Definicin de la estructura del sitio Web.

La pgina de multiPAMP tendr una estructura jerrquica
basada en los elementos segn su importancia de acceso para
el cliente, mostrando como prioridad los artculos que venden,
al igual que los ms vendidos, junto con las promociones que
ofrece el sitio, pero no dejando de lado el acceso de contacto con
la empresa al igual que con sus distribuidores.

10

Diseo y Estndares
Sistemas de navegacin
El sistema de navegacin empleado en el sitio ser muy
sencillo y fcil de usar, por medio del men y/o botones en
las diferentes secciones.
Se utilizara un men principal en la parte superior del sitio y
un men secundario en el pie de pgina en el cual tendr los
siguientes link probablemente:
Inicio productos promociones
Boceto del diseo
Pgina principal (Home):

distribuidores acerca de.

11

12

1- Logo respectivo de la compaa

2- Men principal de la web
3- carrusel: Punto demostrativo, encargado de mostrar los
productos y promociones ms atractivas para el cliente
4- barra lateral o contenedor, encargado de facilitar el
acceso a los productos de una manera flexible y
organizada.
5- Catlogo de los productos ms vendidos de la empresa
6- Catlogo de los productos ms innovadores de los
proveedores de productos.
7- Links del men principal de la pgina web
8- Enlaces a las diferentes redes sociales de la empresa
Pginas secundarias (Secciones):
Para

las

paginas

secundarias

utilizaremos

la

misma

estructura de las paginas principales a diferencia que

cambiaremos nicamente lo que es necesario para evitar una
prdida de orientacin del usuario y un acostumbro mayor a
la navegabilidad.

13

Estndares
Para el desarrollo del sitio web, se utilizaran los estndares
internacionales ya establecidos por los diferentes libros de
programacin web, tambin se trabajara mediante una
distribucin de paquetes correcta de acuerdo a la parte de
datos y la parte meramente grfica.
Diseo web del sitio
A continuacin se mostrara el diseo del sitio web a nivel
grfico, el cual es el prototipo principal escogido.

14

Como vemos contamos con una cabecera en la cual por el

momento no incluimos el logo de la empresa por que esta en
diseo

,despues

tenemos

un

cuerpo

que

consta

primeramente de un carousel de los principales producto ,

siguiente

po

distintos

catalogos

de

los

articulo

mas

consumidos junto con los mas recientes , al igual que una

barra lateral o contenedor con los productos que ofrece la
tienda , para finalizar en el footer contamos con un acceso
mediante a links a los elementos del encabezado y acceso a
las diferentes redes sociales .

15

Conclusin

Con algunos conocimientos adquiridos ya en el curso se

establece y se pone en marcha de una pgina web para una
empresa hipottica en Guanacaste especficamente en la zona
de Liberia, la cual como ya se explic consiste en la venta de
productos tecnolgicos especialmente del rea de informtica
llamada multiPAMP, de esta manera y con la documentacin
respectiva concluimos el primer avance con una vista previa
de las fases y la documentacin inicial del proyecto de
software, con el fin de poder organizar las distintas etapas de
desarrollo de una manera efectiva y eficaz.
Por otra parte el grupo de trabajo trato de realizar la
implementacin

de la aplicacin como tal, como una

experiencia real de las necesidades del mercado a fin de las

soluciones brindadas por los desarrolladores de software y un
vivo ejemplo de las oportunidades laborales presentes en el
mundo real, por lo cual se espera haber brindado una
solucin ptima hacia dicho problema.

16

Bibliografa

Compufax.cr. (2016). CompuFax Costa Rica Todo en computadoras, equipos de

cmputo, accesorios, computacin, tarjeta madre, impresoras. [online] Available at:
http://www.compufax.cr/ [Accessed 21 Mar. 2016].
Librosweb.es. (2016). Diseo y programacin web (libros, tutoriales y vdeos sobre
HTML, CSS, JavaScript, PHP). [online] Available at: http://librosweb.es/ [Accessed 24
Mar. 2016].
Librosweb.es. (2016). Diseo y programacin web (libros, tutoriales y vdeos sobre
HTML, CSS, JavaScript, PHP). [online] Available at: http://librosweb.es/ [Accessed 22
Mar. 2016].
Learn.shayhowe.com. (2016). Learn to Code HTML & CSS. [online] Available at:
http://learn.shayhowe.com/html-css/ [Accessed 18 Mar. 2016].

17