Creació del portal web per al Conservatori Superior de Música "Joaquín Rodrigo" de Valencia

Escola Tècnica Superior d’Enginyeria Informàtica Universitat Politècnica de València CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA Projecte Final de Carrera Enginyeria Tècnica en Informàtica de Gestió Autor: Joan Tormo García Director: David Picó Vila 2012 CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 2 Taula de continguts 1-DESCRIPCIÓ DE L’ORGANITZACIÓ I DEL LLOC WEB ACTUAL ............................. 4 1.1-Descripció de l’organització .................................................................................... 4 1.2-Descripció del lloc web actual ..................................................................................5 2-ESTUDI DE CAMP: ALTRES WEBS DE CONSERVATORIS ....................................... 8 2.1-ESMUC.................................................................................................................... 8 2.2-Musikene ............................................................................................................... 10 2.3-Conservatori Superior de Música de Salamanca ................................................... 13 2.4-Conservatori Superior de Música “Salvador Seguí” de Castelló ........................... 15 2.5-Conservatori Superior de Música d’Alacant “Óscar Esplá” ................................... 17 3-INVENTARI DE CONTINGUTS ................................................................................. 20 4-PERFILS D’USUARIS ................................................................................................ 26 5-CARD-SORTING ......................................................................................................... 28 5.1-Introducció al card-sorting ................................................................................... 28 5.2-Aplicació al nostre projecte .................................................................................. 28 6-ARQUITECTURA (ORGANITZACIÓ) DE LA INFORMACIÓ ................................... 34 6.1-Primera classificació per categories ...................................................................... 34 6.2-Estructuració i jerarquització de la informació .................................................... 35 6.3-Esquema resultant de l’organització dels continguts del portal (continguts agrupats per seccions) ................................................................................................ 40 7-ENLLAÇOS ESTRUCTURALS I ENLLAÇOS REFERENCIALS ................................. 42 7.1-Enllaços estructurals ............................................................................................. 42 7.2-Enllaços referencials ............................................................................................. 44 8-FERRAMENTES DE NAVEGACIÓ ............................................................................ 46 8.1-Menú ..................................................................................................................... 46 8.2-Logotip ..................................................................................................................47 8.3-Gadget de notícies .................................................................................................47 8.4-Molles de pa ......................................................................................................... 48 8.5-Buscador ............................................................................................................... 48 8.6-Paginació .............................................................................................................. 48 8.7-Presentació de diapositives / Miniatures ............................................................. 50 3 8.8-Enllaç a la part superior ....................................................................................... 50 8.9-Mapa web ............................................................................................................. 50 8.10-Calendari ............................................................................................................ 50 9-DINÀMICA DEL WEB ................................................................................................. 51 9.1-Ritmes d’actualització ............................................................................................ 51 9.2-Accés ..................................................................................................................... 53 9.3-Estats dels documents ........................................................................................... 55 10-WIREFRAMES ........................................................................................................... 57 10.1-Pàgina principal - Notícies .................................................................................. 58 10.2-El centre .............................................................................................................. 59 10.3-Secretaria ............................................................................................................ 62 10.4-Agenda ................................................................................................................ 66 10.5-El racó de l’alumne ............................................................................................. 69 10.6-Enllaços ............................................................................................................... 71 10.7-Mapa web ............................................................................................................. 72 10.8-Búsqueda ............................................................................................................. 73 11-BIBLIOGRAFIA .......................................................................................................... 75 CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 4 1-DESCRIPCIÓ DE L’ORGANITZACIÓ I DEL LLOC WEB ACTUAL 1.1-Descripció de l’organització: El projecte que realitzarem consistirà en l’elaboració d’un nou portal web per al Conservatori Superior de Música “Joaquín Rodrigo” de València. Aquesta institució es troba integrada dins de l’Institut Superior d’Ensenyaments Artístics de la Comunitat Valenciana (ISEACV), com els altres conservatoris superiors que podem trobar en la Comunitat Valenciana (conservatoris de Castelló i Alacant). El Conservatori compta amb més de 600 alumnes entre totes les especialitats, així com amb 150 professors. Es poden cursar una gran varietat d’especialitats: especialitats d’interpretació (arpa, clarinet, fagot, flauta travessera, etc.), de direcció (direcció d’orquestra i direcció de cor), de pedagogia (pedagogia del cant i dels instruments, i pedagogia del llenguatge musical i educació musical), així com musicologia, composició, i també, des de fa poc de temps, l’especialitat de jazz. Així, en funció de l’especialitat estudiada, cada alumne haurà de cursar les assignatures designades per a la seua especialitat. Cal destacar que és interessant aquesta renovació de la seua pàgina web com a conseqüència del trasllat al nou edifici situat al carrer Cineasta Ricardo Muñoz Suay, junt al Palau de la Justícia de València. Aquest projecte naix de la necessitat que pensem ha de tenir tota institució d’adaptar-se a les noves tecnologies. D’aquesta manera, es pretén facilitar l’accés a informació sobre aquest centre així com que els seus membres puguen gaudir de recursos útils sense necessitat de desplaçar-se físicament a l’esmentat centre. Un avantatge interessant a l’hora d’estudiar en aquest centre és que des d’aquest any, els alumnes del centre disposen de l’opció de realitzar un Erasmus a diferents centres europeus, així com altres estudiants d’aquestos centres poden cursar estudis en el Conservatori Superior de València. Això permet ampliar coneixements als alumnes, permetent rebre formació en distints centres de la geografia europea. Com a conseqüència d’aquesta última observació, és també molt interessant crear un nou portal web a través del qual tothom puga accedir i informar-se de qualsevol aspecte d’aquest centre. D’aquesta forma, amb una web ben organitzada i amb un fàcil accés a la informació buscada, qualsevol alumne (ja siga Erasmus o no), professor, etc., podrà de forma ràpida fer-se una idea dels serveis oferts per aquesta institució. També hem de destacar que un 5 portal web que destaque per la seua aparença afavoreix una visió positiva sobre el centre. Entre altres aspectes, per a aconseguir aquestes dues característiques (bona estructura i aparença) haurem de realitzar una anàlisi de l’organització, especificant a quins tipus d’usuaris va destinada així com revisar quins continguts hem d’incloure i estructurar-los d’una manera correcta. 1.2-Descripció del lloc web actual: Descipció general: Si observem la pàgina web actual del Conservatori (http://www.csmvalencia.es), podem veure com es tracta d’una pàgina web merament informativa. Com que aquesta web no ha sigut creada per un professional en la matèria, considerem que és interessant una renovació d’aquest portal per a pal·liar les mancances que puga tindre. D’aquesta manera, reestructurarem la informació que ja està disponible en aquesta web. Al mateix temps, afegirem d’altra a més de crear noves funcionalitats com puga ser una intranet. Tecnologia utilitzada: Aquest portal web que hi ha actualment està realitzat amb HTML (sense utilitzar fulls d’estil CSS), utilitzant Javascript en determinades ocasions. Cal destacar també que s’inclouen una gran quantitat de documents en format PDF. Organització de la informació: Quant a l’organització de la informació, podem observar com s’estructura en seccions, de la manera que reflexa un menú situat a l'esquerra: CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 6 Cadascun dels elements del menú són enllaços que condueixen a una nova pàgina HTML. Es tracta de pàgines estàtiques. Quan s’afegeix informació nova a la pàgina web, es fa directament sobre la plana principal (index.html). És a dir, en la zona del contingut d’aquesta pàgina s’inclouen nous enllaços que o bé es dirigeixen a altres pàgines web, o bé són enllaços a documents PDF i DOC. Descripció de les seccions del portal: A continuació, explicarem les diverses pàgines a les quals condueix l’esmentat menú. L’apartat “Centro” ens envia a una pàgina on apareix una fotografia del centre, ens indica la direcció i ens mostra un enllaç a Google Maps per a poder veure la ubicació del mateix. Mitjançant l’enllaç “Departamentos” podem veure quins són els professors associats a cada departament del conservatori (departament d’arc, de vent fusta, d’instruments polifònics, etc.). Als apartats “Consejo de Centro”, “Gobierno de Centro” observem informació de qui componen aquestos òrgans, mentre que en “Pas” podem saber qui és el personal d’administració i serveis. “Estudios” ens indica quines especialitats pots cursar si realitzes els teus estudis en aquest conservatori (conté diferents enllaços a documents PDF). L’apartat “Secretaría” ens facilita informació sobre l’horari i telèfon d’atenció de la secretaria del centre, mentre que en “Matriculació” obtenim dades sobre la forma de procedir amb la matrícula en el curs actual. L’enllaç “Agrupaciones” ens porta a una pàgina web on podem triar accedir a les planes web de quatre formacions del conservatori (Orquestra de Flautes, Brass Band, Cant i Percussió). Cal destacar que si accedim a qualsevol de les tres primeres agrupacions, no podem tornar a la pàgina web del conservatori si no és mitjançant l’enllaç Enrere de l’explorador web (o escrivint de nou l’URL). “Actividades” mostra enllaços als diferents cursos i activitats que s’estan realitzant actualment en el centre. A l’apartat “Relaciones internacionales” podem obtindre informació sobre la possibilitat de realitzar un Erasmus (conté diferents enllaços a documents PDF). Hem de dir que ací obtenim una informació per duplicat, ja que si observem la pàgina inicial de la web del conservatori (index.html) obtenim un enllaç a una nova web dedicada a l’Erasmus en aquest centre 7 (http://erasmus.csmvalencia.es/). I en aquesta nova web podem veure la mateixa informació que amb l’enllaç “Relaciones internacionales”. “Enlaces” ens mostra links a pàgines web externes al conservatori que puguen resultar d’interès als membres del centre. Per últim, mitjançant l’enllaç “Galeria” podem veure fotografies del nou edifici construït, estrenat aquest curs. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 8 2-ESTUDI DE CAMP: ALTRES WEBS DE CONSERVATORIS A continuació ens fixarem en altres planes web de distints conservatoris de la geografia espanyola. Concretarem, i analitzarem les pàgines de l’Escola Superior de Música de Catalunya “ESMUC” (http://www.esmuc.cat/), el Centre Superior de Música del País Basc “Musikene” (http://www.musikene.net/), el Conservatori Superior de Música de Salamanca (http://www.consuperiorsal.com/), el Conservatori Superior de Música de Castelló “Salvador Seguí” (http://www.conservatorisuperiorcastello.com/), i el Conservatori Superior de Música d’Alacant “Óscar Esplá” (http://www.csmalicante.es/). 2.1-ESMUC: Descripció de l’estructura: La pàgina presenta una estructura ben clara, utilitzant en ocasions barres per a separar les seccions ( ). A la part superior podem observar una zona institucional, reservada per al logo del conservatori, així com un àrea destinada a l’accés a la intranet (introduint el nom d’usuari i la contrasenya. A més, observem un buscador. La secció central es divideix en tres parts. En la primera d’aquestes parts es troba el menú (zona de navegació), des del qual podem navegar a diferents pàgines. També, en aquesta zona de l’esquerra de la plana, podem observar un calendari, en el qual es troben indicats els concerts o actes programats del conservatori. 9 Podem trobar una zona d’informació, la qual es mostra al mig de la secció central. És en aquesta part on s’inclouen les notícies d’actualitat, amb imatges i enllaços. A la part de la dreta, observem enllaços d’interès. Aquests enllaços condueixen a informació que es consulta de forma massiva (guia de l’estudiant, consulta de notes, matrícula...). També s’inclouen imatges en forma d’enllaç. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 16 Tot seguit, la pàgina s’estructura en dos zones. La zona de l’esquerra està composada per un menú, els enllaços del qual ens permeten accedir a noves pàgines, així com a arxius PDF. L’altra zona és l’encarregada de mostrar la informació corresponent en cada cas. En la pàgina principal, s’inclou informació general del centre així com mostra les notícies. Hem de destacar que les notícies no es guarden en cap historial, són mostrades totes al mateix temps. Açò fa que la pàgina tinga una gran extensió. 17 Com es pot observar a la imatge anterior, hi ha molts enllaços a documents PDF en les notícies que tenen una imatge trencada com a enllaç ( ). Organització de la informació: Aquest portal no presenta una clara organització de la seua informació. Com hem comentat, se serveix únicament d’un “menú” a l’esquerra a partir del qual podem accedir a totes les pàgines. Hem de destacar que ofereix informació relativa a la història del conservatori així com de la junta directiva del mateix. També podem veure informació sobre com estudiar al centre (proves d’accés) així com del procés de matriculació. Tecnologia: Quant a la tecnologia emprada, cal dir que utilitza HTML sense fulles d’estil ni Javascript. Per a estructurar la pàgina utilitza una taula. NOTA: La web d’aquest centre ha sigut modificada durant l’elaboració d’aquest document. 2.5-Conservatori Superior de Música d’Alacant “Óscar Esplá”: Descripció de l’estructura: Aquesta pàgina web presenta una estètica bastant diferent a l’anterior. Es tracta d’una web de recent creació, ja que encara podem trobar a Internet l’anterior web del conservatori (http://www.csmoscarespla.com/, creada amb Joomla). Aquesta nova plana està implementada amb PHP. A la pàgina principal observem clarament la seua estructura. Dalt del tot hi ha una zona institucional, on es troben els logotips del conservatori, l’ISEACV (Institut d’Ensenyances Artístiques de la Comunitat Valenciana) i de la Generalitat Valenciana, així com una imatge del centre. També s’observa un primer menú, amb accessos a les pàgines més importants. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 18 Mentre, al capdavall, es troba el Copyright de la pàgina web, creada per Jorge Navas Alejo. Més avall, observem diferents seccions. Una primera secció destinada a les últimes notícies del centre, amb enllaços per a seguir llegint més informació de la notícia. També es veu una imatge que indica que el centre disposa de la carta Erasmus. A la seua dreta, es troba un nou menú amb una imatge canviant a continuació d’aquest. I baix d’aquesta secció, es troba una zona on es mostra la informació pertinent en cada cas. 19 L’accés al Campus Virtual es realitza utilitzant la tecnologia de Moodle (http://moodle.org/), mentre que el Correu Web està implementat amb Horde (http://www.horde.org/). Organització de la informació: En primer lloc parlarem de la informació relativa al menú superior: En aquest menú obtenim informació general sobre el centre. Podem llegir la benvinguda del director del conservatori, conéixer la seua història i veure informació sobre l’equip directiu i el professorat del centre. A més, podem consultar dades sobre la matriculació en aquest conservatori, i altres aspectes propis de secretaria. Per últim, podem obtindre informació sobre l’orquestra del conservatori així com sobre com realitzar Erasmus (International Office). Si utilitzem l’altre menú, accedim a informació relativa a les especialitats que es poden cursar en aquest centre, sobre les proves d’accés, i també sobre events i notícies relacionades amb el conservatori. Tecnologia: Com hem comentat anteriorment, la tecnologia que s’ha emprat per a l’elaboració del portal és PHP. Hem de destacar que si utilitzem algun buscador per a trobar la pàgina del conservatori, com per exemple el de Google, obtenim primer resultats relacionats amb l’antiga web, problema que s’hauria de solucionar. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 20 3-INVENTARI DE CONTINGUTS A continuació, realitzarem un llistat dels continguts que considerem que seran necessaris al nou portal web. Investigarem qui els proporciona, amb quina freqüència i qui els rep. a) Informació general sobre el centre: Hem de presentar les següents dades del centre: - Telèfons - Horaris o Secretaria o Atenció a l’alumnat per part del Secretari/a, Cap d’estudis i Director/a - Informació al voltant de l’edifici o Infraestructures o Ubicació o Plànol - Història de la institució - Equip docent - Equip directiu - PAS (Personal d’Administració i Serveis) - Especialitats (distribuïdes en Departaments) Proporcionat per: Equip directiu Freqüència: Permanent (modificable) Rebut per: Tothom 21 b) Notícies Hem de permetre publicacions de notícies del centre, com puga ser l’atorgació dels Premis Extraordinaris Fi de Carrera, la visita d’algun personatge important al Conservatori, etc. També inclourem notícies de proves per a accedir a algunes orquestres (JOGV, JONDE, EUYO...) Proporcionat per: Professors/es Freqüència: Variable (Diària/Setmanal/Mensual) Rebut per: Tothom c) Calendari lectiu Per tal de que tothom (tant alumnes com professors/es) puguen saber els períodes lectius, festius, altres dies no lectius, períodes d’exàmens, etc. Proporcionat per: Equip directiu Freqüència: Anual (modificable) Rebut per: Tothom d) Informació de les provés d’accés Destinada a aquells estudiants de música que vulguen accedir a cursar una especialitat en aquest centre. Es tracta d’informació al voltant dels requeriments, obres exigides, dinàmica de la prova, dates, etc. Proporcionat per: Equip directiu Freqüència: Anual (modificable) Rebut per: Futurs alumnes CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 22 e) Informació de la matrícula Per tal que els alumnes puguen conèixer la documentació necessària per a realitzar correctament la seua matrícula, així com la data i hora a la qual estan citats. Proporcionat per: Equip directiu Freqüència: Anual (modificable) Rebut per: Alumnes (i futurs alumnes) f) Informació dels horaris de la matrícula Aquesta característica, molt demanada pels alumnes del centre, permetrà que els estudiants puguen saber els horaris de les assignatures sense desplaçarse físicament al centre. Proporcionat per: Equip directiu Freqüència: Anual (modificable) Rebut per: Alumnes (i futurs alumnes) g) Informació sobre l’Erasmus Destinada tant a aquells estudiants del centre que vulguen participar com als estudiants d’altres centres estrangers. Es tracta d’informació al voltant dels requeriments per a poder realitzar Erasmus, centres amb els quals aquest conservatori disposa de un conveni d’intercanvi d’alumnat, etc. Proporcionat per: Coordinadors/es Erasmus (Professors/es) Freqüència: Quadrimestral (modificable) Rebut per: Alumnes (tant del centre com de centres estrangers) 23 h) Activitats Per tal de saber les pròximes audicions, concerts, masterclasses, i qualsevol tipus d’activitat extraordinària desenvolupada al centre. - Audicions Proporcionat per: Professors/es Freqüència: Variable Rebut per: Tothom - Conferències Proporcionat per: Professors/es Freqüència: Mensual Rebut per: Alumnes (principalment) - Concerts Realitzats per les formacions més grans del centre (orquestres, bandes, etc.) Proporcionat per: Professors/es Freqüència: Quatrimestral Rebut per: Tothom - Masterclasses Proporcionat per: Professors Freqüència: Variable Rebut per: Alumnes CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 24 i) Recursos Hem de permetre la publicació de material didàctic (transparències, partitures, etc.) per part dels professors. Proporcionat per: Professors/es Freqüència: Variable Rebut per: Alumnes j) Notes Hem de contemplar la possibilitat de que els alumnes puguen comprovar les seues qualificacions a través del portal web. Proporcionat per: Professors/es Freqüència: Quatrimestral Rebut per: Alumnes k) Informació al voltant de faltes, baixes, substitucions i altes de professors/es Amb açò es pretén evitar el desplaçament innecessari de l’alumnat al centre, en el cas que algun professor no puga impartir classe (i a l’inrevés). Proporcionat per: Professors Freqüència: Variable Rebut per: Alumnes 25 l) Imatges i vídeos Hem d’incloure imatges i vídeos de les activitats realitzades al centre, així com fotografies del nou centre, entre altres. Proporcionat per: Professors/es Freqüència: Variable Rebut per: Tothom m) Enllaços Afegirem una relació d’enllaços importants que tinguen una relació amb el centre. D’aquesta manera, introduirem vincles a pàgines de les formacions del centre, així com a pàgines externes. - Enllaços a grups del centre o Orquestra de Flautes o Brass Band o Cant o Grup de Percussió o Banda de la UPV o Formacions de música de cambra destacades - Altres enllaços o Ministeri d’Educació o Universitats o ISEACV o ... Proporcionat per: Administrador Freqüència: Permanent (modificable) Rebut per: Tothom CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 32 El número de cada casella indica el nombre de participants que han posat el parell de targetes dins d’una mateixa categoria. Per exemple, tots els participants han pensat que el contingut “Història del conservatori” ha d’estar al mateix lloc que “Informació de l’edifici”. En canvi, tan sols una persona considera que “Notes de l’alumne” ha d’estar en la mateixa categoria que “Notícies de premis concedits a alumnes/professors”. En “Standardization Grid” es mostra el nombre de vegades que una targeta ha sigut ubicada en les categories que hem definit a posteriori dels resultats: Per exemple, el contingut “Apunts i partitures de classe” tan sols el trobem en la categoria creada “Alumnes”. En el cas de “Informació de l’edifici” podem observar que s’inclou en “Informació del centre” (7 vegades) i en “Secretaria” (1 vegada). Per tant podem concloure que serà millor relacionar-lo amb la informació del centre. A continuació trobem la pestanya “Dendograms”, on trobem dos dendrogrames diferents (cadascun utilitza un algoritme diferent). La principal diferència és que el segon mètode és menys restrictiu que el primer (com diu en l’aplicació web: “indica el % de participants que estan d’acord amb parts d’aquesta agrupació”, mentre que el primer mètode “indica el % de participants d’acord amb aquesta agrupació”). Per tant, com utilitzem tan sols 10 participants, ens resulta més útil aquest últim (“Best Merge Method”). 33 Així, per exemple, segons aquest mètode, tots estan d’acord en que “Informació de l’edifici” i “Història del conservatori” han d’anar junts en la mateixa categoria. En el cas contrari, menys d’un 60% de persones pensen que els vídeos haurien d’estar relacionats amb la informació de les audicions, concerts, conferències i masterclasses. Per últim, a “PCA” podem observar les 3 agrupacions completes de participants (és a dir, sense haver modificat nosaltres cap aspecte) que són més acceptables. Per exemple, ens indica que 4 dels 10 participants han ordenat les targetes d’una manera semblant a “sergine[email protected]”. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 34 6-ARQUITECTURA (ORGANITZACIÓ) DE LA INFORMACIÓ A partir dels resultats obtinguts al card-sorting, anem a decidir la jerarquia de la informació que pensem que funcionarà millor en la nova web. Tot i que principalment ens basarem en el segon dels dendrogrames per a realitzar l’organització, també tindrem en compte els altres aspectes dels resultats. 6.1-Primera classificació per categories: Per a establir una manera fiable de classificar els continguts de forma correcta, ens basarem en l’agrupació amb la que el 70% dels participants estan d’acord (cada punt correspondria a una mateixa categoria): o Informació dels Premis Extraordinaris Fi de Carrera, Notícies relacionades amb els Premis Extraordinaris Fi de Carrera i Notícies de premis concedits a alumnes/professors. o Enllaços a pàgines de joves orquestres, Enllaços a pàgines de sales de concerts, Enllaços a pàgines d’institucions (Ministeri, ISEACV, etc.) i Informació de proves a joves orquestres. o Informació dels membres de l’equip directiu (e-mail, horaris, ...), Informació d’altes i baixes de professors, Informació de les especialitats i dels departaments, Informació del professor (email, horaris, ...) i Llista de professors. o Imatges del centre, Informació de l’edifici i Història del conservatori. o Telèfons del centre, Horaris del centre i Horaris de Secretaria. o Horaris de les assignatures, Horaris de la matrícula i Informació de la matrícula (papers a presentar). o Notes de l’alumne i Apunts i partitures de classe. o Vídeos de les audicions, conferències i concerts i Imatges de les audicions, conferències i concerts. o Informació d’audicions i concerts i Informació de masterclasses i conferències. Si ens fixem en la graella d’estandardització, observem que el contingut “Informació de les proves d’accés” (que encara no l’hem agrupat) s’inclou 35 principalment dins la categoria creada “Matrícula i proves d’accés”. Per tant, podem afegir-la en l’agrupació nº6. Els continguts “Informació de l’Erasmus” i “Calendari lectiu” queden (de moment) sense agrupar segons aquest criteri. 6.2-Estructuració i jerarquització de la informació: A partir d’aquesta primera agrupació, anem a intentar decidir una jerarquia entre els continguts, establint d’aquesta manera les diferents seccions que conformaran la nostra plana web, tenint en compte els resultats obtinguts amb la tècnica del card-sorting. Enllaços: En primer lloc, podem observar (a la pestanya PCA) que 4 dels 10 participants tenen una agrupació similar a l’enviada pel participant [email protected]. En aquesta agrupació, els enllaços conformen una secció. A més, si ens fixem en la matriu de similitud, observem com els continguts d’aquesta secció han sigut relacionats per quasi tots els participants: A més, a la graella d’estandardització també apareixen els 4 continguts relacionats amb la categoria creada “Enllaços” més vegades que amb les altres categories. Per tant, és prou evident que una secció de la nostra plana anirà dedicada als enllaços. Continguts:  Enllaços a pàgines de joves orquestres  Enllaços a pàgines de sales de concerts  Enllaços a pàgines d’institucions (Ministeri, ISEACV, etc.)  Informació de proves a joves orquestres CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 36 Agenda: Tot i que hi havia gent que considerava que la informació d’esdeveniments (audicions, conferències...) hauria d’anar junt amb altra informació per a l’alumnat, la majoria la relacionaven amb els continguts multimèdia d’aquests esdeveniments. Com es pot observar en la matriu de similitud, els 4 continguts (apartats 8 i 9 de la llista anterior) es relacionen bastant. Per tant, pensem que és una bona decisió posar-los junts. Més endavant, quan s’implemente la nova web, podrem crear un enllaç de la informació de l’esdeveniment amb els seus continguts multimèdia. Al mateix temps, utilitzant per exemple un calendari podrem accedir també a la informació sobre aquests esdeveniments. Secretaria: Encara que la informació sobre la matrícula i els horaris són continguts amb gran pes que podrien conformar per ells sols una secció, hem considerat que estaria bé que formaren part d’una secció encara més gran (Secretaria) on estigueren relacionats amb altres tipus de continguts propis d’aquesta secció. D’aquesta forma, també podrem ajuntar-los amb la informació de contacte del centre (telèfons, horaris...). A més, si observem la matriu de similitud, aquests continguts estan prou ben relacionats entre ells mateixos: 37 Per tant, en aquesta secció relacionarem els apartats 5 i 6 (afegint la “Informació sobre les proves d’accés”, com havíem comentat abans) del llistat anterior. A més, i com es pot veure també en la imatge anterior, el contingut “Calendari lectiu” també ha sigut relacionat pels usuaris amb els continguts que hem inclòs en aquesta secció. Per açò, considerem que és una bona opció incloure’l ací. Per últim, hem cregut convenient incorporar en aquesta secció la “Informació dels Premis Extraordinaris Fi de Carrera”, ja que molts alumnes buscarien aquesta informació en una “secretaria virtual”. A més a més, hi ha un usuari que ha creat una secció denominada “Secretaria” i ha inclòs aquest contingut (decisió idèntica a la nostra). No obstant això, no es descarta la possibilitat d’incloure aquest contingut també en altra secció. Pestanya “Cards” (desplegament del contingut per veure les Categories on ha sigut inclòs) CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 38 El centre: En aquesta secció anem a incloure diversos continguts que encara que són de temàtiques diferents, podrien agrupar-se dins d’aquest gran apartat com a subseccions d’aquest. En primer lloc, una subsecció anomenada “Història i descripció” correspondria a l’apartat 4 del llistat anterior (Imatges del centre, Informació de l’edifici i Història del conservatori). D’aquesta forma, podríem especificar informació sobre el centre (amb imatges) així com la seua història. Per altra banda, incorporarem una subsecció denominada “Premis”. En aquesta, inclourem notícies relacionades amb premis concedits tant al propi Conservatori, com als seus professors i alumnes (on s’inclouen els Premis Extraordinaris Fi de Carrera). Així, tot i que separem el contingut “Informació dels Premis Extraordinaris Fi de Carrera” dels altres dos als quals molts usuaris havien lligat (“Notícies relacionades amb els Premis Extraordinaris Fi de Carrera” i “Notícies de premis concedits a alumnes/professors”), considerem que és una bona decisió per tal de no crear una secció específica dedicada exclusivament als premis, ja que no tenen suficient entitat per sí sols. Per últim, hem decidit incloure ací els continguts relatius als professors, les especialitats i l’equip directiu (corresponent a l’apartat 3 del llistat anterior). A més, en la matriu de similitud, es veu com hi ha uns quants usuaris que han considerat que han d’anar relacionats els continguts de la subsecció “Història i descripció” del centre amb aquests continguts: El racó de l’alumne: 39 Hem tret aquest nom directament d’un dels usuaris que ha realitzat el nostre estudi. Es tracta del contingut que necessita l’alumne dia a dia. Està ben clar que es correspon amb l’apartat 7 del llistat especificat abans. Considerem que tot i que en un principi només hi ha dos continguts en aquesta secció, és important que aquests constituesquen una secció perquè potser més endavant puga ser la porta d’accés a la Intranet de l’alumne. A més, el contingut del “Calendari lectiu” també podria ser accessible des d’aquesta secció. Per últim, hem decidit incloure en aquest apartat el contingut “Informació de l’Erasmus”, ja que, encara que podríem ubicar-lo en “Secretaria” són els alumnes del centre els que reclamaran aquest tipus d’informació. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 40 6.3-Esquema resultant de l’organització dels continguts del portal (continguts agrupats per seccions):  El Centre o Història i descripció  Història del conservatori  Informació de l’edifici  Imatges del centre o Especialitats, professorat i equip directiu  Informació de les especialitats i dels departaments  Llista de professors  Informació del professor (e-mail, horaris, ...)  Informació d’altes i baixes de professors  Informació dels membres de l’equip directiu (e-mail, horaris, ...) o Premis  (Informació dels Premis Extraordinaris Fi de Carrera)  Notícies relacionades amb els Premis Extraordinaris Fi de Carrera  Notícies de premis concedits a alumnes/professors  Secretaria o Proves d’accés  Informació de les proves d’accés o Matrícula  Horaris de les assignatures  Horaris de la matrícula  Informació de la matrícula (papers a presentar)  Calendari lectiu 41 o Contacte  Telèfons del centre  Horaris del centre  Horaris de Secretaria o Premis Fi de Carrera  Informació dels Premis Extraordinaris Fi de Carrera  Agenda  Informació d’audicions i concerts  Informació de masterclasses i conferències  Vídeos de les audicions, conferències i concerts  Imatges de les audicions, conferències i concerts  El racó de l’alumne  Notes de l’alumne  Apunts i partitures de classe  (Calendari lectiu)  Informació de l’Erasmus  Enllaços  Enllaços a pàgines de joves orquestres  Enllaços a pàgines de sales de concerts  Enllaços a pàgines d’institucions (Ministeri, ISEACV, etc.)  Informació de proves a joves orquestres CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 48 8.4-Molles de pa Per altra part, considerem important la utilització dels breadcrumbs o molles de pa 1 . Aquesta ferramenta, que rep el nom del conte infantil “Hansel i Gretel”, permet guardar a l’usuari la ruta de la seua ubicació dins del portal web. Així, sabran on es troben amb major facilitat i podran accedir a nivells superiors dins de la jerarquia de la web. Aquesta eina apareixerà de manera horitzontal al principi de la plana web. D’aquesta manera, polsant sobre els enllaços que es van formant, l’usuari podrà tornar a recórrer el camí que li ha dut a la pàgina on es troba actualment. 8.5-Buscador Una altra eina de navegació imprescindible en tota pàgina web de dimensions considerables és el buscador. Amb aquesta ferramenta l’usuari podrà trobar d’una manera directa la informació que vol conèixer. Tot i que hem de tindre una web amb la informació ben estructurada (el buscador no és un substitut d’açò), les cerques per paraules clau ofereixen a l’usuari un llistat d’enllaços específics per a continuar la navegació. Els menús faciliten una visió de conjunt, però si l’usuari està buscant una informació molt específica que no es menciona en els continguts, pot perdre’s el que la web li pot oferir. Els resultats els mostrarem de la següent manera: Data + Títol + Breu resum Així els usuaris podran veure’ls de forma ordenada cronològicament, facilitant l’accés al contingut desitjat. Aquest element l’ubicarem en un lloc sempre visible de la nostra web, concretament dalt a la dreta, junt al mapa web. 8.6-Paginació Altra ferramenta que ens serà de gran utilitat serà la paginació. Amb aquesta tècnica podrem dividir una pàgina amb una gran quantitat de continguts en diverses pàgines amb menys informació, com ja hem comentat en l’apartat referent als Enllaços estructurals i referencials. D’aquesta forma l’usuari podrà llegir la informació amb major facilitat. A més, es diu que llegir sobre la pantalla és un 25% més lent que llegir sobre paper imprès. Els ulls es cansen més prompte. Per això, serà ideal aquesta 1 També es denomina “fil d’Ariadna”, evocant al mite en el qual Ariadna deixava un fil per a que Teseu poguera escapar del laberint del minotaure. 49 eina per a que l’usuari no es canse llegint la pàgina i tinga una lectura més còmoda. Per altra banda, segons l’estudi de J. Nielsen, es diu que els usuaris llegeixen tan sols entre un 20% i un 28% del contingut de la pàgina i que un 17% estan menys de 4 segons abans de passar a una altra pàgina (en la bibliografia s’adjunta l’enllaç). Moltes voltes l’usuari llig cercant exclusivament la informació que vol saber. Segons la teoria de Peter Pirolli i Stuart Card (teoria del rastreig o farratge d’informació), els usuaris tenen un objectiu clar i comencen la seua cerca buscant rastres d’allò que necessiten. Per tant, si tenim poca informació en cada pàgina facilitarà als usuaris trobar allò que volen. També hem de tindre en compte que la gent llegeix més percentatge de text d’una pàgina amb un nombre baix de línies d’informació. Açò es pot observar en la següent gràfica de l’estudi de Nielsen: CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 50 8.7-Presentació de diapositives / Miniatures En el cas de les imatges del centre, o les relatives als esdeveniments, podrem crear una presentació de diapositives per a que l’usuari puga veure tranquil·lament les fotos. O, pel contrari, l’usuari tindrà l’opció de veure les imatges en miniatura i, seleccionant la imatge desitjada, veure-la amb majors dimensions. Per tant, aquesta ferramenta la utilitzarem en les seccions Imatges del centre i Imatges de les audicions, conferències i concerts. 8.8-Enllaç a la part superior Considerem que serà de prou utilitat en les pàgines en les que el seu contingut no es pot visualitzar en la seua totalitat en una pantalla d’ordinador. Així, crearem un simple enllaç que faça referència a la part superior de la web. 8.9-Mapa web Una altra opció que haurem d’incloure en la nostra plana web és la ferramenta del mapa web. Amb ell mostrarem l’estructura jeràrquica completa de la web, per a mostrar els elements disponibles en els diversos nivells. Així, l’usuari podrà arribar a la pàgina desitjada amb tan sols un clic. Aquesta eina de metanavegació la ubicarem en una part sempre visible dalt a la dreta (amb el buscador). 8.10-Calendari Per últim, i com hem comentat en l’apartat Arquitectura de la informació, seria interessant disposar d’un calendari en cadascuna de les pàgines web per on navegue l’usuari. Així, d’una manera molt ràpida, podrà veure els dies en els que es va a produir alguna activitat en el centre. En aquest calendari, apareixeran ressaltats aquests dies i, d’aquesta manera, es podrà clicar sobre ells. Com a conseqüència d’açò, podrà seleccionar les dates que desitje i accedir directament a la informació de les activitats d’aquests dies. 51 9-DINÀMICA DEL WEB Ara caldrà definir la dinàmica de la nostra web. Amb açò volem dir que haurem d’establir els ritmes d’actualització dels documents així com els seus possibles estats. A més, discutirem els diferents tipus d’accés que haurem d’afegir, establint grups d’usuaris amb els seus respectius rols. 9.1-Ritmes d’actualització És necessari aclarir la freqüència amb que els nostres documents / pàgines hauran de modificar-se i actualitzar-se per a presentar sempre l’última informació disponible. Encara que quan hem elaborat l’Inventari de continguts (2.1) hem especificat alguns temps d’actualització (freqüències), ara ho farem de forma més concreta. A continuació mostrem una llista especificant els ritmes d’actualització de cadascun dels continguts. Contingut Ritme d’actualització Telèfons del centre Sense actualització Horaris del centre Anual Informació de l’edifici Sense actualització Història de la institució Sense actualització Informació de l’equip docent Anual Informació de l’equip directiu Anual Informació del PAS Anual Informació de les especialitats Anual Notícies Diari Calendari lectiu Anual Informació de les proves d’accés Anual Informació de la matrícula Anual Informació dels horaris de matrícula Anual CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 52 Informació sobre l’Erasmus Quadrimestral Informació sobre Audicions Diari Informació sobre Conferències Diari Informació sobre Concerts Diari Informació sobre Masterclasses Diari Recursos Diari Notes Quadrimestral Informació al voltant de faltes, baixes, substitucions i altes de professors/es Diari Imatges i vídeos Diari Enllaços Sense actualització No obstant, hi ha ritmes de la llista que poden variar. Per exemple, tot i que els Enllaços no tenen un ritme d’actualització, potser que en algun moment es cree una nova agrupació, i que aquesta agrupació tinga una pàgina web associada. Per tant, en aquest cas, es podrà crear un enllaç que conduesca a aquesta web. Per altra banda, els telèfons del centre poden canviar i, per tant, s’hauran d’actualitzar les dades. D’altra banda, hi ha molts continguts que hem definit el seu ritme d’actualització com a “Diari”. Hem de comentar que potser hi haurà dies en els que no es veuran modificats o creats continguts d’aquests tipus. Un cas clar d’açò ho trobem amb les Notícies. És possible que algun dia no hi haja cap notícia a destacar. També hem de dir que hi ha alguns casos en els quals el ritme d’actualització pot ser variable. Per exemple, encara que la informació de la matrícula s’actualitza cada any, és probable que els dies de matriculació sorgisquen noves dades sobre aquesta. Per tant, durant aquests dies el ritme d’actualització podrà ser diari. Un cas paregut el trobem amb la informació sobre l’equip docent, equip directiu i PAS. Hem de tindre en compte que al llarg del curs poden haver canvis que ens facen modificar aquests continguts. Per tant, encara que el ritme d’actualització està especificat com a “Anual”, potser en alguns casos no siga exactament així. 53 9.2-Accés Per altra part, hem d’establir els tipus d’accés que hi haurà a la nostra plana web. És per açò que hem d’indicar els diferents grups d’usuaris, els seus rols i les seues característiques. D’aquesta manera, especificarem diferents nivells d’accés en funció del tipus d’usuari que es tracte. Hem decidit que en la nostra plana web necessitarem quatre rols diferents: administrador, editor, usuari registrat i usuari anònim. L’administrador tindrà accés a totes les característiques del portal, i podrà modificar qualsevol aspecte. En canvi, l’editor tan sols podrà crear documents nous en certes zones, així com modificar alguns documents ja creats. A més, tindrà accés de lectura a tota la plana web. L’usuari registrat tindrà accés a tots els documents publicats (així com permisos de lectura), i no podrà crear o modificar documents. Per altra banda, l’usuari anònim tampoc tindrà permisos de creació o modificació de documents, i tan sols podrà obtindre permisos de lectura (no tindrà accés a tots els documents, només podrà veure aquells que estan oberts a tot el món). D’aquesta forma, crearem grups d’usuaris amb característiques semblants. Cadascun d’aquests usuaris tindrà menys o més permisos en funció del seu rol: - Administrador de la web: usuari administrador. - Equip directiu: tots els seus membres seran usuaris editors, per a poder crear documents (i modificar-los). - PAS: usuaris editors. Seran els encarregats de crear i modificar els documents relatius a la matrícula i els horaris. A més, també introduiran informació sobre l’Erasmus, així com actualitzaran informació del centre (professors, assignatures...). - Professors: usuaris editors. Elaboraran documents per als alumnes (disponibles en El racó de l’alumne). A més, redactaran notícies de tot tipus. Inclouran també informació sobre audicions, conferències... - Alumnes: usuaris registrats. Tan sols tindran permisos de lectura (com hem especificat abans) - Públic en general: usuaris anònims CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 54 A continuació mostrem una taula on es poden comprovar els permisos de creació i modificació de cadascun dels continguts (hem exclòs de la taula l’usuari Administrador, ja que pot crear i modificar qualsevol tipus de contingut): Contingut Usuaris amb permisos de creació Usuaris amb permisos de modificació Telèfons del centre PAS PAS Horaris del centre PAS PAS Informació de l’edifici Equip directiu Equip directiu, PAS Història de la institució Equip directiu Equip directiu, PAS Informació de l’equip docent Equip directiu, PAS Equip directiu, PAS Informació de l’equip directiu Equip directiu, PAS Equip directiu, PAS Informació del PAS Equip directiu, PAS Equip directiu, PAS Informació de les especialitats PAS Equip directiu, PAS Notícies Equip directiu, PAS, Professors Equip directiu, PAS, Professors Calendari lectiu PAS Equip directiu, PAS Informació de les proves d’accés PAS Equip directiu, PAS Informació de la matrícula PAS Equip directiu, PAS Informació dels horaris de matrícula PAS Equip directiu, PAS Informació sobre l’Erasmus PAS Equip directiu, PAS Informació sobre Professors Equip directiu, PAS, 55 no publicat publicat publicar retirar Audicions Professors Informació sobre Conferències PAS, Professors Equip directiu, PAS, Professors Informació sobre Concerts PAS, Professors Equip directiu, PAS, Professors Informació sobre Masterclasses PAS, Professors Equip directiu, PAS, Professors Recursos Professors Professors Notes Professors Professors Informació al voltant de faltes, baixes, substitucions i altes de professors/es Equip directiu, PAS Equip directiu, PAS Imatges i vídeos Equip directiu, PAS, Professors Equip directiu, PAS, Professors Enllaços Equip directiu, PAS Equip directiu, PAS 9.3-Estats dels documents Hem de definir els diferents tipus d’estat en els quals es poden trobar cadascun dels documents que s’elaboren per a la nostra pàgina web. En el nostre cas, hem decidit que tan sols podrem trobar dos tipus d’estats: publicat i no publicat. Hem pres aquesta decisió perquè considerem que no serà necessària la creació d’altre estat com puga ser l’estat pendent de revisió, ja que els usuaris que poden publicar són els propis responsables de cadascuna de les seues CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 56 publicacions. No hi ha altres usuaris que tinguen la responsabilitat de revisar aquests documents. Com hem dit anteriorment, els alumnes no podran publicar, tan sols els professors (usuaris editors) o usuaris amb permisos semblants o superiors. 57 10-WIREFRAMES Per tal d’explicar d’una manera gràfica i correcta l’estructuració dels continguts dins de les diverses pàgines que conformaran el lloc web, utilitzarem els wireframes. Es tracta d’esquemes senzills que ens permetran indicar com es reparteixen els diferents continguts que hem dissenyat prèviament per a cadascuna de les pàgines del nostre portal. En primer lloc, hem especificat com serà el wireframe principal, a partir del qual es basaran la resta. En ell es poden veure les diferents zones de les quals hem parlat en anteriors apartats: CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 64 Contacte: En aquesta pàgina podrem veure totes les dades disponibles per a poder contactar amb els diferents òrgans del centre. 65 Premis Extraordinaris Fi de Carrera: Mostrarem la informació relativa a aquestos premis, podent accedir a les notícies relacionades amb ells. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 66 10.4-Agenda: En primer lloc, podrem veure una llista a través de la qual accedir a diversos continguts. 67 Si polsem sobre la primera opció (Informació d’audicions i concerts), accedirem a la següent pàgina: Fent clic sobre qualsevol audició/concert, navegarem a la seua pàgina, com es veu al wireframe de la dreta. I polsant sobre l’enllaç Vídeos o Imatges d’aquest esdeveniment, accedirem a aquestos continguts. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 68 D’altra banda, si volem accedir específicament al directori on trobar tots els vídeos ordenats cronològicament, podrem fer-ho polsant sobre la tercera opció Vídeos de les audicions, conferències i concerts (el mateix amb les imatges): 69 10.5-El racó de l’alumne: Primerament, hem de dir que hi haurà dos opcions de visualització. Dependrà de si l’usuari ha ingressat dins del lloc web o no. No ens interessarà mostrar que es pot accedir a continguts restringits. Si l’usuari no està loguejat, tan sols mostrarem la següent informació: CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 70 En canvi, si l’usuari s’ha loguejat satisfactòriament, accedirà a tota la informació, disponible, podent seleccionar l’opció desitjada i accedir així a les dades relacionades: 71 10.6-Enllaços: Mostrarem les opcions relatives als tipus d’enllaços que s’oferiran al portal web. Una volta entrem en cadascuna de les opcions se’ns mostraran enllaços que conduiran a pàgines web externes. CREACIÓ DEL PORTAL WEB PER AL CONSERVATORI SUPERIOR DE MÚSICA “JOAQUÍN RODRIGO” DE VALÈNCIA 72 10.7-Mapa web: Fent clic sobre l’enllaç Mapa web situat dalt a la dreta de les pàgines del lloc web, accedirem a una pàgina on mostrarem dit mapa web: 73 10.8-Búsqueda: Una volta introduïm una sentència en el buscador (situat dalt a la dreta, junt a l’enllaç del Mapa web) i polsem Enter, accedirem a la pàgina amb els resultats de la nostra búsqueda: