Clothing Shop

Tienda de ropa

Taller de Ingenieria en Software

 Contenido
1 Introduccion 6 Marco teorico
• ¿Que es una pagina web?
• Carateristicas
2 Estado de arte • Clasificacion y tipos de
paginas web

3 Definicion del problema 7 Metodologia

• Descripcion del proyecto

4 Justificacion •
•
Proceso de diseño de una pagina web
Beneficios
• Alcance
• Requerimientos funcionales y no

5 Objetivos •
funcionales
Factibilidad Financiera, Tecnica y
• Generales Operativa
• Especificos • Organigrama
• Diagrama de Gantt
• Diagrama de Ishikawa
• Ciclo de vida
 Introduccion

Este proyecto será realizado por alumnos que forman parte del plantel del ITCJ.
En el cual se mostrara la elaboración de una página web que permita a los
usuarios ingresar de manera sencilla y fácil mostrando contenido deseado. Por lo
que se pretende ser implementado en diferentes plataformas de internet, como
navegadores, aplicaciones entre otros.

Para ello se llevó a cabo diferentes investigaciones para el diseño y elaboración de

una página web tomando en cuenta los requerimientos del sistema, el ciclo de
vida, las limitaciones, beneficios entre otros factores importantes para la
elaboración de nuestra página web llamada “Clothing Shop
 Estado de arte

Paginas conocidas por

generar una plataforma
dedicada a la moda:

• Amazon moda
• Shein
• Promoda Outlet
• Linio Moda
• Privalia
• Cuadra
 Definición del problema

Muchas personas batallan en encontrar ropa ya sea por

que no encuentran las tallas adecuadas, los precios son
elevados, se les dificulta el ir a una tienda física etc… para
ello se pretende realizar una pagina de fácil acceso, que
cuente con precios moderados, y que cubra con entera
satisfacción las necesidades y expectativas de los clientes.
 Justificacion
En la zona centro de Ciudad Juárez, se observa una gran cantidad de personas
que van en compra de ropa, lamentablemente algunos precios son un tanto
elevados.

Si se les proporcionáramos múltiples beneficios como descuentos, membresías

por tiempo determinado, envíos gratis entre otras llamaríamos la atención de las
personas.

Dicho con lo anterior se pretende elaborar una pagina web que cumpla con las
expectativas de una tienda en línea y así poder dar a conocer los servicios que se
ofrecen por medio de la publicidad.
 Objetivo general

El objetivo principal del proyecto es brindar de manera local moda y estilo de

vida para todos los usuarios interesados en los productos y servicios que
ofrece la página de internet.
 Objetivos especificos
• Contar con proveedores para el fácil manejo de los productos

• Realizar una ágil cadena de suministro

• Reducir el desperdicio de inventario, permitiendo ofrecer una gran

variedad de producto accesibles al cliente

• Dar a conocer los productos y servicios por medio de una página web
Marco Teorico
 ¿Que es una pagina web?
Una Página web es un medio digital para promover productos, servicios o
información de interés, se consultan a través de una computadora, tableta o
Smartphone. Se elaboran en lenguajes de programación como HTML y HTML 5 y
pueden contener bases de datos tales como MyQL, SQL Server, PostgreSQL,
MariaDB entre otros y aplicaciones desarrolladas en Java Script, Ayax, PHP, ASP,
etc.

Por otro lado, una página web es una herramienta valiosa de mercadotecnia para
cualquier empresa que requiera de obtener nuevos clientes promoviendo
productos o servicios. De igual manera una página web debe cumplir con la tarea
de brindar información de cualquier índole y en cualquier estilo o grado de
conformidad.
 Caracteristicas de una pagina web
• Capacidad de autogestión fácil, intuitiva y simple de utilizar.

• Páginas web adaptativas / Responsive

• Velocidad de carga óptima.

• SEO. (Optimización de motores de búsqueda)

• Buena usabilidad y organización.

• Página de contacto o elementos de interacción visibles.

• Un diseño adaptado al estilo corporativo.

Clasificación y tipos de paginas web
• Páginas web Estáticas:
Son sitios pequeños que contienen poca información, no cuentan con gestor de
contenido y su uso más común es como folletos virtuales de algún servicio o
productos.

• Páginas web Dinámicas:

Son sitios pequeños que cuentan con un gestor de contenido que permite al
administrador del sitio modificar la información en cualquier momento sin contar
con conocimientos de programación y diseño.

• Patinas web Autoadministrables:

Son sitios que pueden tener pequeñas o grandes cantidades de información, se
construyen mediante un CMS (Sistema de Gestión de Contenidos), algunos de los
más populares son: Wordpress y Joomla, cuentan con diversas aplicaciones como
son: foros, formularios de contacto, suscripción a noticias, chats, etc., tienen un
administrador general que a su vez puede autorizar a otros usuarios a administrar
ciertas secciones de la página.
Clasificación y tipos de paginas web

• Blogs:
Permiten la publicación de noticias o comentarios mediante un panel de
administración, cada noticia publicada puede ser comentada por otros usuarios.

• Catálogos virtuales:
Son sitios web que permiten la publicación de imágenes y características que
corresponden a productos, pueden ser modificados constantemente en base a las
necesidades del administrador.

• Tiendas virtuales
Son sitios que permiten la publicación de productos o servicios y que pueden ser
adquiridos en línea mediante la realización de un pago a través de transacciones
electrónicas, cuentan con catálogo de productos, carrito de compras y gestor de
pagos.
Clasificación y tipos de paginas web
• Portales:
Son grandes sitios de internet que contienen mucha información ordenada
mediante categorías, pueden incorporar chats, foros, noticias, buscador y
múltiples servicios en línea.

• Buscadores:
El objetivo de los buscadores es ayudarte a encontrar la información que deseas
por medio de palabras clave. Por ejemplo, si estás buscando un sitio donde
puedas aprender inglés, solo basta con escribir en la barra buscadora "Aprender
inglés gratis" y verás que te aparece una lista de sitios relacionados con tu
búsqueda.

• Corporativos:
Los sitios corporativos o institucionales son los sitios oficiales de empresas o
instituciones, cuyo propósito es ofrecer información general sobre su actividad y
otras características importantes como datos de contacto, oportunidades
laborales, historia, eventos, noticias, y también mostrar sus productos y servicios
Clasificación y tipos de paginas web
• Educativos:
La misión de los sitios educativos es publicar contenidos de diversas materias para
que las personas puedan aprender. Y se pueden encontrar contenidos gratuitos
para niños, hasta contenidos con costo para profesionales. En este tipo de sitios
también pueden incluirse aquellos que pertenecen a las instituciones
universitarias en la modalidad virtual.

• Redes sociales:
Las redes sociales son sitios donde las personas comparten información, bien sea
de tipo personal como sus intereses personales, viajes, fiestas, amigos; o de tipo
profesional, perfil, estudios, experiencia profesional, etc.

• Bancarios:
Los bancos y entidades financieras en general han hecho importantes avances
para ofrecer muchos de sus servicios a través de la web. Ya que se pueden realizar
transacciones a través de portales.
Clasificación y tipos de paginas web

• Aplicaciones Web:
Estos son sitios que ofrecen aplicaciones especializadas a través de la web. Es
decir, suelen ofrecer modalidades gratuitas y con costo o planes especiales para
empresas. Por ejemplo, administración de proyectos, edición de documentos,
almacenamiento y procesamiento de archivos, entre otros.

• Multimedia:
Este tipo de páginas permite la posibilidad de transmitir audio y video a través de
la web, Estos sitios son especialmente dedicados a publicar videos y canciones
con infinidad de temas y géneros.
Metodologia
 Descripción del proyecto

Con las ayudas y seguimientos que se les impartan a los usuarios dentro de la
pagina les sea mas factible utilizar el manejo de las tiendas en linea para beneficio
propio.
Proceso del diseño de una pagina web
Apariencia
General y
Visual

Esquema de
colores

Tipografía

Navegación

Contenido

Responsive
Proceso del diseño de una pagina web
Apariencia general y visual:
El diseño debe ser simple, familiar, limpio, intuitivo, limpio.

Esquema de colores:
En este apartado es elegir bien los colores para que nuestros usuarios que visiten
nuestra página se sientan cómodos.

Tipografía:
Escoger un tipo de fuente adecuada y entendible para todos los usuarios.

Navegación: Dentro de la navegación podemos definirla como es que van a

utilizar nuestro sitio

Contenido:
El contenido tiene que ser claro y preciso conforme a la información que nuestro
servicio ofrezca

Responsive: Tiene que ser adaptable a dispositivos móviles, tablets y ordenadores.

 Modelo de arquitectura Web
Modelo cliente - servidor
 Modelo de arquitectura Web
Modelo con servidores
 Modelo de arquitectura Web
Modelo de interfaz
 Beneficios

Opciones de envíos
1 Precios Accesibles 3 gratuitos

2 Promociones 4 Adquisición de puntos

canjeables

Realización de
5 compras de manera
segura
 Alcance
Construir un nuevo enlace, para facilitar a los consumidores la compra de los
productos publicados en nuestra página, aprovechando el 100% el uso de la
tecnología.
 Requerimientos Funcionales
Interfaz grafica:

• El campo nombre acepta caracteres alfabéticos únicamente.

• El campo dirección acepta caracteres alfabéticos, numéricos y especiales.

• El campo país consistirá en una lista de preselección. El país asociado a una

dirección debe ser previamente registrado en el sistema.

• La pantalla de registro de pago puede imprimir los datos en pantalla a la

impresora.
 Requerimientos Funcionales
Seguridad:

• El sistema controlará el acceso y lo permitirá solamente a usuarios autorizados.

Los usuarios deben ingresar al sistema con un nombre de usuario y
contraseña.

• El sistema enviará una alerta al administrador del sistema cuando ocurra

alguno de los siguientes eventos: Registro de nueva cuenta, ingreso al sistema
por parte del cliente, 2 o más intentos fallidos en el ingreso de la contraseña de
usuario y cambio de contraseña de usuario.

• Cualquier intercambio de datos vía internet que realice el software se realizará

por medio del protocolo encriptado https.
 Requerimientos No Funcionales

Eficiencia:

• El sistema debe ser capaz de procesar N transacciones por segundo

• El sistema debe ser capaz de operar adecuadamente con hasta 100.000

usuarios con sesiones concurrentes.

• Los datos modificados en la base de datos deben ser actualizados para todos
los usuarios que acceden
 Requerimientos No Funcionales

Seguridad lógica:

• Los permisos de acceso al sistema podrán ser cambiados solamente por el

administrador de acceso a datos

• Los respaldos deben ser almacenados en una localidad segura ubicada en un

edificio distinto al que reside el sistema.

• Si se identifican ataques de seguridad o brecha del sistema, el mismo no

continuará operando hasta ser desbloqueado por un administrador de
seguridad.
 Requerimientos No Funcionales

Usabilidad:

• El sistema debe contar con manuales de usuario estructurados

adecuadamente

• El sistema debe proporcionar mensajes de error que sean informativos y

orientados al usuario final.

• El sistema debe contar con un módulo de ayuda en línea

• La aplicación web debe contar con un diseño responsivo es decir que se

adapte a los distintos dispositivos (Ordenador, Tablet, celular etc.…)
Factibilidad financiera
Factibilidad Técnica y Operativa
Materiales Tipos
Escritorios
Mesa de trabajo/Escritorios Mesas
Sistemas Modulares
Archiveros
Gabinetes
Archivo y almacenaje
Lakers

Computadoras de escritorio
Recursos Tecnológicos Laptops
Servidores
Teclado
Mouse
Discos duros
Insumos Informáticos
Monitor
Organigrama
Diagrama de Gantt
Diagrama de Ishikawa
 Ciclo de vida

Planificación

Diseño

Implementación

Mantenimiento
y pruebas
 Ciclo de vida
Planificación:

• La planificación de esta página web será importante para que las personas
puedan obtener un mejor beneficio a la hora de querer comprar algún artículo
o ropa en especial tomando en cuenta las diferentes posibilidades de cada
persona adecuando los precios y tallas.

Herramientas a utilizar

• Brindar un buen servicio a las personas

• Proporcionar ayudas para la utilización de la página

Servicios entregables

• Ropa a un precio accesible

 Ciclo de vida
Diseño:

El diseño a utilizar en esta página se pretende que sea amigable y entendible que
los usuarios se sientan en completa confianza con lo que se llevara a cabo

Herramientas a utilizar

• Herramientas a utilizar:
• Programación
• Motores de bases de datos
• Servidores

Servicios entregables:

• El diseño de la página, es una de las partes fundamentales para estar en

contacto con nuestros usuarios y así para poder brindarles un buen servicio
para cumplir con nuestros objetivos planteados.
 Ciclo de vida
Implementación:

Consiste en utilizar o recolectar la información de los usuarios para que se lleve un

control y así poder gestionarla de manera eficaz

Herramientas a utilizar

• Editores online
• Editores HTML
• WordPress

Servicios entregables:

• El desarrollo o implementación se llevara a cabo con las bases de la

programación y se utilizaran lenguajes como java, JavaScript, recursos de
HTML, C++ y otros recursos como gestores de bases de datos como MYSQL.
 Ciclo de vida
Mantenimiento y pruebas:

Consiste en asegurar que nuestra página se realmente óptima para los usuarios

Herramientas a utilizar

• Planeación de pruebas
• Diseño de pruebas
• Evaluaciones

Servicios entregables:

• El control de la calidad de nuestra página web nos permitirá determinar si

rendirá frutos con un lapso de tiempo a nuestros usuarios que puedan obtener
una mejor alternativa para comprar ropa.
Integrantes

Galán Aguilar Oscar Eduardo

Leal Banda Flor Anette

Pelayo Delgado Sebastián Eduardo

Ruiz Mata Kevin Gerardo