OBLEAS DOMINGUEZ

DIANA PAOLA DOMINGUEZ GARCIA

DISEO DE UNA PAGINA WEB

DISEO DE PAGINA WEB

OBLEAS DOMINGUEZ

DIANA PAOLA DOMINGUEZ GARCIA

201255677

PROGRAMACION E INTERNET
DOCENTE: LINA MARIA BUITRAGO VELASQUEZ

UNIVERSIDAD DEL VALLE

ADMINISTRACIN DE EMPRESAS
VII SEMESTRE
TULU
2015

INTRODUCCION
El presente documento contiene la metodologa usada para la creacin de la
pgina web de la Empresa Obleas Domnguez, explica el paso a paso de cmo se
dise, estructuro y finalmente se puso en prctica una pgina web que le
permitir a la empresa acercarse ms a sus clientes.
La organizacin de este documento est compuesto primero por un anlisis de las
necesidades que debe satisfacer la pgina web, los requerimientos para disear la
pgina de web de la empresa, el diseo de la pgina web y finalmente la
implementacin y prueba de uso de la pgina.
Tras la elaboracin de esta pgina web est el uso de importantes herramientas
tecnolgicas como el kompozer, herramienta que permite el diseo de la pgina
web.
Se espera que con el diseo de esta pgina web la empresa pueda acercarse ms
a sus clientes, darse a conocer ante nuevas oportunidades y permita la
comunicacin constante de la empresa con sus clientes, proveedores y
empleados.

DESCRIPCIN DE LA EMPRESA
Obleas Domnguez es una empresa dedicada a la produccin de obleas y algunos
de sus derivados como conos, barquillos, galleta costea, etc., su canal de
distribucin es directa usando locales propios donde el principal objetivo es
generar experiencias gratas y sabores nicos a cada cliente.
Una de las claves de esta empresa, que permite determinar el valor agregado que
se pretende entregar, es la personalizacin del servicio de las obleas hacia los
clientes. En este sentido, en general el mercado est relacionado con las familias,
(amas de casa, jvenes, nios, adultos mayores y en general todos los miembros
de las familias) adems de estar encaminados especialmente en satisfacer los
deseos y necesidades de aquellas personas con enfermedades que limitan su
alimentacin.
Para satisfacer las necesidades de los clientes ms exigentes, se ha pensado en
un producto, que se distingue de los dems porque considera ingredientes
novedosos, deliciosos, nutritivos y saludables, lo que le proporciona una
experiencia de sabor inolvidable; sin dejar a un lado la importancia que tiene para
los clientes sentirse cmodo, seguro y bien atendido a la hora de consumir un
alimento, con un ambiente agradable y que bsicamente la competencia ha
olvidado, es por esto que tendremos un especial enfoque a la atencin del cliente
generando la confianza necesaria para que este pueda consumir, se sienta
satisfecho, cmodo y quiera volver.
Portafolio de Productos:
Obleas Domnguez se especializa en la creacin de obleas nutritivas, saludables,
exticas y diversas, elaboradas con la mejor calidad y satisfaciendo plenamente
los gustos de todos nuestros clientes. (Vase Tabla N1.)

Tipo de oblea

Aclaracin

Ingrediente acompaante

Obleas tradicional
Obleas de diferentes
colores
Obleas de diversos sabores
Obleas de diferentes
figuras
Obleas con coco
Obleas con nuez
Obleas con man
Obleas sin gluten
Obleas con frutas
Obleas con cereales
Obleas sin azcar
Obleas sin grasas trans
Obleas integral
Obleas con miel
Obleas con ans
Obleas esponjosas
Obleas gruesas

Se tiene en cuenta que

cada tipo de oblea podr
ser combinada con cada
uno de los ingredientes
acompaantes, por
supuesto no hay
descripcin detallada de
cada producto final, ya
que sern elaborados con
base al requerimiento,
necesidad o expectativa
de cada cliente, el lmite
ser su propia
imaginacin. En cuestin
de los precios, tambin
depender de la
preparacin y los
ingredientes que el mismo
cliente requiere.

Arequipe
Arequipe Light
Chocolate
Chocolate Light
Crema de leche
Crema de leche Light
Helado
Helado Light
Frutas
Caramelo
Caramelo Light
Topings
Queso
Man
Frutos secos
Leche condensada
Leche condensada Light
Mantequilla
Mantequilla integral
Coco
pasas
Ajonjol
Crema de caf

Tabla N1. Portafolio de productos.

Direccionamiento Estratgico:
Misin: OBLEAS DOMINGUEZ, tiene como misin producir y vender OBLEAS
nutritivas, saludables, exticas y diversas, elaboradas con la mejor calidad
satisfaciendo plenamente los gustos de todos sus clientes, especialmente para
aquellos que sufren afecciones que limitan su diario vivir; llevadas al mercado, a
partir de recetas de antao y actuales, para satisfacer as, a los paladares ms
exigentes. Esto se cumplir mediante un nivel de servicio caracterizado por la
excelencia, con un equipo humano comprometido con la causa, y bajo un
ambiente acogedor y lleno de cultura, que garantice una ntima relacin con el
cliente.
Visin: En 5 aos, OBLEAS DOMINGUEZ, ser una empresa reconocida y
posicionada a nivel municipal y regional, gracias a su proceso de mejora continua.
Esto le permitir ofrecer las mejores y ms deliciosas Obleas, caracterizadas por
su valor nutritivo, saludable y extico, lo que llevara a que sean tomadas como
punto de referencia para nuestros valiosos consumidores. Adems, contaremos
con la infraestructura, mquinas y personal capacitado para crear nuevas y
llamativas Obleas de alta calidad.
Valores: Respeto, Dignidad, Generosidad,
Prudencia, Responsabilidad, Solidaridad.

Laboriosidad,

Perseverancia,

1. ANALISIS
1.2 Especificaciones de Requerimientos
1.2.1. Especificaciones de Requerimientos funcionales
Teniendo en cuenta el nuevo concepto que la empresa desea desarrollar esta
requiere de una pgina web que le permite principalmente explicar el modelo de
negocio que ofrece, dada esta caracterstica una pgina web para esta empresa
debe ser transversal, es decir debe involucrar todas las reas de la empresa, tales
como la direccin, mercadeo, rea de compras, rea de produccin y de atencin
al cliente.
La empresa requiere una pgina web que le permita mostrar a sus clientes cuales
son las metas de la empresa, la forma de hacer las cosas, necesita que los
clientes tengan conocimientos sobre el amplio portafolio de productos que ofrece,
la ubicacin de cada punto de venta, la calidad de los productos ofertados,
adems, que las empresas interesadas en ser proveedor de la empresa se
puedan enterar fcilmente de las condiciones y requisitos generales, de igual
manera se espera que con esta pgina web la empresa pueda dar a conocer
cmo se desarrollan los procesos de produccin y por ultimo pero no menos
importante pueda servir como medio de comunicacin entre los clientes y la
empresa.
Los objetivos que debe cumplir la pgina web son:

Presentar a la empresa (Direccionamiento estratgico)

Explicar el nuevo concepto de empresa (Portafolio de productos)
Dar a conocer la ubicacin de los puntos de venta (Direccin de los puntos
de venta)
Ensear a los futuros proveedores cuales son los requerimientos de
compra.
Exponer los procesos de produccin
Servir como medio de contacto de los clientes con la empresa

Para cumplir con estos objetivos en la pgina web se mostrar la misin, visin y
valores corporativos, tambin se debe mostrar y explicar en detalle en que
consiste el nuevo concepto de empresa y el portafolio de productos que ofrece, un
mapa donde se ubique cada uno de los puntos de venta con los que cuenta la
empresa, con sus respectivas direcciones, un documento claro que contenga los
requisitos que hace la empresa a sus posibles proveedores, adems de mostrar
de manera ilustrativa el proceso de fabricacin de las obleas y por ltimos es
necesario que el visitante de la pgina pueda encontrar fcil, oportuna y
claramente un medio de comunicacin con la empresa, pudiendo ser un nmero
telefnico o un correo electrnico.

1.2.2 Especificaciones de Requerimientos No Funcionales

Para la creacin de una pgina web, que puede satisfacer las necesidades por la
cual es creada, es necesario el uso de algunas herramientas informticas tambin
conocidas como programas o software, que permitan un diseo dotado de
hermosura.
Los programas (software) utilizados para el diseo de esta pgina web sern:

Adobe Photoshop: Este programa

es un editor de grficos
rasterizados desarrollado por Adobe Systems. Usado principalmente para
el retoque de fotografas y grficos, su nombre en espaol significa
literalmente "taller de fotos". Es lder mundial del mercado de
las aplicaciones de edicin de imgenes y domina este sector de tal manera
que su nombre es ampliamente empleado como sinnimo para la edicin
de imgenes en general.
EXPStudio Audio Editor: Este programa es un editor de audio con el que se
puede jugar con los ficheros de msica, en el sentido ms amplio de la
palabra.
Google Chrome: Este programa es el navegador web desarrollado
por Google y compilado con base en componentes de cdigo abierto como
el motor de renderizado de WebKit y su estructura de desarrollo de
aplicaciones (Framework). Google Chrome es un navegador web seguro,
sencillo y rpido, diseado para la Web actual.
Kompozer: Este programa es un editor de pginas web que surgi como
desarrollo alternativo no oficial de Nvu, el cual continu el desarrollo de
Mozilla Composer en el punto en que se establecieron los proyectos de
aplicaciones separadas (Firefox, Thunderbird)

El uso de estas herramientas informticas requiere de condiciones especficas con

las que debe cumplir el equipo utilizado para la creacin de la pgina web, estos
requerimientos son conocidos como el hardware.

La requisicin con respecto al hardware ser:

PROGRAMA
ADOBE PHOTOSHOP
EXPSTUDIO
AUDIO
EDITOR
GOOGLE CHROME
KOMPOZER

ESPACIO DE
DISCO DURO
1024 MB
5,74 MB

ESPACIO DE
MEMORIA RAM
3276,8 MB
384 MB

350 MB
6,22 MB

512 MB (variable)

PROCESADOR
2 GHz

Intel Pentium 4 y posterior

Tabla N2. Requisitos De Hardware

Con los anteriores datos podemos concluir que el equipo de cmputo usado para
el diseo y creacin de la pgina web debe contar con al menos 4 GB de memoria
RAM y un procesador de 2 GHz. Dada las exigencias mnimas que tiene el editor
de fotos Adobe Photoshop, que es el programa con mayores exigencias respecto
al hardware.

2. DISEO.
2.1. Mapa De Navegacin
PRINCIPAL

MEN

Direccionamiento
Estrategico

Mision

Portafolio de
Productos

Men de
Productos

Visin

Objetivos
Corporativos

Cuadro N 1. Mapa de Navegacin

Ubicacion de
los Puntos de
Venta
Direccion de los
Puntos de
Venta

Ubicacion
Espacial

Requerimientos
para
Proveedores
Requesitos
para Futuros
Proveedores

Proceso de
Produccin
Explicacion
acerca del
proceso de
produccin

contactenos

Nmero
telefonico

Correo
Electronico

En este mapa de navegacin se logra identificar cules son los objetivos y

propsitos que se traza la empresa con la creacin de una pgina web, queda
claro que esta pgina web debe ser multiforme, es decir debe permitir que el
visitante adquiera un amplio conocimiento sobre la empresa y que adems,
encuentre toda la informacin posible para llevarse la mejor imagen de lo que le
ofrece la empresa.
2.2. Estilo de Pgina
Considerando como premisa principal que las pginas web muestran como son las
empresas, el estilo de la pgina web de la empresa Obleas Domnguez debe
demostrar cmo es la empresa. Para ello se debe considerar la fuente de letra, los
colores, las imgenes y todo aquello que entre en contacto con el visitante.

Fuente de Letra: para la pgina web se usarn dos tipos de letra, para los
ttulos se usar RAVIE y en maysculas; y para los textos se usara comic

Sanc MS y de acuerdo a las normas de la real academia de la lengua

espaola respecto al uso ortogrfico.
Colores: los colores que se usarn en la pgina web sern
NOMBRE DEL COLOR

MUESTRA DE
COLOR

Oro, nfasis 4, claro 60%

Oro, nfasis 4, claro 40%
Anaranjado, nfasis 2, claro 40%
Azul, nfasis 5, claro 40%
Tabla N 3. Colores de la pgina web

Imgenes: con el propsito de hacer que la pgina web sea un lugar donde el
visitante tenga una experiencia agradable, y quiera visitar cada vez ms,
interesndose en conocer mucho de la empresa, se usarn diferentes
imgenes.

A continuacin se relacionan algunas imgenes que se usarn en la pgina web.

Titulo

Portafolio de productos

Requisitos para proveedores

contctenos
Tabla N 4. Imgenes de la pgina web

Direccionamiento estratgico

Ubicacin

Proceso de produccin

Logosmbolo

2.4. Estilo de la pgina principal y secundaria:

Imagen N 1. Estilo de la pgina principal

Imagen N 2. Estilo de la pgina principal

3. IMPLEMENTACIN DE LA PAGINA WEB.

Seguimiento adjunto

4. PRUEBAS
4.1 Lista de chequeo
REQUERIMIENTOS FUNCIONALES

CUMPLE

Presentar a la empresa (Direccionamiento

estratgico)
Explicar el nuevo concepto de empresa
(Portafolio de productos).
Dar a conocer la ubicacin de los puntos de
venta (Direccin de los puntos de venta).
Ensear a los futuros proveedores cuales son los
requerimientos de compra.
Exponer los procesos de produccin.

Si

Servir como medio de contacto de los clientes

con la empresa.

Si

Si
Si
Si
Si

REVISO
N