Vous êtes sur la page 1sur 35

3-10-2018 SITIO WEB

PROYECTO
EDGAR GUSTAVO PINEDO ESPINAL
PEDRO JESUS RIVERA CAPULIN
PEREZ REYES JOSE FERNANDO
VALENTIN MONDRAGON BECERRIL
Índice.

Objetivo General…………………………………………………………2
Objetivos Especificos…………………………………………………….2
Justificación……………………………………………………………….2
Planteamiento del problema……………………………………………..3
Alcances……………………………………………………………………3
Limitaciones……………………………………………………………….4
Antecedentes………………………………………………………………5
Marco teorico……………………………………………………………..6
Marco………………………………………………………………………7
Desarrollo………………………………………………………………….8
Analisis…………………………………………………………………….8
Analisis de requerimientos……………………………………………….9
Mapa de procesos………………………………………………………..11
Diagrama casos de uso…………………………………………………..13
Tecnicas para la obtención de requerimientos…………………………15
Encuesta…………………………………………………………………..18
Diseño……………………………………………………………………...19
Mapa de navegación……………………………………………………...20
Diseño e Introducción…………………………………………………….21
Codificación……………………………………………………………….23
Pruebas e implementación de resultados……………………………......26
Guion de pruebas………………………………………………………….28
Manual de usuario…………………………………………………………31
Conclusión…………………………………………………………………34
Fuentes de consulta………………………………………………………..34

1
Sistema: Sitio web (Maquiladora).

Objetivo General.
Desarrollar un sitio web para una empresa maquiladora, con css,
html y php para que el usuario conozca el negocio.

Objetivos Específicos.

Permitir respuesta rápida para el cliente.


Otorgar una Navegación Segura.
Visitar desde cualquier lugar.
Publicidad del negocio.
Conocer a detalle lo que la maquiladora ofrece.
Desarrollo de sitio Responsive.
Justificación.
El presente proyecto es importante principalmente para que el
cliente aumente el reconocimiento de su empresa, sabiendo cumplir
sus necesidades y al mismo tiempo la de los usuarios que deben
sentir entre distintos beneficios la comodidad y acercamiento hacia
los servicios que se le brindan.
También como ya se mencionó se utilizan estándares de calidad
enfocado especialmente a las hojas de cascada, cabe mencionar que
este sitio resuelve dudas a los clientes.

2
Planteamiento del problema.

Debido a la mala información o al desconocimiento de los consumidores


sobre la maquiladora, este sitio fue diseñado para tener un mayor impacto
tanto en lo económico y en lo personal del dueño de la maquiladora.
Este sistema primeramente es en base a una análisis de la opinión de la
sociedad sobre la página web, haciendo una serie de preguntas de distintos
tipos. Así como también es tomada en cuenta la decisión de lo que como
desarrolladores se les ofrece comparado con la competencia.

Alcances.
 Creación de polizas que validan el trabajo con firmas ya sea
electrónicas o presenciales, donde se establezca que incluye y que no
incluye.
 Ser especifico en los apartados que existen en este sitio web.
 Establecer quien es el creador de los contenidos para que alguien mas
entienda a la perfeccion el sitio.
 Determinación de como será la renovación anual del hosting y
dominio.
 Detallamiento de graficos para el futuro del sitio web.
 Contrato de ajuste a corto plazo.

LIMITACIONES.
3
 El acceso a cualesquiera de las páginas web contenidas en el
presente sitio web implica, tal como se expresa en la
“advertencia preliminar” el consentimiento de la totalidad de
las cláusulas contenidas en la presente página. Consecuentemente,
todo usuario deberá leer previamente esta página, antes de entrar,
acceder y/o utilizar cualquier otra.
 Las cláusulas contenidas en la presente página tendrán vigencia a
partir del momento en el que sean colocadas en línea.
 Las cláusulas contenidas en la presente página podrán ser
modificadas por su titular en cualquier momento. Dichas
modificaciones tendrán vigencia, asimismo, a partir del momento en
el que sean colocadas en línea. En consecuencia, el usuario deberá
releer esta página periódicamente, antes de ingresar a cualesquiera de
las otras páginas contenidas en el presente sitio.
 Se entenderá por “las restantes páginas contenidas en el presente
sitio” todas las páginas web del presente sitio web, excluyendo la
presente página.
 Los datos contenidos en las restantes páginas del presente sitio
tendrán el único propósito de informar e instruir a los usuarios del
mismo sobre las características de la Fundación Favaloro , los
servicios que presta, sus fines, su composición, ciertas enfermedades,
su sintomatología, la forma en que usualmente son tratadas, los
métodos de prevención y restantes cuestiones inherentes a la salud en
general.

4
ANTECEDENTES.
Algunos clientes de la maquiladora , como los que se mencionan a
continuación, han demostrado interés por otorgar un buen servicio en
cuanto al producto que se ofrece, la problemática de información y
comunicación promulgando de forma individual a través de blogs y
publicados por otros medios electrónicos: Lúdica y recreación desde la óptica
académica: conceptos académicos.
De acuerdo a las consecuencias que producen el desarrollo del sitio web se
toman en cuenta las siguientes opciones.
 RECONOCIMIENTO: La publicidad hoy en dia rompe fronteras a
medida de que va creciento está, tal parece que el negocio crece mas y
mas.
 ESTABILIDAD: En base a la estbilidad como negocio la maquiladora
tendría trabajo el mayor de los tiempos sin buscar que trabajos hacer.
 ECONOMIA:La economía aumenta al saber que la sociedad elige este
negocio por la calidad que se le brinda al hacer un servicio.
 COMUNICACIÓN: Por medio de un SW la sociedad agilita mas el
proceso de pedido, teniendo desde su comunidad una información mas
detallada.
Finalmente son los antecedentes mas importantes que se determinaron para
la elaboración y el desarrollo de un Sitio Web.

5
MARCO TEORICO
Actualmente es importante reconocer la importancia y el auge de los Sitios
Web para dar a conocer y difundir los procesos pedagógicos que se adelantan
en las instituciones educativas de un pueblo, país y el mundo, como también
para realizar a través de ellos intercambios educativos, culturales, entre otros.
Un sitio web es un sitio (localización) en la World Wide Web que contiene
documentos (páginas web) organizados jerárquicamente. Cada documento
(página web) contiene texto y o gráficos que aparecen como información
digital en la pantalla de un ordenador.
Un sitio puede contener una combinación de gráficos, texto, audio, vídeo, y
otros materiales dinámicos o estáticos. Cada sitio web tiene una página de
inicio (en inglés Home Page), que es el primer documento que ve el usuario
cuando entra en el sitio web poniendo el nombre del dominio de ese sitio web
en un navegador. El sitio normalmente tiene otros documentos (páginas web)
adicionales. Cada sitio pertenece y es gestionado y por un individuo, una
compañía o una organización.
Todos los sitios web públicamente accesibles constituyen una gigantesca
"World Wide Web" de información. Los sitios web están escritos en HTML
(Hyper Text Markup Language), o dinámicamente convertidos a éste y se
acceden usando un software llamado navegador web, también conocido
como un cliente HTTP.
Los sitios web pueden ser visualizados o accedidos desde un abanico de
dispositivos con disponibilidad de Internet como computadoras personales,
computadores portátiles, PDAs y teléfonos móviles.

6
Un sitio web estático es uno que tiene contenido que no se espera que
cambie frecuentemente y se mantiene manualmente por alguna
persona o personas que usan algún tipo de programa editor. Hay dos
amplias categorías de programas editores usados para este propósito que son:
Editores de texto como Notepad, donde el HTML se manipula directamente
en el programa editor o Editores WYSIWYG como por ejemplo Microsoft
FrontPage y Adobe Dreanweaver, donde el sitio se edita usando una interfaz
GUI y el HTML subyacente se genera automáticamente con el programa
editor. Un sitio web dinámico es uno que puede tener cambios frecuentes en
la información.
Cuando el servidor web recibe una petición para una determinada página de
un sitio web, la página se genera automáticamente por el software como
respuesta directa a la petición de la página; Por lo tanto abriendo muchas
posibilidades incluyendo por ejemplo: El sitio puede mostrar el estado actual
de un diálogo entre usuarios, monitorizar una situación cambiante, o
proporcionar información personalizada de alguna manera a los requisitos del
usuario individual.
El contenido estático puede también ser generado de manera dinámica
periódicamente o si ocurren ciertas condiciones para la regeneración para
evitar la pérdida de rendimiento de iniciar el motor dinámico para cada
usuario o para cada conexión. 22 Hay plugins disponibles para navegadores,
que se usan para mostrar contenido activo como Flash, Shockwave o applets
escritos en Java. El HTML dinámico también proporciona para los usuarios
interactividad y el elemento de actualización en tiempo real entre páginas
web , las páginas no tienen que cargarse o recargarse para efectuar cualquier
cambio), principalmente usando el DOM y JavaScript, el soporte de los
cuales está integrado en la mayoría de navegadores web modernos.

7
DESARROLLO DEL PROYECTO

Analisis.

Una vez el cliente tenga claro la idea de desarrollar un Sistema para aumentar
sus ganancias monetarias y saber cuales son los beneficios a obtener,es
planteado el diseño con el fin de plantearle una forma dinámica sobre su
navegación del cliente externo.
Es decir el tanto el cliente como el subcliente deben sentirse comodos con la
navegación para asi aprobar y ejecutar las ideas planteadas.
Como objetivo principal del sitio web es dar a conocer a través de la
herramienta electrónica el negocio de la maquiladora y la sociedad pueda
buscar y ver la calidad de servicios que se ofrecen dentro del sitio web.

8
Analisis de requerimientos.

ESPECIFICACIÓN DE REQUERIMIENTOS
[CREACION DE REPORTE EJECUTIVO]
EDGAR G PINEDO ESPINAL

GESTION DE DOCUMENTO
Elementos de Identificación del documento

Código Fecha de elaboración Versión.

SW-DISC-RC-DIR-001 03/10/2018 0.1

[SITIO WEB ]

9
Elementos generales.

Organización Unidad Administrativa Rol de Usuario

Maquiladora Arón RHumanos, Desarrollo web. Director, Desarrolladores.

Proceso Subproceso Elemento Funcional.

Acceso Publicitario. Recibe y ve información, Extraccion de estadísticas.


Obtencion de beneficios.

Descripción del
requerimiento

Acerca de : El cliente requiere de una interfaz con el logotipo de la maquiladora y un color relacionado
con el cliente.
Tener Titulo del negocio en grande del lado superior izquierdo centrado, con los números telefónicos
Debajo del titulo. Una descripción breve sobre lo que es la maquiladora arón,pensando mas alla del
cliente tratando de atraerlo.
Servicios: En este apartado nuestro cliente opto por algo sencillo donde los servicios que son ofrecidos
por su negocio fueran presentados en forma de lista teniendo en cuenta una imagen antes de poner cada
opción.
Galería: La parte mas importante del sitio web es esta que a medida de varios bocetos mostrados por los
desarrolladores el cliente de SW se ah decantado por el diseño de presentar un slider al centro de la
pantalla el cual corre aproximadamente a 5 segundos mostrando algunos de los proyectos ya concluidos
con imágenes de calidad.
Contácto: Finalmente la pagina web es presentada por la parte del contacto con dos caja de exto para que
la comunidad escriba en la primera caja su correo,en la segunda caja de texto una descripción sobe lo
que desea obtener, y un botón inferior central que indica el envio de su mensaje.

Precondiciones Postcondiciones. Interrelaciones

Para que el Nuestro cliente tenga Una vez que se autorize el Recie y ve información.
Acceso al codiog fuente del SW y permiso el cliente podrá acceder
Ver información tiene que tener un y modificar su sitio
Permiso por los desarrolladores.

SW-DISC-RC-DIR-001

10
MAPA DE PROCESO.

MAPA DE PROCESOS

•Muestra datos.
•Visualiza información
Sitio •Acepta datos.

•Digita infromación
•Navega en el sitio web
•explora el SW
Usuario
•Revisa el sitio web
•Aprueba información.
•Responde datos e información.
Cliente

11
Caso de uso

El usuario requiere un equipo de cómputo y que en este se


encuentre una conexión a internet, que cuente con un navegador web.
Una vez que este dentro de su navegador web y con una conexión
establecida deberá acceder al siguiente enlace. www.sitewmaq.mx y
podrá navegar dentro de la página.
Desplazándose de manera manual o detenidamente de acuerdo al menú
de la barra de navegación extrayendo la información necesaria y
requerida, dejando un correo el electrónico en el apartado de contacto y
solicitar una respuesta si así lo desea.
Así como también puede Observar la calidad de los trabajos ya
realizados en el apartado anterior de Galería.

12
DIAGRAMA CASO DE USO.

Extrae

Información

13
TÉCNOLOGIA UTILIZADA.

Dispositivo Especificación de técnicas Justificación

Equipo de computo Marca de acuerdo a necesidades del usuario Para observar mejor
Dispositivo móvil Marca de acuerdo a necesidades del usuario Observar mas facil

REGLAS DE NEGOCIO

Id Nombre Descripción

Ingresar información formal Información real Si no se cumple se le


negara el acceso al sitio web

CRITERIOS DE ACEPTACION

Elemento funcional Criterio de aceptación

Creacion de reporte ejecutivo. Que no se alenté el equipo de computo o dispositivo móvil por
el contenido de datos que contenga el SW.
Cumplir con necesidades del usuario.

14
TECNICAS PARA LA OBTENCION DE
REQUERIMIENTOS.

Entrevistas
La entrevista es de gran utilidad para obtener información cualitativa tales
como opiniones, o descripciones subjetivas de actividades. Es una técnica
muy utilizada, y requiere una mayor preparación y experiencia por parte del
entrevistador.
La entrevista se puede definir como un “intento sistemático de recoger
información de otra persona” a través de una comunicación interpersonal
que
se lleva a cabo por medio de una conversación estructurada. Debe quedar
claro que no basta con hacer preguntas para obtener toda la información
necesaria. Es muy importante la forma en que se plantea la conversación y
la relación que se establece en la entrevista, para que no parezca un
interrogatorio. Estos son algunos de los aspectos más importantes a tener en
cuenta al realizar entrevistas: Preparación. Es necesario documentarse e
investigar la situación de la organización analizandolos documentos
disponibles, de tal forma que la entrevista se enfoque en aquellos aspectos
que están solamente en la mente del entrevistado y que no son accesibles
por otros medios como la observación o el análisis de documentos.
Entrevistar al personal adecuado. La mayoría de los analistas adoptan un
enfoque top-down, comenzando a entrevistar a directivos para que brinden
un panorama general de hacia donde ir las cosas, y terminando por hablar
con los empleados que aportan detalles importantes de la operación.
Duración. Una entrevista debería durar un par de horas a lo máximo.
Formato. Se recomienda utilizar preguntas abiertas, donde los entrevistados
puedan elaborar y dar detalles, más allá de simplemente responder “si” o
“no”.

15
Desarrollo Conjunto de Aplicaciones (JAD)
Es una técnica que se utiliza para promover la cooperación y el
trabajo en equipo entre usuarios y analistas. Consiste en realizar
sesiones en las que participan usuarios expertos del dominio junto a
analistas de software. La idea es aprovechar la dinámica de grupos
aplicando un proceso de trabajo sistemático y organizado, apoyado por
elementos visuales de comunicación y comprensión de soluciones. Las
razones que sirven de base a JAD son las siguientes:
Tiempo. Las entrevistas requieren mucho tiempo, no solo en prepararlas
y hacerlas sino también en redactar un conjunto de requisitos coherente a
partir de opiniones diferentes de los distintos entrevistados. Dificultad. Es
más difícil apreciar posibles errores en la especificación de requisitos, ya
que sólo el analista revisa el documento. En el JAD todo el grupo puede
actuar como revisor y detectar defectos. Participación. El JAD propugna
una participación más profunda de los usuarios en el proyecto, hasta tal
punto que los usuarios que participan adquieren un cierto sentido de
propiedad en el sistema que se construye.
Deberian ir las cosas, y terminando por hablar con los empleados que
aportan detalles importantes de la operación. Duración. Una entrevista
debería durar un par de horas a lo máximo. Formato. Se recomienda utilizar
preguntas abiertas, donde los entrevistados puedan elaborar y dar detalles,
más allá de simplemente responder “si” o “no”.

Desarrollo Conjunto de Aplicaciones (JAD)


Es una técnica que se utiliza para promover la cooperación y el trabajo
en equipo entre usuarios y analistas. Consiste en realizar sesiones en las
que participan usuarios expertos del dominio junto a analistas de software.
La idea es aprovechar la dinámica de grupos aplicando un proceso de
trabajo sistemático y organizado, apoyado por elementos visuales de
comunicación y comprensión de soluciones. Las razones que sirven de base
a JAD son las siguientes:
Tiempo. Las entrevistas requieren mucho tiempo, no solo en prepararlas
y hacerlas si no también en redactar un conjunto de requisitos coherente a
partir de opiniones diferentes de los distintos entrevistados.
16
Dificultad. Es más difícil apreciar posibles errores en la
especificación de requisitos, ya que sólo el analista revisa el
documento. En el JAD todo el grupo puede actuar como revisor y
detectar defectos. Participación. El JAD propugna una participación más
profunda de los usuarios en el proyecto, hasta tal punto que los usuarios que
participan adquieren un cierto sentido de propiedad en el sistema que se
construye. El JAD no se utiliza demasiado, debido a que requiere una
mayor organización que las entrevistas y porque el ambiente o los métodos
de trabajo convencionales en las empresas no facilitan este tipo de
actividades (falta de tiempo, dificultad de coordinación de tanta gente,
dificultad para convencer a la dirección, etc.). No obstante las empresas que
han implantado este método han informado de importantes ahorros de
tiempo en el desarrollo de software, así como de una mayor satisfacción de
los usuarios con los sistemas construidos.

17
Pagina web de Maquiladora Arón.
¿Qué apartados le gustaría que tuviera el Sitio Web?

¿Qué colores le gustaría visualizar en su pagina?

Cuando usted accede a un sitio web, ¿Qué es lo primero que le llama la atención?

Considera pertinente migrar de servidor local a servidor web.?

¿Le gustaría que las personas le conocieran a través de una biografia publicada en
la pagina web?

¿Con que identifica su negocio de los diferentes negocios similares?

¿A quien le otorgaría servicios para poder realizar modificaciones de su Sw?

¿Qué beneficios considera que la pagina podría ocasionar?

Usted como cliente ¿Qué consideraría pertinente para que aparezca en la pagina
web?

18
DISEÑO
ARQUITECTURA DEL SITIO WEB

19
DISEÑO NAVEGACIONAL.

MAPA NAVEGACIONAL.

ARON

Inicio Usuario Clientes Servicios Instalaciones Direccion Administrador

Acerca de Clientes Vision/Mision Maquila de cercas Ubicacion Grafica de produccion Envio de sugerencias

Servicios
Servicios
Busqueda Ondulaje de
fierro Visitas guiadas
Reportes señalados Respuesta inmediata

Galeria
Instalaciones
Reportes
Lotificado Grupos
Contacto
Direccion

Bundles
Redes sociales

Administraodr

Armado de ofertas

Maquilas
especiales

Almacenaje

20
DISEÑO DE INTERFACES.

21
22
CODIFICACIÓN.

23
24
25
PRUEBAS E IMPLEMENTACIÓN RESULTADO

26
27
PRUEBAS.

GUION DE PRUEBAS DE SOFTWARE.


[CREACION DE REPORTE EJECUTIVO]
EDGAR G PINEDO ESPINAL

GESTION DE DOCUMENTO
Elementos de Identificación del documento

Código Fecha de elaboración Versión.

SW-DISC-RC-DIR-001 03/10/2018 0.1

[SITIO WEB ]

28
Datos de Identificación.

Módulo Proceso Elemento Funcional

Acceso Automatizado Recibe y ve información SW-DISC-SW-DIR-001

Datos de Identificación.

El Objetivo es que se cumplan los criterios de aceptación de lo contrario no se aprobara.

Datos de Identificación.

Escenario Resultado esperado.

El usuario vera una interfaz para Barra de navegación lateral izquierdo con los apartados de Acerca
de, Servicios, Galería, Contacto.
Ingresar al contenido.
El usuario deberá explorar el sitio leyendo el texto que le indica algún
contacto.

Ubicado en los apartados de:

Una vez que el usuario haya Acerca de: En este apartado el usuario podrá conocer un poco acerca
entrado al sitio, podrá de la maquiladora.
desplazarse por cualquier
Servicios: En este apartado el usuario podrá observar los servicios
aparatado ya antes mencionado
que se ofrecen en la maquiladora.

Galería: Aquí se muestran los proyectos que se han realizado por


parte de la maquiladora Arón.

Contacto: Fuentes de información y buzón de correos.

29
Resultados de la prueba

Escenario Probado Estatus.

Escenario 1 Aprobado/Rechazado.

Resultados de la prueba

Elaboro Revisó Autorizó

30
MANUAL DE USUARIO.

A continuación se explica la forma en la que usted debe acceder a nuestro


sitio web.
Abrir nuestro explorador y escribir en la barra de direcciones lo siguiente:
www.swmaquiladora.com
Tal cual lo vemos en la siguiente imagen

Una vez escrita la dirección anterior, deberá oprimir el botón “Entrar” de su


teclado, o bien, utilizar el botón izquierdo del mouse para dar clic en la
fecha de “ira” del explorador que se encuentre usando.

MENÚ DE OPCIONES
En éste panel se encuentran contenidas las opciones que nuestro sitio web
ofrece y las cuales trasladan al usuario a las secciones que se encuentran
disponibles para uso y navegación.
De forma siguiente se explica cada una de las alternativas contenidas en el
menú de opciones:

31
INICIO
Al elegir esta opción, el usuario siempre será trasladado a la página principal
del sitio web. Si por alguna razón no se encuentra la sección buscada y desea
regresar a la página principal, deberá seleccionará éste botón.

CATÁLOGO DE ARTÍCULOS
Este apartado es uno de los más importantes de nuestro sitio web, es aquí
donde se concentra toda la información referente a los productos y precios
que actualmente se manejan en MAQUILADORA ARON.
Para poder acceder a esta sección y ver los precios y poder crear sus propias
cotizaciones, es necesario que usted se comunique vía telefónica a la
empresa y solicite su acceso a nuestro catálogo, ya que sólo así usted podrá
ver la información ahí contenida. Si usted ya cuenta con su usuario y
contraseña escríbalos en el área correspondiente. Al momento de ingresar
32
en su cuenta personal, en la parte superior derecha del sitio web
aparecerá su nombre indicando que usted se encuentra habilitado
para ver nuestro catálogo de artículos.

PROMOCIONES
MAQUILADORA ARON constantemente realiza evaluaciones respectos a
los productos que son consumidos de forma frecuente por nuestros clientes,
ya sea por qué son de temporada (verano o invierno) o bien, por qué son de
uso continuo para reparaciones o ampliaciones.
CONTACTO
Toda empresa debe poner a la vista del público el correo electrónico de los
departamentos y empleados que mantienen un contacto directo con el
cliente. Tal es el caso del área de crédito y cobranza, pagos, ventas y
soporte a usuarios.
UBICACIÓN
Ahora también puede
ser localizada
fácilmente a través de
nuestro sitio web,
sólo es necesario
dirigirse al punto
“UBICACIÓN” sobre
nuestra barra de
opciones y al dar clic,
se despliega un
listado de las cuatro
sucursales con las que
actualmente
contamos.

33
CONCLUSION.

El Proyecto realizado es una prueba clara del crecimiento profesional y


personal como alumnos de ingeniería en Sistemas forjando en el
conocimiento una amplia experiencia sobre como realizar un Sitio web
Actual Responsive y One page de vanguardia para el cliente.

Fuentes de consulta
https://www.fundacionfavaloro.org/limitaciones-responsabilidades-del-sitio-web/

https://blog.sitiosimple.com/como-definir-alcance-sistema-web-con-clientes/

https://es.slideshare.net/dumethvah/sstqb-glosario-de-terminos-de-pruebas-de-software

Documentos personales PTB en Informática.

34