REPÚBLICA DOMINICANA

POLITÉCNICO MADRE RAFAELA YBARRA

6TO DE INFORMÁTICA

DESARROLLO E IMPLEMENTACION DE UN PORTAL WEB COMO

ALTERNATIVA DE SOLUCION PARA MEJORAR LA CALIDAD DE
SERVICIO.

PRESENTADO POR:

CASTRO, GENESIS #9

DOCENTE DIRECTOR:

MORENO, JUAN

SANTO DOMINGO OESTE, 25 DE OCTUBRE DEL 2021

 REPÚBLICA DOMINICANA

POLITÉCNICO MADRE RAFAELA YBARRA

6TO DE INFORMÁTICA

Titulo:

DESARROLLO E IMPLEMENTACION DE UN PORTAL WEB COMO

ALTERNATIVA DE SOLUCION PARA MEJORAR LA CALIDAD DE
SERVICIO.

Presentado por:
CASTRO, GENESIS #9

Docente director:

MORENO, JUAN

SANTO DOMINGO OESTE, 25 DE OCTUBRE DEL 2021

2
 índice
FASE DE INVESTIGACIÓN PRELIMINAR................................................................................................. 1

NOMBRE DEL NEGOCIO...................................................................................................................................1

NUESTRA HISTORIA.........................................................................................................................................2
LO QUE OFRECEMOS.......................................................................................................................................2
FORMULACIÓN DE LA HIPÓTESIS.......................................................................................................................2

FASE DE ANALISIS................................................................................................................................ 3

ESTRUCTURA DEL SITIO WEB:...........................................................................................................................3

EDITOR DE CÓDIGO........................................................................................................................................4
FRAMEWORK................................................................................................................................................4
PLANIFICACIÓN DE ACTIVIDADES.......................................................................................................................4

FASE DE DISEÑO Y DESARROLLO.......................................................................................................... 5

DISEÑOS DEL SITIO WEB..................................................................................................................................5

CÓDIGO FUENTE DEL SITIO WEB......................................................................................................................11

FASE DE IMPLEMENTACIÓN............................................................................................................... 11

IMPLEMENTACIÓN DEL SITIO WEB...................................................................................................................11

PLAN DE CAPACITACIÓN................................................................................................................................11
DESARROLLO DEL TALLER DE CAPACITACIÓN......................................................................................................12
FUNCIONAMIENTO DEL SITIO WEB...................................................................................................................12
PLAN DE MANTENIMIENTO DEL SITIO WEB........................................................................................................13

3
 FASE DE INVESTIGACIÓN PRELIMINAR

Nombre del negocio

Make-up Estudio

Nuestra historia

Make-up Studio fue fundado en la década de 1980 por un pequeño grupo de

especialistas en maquillaje dirigido por el maquillador Wil 't Hek, la ciudad del arte, la
tolerancia y la diversidad.

Ahora, 25 años después, Make-up Studio debe su éxito durante los últimos veinticinco
años a escuchar los deseos y necesidades de sus clientes, analizar las nuevas
tendencias y traducirlas en una gama innovadora y de alta calidad de más de 1600
productos.

Perspectivas a mediano y largo plazo

Misión

Colaborar en todo momento al bienestar, belleza e higiene de las personas poniendo a su

alcance productos cosméticos profesionales y herramientas de gran calidad a los
profesionales del sector y público general.

Visión

Ser la empresa reconocida como líder en distribución de productos cosméticos

profesionales en el Caribe contando con el apoyo de los clientes, empleados,
proveedores y demás terceros relacionados con la actividad de la empresa.

Lo que ofrecemos

 Productos de muy alta calidad

 Maquillaje que dura mucho tiempo 
 Cobertura ligera a alta
 Altamente pigmentado 
 No probado en animales de laboratorio 
 La mayoría de los productos son veganos y halal.

4
Formulación de la hipótesis

El diseño e implementación de un Portal Web como alternativa de solución, permitirá

mejorar la calidad de servicios de Make-up general en la provincia de Santo Domingo,
en el año 2021.

Se diseñó una propuesta de un Sistema Automatizado (Web site) que contribuya a

agilizar el flujo de la información requerida, facilite la búsqueda de productos y
contacto, con el fin de adecuarse a las exigencias que impone continuamente el
mercado, garantizando así su competitividad.

FASE DE ANALISIS

Estructura del sitio Web:

 Inicio.
 Cuerpo.
 Pie de página.

Es necesario incluir las secciones esenciales que puedan cubrir las necesidades de los
usuarios y responder sus preguntas, las secciones son el mapa que tu cliente va a utilizar
para navegar en tu web, lo que lo ayudará a llegar a donde tú quieres que él llegue.
Como solución se desarrollaron las siguientes secciones:

 menú principal (inicio)

Permitirá que los usuarios puedan seleccionar la parte de nuestro sitio que desean
visitar.

 Productos o servicios (cuerpo)

Tendrá la descripción de cada producto y se encontrará junto al formato gráfico, así

como los beneficios y por supuesto el precio. 

 Portafolio (cuerpo)

Incluirá imágenes y videos de los servicios de la compañía y productos, junto a una

descripción, esto aumentará el nivel de permanencia en el sitio web y reducir la tasa de
rebote.

5
  Contacto (pie de página)

Se agregará la información sobre los horarios, las tiendas, los correos, los números de
teléfono y medios de atención al cliente.

Editor de código

Los editores de código son las

herramientas que todo desarrollador
debe tener a mano. Permiten editar
código fuente en diversos lenguajes
de programación y ofrecen
múltiples herramientas para facilitar
el trabajo y aumentar la
productividad. Visual Studio Code También conocido por VSCode, es el editor de
código de Microsoft, multiplataforma y de código abierto.

Framework

Skeleton trabaja, entre otras cosas, con un

sistema de columnas para ordenar el
contenido, botones y formularios con
estilos predefinidos.

6
Normalizar .css hace que los navegadores representen todos los elementos de
manera más consistente y en línea con los estándares modernos. 

Planificación de actividades 

Tabla 1

Actividades del proyecto

Actividades del proyecto

Responsable Actividad Duración
Definición alcance del proyecto 7 días
Líder del proyecto Identificación del negocio 7 días
Toma de decisiones 7 días
Estudio del proceso del negocio 15 días
Identificación de la arquitectura del 9 días
sitio Web
Análisis de los objetos 9 días
Analista Análisis de almacenamiento de 9 días
información
Construcción del sitio Web 20 días
Desarrollador Plan de prueba 5 días
métricas de mantenimiento 3 días

7
 FASE DE DISEÑO Y DESARROLLO

Diseños del sitio web

 Menú principal (Inicio)

Es el escaparate de la web, dónde se muestra lo que se ofrece dentro del dominio para
que el visitante decida hacia dónde dirigirse.

 Slider (cuerpo)

8
El slider consiste en mostrar distintas imágenes que se van deslizando unas sobre otras. 

 Nuestros productos (Cuerpo) 

Es una sección que inspira confianza, habla sobre nuestros productos para así generar
mayor empatía y facilitar la venta.

9
  Servicios (cuerpo)

Se detalla las modalidades de los servicios que ofrece el negocio, así como el
procedimiento que el cliente debe seguir para la compra o la contratación.

10
  Reseñas(cuerpo)
Es de utilidad para los clientes potenciales, es una forma de atraer clientes (que llegarán
a la sección interesados por las reseñas).

 Tienda Online

11
Es importante incluir una sección donde el usuario pueda pagar de forma segura el
servicio o producto que desea adquirir o al menos proporcionarles la información
referente a los costos.

 Formulario ordenes (Cuerpo)

12
La lógica de formulario le permite diseñar uno donde las personas solo ven preguntas
relevantes, lo que significa que es más probable que completen su formulario.

 Información de contacto (pie de página)

Indica, el nombre de la empresa, la dirección y el teléfono, cuentas en redes sociales o

fichas en directorios de empresas.

Código fuente del sitio web

13
 FASE DE IMPLEMENTACIÓN

Implementación del sitio web

 El proveedor de hosting a un será DreamHost

 El alojamiento web compartimiento es apropiado para pequeños proyectos
 El hosting “Shared Unlimited” permitirá, entre otras cosas, tener ambos sitios
web alojados en el mismo hosting y varios correos electrónicos.
 Al momento de adquirir el hosting se adquirirse también el nombre de dominio
 Para registrar un nombre de dominio nuevo se comprueba primero su
disponibilidad
 El tiempo de carga es de 1 segundo dependiendo la conectividad.

Plan de capacitación

Se le imparten talleres y cursos que brinda Adecco que se construyeron de acuerdo

con las necesidades de cada usuario que manipulara el sitio web. Es gracias a la
experiencia de nuestro equipo de consultores, en diferentes áreas de conocimiento,
como podemos atender las necesidades de distintos usuarios.

Desarrollo del taller de capacitación

Fecha: 25 de octubre del 2021

14
Lectura de conceptos esenciales - Bernardo Santos
Hora: 15:00 – 16:00
Introducción y conceptos: 10 minutos
Ejemplos sobre manejo de sitios web: 45 minutos
Realización de evaluaciones propias - Roberto Marín
Hora: 16:00 – 17:00
Entrega de cuestionarios: 25 minutos
Evaluación Practica: 25 minutos
Evaluación de resultados: 10 minutos

Funcionamiento del sitio web

Tabla 2

Funcionamiento del proyecto

FUNCIONAMIENTO DEL SITIO WEB

Funciones Funcional No funcional
Carga rápido el sitio web ✔
Botones ✔
Imágenes ✔
Secciones en orden ✔
Links ✔
Carrito ✔
Formularios ✔

Plan de mantenimiento del sitio web

Una vez a la semana

 Realiza una revisión general de la web, asegúrate de que

todas las páginas cargan correctamente.
 Repara los links rotos y redirige los errores 404.

15
 Actualiza el contenido de caducidad, por ejemplo,
calendarios, eventos, banners..
 Publica al menos un artículo en tu blog.
 Responde a todas las preguntas y consultas que te lleguen
de tus usuarios.
 Borra los comentarios catalogados como spam.
 Revisa que tu nuevo contenido se ve bien en todos los
dispositivos.

Una vez al mes

 Revisa que la información de contacto está al día, y que

los formularios funcionan correctamente.
 Revisa que la carga de la web sigue siendo baja,
preferiblemente inferior a 3 seg.
 Revisa que todas las páginas nuevas que hayas son
accesibles y responsive en su contenido.
 Comprueba que los automatismos que tengas creado
desde la web funcionan.
 Haz un seguimiento de funcionamiento del servidor para
comprobar que todo va bien.

Una vez al trimestre

 Revisa todo el contenido de la web para que mantenga la

coherencia esperada, especialmente si has ido añadiendo
nuevo contenido.
 Confirmar que las fotos y videos están actualizados.
 Elimina los plugins y funcionalidades que ya no utilices.
 Junto con tu equipo técnico, limpia la base de datos de
elementos innecesarios.
 Comprueba que los redireccionamientos de dominio, si
los tienes funcionan correctamente.

Una vez al año

16
 Renueva la propiedad de los dominios y del hosting. Es
un buen momento para mejorar de hostinq si así lo ves
necesario.
 Actualiza la información legal como cookies, aviso legal
o copyright.
 Marca los objetivos de la web para el nuevo año y alinea
tu contenido en base a los mismos.
 Plantear si es necesario un rediseño de la web.

17