1
PROYECTO FINAL
DISEÑO WEB Y PROGRAMACION
PROFESOR: LEONARDO RIOS
ALUMNOS: IMPROVOLA, UMANZOR, FLORES
INDICE 2
DISEÑO DE INTERFAZ………………………………4
MÉTODOS QUE CONSIDERAMOS……………….5
HERRAMIENTAS……………………………………..9
DOCUMENTACIÓN……………………………….10
IMPLEMENTACIÓN Y MANTENIMIENTO………..11
3
Guardapolvos
DISEÑO DE INTERFAZ 4
Contamos con tres sitios principales: INICIO, PRODUCTOS,
CONTACTO.
Cada uno dispone de un header, body, y footer. En el header
tendremos un carrusel que figurará todas las promociones y
novedades que tenga la marca.
En el body tendremos el contenido correspondiente a cada
sección, ya sean productos, guías para el usuario e imágenes
ilustrativas de referencia.
En el footer figurarán todas las formas de contactos para una mejor
comunicación para el usuario, como redes sociales y números
telefónicos.
MÉTODOS QUE CONSIDERAMOS EN 5
EL DISEÑO
¿Por qué elegimos este diseño? Porque hace relación a la estética
de la marca.
Lady Guardapolvos maneja una paleta de colores en tonos rosas y
pasteles.
#F4A1DB #F577FD #EB12E6
MÉTODOS QUE CONSIDERAMOS EN 6
EL DISEÑO
Contamos con la página de Inicio, donde se presentan
principalmente los productos que se venden, además de
novedades, promociones de los mismos. Tenemos una guía
informativa para el usuario acerca de Cómo comprar el producto
con sus pasos específicos y una Tabla de Talles para que el usuario
pueda saber qué artículo elegir. También contamos con la página
de Contactos para que el usuario pueda comunicarse con el
vendedor sobre algún tema en particular disponible en las
opciones de formulario. Finalmente, en cada diseño del sitio,
obtendremos un FOOTER con toda la información necesaria para
que el mismo pueda comunicarse con el cliente/vendedor.
MÉTODOS QUE CONSIDERAMOS EN 7
EL DISEÑO
Este diseño está maquetado para que sea de forma intuitiva a la
hora de implementarlo. Por lo que no es necesario un tutorial de
cómo acceder al sitio en general.
8
HERRAMIENTAS 9
¿Qué herramientas utilizaremos?
LENGUAJES
Visual Studio Code HTML, CSS, JavaScript, PHP
XAMPP Base de datos – PHP-MySql
Photoshop/[Link] Diseño para los cards, artículos, flyers
GitHub Herramienta para poder documentar,
programar y comunicar entre los
colaboradores de forma grupal
DOCUMENTACIÓN 10
UTILIZAREMOS POR EXCELENCIA LA PLATAFORMA ‘[Link]’
PARA DOCUMENTAR CADA PROCESO DE IMPLEMENTACIÓN Y
DESARROLLO DEL SITIO WEB
UN DOCUMENTO A UTILIZAR POR LOS DESARROLLADORES SERÁ EL
ARCHIVO ‘’[Link]” PARA VERIFICAR LOS PROCEDIMIENTOS Y
DATOS IMPORTANTES
TENDREMOS TAMBIÉN COMO DOCUMENTACIÓN UN PLAN DE
PRUEBA PARA LA ETAPA DE TESTING DEL SITIO Y EL CONTRATO DEL
SERIVICIO COMO DOCUMENTACIÓN ABSOLUTA CON EL CLIENTE.
IMPLEMENTACIÓN Y TIPOS DE 11
MANTENIMIENTO
Tipo de implementación: TOTAL
Actualmente estamos en la etapa de ELABORACION DE MANUAL
DE USUARIO Y MANTENIMIENTO CORRECTIVO.
Tipo de mantenimiento: DE CONSERVACION
De forma CORRECTIVA
Corrección de errores INMEDIATA
o DIFERIDA dependiendo cuál sea
el error.
Y de Actualización según lo que
dicte el contrato.