Bitàcoles de la Xarxa per al ciberviatgeropenaccess.uoc.edu/webapps/o2/bitstream/10609/269/6...©...
Transcript of Bitàcoles de la Xarxa per al ciberviatgeropenaccess.uoc.edu/webapps/o2/bitstream/10609/269/6...©...
Bitagravecoles de la Xarxa per al ciberviatgerP089314301579
copy FUOC bull P089314301579 2 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
Iacutendex
1 Bitagravecoles de la Xarxa aplicades als viatgespossibilitats i usos 5
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques 7
3 La identificacioacute de les unitats informatives etiquetes o tags 13
4 Fotoblocs videoblocs audioblocs i blocs mogravebilscaracteriacutestiques tipus i aplicacions 15
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges 19
6 La barra lateral funcions i possibilitats 24
7 La importagravencia de la personalitzacioacute consells i advertegravencies 32
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 5 Bitagravecoles de la Xarxa per al ciberviatger
1 Bitagravecoles de la Xarxa aplicades als viatges possibilitats i usos
En el moacuten de la navegacioacute mariacutetima el quadern de bitagravecola constitueix un ins-
trument de crucial importagravencia En les seves pagravegines el capitagrave estableix les co-
ordinades que defineixen el rumb seguit per lembarcacioacute Aixiacute dia a dia la
ruta seguida queda plasmada
De la mateixa manera des de les primeres grans exploracions els viatgers han
inclograves en el seu equipatge un diari de ruta Sota labrusador sol del desert o sota
abundants pluges tropicals muntats en elefants cavalls o dromedaris en vi-
atges en tren avioneta o vaixell apuntaven les experiegravencies viscudes en cada
una de les jornades completades Realitzaven anotacions gargotejaven mapes
i recorreguts dibuixaven estranyes espegravecies animals Daquesta manera una
vegada finalitzat el periple el diari de ruta es convertia en un valuoacutes document
que recollia tota la informacioacute les vivegravencies i les impressions derivades del vi-
atge
En lactualitat Internet ha fet convergir les caracteriacutestiques dels quaderns de
bitagravecola i dels diaris de ruta en els anomenats blocs o bitagravecoles de la Xarxa
Es tracta despais en xarxa en quegrave immediatament i sense grans coneixements
tegravecnics qualsevol usuari pot construir una plataforma de difusioacute de contin-
guts dabast mundial i amb agravemplies possibilitats en la creacioacute de continguts
Els blocs recuperen la filosofia dels quaderns de bitagravecola permetent ldquodibuixarrdquo
itineraris o recorreguts per la Xarxa en els quals lusuari comenta els contin-
guts trobats en cada un daquests llocs web o parades del seu viatge virtual De
la mateixa manera els blocs han portat a lescenari digital la filosofia i estruc-
tura dels diaris de ruta possibilitant la publicacioacute de petites reflexions a ano-
tacions que sarxiven per dies
En definitiva el viatger troba una eina molt ben adaptada a la cobertura dun
viatge (real o virtual)
A meacutes laparicioacute de noves eines tegravecniques i la consolidacioacute de la filosofia
colmiddotlaborativa horitzontal i participativa del Web 20 han potenciat labast
daquestes eines Tal com es comentaragrave en els progravexims capiacutetols les bitagravecoles
de la Xarxa permeten al ciberviatger disposar dun espai en quegrave es poden uti-
litzar els tipus de serveis i continguts seguumlents
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 2 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
Iacutendex
1 Bitagravecoles de la Xarxa aplicades als viatgespossibilitats i usos 5
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques 7
3 La identificacioacute de les unitats informatives etiquetes o tags 13
4 Fotoblocs videoblocs audioblocs i blocs mogravebilscaracteriacutestiques tipus i aplicacions 15
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges 19
6 La barra lateral funcions i possibilitats 24
7 La importagravencia de la personalitzacioacute consells i advertegravencies 32
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 5 Bitagravecoles de la Xarxa per al ciberviatger
1 Bitagravecoles de la Xarxa aplicades als viatges possibilitats i usos
En el moacuten de la navegacioacute mariacutetima el quadern de bitagravecola constitueix un ins-
trument de crucial importagravencia En les seves pagravegines el capitagrave estableix les co-
ordinades que defineixen el rumb seguit per lembarcacioacute Aixiacute dia a dia la
ruta seguida queda plasmada
De la mateixa manera des de les primeres grans exploracions els viatgers han
inclograves en el seu equipatge un diari de ruta Sota labrusador sol del desert o sota
abundants pluges tropicals muntats en elefants cavalls o dromedaris en vi-
atges en tren avioneta o vaixell apuntaven les experiegravencies viscudes en cada
una de les jornades completades Realitzaven anotacions gargotejaven mapes
i recorreguts dibuixaven estranyes espegravecies animals Daquesta manera una
vegada finalitzat el periple el diari de ruta es convertia en un valuoacutes document
que recollia tota la informacioacute les vivegravencies i les impressions derivades del vi-
atge
En lactualitat Internet ha fet convergir les caracteriacutestiques dels quaderns de
bitagravecola i dels diaris de ruta en els anomenats blocs o bitagravecoles de la Xarxa
Es tracta despais en xarxa en quegrave immediatament i sense grans coneixements
tegravecnics qualsevol usuari pot construir una plataforma de difusioacute de contin-
guts dabast mundial i amb agravemplies possibilitats en la creacioacute de continguts
Els blocs recuperen la filosofia dels quaderns de bitagravecola permetent ldquodibuixarrdquo
itineraris o recorreguts per la Xarxa en els quals lusuari comenta els contin-
guts trobats en cada un daquests llocs web o parades del seu viatge virtual De
la mateixa manera els blocs han portat a lescenari digital la filosofia i estruc-
tura dels diaris de ruta possibilitant la publicacioacute de petites reflexions a ano-
tacions que sarxiven per dies
En definitiva el viatger troba una eina molt ben adaptada a la cobertura dun
viatge (real o virtual)
A meacutes laparicioacute de noves eines tegravecniques i la consolidacioacute de la filosofia
colmiddotlaborativa horitzontal i participativa del Web 20 han potenciat labast
daquestes eines Tal com es comentaragrave en els progravexims capiacutetols les bitagravecoles
de la Xarxa permeten al ciberviatger disposar dun espai en quegrave es poden uti-
litzar els tipus de serveis i continguts seguumlents
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
Iacutendex
1 Bitagravecoles de la Xarxa aplicades als viatgespossibilitats i usos 5
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques 7
3 La identificacioacute de les unitats informatives etiquetes o tags 13
4 Fotoblocs videoblocs audioblocs i blocs mogravebilscaracteriacutestiques tipus i aplicacions 15
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges 19
6 La barra lateral funcions i possibilitats 24
7 La importagravencia de la personalitzacioacute consells i advertegravencies 32
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 5 Bitagravecoles de la Xarxa per al ciberviatger
1 Bitagravecoles de la Xarxa aplicades als viatges possibilitats i usos
En el moacuten de la navegacioacute mariacutetima el quadern de bitagravecola constitueix un ins-
trument de crucial importagravencia En les seves pagravegines el capitagrave estableix les co-
ordinades que defineixen el rumb seguit per lembarcacioacute Aixiacute dia a dia la
ruta seguida queda plasmada
De la mateixa manera des de les primeres grans exploracions els viatgers han
inclograves en el seu equipatge un diari de ruta Sota labrusador sol del desert o sota
abundants pluges tropicals muntats en elefants cavalls o dromedaris en vi-
atges en tren avioneta o vaixell apuntaven les experiegravencies viscudes en cada
una de les jornades completades Realitzaven anotacions gargotejaven mapes
i recorreguts dibuixaven estranyes espegravecies animals Daquesta manera una
vegada finalitzat el periple el diari de ruta es convertia en un valuoacutes document
que recollia tota la informacioacute les vivegravencies i les impressions derivades del vi-
atge
En lactualitat Internet ha fet convergir les caracteriacutestiques dels quaderns de
bitagravecola i dels diaris de ruta en els anomenats blocs o bitagravecoles de la Xarxa
Es tracta despais en xarxa en quegrave immediatament i sense grans coneixements
tegravecnics qualsevol usuari pot construir una plataforma de difusioacute de contin-
guts dabast mundial i amb agravemplies possibilitats en la creacioacute de continguts
Els blocs recuperen la filosofia dels quaderns de bitagravecola permetent ldquodibuixarrdquo
itineraris o recorreguts per la Xarxa en els quals lusuari comenta els contin-
guts trobats en cada un daquests llocs web o parades del seu viatge virtual De
la mateixa manera els blocs han portat a lescenari digital la filosofia i estruc-
tura dels diaris de ruta possibilitant la publicacioacute de petites reflexions a ano-
tacions que sarxiven per dies
En definitiva el viatger troba una eina molt ben adaptada a la cobertura dun
viatge (real o virtual)
A meacutes laparicioacute de noves eines tegravecniques i la consolidacioacute de la filosofia
colmiddotlaborativa horitzontal i participativa del Web 20 han potenciat labast
daquestes eines Tal com es comentaragrave en els progravexims capiacutetols les bitagravecoles
de la Xarxa permeten al ciberviatger disposar dun espai en quegrave es poden uti-
litzar els tipus de serveis i continguts seguumlents
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 Bitagravecoles de la Xarxa per al ciberviatger
copy FUOC bull P089314301579 5 Bitagravecoles de la Xarxa per al ciberviatger
1 Bitagravecoles de la Xarxa aplicades als viatges possibilitats i usos
En el moacuten de la navegacioacute mariacutetima el quadern de bitagravecola constitueix un ins-
trument de crucial importagravencia En les seves pagravegines el capitagrave estableix les co-
ordinades que defineixen el rumb seguit per lembarcacioacute Aixiacute dia a dia la
ruta seguida queda plasmada
De la mateixa manera des de les primeres grans exploracions els viatgers han
inclograves en el seu equipatge un diari de ruta Sota labrusador sol del desert o sota
abundants pluges tropicals muntats en elefants cavalls o dromedaris en vi-
atges en tren avioneta o vaixell apuntaven les experiegravencies viscudes en cada
una de les jornades completades Realitzaven anotacions gargotejaven mapes
i recorreguts dibuixaven estranyes espegravecies animals Daquesta manera una
vegada finalitzat el periple el diari de ruta es convertia en un valuoacutes document
que recollia tota la informacioacute les vivegravencies i les impressions derivades del vi-
atge
En lactualitat Internet ha fet convergir les caracteriacutestiques dels quaderns de
bitagravecola i dels diaris de ruta en els anomenats blocs o bitagravecoles de la Xarxa
Es tracta despais en xarxa en quegrave immediatament i sense grans coneixements
tegravecnics qualsevol usuari pot construir una plataforma de difusioacute de contin-
guts dabast mundial i amb agravemplies possibilitats en la creacioacute de continguts
Els blocs recuperen la filosofia dels quaderns de bitagravecola permetent ldquodibuixarrdquo
itineraris o recorreguts per la Xarxa en els quals lusuari comenta els contin-
guts trobats en cada un daquests llocs web o parades del seu viatge virtual De
la mateixa manera els blocs han portat a lescenari digital la filosofia i estruc-
tura dels diaris de ruta possibilitant la publicacioacute de petites reflexions a ano-
tacions que sarxiven per dies
En definitiva el viatger troba una eina molt ben adaptada a la cobertura dun
viatge (real o virtual)
A meacutes laparicioacute de noves eines tegravecniques i la consolidacioacute de la filosofia
colmiddotlaborativa horitzontal i participativa del Web 20 han potenciat labast
daquestes eines Tal com es comentaragrave en els progravexims capiacutetols les bitagravecoles
de la Xarxa permeten al ciberviatger disposar dun espai en quegrave es poden uti-
litzar els tipus de serveis i continguts seguumlents
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 5 Bitagravecoles de la Xarxa per al ciberviatger
1 Bitagravecoles de la Xarxa aplicades als viatges possibilitats i usos
En el moacuten de la navegacioacute mariacutetima el quadern de bitagravecola constitueix un ins-
trument de crucial importagravencia En les seves pagravegines el capitagrave estableix les co-
ordinades que defineixen el rumb seguit per lembarcacioacute Aixiacute dia a dia la
ruta seguida queda plasmada
De la mateixa manera des de les primeres grans exploracions els viatgers han
inclograves en el seu equipatge un diari de ruta Sota labrusador sol del desert o sota
abundants pluges tropicals muntats en elefants cavalls o dromedaris en vi-
atges en tren avioneta o vaixell apuntaven les experiegravencies viscudes en cada
una de les jornades completades Realitzaven anotacions gargotejaven mapes
i recorreguts dibuixaven estranyes espegravecies animals Daquesta manera una
vegada finalitzat el periple el diari de ruta es convertia en un valuoacutes document
que recollia tota la informacioacute les vivegravencies i les impressions derivades del vi-
atge
En lactualitat Internet ha fet convergir les caracteriacutestiques dels quaderns de
bitagravecola i dels diaris de ruta en els anomenats blocs o bitagravecoles de la Xarxa
Es tracta despais en xarxa en quegrave immediatament i sense grans coneixements
tegravecnics qualsevol usuari pot construir una plataforma de difusioacute de contin-
guts dabast mundial i amb agravemplies possibilitats en la creacioacute de continguts
Els blocs recuperen la filosofia dels quaderns de bitagravecola permetent ldquodibuixarrdquo
itineraris o recorreguts per la Xarxa en els quals lusuari comenta els contin-
guts trobats en cada un daquests llocs web o parades del seu viatge virtual De
la mateixa manera els blocs han portat a lescenari digital la filosofia i estruc-
tura dels diaris de ruta possibilitant la publicacioacute de petites reflexions a ano-
tacions que sarxiven per dies
En definitiva el viatger troba una eina molt ben adaptada a la cobertura dun
viatge (real o virtual)
A meacutes laparicioacute de noves eines tegravecniques i la consolidacioacute de la filosofia
colmiddotlaborativa horitzontal i participativa del Web 20 han potenciat labast
daquestes eines Tal com es comentaragrave en els progravexims capiacutetols les bitagravecoles
de la Xarxa permeten al ciberviatger disposar dun espai en quegrave es poden uti-
litzar els tipus de serveis i continguts seguumlents
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 6 Bitagravecoles de la Xarxa per al ciberviatger
En cada cas el ciberviatger ha de ser capaccedil dutilitzar aquests recursos en fun-
cioacute dels seus interessos Daquesta manera lusuari teacute a labast un conjunt dei-
nes que li permeten elaborar continguts i espais en liacutenia de gran potencial
informatiu i molt atractius La Xarxa de xarxes posa al nostre abast un ventall
de possibilitats creatives que fins ara eren molt difiacutecils daconseguir
Recursos Caracteriacutestiques i aplicacions
Text Inclusioacute delements textuals de diferent tipus crograveniques de viatges notiacutecies titulars taulers danuncis etc
Imatge Fotografies de diferents mides muntatges fotogragravefics clips etc
Agraveudio Inclusioacute darxius sonors
Audiovisual Publicacioacute de viacutedeos independents en diferents mides i ubicacions de la pagravegina galeries de viacutedeos etc
Gragravefics Creacions personalitzades de diagrames esquemes visuals mapes en liacutenia representacions ditineraris estructures arbograveries etc
Enquestes Publicacioacute denquestes i processament de les dades obtingudes
Presentacions Elaboracioacute i publicacioacute de presentacions amb PowerPoint o programes similars que es poden ubicar en diferents punts del bloc i amb diferents dimensions
Enllaccedilos Inclusioacute denllaccedilos a llocs web dinteregraves tant dins de continguts especiacutefics de la bitagravecola com en apartats especiacutefics del bloc
Publicitat Possibilitat dinserir anuncis publicitaris adaptats al disseny del bloc
RSS Uacutes de la sindicacioacute de continguts daltres llocs web per a completar io enriquir el contingut de la nostra bitagravecola
Comentaris Obertura dels continguts als comentaris i aportacions dels internautes
Xarxes socials Aprofitament de les xarxes socials existents
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 7 Bitagravecoles de la Xarxa per al ciberviatger
2 Blocs o quaderns de bitagravecola de la Xarxa concepte i caracteriacutestiques
El desembre de 1997 es va utilitzar per primera vegada el terme weblog Jorn
Barger autor de la pagravegina Robot Wisdom (wwwrobotwisdomcom) va ser el
primer a ajuntar els termes web i log per donar pas al terme weblog Meacutes tard
el 1999 Peter Merholz va encunyar la versioacute curta del terme blog El 2003
lOxford English Dictionary va decidir incloure weblog weblogging i weblogger
entre els seus termes
El fenomen dels weblogs (blocs quaderns de bitagravecola de la Xarxa bitagravecoles en
liacutenia etc) eacutes sens dubte un fenomen jove Laparicioacute de diferents eines per a
la creacioacute i gestioacute de blocs va ser un aspecte decisiu en el seu proceacutes dexpansioacute
Blogger creada el 1999 i comprada per Google el 2003 en va ser una Perograve quegrave
eacutes i per quegrave eacutes tan revolucionari un bloc
La Viquipegravedia defineix un bloc com un lloc web on es recopilen cronologravegica-
ment missatges dun o diversos autors sobre un tema com si fos un diari per-
sonal Els blocs comparteixen elements comuns com una llista denllaccedilos a
altres blocs un arxiu dentrades anteriors enllaccedilos permanents perquegrave es pu-
gui citar una anotacioacute o una funcioacute per a afegir comentaris
Originalment els blocs es van caracteritzar per presentar recorreguts o itineraris
que realitzaven usuaris anogravenims per diferents llocs web De la mateixa manera
que el capitagrave dun vaixell apuntava en el quadern de bitagravecola el rumb o direccioacute
seguits jornada rere jornada per la seva embarcacioacute en la seva fase inicial els blocs
presentaven una seleccioacute denllaccedilos resultat de les visites realitzades per un usuari
(el responsable del bloc) Aquest comentava els llocs visitats i naportava una va-
loracioacute Aixiacute els blocs no produiumlen continguts en el sentit literal del terme sinoacute
que comentaven continguts que ja existien a la Xarxa Posteriorment amb el pas
del temps els blocs shan convertit en espais en liacutenia amb diferents usos i enfoca-
ments Nhi ha que continuen comentant els materials publicats en diferents llocs
dInternet perograve daltres produeixen els propis continguts i incorporen materials
de diferent naturalesa textual sonora fotogragravefica audiovisual o multimegravedia
Limpacte dels blocs es pot entendre si tenim en compte les facilitats de creacioacute
i gestioacute daquests espais en liacutenia Bagravesicament legravexit dels blocs es resumeix en
les preguntes seguumlents
ndash Li agradaria poder publicar a Internet de manera immediata
ndash De manera gratuiumlta
ndash Amb textos imatges viacutedeos
ndash Sense ser un dissenyador web
ndash Sense dominar la part tegravecnica
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 8 Bitagravecoles de la Xarxa per al ciberviatger
En cas que la resposta a les preguntes anteriors fos afirmativa podriacuteem dir que
un bloc eacutes una eina que permet satisfer totes aquestes aspiracions Lestructura
i les caracteriacutestiques dun bloc es poden definir a grans trets amb lesquema
seguumlent
ndash Lloc web El bloc eacutes un espai en liacutenia que subica a la Xarxa de xarxes i
que per aquest motiu incorpora el conjunt de caracteriacutestiques progravepies
del ciberespai
ndash Dinagravemic El bloc es concep com una plataforma en liacutenia en la qual es pu-
bliquen continguts que es renoven periogravedicament La facilitat per a reno-
var els continguts fa que es concebin com a espais dinagravemics capaccedilos de
respondre de manera immediata als canvis de lactualitat
ndash Entrades Els continguts dun bloc sorganitzen en entrades o posts Es trac-
ta de peces de sentit complet o unitats de continguts Quan es publica un
contingut aquest es converteix en una entrada del bloc Una entrada pot
incorporar informacioacute textual fotogragravefica audiovisual multimegravedia sono-
ra etc A meacutes pot presentar enquestes obertes a la participacioacute dels usuaris
ndash Ordre cronologravegicament invers Un bloc sol ordenar els continguts segons
la data de publicacioacute situant el meacutes recent o nou en primer lloc Eacutes a dir
del meacutes nou al meacutes antic Els arxius es poden classificar per dies setmanes
mesos anys etc segons determini el gestor del bloc Els continguts meacutes ac-
tuals apareixen en el marc o frame principal i els meacutes antics es classifiquen
en un arxiu histograveric on queden disponibles per a consultes
ndash Retroalimentacioacute Els continguts del bloc (eacutes a dir les entrades) queden
oberts (llevat que el gestor decideixi el contrari) als comentaris dels inter-
nautes que poden aportar les seves reflexions sobre el publicat Daquesta
manera el bloc es concep com una eina dialogravegica que permet el diagraveleg bi-
direccional entre lemissor i el conjunt dusuaris que hi accedeixen Aixiacute
soriginen cadenes de comentaris que confereixen a leina un component
interactiu de gran riquesa
ndash Particulars Encara que hi ha blocs gestionats per diverses persones ge-
neralment el bloc sha ideat com una eina creada i controlada per un
particular
ndash Multimegravedia Els blocs poden presentar informacioacute de diferent naturalesa
convertint-se en espais proveiumlts de contingut multimegravedia No obstant aixograve
hi ha audioblocs videoblocs i fotoblocs que sespecialitzen en un tipus
concret dinformacioacute
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 9 Bitagravecoles de la Xarxa per al ciberviatger
Lestructura general dun bloc ens permet parlar de tres grans apartats diferents
ndash Capccedilalera Presenta el tiacutetol del bloc En aquest sentit es recomana que el
tiacutetol del bloc i el nom de ladreccedila web (http) coincideixin per a facilitar
la familiaritzacioacute de lusuari amb lespai en liacutenia De la mateixa manera eacutes
important personalitzar la capccedilalera mitjanccedilant alguna foto de fons (en el
format horitzontal apaiumlsat que presenta aquest apartat) o recursos gragravefics
per a conferir a lespai en liacutenia un caragravecter meacutes personalitzat (i diferent) i
per a donar-li una imatge propera a la temagravetica destinacioacute paiacutes viatge etc
que presenti
ndash Marc de continguts Eacutes lapartat dinagravemic en quegrave sinsereixen les diferents
entrades o posts del bloc Els continguts que hi apareixen es modifiquen a
mesura que es publiquen noves entrades
ndash Menuacute o barra lateral Eacutes un apartat estagravetic que a diferegravencia del marc de
continguts sempre seragrave visible de la mateixa manera Pot aparegraveixer a les-
querra o a la dreta del marc de continguts (segons el tipus de plantilla que
seleccionem) Serveix per a incloure diferents elements vinculats amb la
presentacioacute general del bloc o amb els continguts que es publiquin
Capccedilalera
Marc de continguts Menuacute o barra lateral
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 10 Bitagravecoles de la Xarxa per al ciberviatger
Estructura general de un bloc
Meacutes enllagrave daquests sis grans apartats es pot assenyalar que les plataformes de
creacioacute i gestioacute de blocs permeten ubicar altres apartats i fins i tot alterar lor-
dre dels que apareixen en la barra lateral No obstant aixograve els assenyalats en
lesquema anterior soacuten els generals i defineixen lessegravencia general duna bitagrave-
cola en liacutenia
4
5
6
1 2
3
Nuacutem Apartat
1 Pagravegina principal o home-site del bloc que realitza les funcions duna portada
2 Caragravetula o tiacutetol del bloc que presenta el tiacutetol Pot aparegraveixer acompanyat dun subtiacutetol io duna explicacioacute a tall dentrada que serveix per a explicar el tipus de continguts que ofereix la bitagravecola
3 Post o entrada Luacuteltima que sha publicat apareix en la part superior de la pagravegina Pot presentar text fotografies viacutedeos etc
4 Informacioacute sobre lautor io gestor del bloc
5 Seleccioacute denllaccedilos recomanats que tenen una vinculacioacute temagravetica amb el contingut general del bloc
6 Llista a manera dhistograveric dels posts publicats pregraveviament Sorganitzen seguint la dinagravemica general del meacutes almenys recent
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 11 Bitagravecoles de la Xarxa per al ciberviatger
Alguns experts han classificat els blocs en tres grans categories o grups
ndash Personals Es tracta dautegraventics quaderns de bitagravecola en quegrave els usuaris
presenten les seves impressions opinions etc sobre diferents temes En
general lenfocament eacutes meacutes progravexim a lopinioacute que a la informacioacute
ndash Corporatius Es tracta de blocs que es creen des de lempresa i per a lem-
presa El seu objectiu eacutes actuar com una mena de butlletiacute intern que in-
formi de les novetats cursos etc La seva aparicioacute doacutena suport a limpacte
i importagravencia dels blocs en la mesura que les mateixes empreses lhan in-
corporat
ndash Temagravetics Es tracta de blocs especialitzats en un tema determinat En
aquest sentit han proliferat les bitagravecoles dedicades a assumptes molt espe-
ciacutefics que satisfan les necessitats de microaudiegravencies eacutes a dir que shan es-
pecialitzat en temes molt concrets
No obstant aixograve aquesta classificacioacute eacutes uacutenicament orientativa El ritme acce-
lerat de creixement de les bitagravecoles en liacutenia i la gran diversitat denfocaments
i temagravetiques daquests complica agravempliament la tasca dagrupar-los en catego-
ries Per aixograve eacutes meacutes senzill i encertat guiar-se per la definicioacute que Octavio Isaac
Rojas colmiddotlaborador de La Vanguardia i consultor de Weber Shanwick fa dun
bloc un bloc eacutes una persona que es vol comunicar
Estudi de lrsquoentrada unitat informativa de caragravecter multimegravedia
El post entegraves com la unitat informativa dun bloc eacutes la peccedila clau en la difusioacute
de continguts per una bitagravecola en liacutenia Els grans apartats duna entrada soacuten
els seguumlents
Estructura general duna entrada
Tiacutetol de lentrada Presenta el contingut de lentrada La seva redaccioacute ha de seguir les pautes progravepies de lescriptura per a Internet Teacute un paper decisiu en la cerca i recuperacioacute de lentrada
Eacutes el cos de lentrada Pot presentar text fotografies viacutedeos arxius sonors etc Tambeacute pot incloure enllaccedilos enquestes etc Com en el titular la informacioacute textual ha de seguir les pautes de lescriptura per a Internet
Nucli
Comentaris Paraules
En cada entrada podem decidir si obrim o no el contingut als comentaris dels usuaris En funcioacute del contingut i del seu objectiu obrir la possibilitat realitzar comentaris seragrave important o no
Cada entrada ha danar identificada amb paraules clau que serviran per a classificar-la dins del propi bloc perograve tambeacute per a facilitar-ne la recuperacioacute i localitzacioacute en els cercadors generals i els cercadors de blocs
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 12 Bitagravecoles de la Xarxa per al ciberviatger
En el cas duna bitagravecola en liacutenia de viatges eacutes important planificar luacutes dels di-
ferents posts o entrades Duna banda sha destablir lenfocament o objectiu
daquestes (eacutes a dir que funcioacute posseiran dins del relat del viatge) i duna altra
sha de treballar el tipus de contingut que incorporaran A continuacioacute es pre-
senten una segraverie de possibles usos o aplicacions de les entrades en el relat de
viatges en liacutenia
Al costat de les recomanacions anteriors recollides en la taula hem de tenir
present que els continguts de les entrades poden estar ampliats completats i
enriquits pels apartats i continguts publicats en la barra lateral
De tota manera en darrer terme seragrave el propi viatger el que decideixi quin uacutes
donaragrave a les entrades de la seva bitagravecola en liacutenia Eacutes important que aquest punt
quedi establert en la fase pregravevia al desenvolupament del viatge eacutes a dir en
letapa en quegrave es planificaragrave la mena de cobertura es vol que dur a terme
Lentrada en els blocs de viatges
Uacutes Moment Aplicacioacute
Com a notiacutecia Abans durant io despreacutes del viatge
Lusuari pot publicar dades o informacions relatives al paiacutes visitat o per visitar utilitzant les entrades com un element informatiu del viatge Per exemple mapa sobre la destinacioacute el propi itinerari del viatge dades sociopoliacutetiques del paiacutes de destinacioacute viacutedeo sobre el lloc a visitar etc
Com a crogravenica de la jornada Durant el viatge
Reprenent el sentit propi dun diari de viatges lentrada serveix per a relatar en forma de crogravenica els esdeveniments de cada una de les jornades del viatge Daquesta manera els usuaris que segueixin el desenllaccedil del periple podran conegraveixer els llocs visitats els problemes i altres esdeveniments dia a dia jornada a jornada
Aquest uacutes tambeacute serviria en les dates pregravevies a linici del viatge per a presentar-lo De la mateixa manera una vegada acabat el viatge pot servir per a donar-hi un tancament o final
Com a reportatge Durant o despreacutes del viatge
Es tractaria dutilitzar les entrades o posts per a elaborar una peccedila informativa a tall de reportatge que pogueacutes incorporar text viacutedeos arxius sonors etc Es pot realitzar durant el viatge perograve en la mesura que la seva elaboracioacute requereix meacutes temps potser eacutes recomanable fer-lo en les etapes posteriors al desenllaccedil
Com a eina per al debat
Abans durant io despreacutes del viatge
Lrsquoentrada pot servir per a plantejar un debat (aprofitant la possibilitat que els usuaris realitzin comentaris) plantejar inquietuds solucionar dubtes etc
Altres usos
A partir del coneixement de les caracteriacutestiques de lentrada i de com sinsereix en lestructura del bloc cada ciberviatger podragrave buscar altres opcions per a aplicar-lo en el relat de la progravepia experiegravencia viatgera
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 13 Bitagravecoles de la Xarxa per al ciberviatger
3 La identificacioacute de les unitats informatives etiquetes o tags
El Web 20 (i meacutes concretament el Web 30 o Web semagraventic) es caracteritza
perquegrave els continguts estan identificats per una segraverie de paraules clau o etique-
tes (tags) que en faciliten la classificacioacute i especialment la recuperacioacute poste-
rior Amb relacioacute a aquest tema eacutes important conegraveixer el significat dels
conceptes seguumlents
ndash Blocosfera Es tracta de la comunitat formada pel conjunt de blocs que hi
ha a Internet Hi ha cercadors especialitzats en blocs eacutes a dir que uacutenica-
ment apliquen les seves cerques a blocs La facilitat de creacioacute i gestioacute dun
bloc ha fet que actualment hi hagi prop de 80 milions de bitagravecoles en liacutenia
a la Xarxa
ndash Etiquetes es tracta de paraules clau que utilitzen els autors duna entrada
per a identificar el seu contingut abans de publicar-lo a Internet De vega-
des a meacutes dels autors els usuaris poden posar etiquetes als continguts que
circulen per la Xarxa Letiquetes serveixen per a organitzar els continguts
(queden classificats per temes categories etc) i alhora introdueixen una
nova manera daccedir-hi Meacutes enllagrave de la classificacioacute en seccions tradici-
onal lusuari tambeacute pot accedir a un contingut (des dun cercador per
exemple) a partir de les etiquetes que se li han assignat Luacutes de les etiquetes
ha donat lloc a uns apartats que solen aparegraveixer en la barra lateral dels llocs
web o acompanyant els continguts Es tracta dels nuacutevols detiquetes
Aquests apartats serveixen per a sintetitzar en paraules clau el contingut
dun lloc web De la mateixa manera permeten saber quins continguts te-
nen meacutes presegravencia i quins han estat meacutes votats (i per tant meacutes ben valo-
rats) pels usuaris
ndash Folksonomia (folksonomy) Es tracta dun megravetode de classificacioacute dels
continguts en liacutenia que es realitza a partir de les propostes dels usuaris El
terme eacutes el resultat dunir la paraula folk (gent o popular) i taxonomy (taxo-
nomia que fa referegravencia al megravetode tradicional de classificar els contin-
guts) Saplica a textos fotografies viacutedeos etc Lelement diferenciador eacutes
que els usuaris aporten i introdueixen les etiquetes En definitiva reforccedila
lenfocament participatiu colmiddotlaboratiu i horitzontal mateix del Web 20
ndash Web semagraventic Es tracta dun web de dades que gragravecies a luacutes de metadades
permet als ordinadors realitzar operacions i processar informacions de ma-
nera automagravetica La identificacioacute dels continguts mitjanccedilant etiquetes per-
metragrave que els ordinadors apliquin relacions connexions etc entre els uns
i els altres
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 14 Bitagravecoles de la Xarxa per al ciberviatger
La importagravencia de les etiquetes
Lesquema seguumlent presenta una gran quantitat dentrades o de blocs que es publiquencom a unitats autogravenomes i que circulen per Internet En la mesura que vagin acompa-nyades detiquetes la seva localitzacioacute i recuperacioacute seragrave molt meacutes ragravepida i eficaccedil
En resum luacutes detiquetes eacutes molt important per a la classificacioacute dels contin-
guts i la seva recuperacioacute Es tracta dun aspecte decisiu ja que pot determinar
que els internautes trobin els nostres continguts amb meacutes o menys facilitat Es
recomana no utilitzar paraules molt generals sinoacute intentar assignar els concep-
tes meacutes propers i precisos amb relacioacute al contingut publicat
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 15 Bitagravecoles de la Xarxa per al ciberviatger
4 Fotoblocs videoblocs audioblocs i blocs mogravebils caracteriacutestiques tipus i aplicacions
Al costat dels blocs que donen preeminegravencia als continguts textuals hi ha una
segraverie de bitagravecoles que shan caracteritzat per atorgar el protagonisme a un altre
tipus datributs informatius
Tipus Caracteriacutestiques En la cobertura dun viatge
Fotoblocs
ndash El contingut eacutes bagravesicament fotogragravefic
ndash Presenten una fotografia del dia
ndash En la barra lateral apareixen les fotografies publicades anteriorment i daltres usuaris de fotoblocs
ndash La foto principal es pot obrir als comentaris dels internautes
ndash Hi ha plataformes que permeten la creacioacute gratuiumlta de fotoblocs encara que el nombre de fotos que es poden penjar eacutes limitat
ndash Resulta interessant a causa de la gran quantitat de continguts visuals (fotografies) que es deriven dun viatge
ndash Es recomana vincular-los (mitjanccedilant un hiperenllaccedil) al bloc principal
ndash En cas de voler crear una galeria fotogragravefica eacutes meacutes aconsellable optar per altres eines meacutes preparades per a aquesta finalitat (com ara Flickr)
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Videoblocs
ndash Ofereixen la informacioacute mitjanccedilant viacutedeos
ndash Els viacutedeos es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts audiovisuals (com You Tube)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Resulta molt impactant per la forccedila comunicativa
ndash Durant el viatge pot generar certes molegravesties ja que els viacutedeos requereixen meacutes temps dedicioacute i meacutes temps de publicacioacute
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Audioblocs
ndash Presenten la informacioacute mitjanccedilant pistes sonores
ndash Solen incorporar una barra de control amb les opcions bagravesiques Stop Play Pause etc
ndash Els arxius sonors es poden publicar directament des de la nostra magravequina o beacute enllaccedilar-los des de plataformes demmagatzematge de continguts sonors (com Goear)
ndash Els continguts estan oberts als comentaris dels usuaris
ndash Es recomana inserir-los dins dun bloc general que incorpori informacioacute de diferent tipus
Blocs mogravebils
ndash Es tracta de blocs que sactualitzen des de dispositius mogravebils
ndash Es troben en una fase molt incipient de desenvolupament
ndash
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 16 Bitagravecoles de la Xarxa per al ciberviatger
Audiobloc
Laudiobloc wwwnilibreniocupadoes Anegravecdotes drsquoun taxista a Madrid recorre a luacutes deles pistes sonores com un element de gran importagravencia i protagonisme en la difusioacute delsseus continguts
Videobloc
El videobloc turismotvcom (wwwturismotvcom) presenta un conjunt de contingutsbasats en els audiovisuals El relat de viatges que realitza estagrave basat en breus viacutedeos sobrediferents destinacions i temes relacionats amb els viatges
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 17 Bitagravecoles de la Xarxa per al ciberviatger
Fotobloc
El lloc web enfocat (wwwenfocadocom) presenta lestructura progravepia dels fotoblocs unafotografia principal o de portada i en la part inferior (de vegades en els laterals) altresfotografies La fotos porten tiacutetol i estan obertes a comentaris
Bloc mogravebil
El bloc mogravebil wwwtextamericacom eacutes un exemple duna bitagravecola que es pot gestionardes de dispositius mogravebils
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 18 Bitagravecoles de la Xarxa per al ciberviatger
En resum en el marc duna bitagravecola en liacutenia dedicat al relat dun viatge resulta
interessant optar per la creacioacute dun bloc multimegravedia que permeti incorporar
tota mena dinformacions Daquesta manera el bloc presentaragrave una major ri-
quesa i varietat informativa duna banda i permetragrave escollir entre diferents ti-
pus de continguts en funcioacute de la idea o tema que es vol transmetre
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 19 Bitagravecoles de la Xarxa per al ciberviatger
5 Blocs i viatges construccioacute dun bloc en liacutenia de viatges
A continuacioacute es detallen els passos per a la creacioacute i el disseny dun bloc
Sutilitzaragrave la plataforma de Blogger encara que nhi ha moltes altres que de
manera automagravetica i gratuiumlta permeten accedir a un bloc Aquest bloc estaragrave
disponible a la Xarxa per a la seva consulta A meacutes shi aniran incorporant els
diferents continguts i eines que es creiumln en el marc del curs
Passos per a crear un bloc en la plataforma Blogger
La plataforma Blogger ens pot oferir lesinstruccions en diferents idiomes (espa-nyol catalagrave anglegraves etc) En aquest docu-ment sindiquen les instruccions enespanyol De tota manera el significat espot deduir de manera intuiumltiva
Per a usar Blogger primer cal donar-sedalta (crear un usuari) Shan domplir elsiacutetems seguumlents
Nom dusuari
Contrasenya
Mostrar nom nom que volem mostrari que apareixeragrave firmant els nostres contingut
Correu electrogravenic
Shan dacceptar les condicions duacutes
Salteu amb la fletxa taronja al nivellseguumlent
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 20 Bitagravecoles de la Xarxa per al ciberviatger
El nom eacutes un element del bloc molt im-portant
Cal buscar dos noms un que identifiquiel bloc i un altre que sigui la seva adreccediladInternet
Hi ha dhaver relacioacute entre el nom delbloc i el nom de ladreccedila del bloc
En el marc daquest curs es treballaragrave ambel bloc
Travel 20 viajes periodismo e Internethttpcursoviajesblogspotcom
El Blogger ofereix diferents opcions deplantilles de disseny per al nostre bloc
Se nha descollir una
Seleccioneu el disseny segons la llegibili-tat relacioacute amb el contingut etc
Posteriorment sestudiaragrave com es perso-nalitza aquest disseny per a adaptar-lo alnostre projecte viatge enfocament etc
Per a crear una entrada nova cal entrar enla pestanya Creacioacute dentrades Crearde la nostra agraverea dusuari
Cal donar-hi un tiacutetol escriure el comenta-ri donar-hi un format inserir-hi imatges(si volem) i finalment publicar-ho (Pu-blicar entrada)
Per saber si la nostra entrada sha publi-cat correctament despreacutes de clicar sobre Publicar entrada ha daparegraveixer unmissatge que indiqui la publicacioacute cor-recta del contingut
Quan aparegui per visualitzar el bloc cli-carem sobre Veure bloc
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 21 Bitagravecoles de la Xarxa per al ciberviatger
Podem modificar les nostres entradesquan vulguem
Per fer-ho sha dentrar a la pestanya Cre-acioacute dentrades i una vegada dins entrara Editar entrades
En finalitzar ledicioacute cal tornar a Publicarentrada
Encara que el bloc estigui creat es podenmodificar totes les dades que hem intro-duiumlt mitjanccedilant la pestanya Propietats
Ladreccedila web o URL del bloc
El nom del bloc
La plantilla de disseny
Els comentaris que hem rebut
El nombre dentrades que apareixen enportada
Creacioacute del contingut duna entrada i publicacioacute
Inclusioacute de textos
Inclusioacute dhiperenllaccedilos
Inclusioacute de fotografies
Hem de clicar en la icona de la imatgeApareixeragrave una finestra desplegable
Decidirem si pengem la imatge des delnostre ordinador o USB o si lenllacemdes duna altra pagravegina
Escollim la mida i la ubicacioacute i (la pri-mera vegada que publiquem una imatge)cliquem en Acceptar les condicions
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 22 Bitagravecoles de la Xarxa per al ciberviatger
En la part inferior de cada entrada apa-reix lopcioacute dincorporar Comentaris(simplement sha dindicar Siacute o No)
En la part dreta trobem un espai destinata la inclusioacute de les etiquetes o tags (quesoacuten les paraules clau que identificaranlentrada i en facilitaran la localitzacioacute alscercadors)
La inclusioacute de viacutedeos arxius sonors i al-tres elements sexplicaran meacutes endavant
Acceacutes a la zona dadministracioacute i a la zona de visualitzacioacute del bloc
Zona dadministracioacute Es tracta de la zona del bloca la qual uacutenicament pot accedir el gestor del blocDes dallagrave es poden realitzar totes les funcions depublicacioacute edicioacute canvis de configuracioacute etc hi hadues maneres daccedir-hi des de la pagravegina princi-pal del Blogger (wwwbloggercom) introduintlusuari i contrasenya o des de la barra superior decolor blau clicant sobre lopcioacute Nova entrada Per-sonalitzar o Accedir
Zona de visualitzacioacute Es tracta de la zona queapareix publicada a Internet i que per tant potconsultar qualsevol usuari que es connecti a laXarxa Per a accedir-hi nhi ha prou de connec-tar-se a Internet i escriure ladreccedila del bloc(httpblogspotcom) Des daquesta situacioacutepodem visualitzar perograve no podem realitzarcanvis en el bloc Per a poder fer canvis hemdaccedir a la zona dadministracioacute
wwwbloggercom
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 23 Bitagravecoles de la Xarxa per al ciberviatger
El bloc del curs
Travel 20 viatges periodisme i Internet
httpcursoviajesblogspotcom
En aquest espai es publicaran tots els continguts i eines estudiades al llarg del
curs perquegrave lestudiant sagravepiga com es visualitzen i reflexioni sobre el seu uacutes en
el bloc que hauragrave de construir durant el curs
Nota
ndash Cada estudiant hauragrave de construir un bloc per a fer el seguiment del curs
ndash En el seu bloc lestudiant aniragrave incorporant els diferents continguts i eines
que sexpliquin (aixiacute disposaragrave dun espai de pragravectiques)
ndash A mesura que sexpliquin noves tipologies de continguts sindicaragrave com
selaboren per a inclourels en el bloc que cada estudiant crearagrave en el marc
del curs
ndash En el bloc del curs es podragrave visualitzar el resultat de cada tipologia de con-
tingut i de les eines i serveis que es vagin explicant
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 24 Bitagravecoles de la Xarxa per al ciberviatger
6 La barra lateral funcions i possibilitats
La barra lateral eacutes un apartat o marc estagravetic que apareix en el costat esquerre o
dret del marc dinagravemic principal o de continguts dun bloc Encara que els
continguts progravepiament dits es publiquen en el marc principal la barra lateral
teacute una segraverie de funcions de gran importagravencia
ndash Informacioacute corporativa La barra lateral eacutes lespai idoni per a ubicar la in-
formacioacute relativa al projecte de lautor del bloc A diferegravencia del marc de
continguts teacute un caragravecter estagravetic Per aixograve ens podrem assegurar que un
component sempre apareix en la part superior i que per tant els usuaris el
podran veure Es pot incloure una foto de lautor o autors els logotips de
les entitats que colmiddotlaboren en el projecte una presentacioacute breu sobre el
contingut del bloc el nombre de visites rebudes etc
ndash Informacioacute puntual La barra lateral tambeacute serveix com un espai on ubi-
car informacioacute progravepiament dita eacutes a dir contingut vinculat al tema del
bloc En aquest sentit es poden incorporar viacutedeos fotografies (la foto del
dia per exemple en el cas dun viatge) frases o citacions cegravelebres etc
Quant al marc de continguts teacute un espai limitat ja que eacutes menys ample i
per tant els continguts apareixen meacutes reduiumlts
ndash Elements interactius La barra lateral tambeacute serveix per a incorporar ele-
ments que fomentin la interaccioacute amb els usuaris Poden estar vinculats
amb els continguts que es publiquin en el marc principal Per exemple
es poden incorporar enquestes i conegraveixer el percentatge de respostes els
resultats etc
ndash Inclusioacute de publicitat La barra lateral tambeacute sol ser lenclavament del
bloc en quegrave subica la publicitat Alguns gestors i plataformes de blocs ja
incorporen un servei dinclusioacute automagravetica danuncis en liacutenia
La barra lateral permet incloure una gran quantitat de serveis i prestacions
de naturalesa i enfocament molt diversos Tanmateix aixograve no significa que
hagravegim dincloure tots aquests recursos A tota hora seragrave molt important va-
lorar quegrave sha dincorporar i quegrave sha de deixar fora del bloc De la mateixa
manera no hem de descuidar les recomanacions relatives a la composicioacute
duna pantalla els consells sobre luacutes del color etc En definitiva hem
daconseguir conferir una cohesioacute i unitat a tot el conjunt de manera que
es presenti als internautes com un producte atractiu i de qualitat
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 25 Bitagravecoles de la Xarxa per al ciberviatger
Exemples de barra lateral
Directrius i consells per a publicar continguts en la barra lateral del
nostre bloc
Text estagravetic
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Text
httptodocuantoameblogspotcom
httpe-periodistasblogspotcom httpdesdemiblogblogspotcom
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 26 Bitagravecoles de la Xarxa per al ciberviatger
Sinclou la redaccioacute del text (amb tiacutetol o sense) que volem que aparegui en la barra laterali es clica en Desar canvis
En la barra lateral el sistema presentaragrave un text estagravetic Aquest element eacutes interessantsi volem que lusuari sempre vegi i llegeixi aquest mateix text Pot ser una frase que ajudia contextualitzar la pagravegina el projecte el viatge el contingut que presentem etc
Fotografia
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Imatge
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 27 Bitagravecoles de la Xarxa per al ciberviatger
Mitjanccedilant una finestra que apareix adjuntem la fotografia i si volem hi afegim el tiacutetoli peu de foto Eacutes recomanable seleccionar lopcioacute dAjustar mida
Aquesta opcioacute permet incloure una foto en la barra lateral que apareixeragrave sempre No obstant aixograve la podem anar substituint per una altra El viatger hauragrave de buscar el sentit i justificacioacute de la imatge
Enllaccedilos
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Llista de vincles
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 28 Bitagravecoles de la Xarxa per al ciberviatger
Lusuari escull un tiacutetol per a lapartat (Els meus enllaccedilos Enllaccedilos seleccionats Enllaccedilosdinteregraves etc) i decideix el nombre denllaccedilos que es veuran en el bloc No eacutes recoma-nable que siguin molts ja que aixograve podria afectar la pagravegina negativament A continuacioacuteescriu el nom de les adreces i el tiacutetol de cada enllaccedil
Els enllaccedilos apareixen en la barra lateral Eacutes important que el gestor del bloc realitzi una bona seleccioacute dels enllaccedilos que incorpori en el seu bloc ja que els usuaris valoren la qualitat dels enllaccedilos recomanats
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 29 Bitagravecoles de la Xarxa per al ciberviatger
Etiquetes
En lapartat Disseny Elements de pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute Etiquetes
Les etiquetes soacuten les paraules clau que acompanyen cada entrada Sinclouen en publi-car lentrada Serveixen per a classificar les entrades en diferents categories Per exemplesi creem una categoria que es diu Paisatges totes les entrades que tinguin com a etiquetala paraula paisatges apareixeran a dins daquesta
Les etiquetes es poden comparar amb les seccions dun lloc web perograve no tenen exactament la mateixa funcioacute La seva missioacute eacutes identificar les diferents entrades amb paraules clau a fi de facilitar-ne lemmagatzematge i recuperacioacute posterior (tant dins del nostre bloc com en els cercadors dInternet)
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 30 Bitagravecoles de la Xarxa per al ciberviatger
Publicitat
En lapartat Disseny Elements de Pagravegina Afegir un element de pagravegina se seleccio-na lopcioacute AdSense Per a incloure la publicitat haurem de donar dalta el nostre comptePosteriorment hem descollir el tipus de disseny de publicitat que volem publicar en lanostra barra lateral
Viacutedeos arxius sonors presentacions i altres elements
Les indicacions relatives a la inclusioacute de continguts audiovisuals sonors presentacions visu-als esquemes gragravefics etc sexplicaran progressivament en cada un dels apartats del curs
En tots els casos es podragrave consultar el bloc del curs per a visualitzar el resultat final fruitde laplicacioacute daquestes eines
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 31 Bitagravecoles de la Xarxa per al ciberviatger
Els elements que es publiquen en la barra lateral van apareixent situats en la
part superior daquesta No obstant aixograve en podem modificar la ubicacioacute des
de lapartat Disseny Elements de pagravegina En aquest apartat amb el punter
del ratoliacute podem desplaccedilar els diferents apartats de la barra lateral amunt o
avall segons vulguem Aquest aspecte eacutes important en la mesura que la part
superior de la barra lateral eacutes la que teacute meacutes importagravencia i per tant ens hem
dassegurar que els elements se situen en aquesta ubicacioacute
La ubicacioacute dels elements de la barra lateral es pot anar modificant amb el punter del ra-toliacute Nhi ha prou de situar-se sobre lelement que volem desplaccedilar amunt o avall i preacutemerel botoacute esquerre del ratoliacute
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 32 Bitagravecoles de la Xarxa per al ciberviatger
7 La importagravencia de la personalitzacioacute consells i advertegravencies
En el disseny i gestioacute dels continguts dun bloc eacutes molt important donar al
conjunt delements un enfocament i tractament personalitzat Moltes plata-
formes que permeten la creacioacute de blocs ofereixen plantilles predissenyades
als usuaris Aixograve fa que el nostre espai en liacutenia perdi personalitat ja que molts
altres blocs de la blocosfera poden presentar aquest mateix disseny
No obstant aixograve hi ha una segraverie de recomanacions que poden ser uacutetils per a
donar al nostre bloc i als continguts que hi publiquem un caragravecter diferent
genuiacute i personalitzat
ndash Seleccioacute de la plantilla Encara que el sistema ens obligui a seleccionar
una plantilla dun conjunt de predissenys hem de ser conscients que pos-
teriorment es pot personalitzar i adaptar lenfocament del projecte De
tota manera i encara que pensem aplicar accions de personalitzacioacute eacutes im-
portant escollir un disseny de plantilla que per la distribucioacute dels apartats
o la colorimetria utilitzada saproximi a la nostra idea plantejament o ti-
pus de viatge
ndash La capccedilalera Es tracta dun apartat decisiu ja que apareix en la part supe-
rior de la pagravegina i per tant eacutes el primer a visualitzar-se De la mateixa ma-
nera en presentar el tiacutetol del bloc la seva forccedila persuasiva i limpacte visual
eacutes determinant Els gestors de blocs permeten modificar el color de fons o
incloure una fotografia Si optem per canviar el color eacutes important que
aquest canvi es realitzi dacord amb el conjunt de colors que apareixen en
la resta dapartats i continguts del bloc En cas dincloure una fotografia de
fons eacutes molt important tractar-la pregraveviament amb algun editor dimatges
perquegrave presenti unes dimensions adequades (la imatge meacutes enllagrave de lam-
plada i altura requerides ha de ser horitzontal ja que apareixeragrave apaiumlsada)
De la mateixa manera si sinclou una imatge de fons en la capccedilalera sha
descollir la que garanteixi un bon contrast entre la fotografia i les lletres
del tiacutetol del bloc
ndash Tipus de lletra El gestor permet modificar els tipus de lletra que apareixen
en la capccedilalera i en el conjunt dapartats del bloc En aquest sentit i seguint
sempre les directrius indicades en parlar de lescriptura per a la Xarxa ses-
colliran les que sadapten millor a lenfocament del nostre projecte
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 33 Bitagravecoles de la Xarxa per al ciberviatger
ndash El color El gestor tambeacute permet el canvi del color dels diferents elements
de la pagravegina filets requadres liacutenies de separacioacute entre blocs tiacutetols dels
apartats etc Tenint en compte els significats que incorporen els diferents
colors escollirem els que sadaptin millor al missatge que volem transmetre
i que compleixin les normes i consells sobre luacutes del color en els continguts
transmesos per la pantalla dun ordinador
ndash Continguts Lenfocament dels continguts tambeacute eacutes un element decisiu
per a aconseguir donar al conjunt del nostre bloc un aspecte diferenciat i
genuiacute En aquest sentit eacutes important que els continguts publicats respon-
guin a una mateixa pauta i que lusuari que consulti el bloc els percebi
cohesionats i unificats
Possibilitats de personalitzacioacute del bloc
El sistema ens permet canviar la plantilla de disseny seleccionada en qualsevol moment(des de DissenySeleccionar plantilla nova)
Des de lopcioacute DissenyFonts i colors podem modificar el color de tots els componentsde la nostra plantilla Daquesta manera la podrem adaptar a lenfocament i colors quevolem Tambeacute eacutes possible canviar el color i tipus de lletra dels diferents continguts tex-tuals de la pagravegina Aquesta tasca que sha de realitzar amb compte i amb precisioacute enspermetragrave disposar duna plantilla molt meacutes personalitzada i per tant diferent de la de laresta de blocs
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors
copy FUOC bull P089314301579 34 Bitagravecoles de la Xarxa per al ciberviatger
Des de lopcioacute Elements de pagravegina podem editar la capccedilalera del bloc i incorporar unaimatge que substitueixi el fons de la plantilla Per a aixograve nhi ha prou de tenir una imatgeapaiumlsada i penjar seguint els passos que indica el sistema Eacutes molt important que la imat-ge no sigui gaire pesada Sha que seleccionar lopcioacute Reduir fins a ajustar Daquesta ma-nera el sistema adaptaragrave la mida de la imatge a lamplada de la pagravegina En el cas del blocde viatges es poden seleccionar paisatges rostres de gent detalls dartesanies etc Enaquests casos ens hem dassegurar que el tiacutetol del bloc es llegeix adequadament Si fosnecessari es pot canviar el color per un altre de meacutes adequat mitjanccedilant la seccioacute Fontsi colors