Issuu on Google+

1


Índice 1

Manual de usuario del Proyecto fin de carrera: Portal Web para Servicios a

Asociaciones............................................................................................................. 3 1.1

Creación de un nuevo portal Web.............................................................................. 3

1.2

Interfaz Web ............................................................................................................ 6

1.3

Manual para administradores .................................................................................... 8

1.3.1

Servicio Enlace ........................................................................................................................................... 8

1.3.2

Servicio Noticias ......................................................................................................................................... 8

1.3.3

Servicio Encuestas .................................................................................................................................... 10

1.3.4

Servicio Galería de fotos ........................................................................................................................... 11

1.3.5

Servicio Foro............................................................................................................................................. 14

1.3.6

Servicio Directorio.................................................................................................................................... 15

1.3.7

Servicio Pagos ........................................................................................................................................... 15

1.3.8

Servicio Eventos ....................................................................................................................................... 18

1.3.9

Servicio Control de Usuarios .................................................................................................................... 19

1.3.10

Servicio Control de Permisos.................................................................................................................... 20

1.3.11

Servicio Mensajería................................................................................................................................... 20

1.3.12

Servicio Gestión del Portal ....................................................................................................................... 21

1.4

2

3

Manual para Usuarios Registrados........................................................................... 23

1.4.1

Servicio Enlaces ........................................................................................................................................ 23

1.4.2

Servicio Noticias ....................................................................................................................................... 23

1.4.3

Servicio Encuestas .................................................................................................................................... 24

1.4.4

Galería de fotos......................................................................................................................................... 26

1.4.5

Servicio Foro............................................................................................................................................. 28

1.4.6

Servicio Directorio.................................................................................................................................... 29

1.4.7

Servicio Pagos ........................................................................................................................................... 29

1.4.8

Servicio Eventos ....................................................................................................................................... 30

1.4.9

Servicio Mensajería................................................................................................................................... 32

Descripción de los diseños utilizados .................................................................32 2.1

Metal ..................................................................................................................... 33

2.2

Flush...................................................................................................................... 34

2.3

Casablanca ............................................................................................................. 35

Otras Webs desarrrolladas. ...............................................................................37 3.1

Diseño de CABASC, S.C.A.................................................................................... 37

3.2

Diseño Web de Muebles Sabino.............................................................................. 39

2


1 Manual de usuario del Proyecto fin de carrera: Portal Web para Servicios a Asociaciones. 1.1 Creación de un nuevo portal Web Para crear un nuevo portal Web debemos acceder a la página principal (index.php) del servidor que hemos instalado (ver manual de instalación). Si nos encontramos en el mismo equipo en el que se ha instalado la aplicación deberemos abrir un navegador Web y escribir la siguiente dirección Web: http://localhost/index.php. De esta forma accederemos a la Web que nos permitirá acceder al proceso de creación de un nuevo portal, la siguiente figura muestra el aspecto que tiene esta página.

Si pinchamos en enlace Nuevo Portal, accederemos a los formularios para registrar el nuevo portal. El proceso de creación de un nuevo portal esta formado por tres paso. El primer paso consiste en rellenar el formulario correspondiente a los datos personales (nombre, apellidos, dirección…). El segundo paso consiste en crear la tabla de campos específicos. Podemos crear campos específicos ya sean orientados a una asociación que desea crear un portal Web, una comunidad de usuarios en Internet , etc

3


Como podemos observar en la figura, cada paso tiene su propio formulario que deberá rellenar el usuario antes de proceder con el siguiente paso.

El formulario de los campos específicos está formado por un editbox , donde se inserta el nombre del campo, y un menú desplegable, podemos ver en la figura el punto 1, que indica el tipo que se le quiere asignar a ese campo. El botón Añadir otro Campo+ , permite añadir otro editbox con su correspondiente menú desplegable, de esta forma podemos crear tantos campos como se deseen. Si no escribimos nada en el editbox no se creara el campo. Una vez terminado de crear estos campos el usuario podrá pasar al siguiente campo mediante le botón Siguiente >>. Este paso es opcional y no implica la necesidad de crear campos específicos, si deseamos podemos pinchar en el botón Siguiente >> sin crear ningún campo específico

4


El tercer paso es para indicar el nombre del portal Web que se va a crear, aunque es opcional se podrá asignar el logotipo que se va a utilizar y los servicios que desea el usuario contratar para su nuevo portal Web. Estos servicios se mostrará en una lista, tal y como se muestra en la figura, en el punto 1. El usuario que desea utilizar un servicio colocará ese servicio como activado en la casilla correspondiente. Para terminar el proceso se pulsará sobre el botón Terminar. Una vez terminado se mostrará al usuario la url para acceder al nuevo portal Web.

5


1.2 Interfaz Web Comentaremos a nivel de usuario la aplicación diseñada. Hay que diferenciar entre usuarios registrados y no registrados, y entre administradores y usuarios del servicio dentro de los usuarios registrados. Como muestra la figura de abajo, esta sería la interfaz para los usuarios los registrados, podemos observar que a la izquierda de la página Web nos encontramos con un menú con todos los servicios contratados, si pinchamos sobre alguno de ellos nos aparecerá la interfaz del servicio en la parte derecha de este menú. Si pinchamos sobre cerrar sesión el usuario dejará de estar identificado en el sistema, deberá identificarse si desea volver a acceder a los servicios que tiene privilegios. Para diferenciar los servicios en los que el usuario es administrador del servicio o simplemente un usuario del mismo, se ha utilizado un icono, que se encuentra en la parte izquierda del nombre del servicio, que representa que el usuario tiene privilegios o permisos de administrador para ese servicio. En este estilo (Metal.css) el icono utilizado consiste en una mariposa negra.

Si pulsamos sobre el nombre de usuario accederemos a la interfaz que se muestra en la figura de abajo. Esta interfaz estará disponible tanto para administradores como para usuarios del servicio.

6


Como podemos observar, hay tres formularios donde el usuario podrá cambiar sus datos personales (nombre, dirección, apellidos… ). El único dato que no podrá cambiar el usuario será el nombre de usuario. También se dispone de un formulario para modificar los datos asociados a los campos específicos definidos por el fundador del portal durante el proceso de creación del mismo. Además, hay un formulario que nos permitirá modificar la contraseña asociada a la cuenta del usuario. Para ello el usuario deberá escribir su antigua contraseña y la nueva contraseña.

7


1.3 Manual para administradores 1.3.1 Servicio Enlace Los administradores pueden crear, eliminar y modificar enlaces. El administrador dispone de una pestaña de acciones, donde puede elegir entre ver el listado de los enlaces o crear un nuevo enlace. En la imagen de abajo se muestra detalladamente que ofrece este servicio. Los campos en los formularios no pueden ser vacíos y la ruta del enlace debe ser correcta, si no, informará al usuario de que no es válido.

1.3.2 Servicio Noticias El administrador puede añadir, modificar y eliminar noticias. La forma de hacerlo es a través de los enlaces que ofrece este servicio, tal y como podemos observar en la fotografía de abajo. Las noticias mostradas se realizan a través de una tabla donde podeos observar el titular de la noticia aparece en negrita sobre un fondo más oscuro, también se muestra el día en el que se creo la noticia y parte del texto de la noticia, si pinchamos sobre este texto de la noticia accederemos a la noticia correspondiente. 8


Los formularios utilizados para añadir y modificar noticias son muy similares. La fecha utilizada corresponde al día actual y es proporcionada por el sistema. Los campos correspondientes a Titular y Texto no pueden ser vacíos, de lo contrario se informará al usuario mediante un error.

En el formulario de modificación de una noticia, el usuario visualizará el titular y el texto de esa noticia y podrá realizar los cambios que considere oportunos, no obstante no se le permitirá modificar la fecha de creación del artículo o noticia.

9


1.3.3 Servicio Encuestas El administrador de este servicio podrรก gestionar encuestas de forma sencilla y rรกpida. Para acceder al formulario para crear una encuesta se pincharรก en Nueva encuesta.

10


Para crear una nueva encuesta es necesario que los campos del formulario título de encuesta, tiempo que permanecerá la encuesta no estén vacíos, además se debe insertar una opción como mínimo. Cuando se haya agregado una opción, el título de la encuesta y el tiempo que permanecerá accesible no se podrán volver a editar, si se desea cambiar sus parámetros el usuario deberá pulsar en el botón Cancelar y volver a crear la encuesta. Se podrá crear tantas opciones como se desee y se le permitirá al usuario modificarlas o borrarlas. La encuesta será efectiva cuando se pulse en el botón Aceptar. El usuario administrador no podrá votar en ninguna encuesta, pero si podrá ver los resultados de cualquiera de ellas aunque no hayan finalizado, esto ser realizará pinchando sobre la encuesta correspondiente. Como se puede observar, en la fotografía superior, se mostrarán la fecha de creación de cada encuesta, así como la fecha que finalizará. Mostrando el tiempo restante en días si no ha finalizado, o por el contrario indicará si ha finalizado.

1.3.4 Servicio Galería de fotos Aunque este servicio sea accesible a otros usuarios que no estén registrados, los administradores son los únicos que tienen todos los privilegios sobre él y podrán Eliminar cualquier álbum, foto, comentario y editar el comentario del álbum, además de los privilegios para los usuarios registrados. La creación de Nuevo álbum es muy sencilla, se realiza a través del formulario correspondiente. El administrador rellanará el formulario que consiste en un título para ese álbum y un comentario. El título será obligatorio, pero el comentario puede ser opcional. Una vez concluido pulsara en el botón Crear álbum, el sistema registrará la fecha y hora en la que se creo el álbum. Para visualizar el contenido de un álbum y poder realizar algunas operaciones sobre él, el usuario pinchará sobre la imagen deseada, de esta manera el usuario podrá ver el contenido del álbum y elegir la foto que desea ver, cambiar a otro álbum volviendo a la pantalla anterior, subir fotos, eliminar el álbum o editar el comentario asociado al álbum. Para editar el comentario el usuario pulsará sobre en enlace correspondiente y el texto del comentario será editable. Una vez terminado hay que pulsar en el botón Guardar para que se actualice el nuevo comentario. Subir una fotografía al álbum se realizará a través del formulario correspondiente.

11


Pulsando sobre alguna foto contenida en este álbum el usuario accederá a otra pantalla de visualización donde podrá ver la foto en un mayor tamaño, conocer el nombre de la foto, el tamaño que ocupa en píxeles y los comentarios, realizados por los usuarios registrados, que tiene asociado esta foto. Además, el usuario administrador podrá realizar las siguientes operaciones: Editar el título de la foto, añadir un comentario, Establecer la foto como imagen del álbum, eliminar la foto y eliminar el comentario realizado por algún usuario.

12


Se dispone de un menú de navegación formado por dos flechas y un enlace para ver el contenido de ese álbum. Las flechas permite al usuario moverse por las diferentes fotos que compone ese álbum si necesidad de volver al menú donde del álbum donde se muestran todas la fotos en miniatura.

13


1.3.5 Servicio Foro Este servicio ofrece al administrador la posibilidad de crear temas de debate y participar en cualquier tema, realizado por él o por otros usuarios. El administrador se considera como el moderador del foro y podrá eliminar cualquier tema de debate que crea conveniente o eliminar un mensaje escrito por cualquier usuario. La forma de crear un tema de debate es muy sencilla basta con pinchar en Nuevo tema para acceder al formulario correspondiente. En este formulario deberá rellenarse los campos de título y mensaje, es decir, no podrán ser vacíos. Para acceder a un tema de debate deberá pinchar en el nombre del tema deseado de la lista, tal como se muestra en la figura. Una vez dentro del tema de debate, el administrador podrá borrar cualquier mensaje contenido en este tema o bien publicar un mensaje pinchando sobre Enviar Respuesta.

14


1.3.6 Servicio Directorio Este servicio ofrece al administrador la posibilidad de realizar operaciones tales como: crear directorios, subir archivos, bajar archivos, eliminar archivos o directorios y renombrar archivos o directorios. Casi todas las operaciones se realizan a través de los iconos, tal y como se muestra en la figura. Para crear un directorio se realizará mediante el menú correspondiente. Este formulario ofrece al usuario la posibilidad de crear un directorio y como opción subir un archivo a ese directorio. Si el usuario desea descargar un archivo pulsará sobre el nombre del archivo donde se abrirá un cuadro de diálogo permitiendo al usuario guardar el archivo en su disco duro o abrirlo.

1.3.7 Servicio Pagos

15


El administrador es el encargado de establecer las fechas para realizar los pagos, el concepto y el importe. La interfaz es muy sencilla, dispone de una pestaña donde el usuario podrá moverse por diferentes opciones. En la figura, un circulo verde con el número 1, podemos ver donde esta situada esta pestaña. La opción de listado, ofrece una lista de todos los usuarios del sistema que tienen pendiente algún pago. Historial de pagos, es una lista que contiene el historial de todos los pagos que se han realizado, indicando el periodo de tiempo que comprende el pago, el concepto del pago y el importe del pago. Esta lista contiene para cada pago un estado, si el pago no se ha realizado aún tendrá como estado No Generado, es decir, aún no ha comenzado el periodo para este cobro. Configuración, aquí tenemos los formularios necesarios para establecer la fecha en la que se deberá realizar el cobro a los usuarios. Dispone de dos formas de generar los pagos: •

Por día del mes, con este formulario el usuario podrá elegir entre el día 1 al 28 para establecer la fecha del pago del mes siguiente. De esta manera cada día del mes indicado se generará de forma automática todos los cobros. También se permitirá al administrador modificar el concepto y la cuantía. Los pagos de esta forma podrán ser como mensuales o de un periodo inferior.

Generado por un día cualquiera, de esta forma se permite crear periodos más largos de tiempo y una mayor flexibilidad, pudiendo elegir cualquier día del mes. Para ello se utilizará un calendario donde el usuario seleccionará el día deseado para que se generen los pagos. Podrá moverse por los meses y años del calendario utilizando las flechas que ofrece. Una vez elegido el día para generar los pagos el usuario pinchará en el sobre el calendario, de esta manera se actualizará automáticamente el día del siguiente pago.

También ofrece la posibilidad de modificar el concepto y la cuantía.

16


17


1.3.8 Servicio Eventos Como podemos observar en la figura, en el número 1, tenemos una lista de opciones. La opción que se encuentra activada está en negrita. Disponemos de dos opciones: Un listado de eventos, donde se mostrará la fecha en la que se creo el evento, la incidencia y el usuario que generó el evento. Pinchando en la incidencia accederemos al servicio en el que se produjo el evento. Como administrador de este servicio podemos eliminar de la lista cualquier evento. Una opción de configuración, donde el usuario podrá establecer el tiempo máximo que permanecerá el evento en esta lista. Si el usuario establece como tiempo máximo 0 días, se borraran todos los eventos que se han producido hasta el momento y todos los que se generen después.

18


1.3.9 Servicio Control de Usuarios Este servicio es exclusivo del Fundador y permite gestionar aspectos de los usuarios que están registrados en el portal. Como puede observarse en la figura, este servicio proporciona una tabla con todos los usuarios que se encuentran registrados en el portal Web. Se podrá elegir el perfil que utilizará cada usuario.

Cambiar el estado de No Validado a Validado, para que el nuevo usuario pueda utilizar sus servicios. Además, el administrador podrá utilizar otras operaciones como dar de baja a un usuario pinchando sobre Eliminar o acceder a sus datos (nombre, apellidos,…. y campos específicos).

19


1.3.10

Servicio Control de Permisos

Este servicio es exclusivo del Fundador del portal Web y ofrece la posibilidad de crear nuevos perfiles o modificar o borrar perfiles ya diseñados. El administrador puede seleccionar, tal como se muestra en la figura, del menú desplegable y asignar el permiso deseado a cada servicio.

1.3.11

Servicio Mensajería

Este servicio permite a los usuarios del portal comunicarse entre si mediante un sistema de mensajería interna. El administrador de este servicio dispone de una opción que permite enviar un mensaje de difusión a todos los usuarios, de esta manera, puede comunicarse con todos los usuarios con un solo mensaje, sin necesidad de ir uno a uno. Disponemos, como se muestra en la figura, con el número 1, de una lista de opciones que facilita la visualización al usuario de este servicio. Como opciones presenta Ver mensajes y Nuevo mensaje. En Ver mensajes, el usuario tendrá una lista con todos los mensajes que tiene. Cada mensaje contiene, además del texto del mensaje, la fecha a la que se envío, el remitente y el asunto. El usuario podrá eliminar de esta lista los mensajes que desee. Nuevo mensaje. Aquí se permite enviar un mensaje a cualquier usuario del portal Web. Como observamos en la figura, en el punto 2, tenemos una lista que contiene todos los

20


usuarios que hay en el portal. Si pinchamos sobre un usuario se actualizará el formulario mostrando como destinatario a ese usuario.

Si deseamos enviar un mensaje, el texto del mensaje no podrá ser vacío, no obstante el asunto si podrá serlo.

1.3.12

Servicio Gestión del Portal

Este servicio permite a los usuarios gestionar aspectos del portal Web, ofrece al administrador gestionar aspectos como el estilo del portal Web, el mensaje de texto de bienvenida y cambiar el logotipo utilizado en el portal Web. Todo ello se realizará a través del formulario tal como se muestra en la figura. Para cambiar el estilo del portal Web el administrador podrá seleccionar el deseado dentro del menú desplegable. Automáticamente se actualizará el portal con el nuevo estilo. Para cambiar el texto de bienvenida, que aparece en la página Web principal, se realizará mediante el textarea presente en el formulario, Una vez realizado los cambios el usuario pulsara en el botón Guardar cambios para guardar el nuevo texto.

21


22


1.4 Manual para Usuarios Registrados

1.4.1 Servicio Enlaces Muestra al usuario una lista de enlaces, podrá acceder a la página correspondiente pinchando sobre el enlace.

1.4.2 Servicio Noticias Los usuarios de este servicio podrán en este servicio añadir noticias al portal Web. Las noticias mostradas se realizan a través de una tabla donde podeos observar el titular de la noticia aparece en negrita sobre un fondo más oscuro, también se muestra el día en el que se creo la noticia y parte del texto de la noticia, si pinchamos sobre el texto de la noticia accederemos a la noticia correspondiente. Los formularios utilizados para añadir y modificar noticias son muy similares. La fecha utilizada corresponde al día actual y es proporcionada por el sistema. Los campos correspondientes a Titular y Texto no pueden ser vacíos, de lo contrario se informará al usuario mediante un error. En la figura que se muestra a continuación se muestran los detalles de este servicio.

23


1.4.3 Servicio Encuestas Ofrece a los usuarios de este servicio la posibilidad de crear encuestas y participar en otras ya creadas. Como se muestra en la figura, el usuario visualizará un listado de todas las encuestas que hay, la fecha de creación y la fecha de finalización del mismo. Si pulsamos en Nueva encuesta accederemos al formulario que nos permitirá crear una nueva encuesta. Es necesario que los campos del formulario título de encuesta, tiempo que permanecerá la encuesta no deben ser vacíos, además se debe insertar una opción como mínimo.

24


Cuando se haya agregado una opción, el título de la encuesta y el tiempo que permanecerá accesible, no se podrán volver a editar, si se desea cambiar sus parámetros el usuario deberá pulsar en el botón Cancelar y volver a crear la encuesta.

25


Se podrá crear tantas opciones como se desee y se le permitirá al usuario modificarlas o borrarlas. La encuesta será efectiva cuando se pulse en el botón Aceptar. Los usuarios sólo podrán votar una única vez en la encuesta. Una vez realizada la votación podrán acceder a la encuesta para ver los resultados obtenidos hasta el momento. Si ha finalizado el plazo establecido, para una encuesta el usuario, y el usuario no ha realizado ninguna votación, no podrá realizar ninguna votación, pero si se le permitirá conocer los resultados obtenidos, aunque no haya participado en las votaciones.

1.4.4 Galería de fotos Los usuarios de este servicio tienen la posibilidad de crear álbumes, subir fotografías a cualquier álbum, enviar comentarios sobre una foto, descarga de una fotografía y editar el título asociado a una foto. La creación de Nuevo álbum es muy sencilla, se realiza a través del formulario correspondiente. El administrador rellanará el formulario que consiste en un título para ese álbum y un comentario. El título será obligatorio, pero el comentario puede ser opcional. Una vez concluido pulsara en el botón Crear álbum, el sistema registrará la fecha y hora en la que se creo el álbum. Para visualizar el contenido de un álbum y poder realizar algunas operaciones sobre él, el usuario pinchará sobre la imagen deseada, de esta manera el usuario podrá ver el contenido del álbum y elegir la foto que desea ver, cambiar a otro álbum volviendo a la pantalla anterior, subir fotos, eliminar el álbum o editar el comentario asociado al álbum. Para editar el comentario el usuario pulsará sobre en enlace correspondiente y se el texto del comentario será editable. Una vez terminado hay que pulsar en el botón Guardar para que se actualice el nuevo comentario. Subir una fotografía al álbum se realizará a través del formulario correspondiente. Como se puede observar en la figura, se podrá descargar la fotografía mediante el enlace correspondiente. Se abrirá un cuadro de diálogo que nos permitirá abrirla fotografía o descargarla.

26


27


1.4.5 Servicio Foro El usuario de este servicio tiene la posibilidad de crear temas de debate y participar en cualquier tema, realizado por él o por otros usuarios. La forma de crear un tema de debate es muy sencilla basta con pinchar en Nuevo tema para acceder al formulario correspondiente. En este formulario deberá rellenarse los campos de título y mensaje, es decir, no podrán ser vacíos. Para acceder a un tema de debate deberá pinchar en el nombre del tema deseado de la lista, tal como se muestra en la figura.

28


1.4.6 Servicio Directorio Este servicio ofrece al usuario la posibilidad de realizar operaciones tales como: crear directorios, subir archivos, bajar archivos y renombrar archivos o directorios. Casi todas las operaciones se realizan a través de los iconos, tal y como se muestra en la figura. Para crear un directorio se realizará mediante el menú correspondiente. Este formulario ofrece al usuario la posibilidad de crear un directorio y como opción subir un archivo a ese directorio. Si el usuario desea descargar un archivo pulsará sobre el nombre del archivo donde se abrirá un cuadro de diálogo permitiendo al usuario guardar el archivo en su disco duro o abrirlo.

1.4.7 Servicio Pagos

29


Ofrece al usuario información sobre los pagos que se han realizado en el portal Web con motivo de pago de cuotas de asociación, derramas, etc. El usuario podrá visualizar en este sistema dos cosas, esto será accesible desde la lista de opciones que se muestra en la figura, en el punto 1. El listado de pagos, donde el usuario verá el listado de todos los pagos que se han realizado y si lo tiene pagado o no pagado. Fecha del siguiente pago, informa al usuario de la fecha, el concepto y el importe que generará el siguiente pago.

1.4.8 Servicio Eventos El usuario de este servicio visualizará una lista de eventos que se han producido en el portal Web. Cada evento contendrá información sobre: la fecha en que se generó el evento, el usuario que intervino y la incidencia. Si el usuario pincha sobre una incidencia accederá automáticamente al servicio en el que se ha producido dicho evento.

30


31


1.4.9 Servicio Mensajería Este servicio ofrece la posibilidad de enviar mensajes entre los usuarios de la aplicación, permitiendo la comunicación entre los usuarios mediante un sistema de mensajería interna. Disponemos, como se muestra en la figura 1 con el número 1, de una lista de opciones que facilita la visualización al usuario de este servicio. Como opciones presenta Ver mensajes y Nuevo mensaje. En Ver mensajes, el usuario tendrá una lista con todos los mensajes que tiene. Cada mensaje contiene, además del texto del mensaje, la fecha a la que se envío, el remitente y el asunto. El usuario podrá eliminar de esta lista los mensajes que desee. Nuevo mensaje. Aquí se permite enviar un mensaje a cualquier usuario del portal Web. Como observamos en la figura, en el punto 2, tenemos una lista que contiene todos los usuarios que hay en el portal. Si pinchamos sobre un usuario se actualizará el formulario mostrando como destinatario a ese usuario. El texto del mensaje no podrá ser vacío, pero el asunto si.

2 Descripción de los diseños utilizados 32


Se han diseñado tres estilos diferentes: Metal, Flush y Casablanca. En esta sección se describirá cada uno de ellos y se mostrarán algunas imágenes. El código fuente de cada estilo podrá consultarse en el documento anexo: Código Fuente

2.1 Metal Muestra la página Web con un fondo de imagen abstracto, la forma de las tablas se presenta en colores grises. Los enlaces se muestran subrayados cuando se sitúa el cursor del ratón sobre ellos. Para identificar los servicios en los que se poseen privilegios de administrador se ha utilizado una mariposa negra.

33


2.2 Flush Muestra la pĂĄgina Web con un degradado azul, Los enlaces se muestran con otro color y subrayados cuando se sitĂşa el cursor del ratĂłn sobre ellos. Para identificar los servicios en los que se poseen privilegios de administrador se ha utilizado una estrella amarilla.

34


2.3 Casablanca Muestra la página Web con un degradado grisáceo, Los enlaces se muestran subrayados cuando se sitúa el cursor del ratón sobre ellos. Para identificar los servicios en los que se poseen privilegios de administrador se ha utilizado un relámpago.

35


36


3 Otras Webs desarrrolladas. 3.1 Diseño de CABASC, S.C.A. Este es el nuevo diseño de la página de Cabasc (www.cabasc.com), como podemos observar en las siguientes capturas de pantalla, se ha remodelado la Web con un nuevo diseño y con la incorporación de nuevos servicios.

Galería de fotos que nos enseñan como es la empresa, pinchando sobre la miniatura, se abre a la derecha la foto correspondiente.

37


A continuación presentamos unos ejemplos de utilización LigthtBox utilizados, concretamente: ShadowBox.js

Algunos de los servicios nuevos presentados es la posibilidad de comparativas. Ahora los socios podrán consultar de una forma sencilla y fácil el importe y los kilos de cualquier campaña y compararlas entre otros años. Se ha utilizado FusionCharts v3 (http://www.fusioncharts.com/)

38


3.2 Diseño Web de Muebles Sabino Este es un proyecto Web en el que actualmente estoy trabajando, se trata de una página Web para la Empresa Muebles Sabino. Las tecnologías utilizadas han sido PHP, JavaScript y hojas de estilo (CSS). También he utilizado LightBox para presentar las imágenes.

39


40


Porfolio