Practica Arquitectura de la informació

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


2/18

NDEX

I.ESQUEMA --------------------------------------------------------------------------------------3

II.WIREFRAME --------------------------------------------------------------------------------- 6

III.OBJECTIUS ---------------------------------------------------------------------------------- 16

IV.OPINIPERSONAL -------------------------------------------------------------------------- 17

BIBLIOGRAFIA ----------------------------------------------------------------------------------- 18


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


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



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



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



7/18

II. WIREFRAME (SUBHOME)

EN LA PLAYA HOTELES RURALES ALMERA

ALMERA CIUDAD



Inicio -> Nuestros hoteles


LOGO FOTO CAPALERA

RESERVAS 950 26 10 10

LOGO PATRONATALMERA

7



8/18

II. WIREFRAME (SUBHOMEOFERTASDELDA)




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



9/18

II. WIREFRAME (FITXA)

FOTOHOTEL



Inicio -> Nuestros hoteles -> En la playa


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



10/18

II. WIREFRAME (FITXA-NOTA)

FOTOHOTEL

Entrada: Salida: BUSCAR






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



11/18

II. WIREFRAME (RESULTATCERCA)

FOTOHOTEL



Inicio -> Resultado bsqueda


LOGO FOTO CAPALERA

RESERVAS 950 26 10 10

LOGO PATRONATALMERA

Entrada: 25/12/2011 Salida: 30/12/2011 BUSCAR






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



12/18



Inicio -> 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

Email

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



13/18

II. WIREFRAME (MAPAWEB)



Inicio -> Mapa web


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



14/18

II. WIREFRAME (PLAYASALMERA)



Inicio -> Playas Almera


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



15/18

II. WIREFRAME (GESTINRESERVA)



Inicio -> Gestin reservas


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


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



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



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


Practica Arquitectura de la informació

Documents

Transcript of Practica Arquitectura de la informació