8/14/2019 Practica Arquitectura de la informaci
1/18
Arquitectura de la informaciJaume Reig Carrascosa
Quarta Prctica dAvaluaci Continuada (PAC4)
Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia
8/14/2019 Practica Arquitectura de la informaci
2/18
NDEX
I.ESQUEMA --------------------------------------------------------------------------------------3
II.WIREFRAME --------------------------------------------------------------------------------- 6
III.OBJECTIUS ---------------------------------------------------------------------------------- 16
IV.OPINIPERSONAL -------------------------------------------------------------------------- 17
BIBLIOGRAFIA ----------------------------------------------------------------------------------- 18
8/14/2019 Practica Arquitectura de la informaci
3/18
OFERTASDEL DA
FINES DESEMANA
ESPECIALPUENTES
BSQUEDAHOTELES
OFERTADEL DA
BANNER
Continua cap a:A
Continua cap a:B
Continua cap a:C
Oferta del da enformat banner
grfic, en el
contingut de la
pgina
mapa interactiu de les
platjes amb informacions
generals
Mitjanant la base de dades
recuperarem les dades de lesofertes segons els criteris.
El Banner mostra de forma
alleatria les diferents ofertes
en portada.
NUESTROSHOTELES
SOBRENOSOTROS
PLAYASALMERIA
GESTINRESERVA
CONTACTO
INICIO
LLEGENDA
Entrada al site
Relacions entre
pgines
Components de
pgina
Grups de pgines
relacionadesPgina
Base de dades
I. ESQUEMA
Documents
INFO LEGAL
3
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
4/18
Prov de:A
INTERFICIEDE CERCA
BASEDADES RESERVA
DATESUBICACI
GEOGRFICA
NHABITACIONS
DESCRIPCIHOTEL
SERVEISPREU
(PROFORMA)
Llistat hotels disponibles segons criteris de cercaCerdador hotels per data dentrada i sorti-
da, ubicaci geogrfica i n habitacions.
Recupera el llistat sencer dhotels
Prov de:B
BASEDADES
RESERVA
NOTA1: Camps de
cerca (dates entrada,sortida, habitacions) per
comprovar disponibilitat
hotel.
SERVEISDESCRIPCI
HOTEL
PREUS DISPONIBILITATVeure nota1
FITXAHOTEL
Si hotel estdisponible
Si no est disponible
torna a llista hotels
I. ESQUEMA
FOTOSMAPA
UBICACI
FOTOS
UBICACI
4
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
5/18
I. ESQUEMA
Prov de:C
INTERFICIESEGUIMENT
N RESERVA
DADES
RESERVA
PGINAERROR
Si codi reserva s correcte
Si codi reserva no s correcte
5
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
6/18
II. WIREFRAME (HOME)
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
BANEROFERTAS Y PROMOCIONES
1 2 3 4 5 6 7 8 9 10
OFERTASDEL DA
FINES DESEMANA
ESPECIALPUENTES
FOTO
FOTO
FOTO
BUSCADOR HOTELES
Entrada:
Salida:
BUSCARPlaya Rural Almera (ciudad)
Habitaciones: 1
OFERTA DEL DA
6
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
7/18
II. WIREFRAME (SUBHOME)
EN LA PLAYA HOTELES RURALES ALMERA
ALMERA CIUDAD
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Nuestros hoteles
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
7
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
8/18
II. WIREFRAME (SUBHOMEOFERTASDELDA)
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
Inicio -> Ofertas del da
H**** MIRADOR DE ADRA H*****ENVIA HOTEL WELLNESS H**** PLAYADULCE
H**** PLAYATROPICAL H**** PORTOMAGNO H**** PUERTO SALUD
8
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
9/18
II. WIREFRAME (FITXA)
FOTOHOTEL
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Nuestros hoteles -> En la playa
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
Entrada: Salida: BUSCAR
Habitaciones: 1BUSCADOR BSQUEDA FILTRADA
DESCRIPCIN SERVICIOS FOTOS UBICACIN
HOTEL MIRADOR DE ADRA
El hotel Mirador de Adra**** se encuentra ubicado en un en-torno incomparable a escasos metros del mar. En la playa delponiente abderitano, situado en un pueblo con gran tradicinpesquera, donde hacer la ruta de la tapa entre otras activi-dades lugareas. El hotel est situado: A 60 km del aeropu-erto de Almera, a 40 km de Roquetas de Mar, a 55 km de
Almera (Capital), y a 20 km de las Alpujarras orientales.
COMPROVARDISPONIBILIDADCOMPARTIR:
ALOJAMIENTO: 150MEDIA PENSIN: 180PENSIN COMPLETA: 200
DETALLES
Ordenar por:
Precio:
Hasta 50de 50 a 100
de 100 a 150
ms de 150
Categoria:
1 estrella
2 estrella
3 estrella4 estrella
5 estrella
Veure Notapg 10
Aqu a sota estari-en les altres fitxesdhotel que siguinde: En la playa.
En cas dhaver-himolts resultats
podria paginar-se
9
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
10/18
II. WIREFRAME (FITXA-NOTA)
FOTOHOTEL
Entrada: Salida: BUSCAR
Habitaciones: 1BUSCADOR BSQUEDA FILTRADA
DESCRIPCIN SERVICIOS FOTOS UBICACIN
HOTEL MIRADOR DE ADRA
El hotel Mirador de Adra**** se encuentra ubicado en un en-torno incomparable a escasos metros del mar. En la playa delponiente abderitano, situado en un pueblo con gran tradicinpesquera, donde hacer la ruta de la tapa entre otras activi-dades lugareas. El hotel est situado: A 60 km del aeropu-erto de Almera, a 40 km de Roquetas de Mar, a 55 km de
Almera (Capital), y a 20 km de las Alpujarras orientales.
COMPROVAR
DISPONIBILIDADCOMPARTIR:
ALOJAMIENTO: 150MEDIA PENSIN: 180
PENSIN COMPLETA: 200
DETALLES
Ordenar por:
Precio:
Hasta 50
de 50 a 100
de 100 a 150
ms de 150
Categoria:
1 estrella
2 estrella
3 estrella
4 estrella
5 estrella
Botons Javascript. Per defectesurt la pestanya Buscador
Espai on s mostrar la informaci, per defecte surt activatDescripcin. Mitjanant els botons Javascript podrem veure
la resta dinformacions: Servicios, Fotos, Ubicacin
En aquest punt encara no sabem silhotel est disponible. Un cop com-
provat ja anem a la utilitat de reserva.
Aqu podrem filtrar els hotels de lesdiferents categories: En la Playa; hote-
les rurales, etc.. per preu i categoria.
Icones de compartici fitxa ho-tel a les xarxes socials
Si premem el bot Javascript Bsqueda filtradaens apareixen ms opcions tals com: Categoria,Regim (estncia). Un cop feta la cerca aquest ja
mostraria els resultats amb lutilitat de Reserva jaque ja coneixem quins hotels estan disponibles.
10
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
11/18
II. WIREFRAME (RESULTATCERCA)
FOTOHOTEL
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Resultado bsqueda
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
Entrada: 25/12/2011 Salida: 30/12/2011 BUSCAR
Habitaciones: 1BUSCADOR BSQUEDA FILTRADA
DESCRIPCIN SERVICIOS FOTOS UBICACIN
HOTEL MIRADOR DE ADRA
El hotel Mirador de Adra**** se encuentra ubicado en un en-torno incomparable a escasos metros del mar. En la playa delponiente abderitano, situado en un pueblo con gran tradicinpesquera, donde hacer la ruta de la tapa entre otras activi-dades lugareas. El hotel est situado: A 60 km del aeropu-erto de Almera, a 40 km de Roquetas de Mar, a 55 km de
Almera (Capital), y a 20 km de las Alpujarras orientales.
RESERVARCOMPARTIR:
ALOJAMIENTO: 150MEDIA PENSIN: 180PENSIN COMPLETA: 200
DETALLES
Ordenar por:
Precio:
Hasta 50de 50 a 100
de 100 a 150
ms de 150
Categoria:
1 estrella
2 estrella
3 estrella4 estrella
5 estrella
Com a resultatde la cerca la
utilitat ja mostrauna proformai el bot Reser-
var. Lusuaripot decidir fer
una nova cerca.
Altres resultatsde la cercai paginacisi sescau
11
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
12/18
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Contacto
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
Para cualquier consulta sobre reservas, reclamaciones o sugerencias, rellenar el formulario, y en lamayor brevedad posible le contestaremos.
ENVIAR
Nombre
Telfono
Motivo
Comentarios
Hoteles Almera SLC/ Ochoa, 2305265
TELFONOS DE CONTACTO YHORARIOS ATENCIN
Telfono: 950 26 10 10Fax: 950 26 10 10Skype:
Horarios atencin:de lunes a viernes de 9:00 a 20:00
II. WIREFRAME (CONTACTE)
12
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
13/18
II. WIREFRAME (MAPAWEB)
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Mapa web
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
MEN PRINCIPAL
Inicio
Nuestros hoteles
En la playa
Hoteles rurales AlmeraAlmera ciudad
Playas Almera
Pulp
Cuevas de Alzamora
Vera
Garrucha
MojacarAguamarga
Las negras
San Jos
Sobre nosotros
Mapa web
Cabo de gata
Toyo
Almera
Aguadulce
Roquetas de marEl Ejido y Almerimar
Gestin Reservas
Contacto
MEN CONTEXTUAL
Ofertas del da
Fines de semana
Especial puentes
MEN PIE PGINA
Info legal
13
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
14/18
II. WIREFRAME (PLAYASALMERA)
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Playas Almera
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
MAPA INTERACTIVOPLATAS ALMERA
En passar el punter per les diverses zones del mapa ens mos-trar una foto de la platja. En fer clic ens enviar a la fitxa de
cada platja.
LEVANTE ALMERIENSE
PulpiCuevas de AlzamoraVeraGarruchaMojacar
ALMERA Y CABO DE GATA
AguamargaLas negrasSan JosCabo de gataToyo
Amera
PONIENTE ALMERIENSE
AguadulceRoquetas de marEl Ejido y Almerimar
BerjaAdra
14
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
15/18
II. WIREFRAME (GESTINRESERVA)
Info legal - Sobre nosotros - mapa web - Email
hotelesAlmera - Direccin - Telfono
Inicio -> Gestin reservas
INICIO NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO
LOGO FOTO CAPALERA
RESERVAS 950 26 10 10
LOGO PATRONATALMERA
Usuario (Email):
GESTIN RESERVAS
n Reserva
VERRESERVA
15
Arquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
16/18
III. OBJECTIUS
Com ja vaig dir en els objectius de lanterior prctica, el meu principal inters en la realitzaci daquesta ha sigut que la utilitat de reserva fos el ms fcil eintutiva possible de cara a lusuari. Per a mi s ms que evident que la utilitat reserva t que ser leix principal de la web, ja que en ella es basa tot el model denegoci de la web (sense reserves per molt bonica y fcil dutilitzar per part de lusuari no hi ha negoci). Totes les altres opcions que estan al voltant de la utilitat de
reserva, tals com les informacions sobre platges, hotels i les diverses opcions a visualitzar per part de lusuari en les fitxes dels hotels (fotos, mapa ubicaci, des-cripci,..) (filtres de cerca segons preu, categoria, rgim allotjament,..) sn simplement un embolcall necessari per acabar de convncer als usuaris, per repeteixoel principal per a mi s que la reserva estigui present en la web de forma continuada i accessible per als usuaris. Per aquest motiu mhe decidit a integrar totes lesinformacions en la fitxa de lhotel mitjanant pestanyes Javascript, i al mateix temps que lusuari pugui modificar els criteris de cerca dintre la mateixa pgina ones mostren els resultats duna cerca dhotel.
Per altra part me nhe adonat (tal i com vas comentar-me en lanterior prctica) que era bastant innecessari que la pgina Sobre nosotros estigues al men glo-bal del site, per aquest motiu he posat aquesta etiqueta en el peu de pgina juntament amb la info legal i el mapa web.
16
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
17/18
IV. OPINI PERSONAL
Certament lelaboraci duna AI un cop acabada pot semblar una cosa senzilla de realitzar de cara als responsables de donar la conformitat a la proposta web. Jus-tament per la prpia naturalesa dels entregables de la AI, on es sintetitzen totes les idees al mxim perqu els responsables de donar la conformitat a la proposta,com dissenyadors, maquetadors, programadors,.. vegin clarament les pautes que han de seguir en la web. Malgrat aquesta enganyosa percepci que es pugui tindre
des de lexterior, jo me nhe adonat que no s una feina banal, com tamb me nhe adonat que durant la fase de realitzaci daquesta arquitectura anava descobrintcoses noves, problemes i solucions que no se mhavien acorregut abans de plasmar-ho tot en els documents entregables, i que un cop posats a la prctica ensevitaran molts entrebancs tant en lmbit de disseny grfic, programaci, usabilitat, .. que un cop comenada ja la fase dimplementaci del lloc web podrien sermolt difcils de resoldre, si ni ho haguessin previst amb anterioritat.
Per la meva part en faig una valoraci positiva de lassignatura, daquesta feina de conceptualitzar, sintetitzar i finalment plasmar-ho tot sobre paper, en defini-tiva crear una arquitectura de la informaci dun lloc web.
17
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
8/14/2019 Practica Arquitectura de la informaci
18/18
BIBLIOGRAFIA
Morville, Peter. Rosenfeld, Louis (1998). Arquitectura de la Informaci per la World Wide Web. OReally Media, Inc, 1005 Gravenstein Highway North, Sebastopol.
Collaboradors de la Viquipdia. Folcsonomia [en lnia]. Viquipdia, lEnciclopdia Lliure, 2009 [data de consulta: 17 de octubre del 2011]. Disponible en .
Hassan Montero, Yusef Francisco. Fernndez, J. Martn (30 de Marzo de 2003) [en lnia]. Gua de Evaluacin Heurstica de Sitios Web. No solo Usabilidad [datade consulta: 17 de octubre del 2011]. Disponible en < http://www.nosolousabilidad.com/articulos/heuristica.htm>.
Collaboradors de la Viquipdia. Benchmarking [en lnia]. Viquipdia, lEnciclopdia Lliure, 2011 [data de consulta: 15 doctubre del 2011]. Disponible en .
Rosenfeld. Louis (Aug 17, 2004). Information Architecture Heuristics [en lnia]. Bloug: Information Architecture Heuristics [data de consulta: 17 de octubre del2011]. Disponible en < http://louisrosenfeld.com/home/bloug_archive/000286.html >
Princeton University. Guide to Creating Website Information Architecture and Content [en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en
Jesse James Garrett . Un vocabulario visual para describir arquitectura de informacin y diseo de interaccin [en lnia].[data de consulta: 3 de novembre del2011]. Disponible en < http://www.jjg.net/ia/visvocab/spanish.html>
Sofa Savoy . Diseo del Sitio Web para Audiomusica S.A. [en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en
fuzzymath.com. how to read a wireframe[en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en < http://blog.fuzzymath.com/2011/07/12/how-to-read-a-wireframe/ >
Jaume Reig Carrascosa
Desembre de 2011
18
. stu is n ormtica, u tim ia i e ecomunicaci. rau e u tim iaArquitectura de la informaci. 1er semestre 2011-2012. PAC4. Jaume Reig Carrascosa
Top Related