UNIVERSIDAD NACIONAL DE CHIMBORAZO

CARRERA DE INGENIERIA EN SISTEMAS Y COMPUTACION

Aplicaciones Multimediales

Tema del Proyecto

Creacin de un sitio Web

NDICE

SITIO WEB INTERACTIVO

CALLE RIOBAMBA Y SIBAMBE
TELEFONO
RIOBAMBA - ECUADOR

CONTENIDO
1

Descripcin General........................................................................................
1.1

1.1.1

Planteamiento del Problema...............................................................

1.1.2

Caractersticas....................................................................................

1.1.3

Suspuestos.........................................................................................

1.1.4

Restricciones.......................................................................................

1.2

Objetivos...................................................................................................

1.2.1

Objetivo General.................................................................................

1.2.2

Objetivos Especficos..........................................................................

1.3
2

Justificacin...............................................................................................

WBS (Anexo: Project Libre)........................................................................

Diseo y Anlisis.............................................................................................

2.1

Actores(interesados).................................................................................

2.2

Equipo de Trabajo (Perfiles y Responsabilidades)......................................

2.3

Historias de Usuario (Prototipos)...............................................................

2.4

Planificacin (Anexo: Project Libre)...........................................................

Desarrollo........................................................................................................
3.1

Descripcin de Herramientas....................................................................

3.2

Proceso de Desarrollo(Capturas)...............................................................

3.3

Resultados Obtenidos(Anexo: Archivos de Manipulacin de Medios)........

Pruebas y Despliegue......................................................................................
4.1 Socializacin a Interesados (Anexo: Manuales Tcnico, de Usuario,
Acta de Entrega recepcin)................................................................................

Conclusiones y Recomendaciones...................................................................
5.1

Conclusiones.............................................................................................

5.2

Recomendaciones.....................................................................................

Biliografa y Lincografa (Normas APA)............................................................

6.1

Bibliografa................................................................................................

6.2

Lincografa................................................................................................

1 DESCRIPCIN GENERAL
1.1 JUSTIFICACIN
El propsito de la realizacin de esta pgina es satisfacer las necesidades que
demandan los usuarios (clientes) y la sociedad misma.
Creaciones Nataly no cuenta con una pgina Web para transmitir informacin
necesaria a los clientes.
El siguiente trabajo de investigacion muestra el informe de la creacin de una
pgina web desarrollada en Windows, la cual trata de una Empresa Textil,
donde se pretende mostrar ( dar publicidad) por medio de este medio
informtico las diferentes variedades de prendas de vestir que existen en dicha
Empresa, mostrando as; el modelo, talla, color, categora, material, existencia,
entre otras propiedades de cada modelo de prenda de vestir, adems
proporcionar los datos de la empresa y planta de produccin como son:
direccin, telfono, horario de trabajo con el objetivo de facilitarle al cliente o
usuario la localizacin del lugar.

1.1.1 Planteamiento del Problema

Actualmente se trabaja mediante publicidad fsica y registro de clientes, ventas
y mercadera manualmente mediante un libro contable, para lo cual
implementaremos una aplicacin que permita que los clientes potenciales
lleguen a su sitio web, los que lleguen compren y los que compren vuelvan de
esta manera obtener una mayor fuente de ingresos econmicos.
1.1.2 Caractersticas

El sitio web intuitivo y fcil de utilizar para los clientes

Fcil adopcin a cambios del entorno y la estructura de la empresa.

Base de datos organizada.

Datos consistentes y completos.

Fcil gestor de productos.

1.1.3 Supuestos
Internos
Utilizamos el software necesario para la ejecucin de la aplicacin.
Se tiene con el apoyo tcnico para el seguimiento paso a paso del desarrollo
del software.
El empresario me permite el acceso a la informacin publicitaria de la empresa.
En cuanto al personal se cuenta con la total entrega para alcanzar el objetivo
final.
Externos
Con el sitio web la identidad corporativa refleja y asimila su negocio en el
mundo real.
Se cuenta con proveedores locales para el ingreso de la informacin.
1.1.4 Restricciones
Nuestro proyecto obtendr las siguientes restricciones:
Alcance para tener una aceptacin positiva acerca de la aplicacin de este
modo entregar en el tiempo previsto, presupuesto requerido para satisfacer
todas las expectativas y calidad.
Cronograma para entregar en el tiempo previsto, presupuesto requerido para
satisfacer todas las expectativas y calidad.
Externos
Falla de electricidad.

1.2

Desastre ambiental.
Malas condiciones de trabajo.
Leyes de prohibicin de software.
Uso indebido dela aplicacin.
Hackeo del sitio.
OBJETIVOS

1.2.1 Objetivo General

Automatizar los procesos de la empresa mediante la implementacin una
pgina web
1.2.2 Objetivos Especficos

Permitir que los usuarios tengan un amplio y explicito grado de

conocimiento sobre los productos que oferta la empresa en lo que difiere
a: Tipos de productos, Tallas, Calidad, Eficiencia Garanta y Seguridad.

Ofrecer a los usuarios la informacin requerida de manera rpida y

eficaz, sin tener ningn problema al acceder, de esta manera brindar a la
ciudadana un servicio de calidad.

WBS (ANEXO: PROJECT LIBRE)

DISEO Y ANLISIS

2.1

ACTORES (INTERESADOS)
Johnny Marcatoma
Natalia Tiuquinga

2.2

EQUIPO DE TRABAJO (PERFILES Y RESPONSABILIDADES)

2.3

HISTORIAS DE USUARIO (PROTOTIPOS)

Historia de Usuario
Nmero: 1

Usuario:NataliaTiuquinga

1. Nombre historia: Especificar necesidades

Prioridad en negocio:

Riesgo en desarrollo:

Alta

(Alta / Media / Baja)

Puntos estimados:10
Programador responsable: Johnny Marcatoma

Descripcin:
2. Estudiar Sistema Actual
3. Aadir Nuevas Caractersticas
Requerimiento de Software
1. Analizar los puntos mas importantes para la creacin (10)

Observaciones:

Historia de Usuario
Nmero: 2

Usuario: Johnny Marcatoma

Nombre historia: Analizar Contabilidad

Prioridad en negocio:

Riesgo en desarrollo:

Media

(Alta / Media / Baja)

Puntos estimados: 13

Iteracin asignada: 1

Programador responsable: NataliaTiuquinga

Descripcin:
1 . Estudiar Procesos
2. Estudiar Datos
Requerimiento de Software
1. ninguno

Historia de Usuario
Nmero: 3

Usuario: Johnny Marcatoma

Nombre historia: Diseo Sitio Web

Prioridad en negocio:

Riesgo en desarrollo:

Media

(Alta / Media / Baja)

Puntos estimados: 12

Iteracin asignada: 1

Programador responsable: Natalia Tiquinga

Descripcin:
1. Diseo de Prototipos

2. Aprobacion de Prototipos
Requerimiento de Software
1. Creacion prototipos de la pagina web (6)
2. Validar de datos de la pagina (6)

Observaciones:

Historia de Usuario
Nmero: 4

Usuario: Johnny Marcatoma

Nombre historia: Recoleccion de Informacion necesaria para el sitio

web
Prioridad en negocio: Alta
Puntos estimados: 26

Riesgo en desarrollo:
(Alta / Media / Baja)
Iteracin asignada: 1

Programador responsable: Douglas Marcatoma

Descripcin:
1. Recoleccion de Fotografias
2. Recoleccion de Videos
Requerimiento de Software
1. Tomar fotografas para el diseo (25)
2. Grabar videos de la empresa y su personal opeativo (1)
Observaciones:

Prototipo (Localizacion video)

Historia de Usuario
Nmero: 5

Usuario: Johnny Marcatoma / Natalia Tiuquinga

Nombre historia: Codificacin Sitio Web

Prioridad en negocio:

Riesgo en desarrollo:

Alta

(Alta / Media / Baja)

Puntos estimados: 7

Iteracin asignada: 3

Programador responsable: Douglas Marcatoma

Descripcin:
1. Instalacion del Servidor
2. Construccion sitio Web
Requerimiento de Software
1. Descargas xampp(1)
2. Descargas joomla(1)
Observaciones:

Historia de Usuario
Nmero: 6

Usuario: Johnny Marcatoma / Natalia Tiuquinga /

Erika Tiuquinga

Nombre historia: Pruebas

Prioridad en negocio:

Riesgo en desarrollo:

Alta

(Alta / Media / Baja)

Puntos estimados: 6

Iteracin asignada: 4

Programador responsable: Natalia Tiuquinga

Descripcin:
1. Pruebas de Unidades
2. Pruebas de Sistema
3. Eleboracion Manuales de Usuario y Tcnico
Requerimiento de Software
1. Tener instalado Windows 7 o superior
2. Verificacin de instalaciones
3. Concluir la pagina web
Observaciones:

2.4

3
3.1

PLANIFICACIN (ANEXO: PROJECT LIBRE)

DESARROLLO
DESCRIPCIN DE HERRAMIENTAS

XAMPP (Apache + MySQL + PHP + Perl)

Es un servidor de plataforma libre, es un software que integra en una sola
aplicacin, un servidor web Apache, interpretes de lenguaje de scripts PHP, un
servidor de base de datos MySQL, un servidor de FTP FileZilla, el popular
administrador de base de datos escrito en PHP, MySQL, entre otros mdulos.
Te permite instalar de forma sencilla Apache en tu propio ordenador, sin
importar tu sistema operativo (Linux, Windows, MAC o Solaris). Y lo mejor de
todo es que su uso es gratuito.
Apache: Utilizado como servidor web;
MySQL: Relacionado como un gestor de bases de datos;
PHP (generalmente).El uso de un XAMPP permite servir pginas html a
internet, adems de poder gestionar datos en ellas.
PERL: Es un lenguaje de propsito general originalmente desarrollado para la
manipulacin de texto y que ahora es utilizado para un amplio rango de tareas
incluyendo administracin de sistemas, desarrollo web, programacin en red,
desarrollo de GUI y ms.

JOOMLA
Joomla es un Sistema de gestin de contenidos o CMS (por sus siglas en
ingls, Content Management System) que permite desarrollar sitios web
dinmicos e interactivos. Permite crear, modificar o eliminar contenido de
un sitio web de manera sencilla a travs de un Panel de Administracin. Es
un software de cdigo abierto, desarrollado en PHP y liberado bajo
licencia GPL. Este administrador de contenidos puede utilizarse en
una PC local (en Localhost), en una Intranet o a travs de Internet y requiere
para su funcionamiento una base de datos creada con un gestor de bases de
datos (MySQL es lo ms habitual), as como de unservidor HTTP Apache.

3.2

PROCESO DE DESARROLLO (CAPTURAS)

Log-in del Super Usuario

Panel de Control

Editando un articulo

Mens Creados

3.3

RESULTADOS OBTENIDOS (ANEXO: ARCHIVOS DE MANIPULACIN DE

MEDIOS)

Pagina Principal

4
4.1

PRUEBAS Y DESPLIEGUE
SOCIALIZACIN A INTERESADOS (ANEXO: MANUALES TCNICO, DE USUARIO,
ACTA DE ENTREGA RECEPCIN)

Manuales Tcnico, de Usuario

Integrantes

Johnny Marcatoma
y
Natalia Tiuquinga

PAGINA WEB
www.creacionesnataly.com

REQUERIMIENTOS

Requerimientos de Software
1) El sitio est diseado para los siguientes navegadores:

Internet Explorer 7 o superior

Mozilla Firefox 3 o superior

Google Chrome 4 o superior

2) La resolucin de la pantalla debe estar como mnimo en 768 x 1024

Pgina Principal
Ingrese la direccin electrnica http://www.creacionesnataly.com.ec/ para
visualizar la pgina Web de la Empresa
Una vez que el usuario ingresa al Sitio Web, lo primero que observa es la
pgina principal del Sitio. Esta es descrita a continuacin:

Bitcora del Men

Menu corousel

Audio

Bitcora del Men

Esta bitcora permite al usuario ingresar a las diferentes opciones disponibles
en el sitio

Men Carousel
Es un men que al hacer clic en las flechas de navegacin podremos cambiar
de imgenes. Este tambin se activa automticamente.

Audio
Es un audio de bienvenida que nosotros al hacer clic sobre el botn de inicio se
ejecutara

Quienes Somos
Al hacer clic se muestra la informacin de la empresa, el personal
administrativo

Lnea de Productos
Aqu se encuentran todos los productos que ofrece la empresa

Proceso
Son todos los pasos que realiza la empresa para la confeccin de las prendas
de vestir

Ubicacin
Aca encontraremos el horario en que atiende la empresa, la direccin y un
mapa donde muestra exactamente el lugar donde se encuentra la empresa

Contactos
Ac encontrar la pagina donde usted puede dejar sus comentarios teniendo
en cuenta que se debe llenar obligatoriamente todos los campos

MANUAL - TECNICO

PAGINA WEB
www.creacionesnataly.com

REQUERIMIENTOS

Requerimientos de Software
1) El sitio est diseado para los siguientes navegadores:

Internet Explorer 7 o superior

Mozilla Firefox 3 o superior

Google Chrome 4 o superior

2) La resolucin de la pantalla debe estar como mnimo en 768 x 1024

El administrador
El Administrador es el controlador absoluto de la aplicacin Web. Tiene acceso
para la creacin, modificacin y consulta de todas las fichas de informacin
concernientes a conferencias, noticias, Coordinadores, Ponentes e incluso a
las de otros Administradores. Es la ltima instancia con capacidad de decisin.
A l corresponde aceptar o rechazar una solicitud de preinscripcin para una
conferencia o la asignacin de Oyentes.
El Administrador es tambin el encargado de contestar a todas las consultas
recibidas ya sea por parte de los Usuarios, del Coordinador o de otro
Administrador.

La pgina Web de Administrador

Como Administrador, la estructura de la pgina Web distinta a la del Usuario,
primero tendr que iniciar sesin con sus datos de Administrador.

Una vez adentro veremos la siguiente pantalla del panel de control

En la parte superior veremos el men donde veremos las distintas formas de

configurar nuestra pgina web a continuacin explicaremos cada una de ellas

System
Nos mostrara varias opciones que nos permiten cambiar la configuracin global
de nuestro sitio web

Users
Ac podremos cambiar la configuracin de los usuarios asi como crear nuevos,
y grupos.

Mens
Nos permite agregar nuevos mens para el sitio y editarlos

Content

Nos permite agregar nuevos artculos y modificarlos, as como tambin ingresar

categoras para su posterior uso. Tambin podremos subir contenida
multimedia

Components
Nos permite agregar varias animaciones, bsquedas, link, contactos,
actualizaciones

Extensions
Ac podremos colocar las plantillas que nosotros queramos, as como mdulos
para hacer ms llamativa nuestra pgina web

Y finalmente la pestaa help que como su nombre lo dice nos ayuda a guiarnos
en el paquete de joomla.
VER NUESTRO SITIO
Para ver lo que estamos progresando hacemos clic en el nombre de la pagina
Tambin podremos cerrar sesin haciendo clic en el icono de una rueda y clic
en Logout

CONCLUSIONES Y RECOMENDACIONES

5.1

CONCLUSIONES

Mediante la investigacin previa en la realizacin de la misma, se tiene

un concepto ms claro a lo que se quiere llegar con el desarrollo de la
pgina web y las necesidades que el cliente requiere; as como las
problemticas que pudieran presentarse.

Los conocimientos obtenidos en la materia de Aplicaciones Multimedales

ha sido un apoyo eficiente, ya que nos motiva a seguir aprendiendo a
cerca del desarrollo programacin e implementacin de pginas, no
solo en lo que estamos acostumbrados sino, abriendo caminos a nuevas
expectativas.

5.2

RECOMENDACIONES

6
6.1

Las pginas debern hacerse lo ms corta y concisa posible ya que esta

demostrado que a la gente no le gusta leer tanto en la pantalla de un
ordenador:
La vista se cansa y la gente se aburre.

BILIOGRAFA Y LINCOGRAFA (NORMAS APA)

BIBLIOGRAFA

Diseo Web Sebastin (Luis Ther 2002 )

6.2

LINCOGRAFA

Sitio Web Programacion. Septiembre 2013. 20:30 Disponible en:

http://es.wikipedia.org/wiki/Sitio_web
Manipulacion Archivos Web. Enero 2014. 10:.30. Disponible
en :http://www.monografias.com/
Joomla en Espaol. Enero 2014. 14:30. Disponible en:
http://xn--joomlaenespaol-1nb.com/
Creaciones Nataly. Julio 2014. 15:30. Disponible en:
https://soundcloud.com/creacionesnataly