Criterio B: Análisis

Solución propuesta:
Al finalizar la entrevista con María Celmira Gustamante Torres, se llegó al
consenso de que la solución de TI para solucionar su problemática será un
sitio web en HTML con editor de texto y CSS.

Especificación de requisitos

Requisitos del sistema de TI

 Hardware: PC (Windows 8.1 pro) sin conexión a internet, memoria USB para
almacenar información brindada por el cliente.

Para Windows

Intel(R) Core(TM) i3-6006U CPU @ 2.00GHz 2.00 GHz

Microsoft® Windows® XP con Service Pack 3 o Windows 7. Adobe®

Creative Suite® 5.5.

512 MB de RAM.

1 GB de espacio disponible en disco duro para la instalación; se

necesita espacio libre adicional durante la instalación (no se puede
instalar en dispositivos de almacenamiento flash extraíbles).

Resolución de 1280 x 800 con adaptador de gráficos de 16 bits.

Java™ Runtime Environment 1.6 (incluido).

Unidad de DVD-ROM.

Software: Dreamweaver, incluye HTML5 y CSS3. Referente a los

navegadores de Internet utilizaremos Google Chrome o internet
Explorer 5 Para un mejor rendimiento del sitio web y por ser
multiplataformicos.
 Para Adobe Dreamweaver

Tipo de formato: Formato tipográfico utilizando HTML, CSS y

JavaScripts

Versión más reciente: HTML5 CSS3

Interacción del sistema

• El cliente y las personas que quieran visitar el Mariposario “Morpho azul”

podrán acceder a la diferente informacion relacionada a los servicios que
ofrece la asociación “ASESUP”, tales como video, imágenes, artículos, etc.
Esto se actualizará mensualmente por la señora María Celmira Gustamante
Torres.
• El sitio Web mencionado anteriormente, deberá funcionar con la TIC.
• El cliente (Gustamante) accederá a esta página con su respectiva contraseña.
• En la sección de comentarios, el cliente responderá las diferentes dudas de
los turistas con respecto a la información presentada.
• El Sitio Web será amigable, dinámico y fácil de utilizar para mejorar la
experiencia del usuario. El interfaz tiene que ser mayormente gráfico para
aumentar la facilidad de interacción con el sistema. Uso de imágenes como
hipervínculos y de la función “rollover image”.
• Este sitio deberá ser compatible con múltiples navegadores (especialmente
los siguientes: Safari, Mozilla Firefox, Google Chrome, Internet Explorer,
Opera.)

Requisitos de entrada y de salida:

Requisitos de entrada

• Partes de la información utilizada en el sitio web será provista por mi cliente

María Celmira Gustamante. Yo me encargaré de investigar respecto a los
otros aspectos a incluir en la página web inicio, como: información relacionada
al cuidado de las mariposas, los beneficios que presenta cada plato típico y
 los artículo referentes a los objetivos de las Asociación de Desarrollo
Económico Sostenible Unidos por Palestina “ADESUP”.
• Las fotos utilizadas en el sitio web serán provistas por mí cliente. Serán fotos
de las 11 diferentes especies que hay en el Mariposario “Morpho Azul”,
asimismo se incluirán fotos de cada servicio: tales como (Orientación turística,
platos típicos, paseo en cámaras, y finalmente las fotos del hospedaje rural).
Cave recalcar que estas imágenes serán mejoradas y adecuadas para la web
en Photoshop CS6. Van a existir en formato JPEG o PNG.
• El logo será una creación propia hecho en Illustrator CS6 y Photoshop CS6.

Requisitos de salida

• Diseño de sitio web simple de usar, navegable, amigable, gráfico, y dinámico.

• Los enlaces, imágenes “rollover”, estilos “css”, y página de contacto deben de
funcionar adecuadamente.
• El sitio va a consistir en una página inicio, esta contendrá los siguientes menús:
 INICO: Este tags nos permitirá volver a la página inicio.
 SERVICIOS TURÍSTICOS: En esta sección, tendrá como imagen de
fondo, el clico de vida de la Mariposa “Morpho Azul”; asimismo se
mostrará los 3 menús (Inicio, Videos e Imágenes); referente al opción
“videos” en ello podremos visualizar 4 videos de 1 minuto de duración
máxima, entre ellas (el proceso que se sigue en el guiado del
Mariposario “Morpho Azul”, la alimentación y el ciclo de vida de las
mariposas). Por otra parte observaremos el menú “imágenes”, que nos
mostrará una sección de fotos de diversas especies de Mariposas
juntamente a sus nombres comunes y científicos correspondientes.

 SERVICIOS DE ALIMENTACIÓN: Esta sección tendrá imágenes de los

plato típico que ofrece la Asociación de Desarrollo Económico sostenible
Unido por Palestina “ADESUP”, asimismo su descripción y bebeficios
de este, tales como (las vitaminas, nutriente, etc que presenta)

 SERVICIO DE HOSPEDAJE RURAL: Esta sección contendrá

imágenes de los hospedajes (cuartos), juntamente a su descripción con
respecto a los componentes de este.

 PASEO EN CÁMARA Y DEPORTE: Este menú estará compuesta por

dos partes, la primera será “paseo en cámara”, lo cual se identificará 1
video acerca del proceso de esta linda experiencia, asimismo, en la
 segunda parte se evidenciará videos referente a los siguiente deportes
(fútbol, vóleibol).

 ASOCIADOS: Esta sección abordará información relevante con

respecto a las siguientes preguntas (¿Quiénes somos?, ¿Qué
realizamos?), asimismo se mostrará hipertextos acerca de artículos
relacionas a este emprendimiento de turismo rural comunitario.

 CONTÁCTENOS: Sobre todo este menú facilitará la comunicación entre

el cliente y ADESUP, ya que presentará cuentas de las siguientes redes
sociales (Gmail, Facebook, WhatsApp, Messenger, Instagram).

 UBÍQUENOS: Este menú nos mostrará un mapa, una leyenda y una

descripción, referente a la ubicación Palestina- Nueva Cajamarca,
específicamente el Mariposario “Morpho Azul”

 COMETARIOS: esta sección nos permitirá a ADESUP resepcionar

algunas dudas y recomendaciones de los turistas con respecto a nuestro
trabajo y servicios.
• El diseño de la página será coherente. Los colores, imágenes e información
estarán estrechamente vinculados con la temática.
• La slider solo se evidenciará en el index del sitio web. En las otras páginas, solo
se incluirá el menú.

Procesamiento.
• El sitio va a ser navegable a través de enlaces colocados en el menú, que será
visible en todas las páginas. También se colocarán enlaces en imágenes
“rollover” para hacer al sitio más amigable.
• Los enlaces a los videos funcionarán correctamente y se podrán visualizar en
el sitio web.
• Se crearán secciones en los documentos css para diferentes navegadores en
caso ocurra alguna distorsión.
• Las imágenes en la sección de “Fotos” deben de agrandarse y mostrar el título
de la imagen con los créditos correspondientes, para la probidad académica.
 Seguridad.
• Para tener control sobre el sitio y acceder al host web elegido se deberá
ingresar un usuario y contraseña que será confidencial y solo las personas
autorizadas podrán ingresar.
• Los archivos que se subirán al host web tendrán una copia de seguridad en
dropbox (nube) y onedrive (nube) en caso los archivos en mi computadora se
pierdan. Aparte de esto existirá una copia de seguridad en un disco duro
externo.

• En todas las fotos o imágenes sin texto se incluirá el logo de la Asociación de

Desarrollo Económico Sostenible Unido por Palestina “ADESUP”

Criterios de rendimiento específicos

a) El sitio web tiene que atraer al usuario a utilizarlo al ser fácil de navegar,
simple, y con un diseño armonioso.
b) La plantilla del sitio debe de funcionar correctamente
c) El slider creado con WOWSlider debe de funcionar correctamente.
d) Las imágenes e información utilizada deberán ser relevantes al propósito
del sitio web.
e) Todos los enlaces deben de funcionar bien.
f) Las imágenes “rollover” deben de funcionar correctamente.
g) Las hojas adjuntas de estilos CSS deben de funcionar adecuadamente.
h) Las fotos deben de ser de un tamaño adecuado para su visualización.
i) Los videos deben de ser concisos y solo cubrir lo importante.
j) Debe de ser compatible en los siguientes navegadores: Google Chrome,
Safari, Opera, IE, y FireFox.
k) Compatible en diferentes dispositivos.

Justificación de la solución propuesta

Mi cliente, Jym Pezo Tafur, ha afirmado que un sitio web de fácil navegación sería
una solución TI adecuada para la problemática antes mencionada ya que de esta
manera se optimizará el tiempo en el proceso de votación, asimismo los resultados
finales serán más fiables y disminuirá el trabajo para los miembros de mesa. Por otra
parte, todas las informaciones relevantes relacionadas con la campaña electoral se
encontrarán en una sección en específico. Por otra parte, mi cliente desea que su
solución esté a la vanguardia de las tecnologías del siglo XXI, y que mejor que una
web. Esta le proporcionará flexibilidad para diseñarla, aplicarle los colores que este
considere necesaria. Además, esto será mucho más cómodo y amigable para el
usuario (estudiantes)
El diseño tiene que transmitir algo al usuario e invitarlo a quedarse en el sitio web.
Tiene que ser cómodo y amigable, fácil para utilizar y atraer al público deseado. El
nivel de capacitación para navegar por este sitio debe de ser mínimo, se tiene que
entender cómo utilizarlo cuando se ve el diseño.
Se desarrollará el sitio en Dreamweaver CS6 porque tengo experiencia con este
software y porque es cómodo de utilizar y ofrece muchas opciones para el diseño del
sitio y su funcionamiento. Respecto a las cuestiones de seguridad, se tratará de
prevenir el ingreso de terceras personas y Malware.

PALABRAS: 225