DISEO E IMPLEMENTACIN DE UN PORTAL WEB

INTRODUCCION Este proyecto consiste en el diseo e implementacin de un portal WEB para una editorial que se dedica al desarrollo de artculos, folletos, libros, etc. Esta empresa desea ampliar los servicios que oferta a sus clientes mediante una aplicacin que facilite la descarga de sus catlogos de todo el material y diseo que la empresa desarrolla entre otras funcionalidades. Adems, la empresa disea material educativo multimedia en distintos formatos (.fla, .dvd), la estrategia de venta atreves de esta web ser de gran importancia para la expansin de la empresa ya que tienen como objetivo abrir sucursales a nivel nacional. Por otro lado, la implantacin del portal WEB puede mejorar la imagen de empresa y ayudar a captar nuevos clientes, por lo que, el portal vendr complementado con una serie de funcionalidades para la difusin de informacin relacionada con la empresa. Por tanto, el objetivo principal del proyecto es facilitar a los clientes de la empresa el acceso a los distintos productos que desarrolla sin necesidad de presentarse a las tiendas. De esta manera se mejora el servicio que oferta la empresa en el momento de la solicitud del proyecto. Adems, se desea mejorar la imagen de empresa que se ofrece a los clientes y futuros clientes incluyendo informacin relacionada con la empresa y sus productos. Para cumplir con estos requisitos la aplicacin har uso del lenguaje de etiquetas HTML junto con CSS, el lenguaje de programacin PHP y el un sistema gestor de datos MySQL para generar contenidos dinmicos. Adems se utilizarn diferentes herramientas que ayuden a cumplir con los requerimientos especificados en el proyecto.

OBJETIVOS La implantacin del portal WEB que se presenta en este proyecto tiene como objetivo principal del proyecto es facilitar a los clientes de la empresa el acceso a los distintos productos que desarrolla a travs del internet sin necesidad de presentarse a las tiendas. De esta manera se mejora el servicio que oferta la empresa en el momento de la solicitud del proyecto. Adems, se desea mejorar la imagen de empresa que se ofrece a los clientes y futuros clientes incluyendo informacin relacionada con la empresa y sus productos. Esto mejorara los servicios que oferta la empresa hasta ahora. Este servicio debe ser cmodo y de fcil manejo para el usuario. Esto permitir dinamizar el intercambio de informacin con los usuarios del producto software y, as mismo, se alcanza un objetivo no menos importante que es el de incrementar el uso de los productos de la empresa y sus diseos, ya que esta aporta un gran valor aadido al usuario.

Por otro lado con el portal WEB se pretende tener una base de datos actualizada tanto de clientes como de productos y software multimedia. Esta BBDD puede dar informacin a la empresa de cul es su situacin dentro del mercado y orientar a la empresa para futuros proyectos.

Otro objetivo a largo plazo es el de establecer un sistema de consultora para terceras empresa instaladoras de servicios para locales de diseo y lectura utilizando esta plataforma, abriendo as nuevas lneas de negocio para la empresa.

Por ltimo, con la implantacin del portal se pretende mejorar la imagen de la empresa. Hasta ahora la empresa no dispona de un WEB donde los clientes o futuros clientes obtuvieran informacin. Adems, este portal, puede facilitar que la empresa se d a conocer a nivel nacional e internacional.

ALCANCES

La aplicacin que se presentar al final del proyecto ser una WEB. Esta tendr una parte esttica-dinmica, donde se expondrn contenidos informativos de la empresa, y otra parte dinmica donde los usuarios registrados podrn descargar catlogos y software educativo.

Para la venta de software se acceder a un archivo, en el terminal del cliente, donde se especifica que software tiene instalado en su equipo y la versin de ste. Para la descarga de estos materiales, se acceder a la base de datos del cliente para consultar la lista de versiones que ya posee, y se cotejaran los resultados a la lista de versiones que dispone la empresa en la BBDD del portal WEB. Al cliente se le notificarn los resultados de la consulta para que pueda actualizar su BBDD con as versiones que no disponga.

Para la funcionalidad de gestin de noticias, los usuarios gestores de noticias, accedern a la WEB y cargarn las noticias relacionadas con el sector de la empresa o que crean convenientes. Una vez cargadas las noticias en la base de datos los usuarios podrn acceder a ellas y visualizarlas en la funcionalidad de la WEB especfica.

Finalmente, existirn una serie de funcionalidades que permitan la insercin, Modificacin o eliminacin de contenidos en la base de datos de la aplicacin.

Funcionalidades de la aplicacin

La WEB que proponemos tendr las siguientes funcionalidades bsicas:

Descargar actualizaciones: Los usuarios que estn registrados y tengan la licencia correspondiente podrn descargar las actualizaciones de software que la empresa desarrolle o Descargar catlogos, los usuarios que estn registrados

podrn actualizar su base de datos con las versiones de funcionamiento que la empresa desarrolle.

Gestin de contenidos: Esta funcionalidad permitir al usuario gestor de contenidos agregar, eliminar o modificar un producto del catlogo de la empresa. Adems permitir agregar, eliminar o modificar las actualizaciones de software que estarn disponibles en el portal. Por ltimo, este usuario, podr agregar, eliminar o modificar los modelos de funcionamiento que se ofrecern a travs del WEB.

Consulta del catlogo de productos: Todos aquellos usuarios que accedan al portal podrn consultar el listado de productos que la empresa ha desarrollado.

Gestin de noticias: El usuario gestor de noticias, mediante esta funcionalidad, podr dar de alta, eliminar o modificar las noticias que aparezcan en el portal.

Consulta de noticias: Todos aquellos usuarios que accedan al portal podrn consultar las noticias que la empresa considere oportuno incluir en el portal.

Sistema control de acceso: Debido a que al portal accedern diferentes perfiles de usuario, con diferentes funcionalidades, es necesario aplicar un sistema de control de acceso que permita a los usuarios acceder a aquellas funcionalidades que les est permitido. Adems este sistema de control de acceso estar complementado con un sistema de mens que permita a los usuarios acceder a dichas funcionalidades.

JUSTIFICACION

La importancia de que la empresa alcance grandes ganancias y mayor reconocimiento hace de su necesidad inmediata una herramienta para alcanzar sus metas, y que mas que siendo parte de las nuevas tecnologas globales que hoy en dia marcan la diferencia tales como el Internet (atreves de las pginas web), nos permitan llegar de manera rpida y segura a los clientes. Por lo tanto es necesaria la implementacin de ciertas herramientas para satisfacer las necesidades del consumidor como la del fabricante o el vendedor.

Situacin actual

Actualmente las editoriales distribuyen sus productos de forma fsica, es decir, entregando un soporte fsico al cliente. Esta distribucin se hace a travs del servicio de Correos o de una empresa de mensajera, lo que conlleva un gasto extra, que en ocasiones debe asumir el cliente. Adems a da de hoy la firma no dispone de una WEB que potencie la imagen de la empresa.

Propuesta de mejora

La mejora que se propone con este proyecto es la de disear un portal WEB. En este se podr descargar catalogos de todos los productos impresos, las actualizaciones de software educativo va Internet. Adems se aadirn diversas funcionalidades para que los futuros clientes puedan obtener informacin de la empresa y ampliar as la distribucin de sus productos.

Perfiles de usuario del proyecto.

La aplicacin a desarrollar esta destinada a varios perfiles de usuario:

Perfil usuario no registrado. Podr acceder cualquier persona que desee obtener informacin de la empresa as de los servicios que esta ofrece. Adems el usuario podr darse de alta en la WEB para tener acceso a otras funcionalidades, Este perfil es de usuario con conocimientos no expertos.

Perfil de usuario registrado. Accedern todos aquellos clientes de la empresa que estn registrados en la WEB y deseen acceder a la descarga de actualizaciones y modelos de funcionamiento de los que hayan obtenido licencia. Se trata de un perfil de usuario con conocimientos no expertos y por tanto las funcionalidades a las que pueda acceder deben ser de fcil manejo.

Perfil gestor de noticias. Se permitir a los usuarios leer noticias relacionadas con la empresa, con el sector a la que se dedica o de clientes con los que trabaja. Para ello se encargarn una o varias personas que gestionarn las noticias que a los usuarios puedan interesar. Perfil gestor de contenidos. Este usuario se encargara de actualizar los catlogos de productos y servicios de la empresa, de actualizaciones y de modelos de funcionamiento.

Perfil administrador. La aplicacin necesita de un administrador para las tareas de realizar copias de seguridad, mantenimiento servidor, agregar, borrar y modificar informacin de las cuentas de usuarios, reestablecer contraseas, responder consultas tcnicas, etc. Por tanto se trata de un usuario con conocimientos expertos de informtica.

DISEO METODOLOGICO

El modelo de desarrollo que se ha elegido para la ejecucin del proyecto es el modelo dinamico. Se ha optado por este modelo ya que dentro la composicin de la web se quiere resaltar con diferentes efectos que impacten al cliente, los colores como el azul petrleo y celeste le dan cierta elegancia, alegra y a la vez reserva,

se opto por utilizar textura granulada apar dar un cierto efecto de solides como las rocas o paredes, la tipografia que se utilizara ser una que resalte el logo de la empresa y que de confianza no solo a adultos sino que tambin a nios y adolescentes, no solo se utilizaran lneas tambin utilizaremos bastantes crculos i rectngulos.

El dinamismo de la pagina estar marcada por su interactividad, desde su presentacin, pasando por sus botones, las ventanas sern desplegables, el uso de imgenes y videos sern de mucha importancia.

Seleccin del entorno de desarrollo.

Para la implementacin de la aplicacin WEB se utilizarn diversos entornos de desarrollo, en funcin de las necesidades que implica el proyecto. Estos entornos de desarrollo pueden ser aplicados de forma simultnea y por tanto deben ser compatibles entre ellos. En primer lugar dispondremos del lenguaje HTML, basado en el uso de etiquetas. Este lenguaje nos permitir mostrar informacin al usuario de manera sencilla y de una forma atractiva. Adems permite la interactividad del usuario mediante formularios con los que obtener informacin. Por otro lado, su uso es sencillo y permite al desarrollador explotar todas sus posibilidades con una curva de aprendizaje corta. A todo esto, cabe aadir que su utilizacin es, a da de hoy, la ms extendida, y por tanto la compatibilidad del lenguaje con los diferentes navegadores Webs que se utilizarn para el acceso a la aplicacin es total.

Como complemento al lenguaje HTML utilizaremos el entorno de desarrollo CSS. realizaremos una hoja de estilo que defina diversas etiquetas, que puedan ser utilizadas por el lenguaje HTML, y que nos definan el diseo del portal. Este entorno nos permite crear un diseo para la aplicacin WEB que cumpla los requisitos de accesibilidad impuestos en el proyecto. Adems permite al desarrollador crear un cdigo claro y estructurado, de manera que el proyecto pueda ser modificado.

Mejorado de forma sencilla. Por otro lado, su uso nos permite crear hojas de estilo diferentes para modificar el diseo del portal en el futuro. Otro entorno de desarrollo elegido para la implementacin del proyecto es el lenguaje JavaScript. ste nos permitir crear funciones que se requieran en el proyecto. Su uso, dentro del desarrollo de este proyecto, se basar principalmente en la comprobacin de datos introducidos por el usuario, o funciones de validacin.

Por ltimo utilizaremos el lenguaje de programacin PHP. Este entorno nos permitir gestionar la parte dinmica de la aplicacin, es decir, ser en enlace entre la capa de datos y el entorno de usuario. La interaccin con la BBDD se realizar mediante funcionalidades especficas incluidas en las libreras de PHP, lo que facilita esta interaccin. Pero adems, nos permite realizar conexiones a base de datos Microsoft Access mediante funciones incluidas en sus libreras. Adems su uso es sencillo y requiere un tiempo de aprendizaje corto por parte del desarrollador. Por otro lado, se trata de software libre, lo que reduce el costo global del proyecto, sin necesidad de comprometer funcionalidades. Cabe destacar que al ser multiplataforma nos permite adaptarnos al sistema operativo Microsoft Windows.

4.1.2. Seleccin de bases de datos.

El sistema de gestin de base de datos elegido para el desarrollo del proyecto es MySQL. MySQL es un sistema de gestin de base de datos relacional, multihilo y multiusuario, entre otras caractersticas. Este sistema nos permite almacenar y realizar consultas complejas de los datos de manera eficiente y varios usuarios al mismo tiempo.

Configuracin de la plataforma.

Una vez analizados los entornos de desarrollo que se utilizarn en el proyecto, debemos concretar la configuracin de la plataforma donde se dar servicio a la aplicacin. En primer lugar, la aplicacin WEB deber estar hospedada en un servidor HTTP Apache, de acceso remoto a travs de Internet. ste deber funcionar en un sistema operativo basado en Windows, como por ejemplo Windows Server 2010. La eleccin de este sistema operativo es debida en gran parte a que la aplicacin deber realizar conexiones a BBDD Microsoft Access. Adems el servidor deber dar soporte al lenguaje PHP y deber tener configuradas y activadas las funciones ODBC para conexiones a BBDD de Microsoft Access y las funciones especificas para el acceso a BBDD de MySQL.

Capas de la aplicacin

La aplicacin a desarrollar estar constituida por tres capas diferenciadas.

Entorno de usuario.

El entorno de usuario es donde se nos muestra la informacin e incluso se le solicita informacin al usuario. Como se explica en el apartado.

Seleccin del entorno de desarrollo. Esta capa se implementar utilizando lenguaje HTML y el uso de CSS. En un archivo de estilo (style.css por ejemplo) definiremos diversas etiquetas que luego utilizaremos en los archivos con lenguaje HTML. Principalmente definiremos cuatro elementos: un gestor de autentificacin (conocido normalmente como log-in), un men lateral, el contenido y un cuerpo de pgina. Como complemento definiremos una cabecera y un pie de pgina. Adems definiremos el estilo de cabeceras, enlaces, tipos y tamaos de letras y dems elementos que necesitemos.

Una vez definidos todos estos elementos podremos aplicarlos al diseo del portal. En primer lugar situaremos el cuerpo de la pgina. ste, estar centrado en relacin al rea del navegador y situado sobre el fondo. A este cuerpo de pgina le sobrepondremos los otros tres elementos principales del diseo (gestor de autentificacin, men y contenido), adems de la cabecera y el pie de pgina.

El gestor de autentificacin estar situado en la parte superior izquierda del cuerpo de la pgina, ocupando una cuarta parte aproximadamente del ancho de ste. Este gestor de autentificacin servir para que los usuarios registrados de la aplicacin puedan acceder a las funcionalidades especficas de su perfil de usuario.

El men lateral de la aplicacin estar situado a la izquierda, justo debajo del gestor de autentificacin, y ocupar el mismo ancho que ste. Estar compuesto por dos partes: una primera esttica, donde mostraremos el acceso a las pginas en las que se muestra informacin de la empresa, y una parte dinmica en la que se mostrarn las funcionalidades especificas a cada perfil de usuario.

El contenido estar situado a la derecha de los dos elementos anteriores, ocupando el resto del ancho de la pgina. En ste mostraremos la informacin y contenidos que creamos necesarios as como los elementos de interaccin entre el usuario y la base de datos.

La cabecera estar situada en la parte superior del cuerpo de la pgina ocupando todo su ancho. En esta cabecera se pretende mostrar un logotipo de la empresa. Finalmente situaremos el pie de pgina en la parte inferior del cuerpo. En ste mostraremos aquella informacin adicional que creamos conveniente, como por ejemplo enlaces a las pginas oficiales de los entornos de desarrollo utilizados en el proyecto.

Diseo del entorno de usuario.

INGRESO A LA WEB

INICIO

PORTAFOLIO

CLIENTES

CONTACTOS Y REGISTROS

Diseo de los menus de conexin del usuario

Este men, permitir acceder a las diferentes funcionalidades. Cada una de estas tendr una interface diferenciada, que sern mostradas en el contenido del diseo del portal.

CONCLUCIN

En conclusin creemos que la implementacin de este sitio web ser de gran importancia para la Editorial, ya que no solo se beneficiara la empresa, as mismo los clientes estarn muy al tanto con las diversas actualizaciones acerca de los distintos catlogos, impresiones, libros, material didctico educativo, etc., con el que cuenta la editorial.

La visualizacin que se va a implementar en esta web definitivamente es de gran nivel y muy dinmico, de tal manera que el cliente se sienta confianza y confort de visitar la empresa atreves del internet.

ESCUELA SUPERIOR DE CIENCIA Y ARTE DISEO MULTIMEDIA

ESTUDIANTE: PLATA QUISBERT RICHARD HERNAN MATERIA: DISEO MULTIMEDIA II DOCENTE: LUIS YURICEVIC

COCHABAMBA-BOLIVIA