Tutorial Fem un Bloc!

El Departament ha creat un servei propi de Blogs, des d'on podem crear

tants blocs com vulguem amb els nostres alumnes, utilitzant el nostre nom
d'usuari i contrasenya de la XTEC .
El sistema de Bloc es basa en el conegut WordPress .
Tenim altres opcions per a la confecció de blocs (Blogger, o el propi
WordPress) però pensem, que si més no, amb xtecblocs treballem dins el
nostre àmbit, fent ús d'un aplicatiu del propi Departament, amb una certa
garantia de continuïtat i de difusió.

Som-hi!

Des de la XTEC accedim a XTECBlocs <http://blocs.xtec.cat>

La primera opció aconsellable és treballar “en brut”, és a dir en un Bloc
de proves, crear el bloc, fer proves de funcionament i aprendre a utilitzar-lo,
però compte, els blocs creats així, s'esborren periòdicament de forma
automàtica. Un cop tinguem per ma el funcionament del Bloc serà el moment
de crear-lo definitivament.

Per accedir clicarem sobre aquesta imatge

Primer cal identificar-se amb el nom d'usuari i contrasenya de l'XTEC,

clicant sobre Entra de la barra superior

Josep Badia CRP Montsià jbadia22@xtec.cat 1

 Tutorial Fem un Bloc!

Ens validem, i a l'entrar veurem reflectit el nostre nom d'usuari a la barra

superior a l'esquerra. Ja podem començar a donar forma al nostre Bloc, clicant
sobre:

Compte amb el proper pas! Hem de posar el nom i un títol al bloc, i clicar
el botó crea el Bloc

Penseu bé el NOM del bloc, perquè això NO es podrà modificar, en canvi el títol si .
No poseu al NOM ni accents, ni lletres que alguns cops no es reconeixen ex: “ç” o “l·l” i
tampoc us deixeu espais en blanc, ni guionets...

Títol del bloc: Intenteu que sigui clar, per exemple: E. Infantil Jaume Balmes.
En aquest punt també haurem de decidir si el bloc serà, o no, públic.

Ja el podem crear!
Un cop fet, ens sortiran dues adreces que cal anotar:
Http://blocs.xtec.cat/.....(Nom del bloc)

i una segona, que serà la que fem servir per “administrar” el bloc.
Http://blocs.xtec.cat/.....(Nom del bloc).../wp-admin

Josep Badia CRP Montsià jbadia22@xtec.cat 2

 Tutorial Fem un Bloc!

Anem a veure el bloc que hem creat, per defecte ens sortirà sempre
aquesta plantilla.

Tampoc passa res si no recordeu les adreces anteriors, només caldrà

entrar a http://blocs.xtec.cat/ amb el vostre nom d'usuari i contrasenya de
l'XTEC i veureu com a la dreta ens mostra el nom, o noms dels blocs que tenim
començats.

Només cal clicar el nom del bloc per obrir-lo, o sobre per administrar-lo.

També és aconsellable a partir d'ara treballar amb les dos finestres obertes del navegador
( millor el Firefox), una per treballar-hi i l'altra per veure els resultats.

Una altra manera d'entrar a treballar el bloc és des de la mateixa finestra del vostre Bloc, a la
columna dreta, a sota, veureu dins de Meta: Administració.

Introduïm el nom d'usuari i contrasenya de la

XTEC, i comencem a donar forma al Bloc...

Josep Badia CRP Montsià jbadia22@xtec.cat 3

 Tutorial Fem un Bloc!

A partir d'aquest moment hem de prendre decisions: com volem que

sigui el bloc, quines parts volem que tingui, pàgines, aparença, etc. No està de
més donar un cop d'ull a diferents blocs amb una temàtica semblant a la que
nosaltres volem fer, per agafar idees de com volem crear-lo.
Anem per parts...
Analitzem la part superior de la pàgina d'administració, on trobem els menús amb les diferents opcions

Començarem per triar una aparença personalitzada del nostre Bloc.

Per fer-ho anem a Presentació i Aparences, i ens mostra l'actual i les possibles opcions, ni ha per triar
força (dins de la que escollim, hi ha opcions que permeten canviar el color).

Un cop feta la tria anem a veure com queda la nostra nova aparença de Bloc,
“L'aparença nova s'ha activat. Vegeu el bloc”.

Anem a Escriure
Tenim dos possibilitats: escriure un article o escriure una pàgina.
Començarem escrivint un article. Posem el Títol, anem a visual, i escrivim com en un processador
de textos normal, tenim diferents eines per editar-lo.

- Podem crear enllaços...

Josep Badia CRP Montsià jbadia22@xtec.cat 4

 Tutorial Fem un Bloc!

– I moltes altres possibilitats semblants a les de qualsevol editor de text.

Fixe-us que estem treballant en la pestanya Visual, la de Codi la farem servir per incrustar
“embeds”, codis en llenguatge html que ens permeten inserir vídeos, fotos i altres aplicacions.

Un cop enllestit l'article el podem desar i continuar editant altres coses (ens guarda l'article com un
esborrany) o si pensem que ja està definitivament acabat, publicar-lo.

Per veure la diferència entre un article i una pàgina, d'una manera entenedora: podríem dir que un
article és, evidentment, un escrit en format arxiu, mentre que una pàgina seria l'equivalent a una
“carpeta” . Faig aquest aclariment perquè si entrem a escriure una pàgina en principi tenim un
plantejament quasi bé idèntic al de l'article.

El que canvia és la columna de la dreta, on tenim les diferents opcions de configuració de la pàgina:
podem destacar Discussió, per permetre comentaris o no. Les demés opcions es poden consultar!

Josep Badia CRP Montsià jbadia22@xtec.cat 5

 Tutorial Fem un Bloc!

– Aquest és el aspecte de les pàgines d'un Bloc, en aquest cas tres, en forma de pestanyes.

Passem des de l'administració a l'apartat de gestió.

Com el seu nom indica, des d'aquí podem gestionar tot el que tenim al bloc: articles (exemple imatge),
pàgines, esborranys, categories... , és a dir podem editar, eliminar, modificar tots els elements del Bloc.

A propòsit de l'anterior imatge anem a esbrinar que és això de les categories

Les categories són les etiquetes o els rètols amb què s'agrupen tots els articles que tenen
atributs o tracten temàtiques comunes. M'explico; un cop creat un article o una pàgina, li podem
posar una etiqueta (tag, categoria,...). Per exemple: aplicació TAC, castanyada, tardor... Posteriorment
podrem accedir a tots els articles que tracten sobre la tardor, accedint per la categoria.

Des d'aquest apartat : Gestiona – Categories podrem crear-ne de noves, editar-les, eliminar-les,
etc.

Josep Badia CRP Montsià jbadia22@xtec.cat 6

 Tutorial Fem un Bloc!

A l'apartat comentaris podem gestionar els comentaris que ens facin al les entrades del bloc:
editar-los, eliminar-los... També ens apareixen en una pestanya, aquells que estiguin pendents de revisar.

Lògicament, aquests Comentaris els podem controlar abans que es vegin publicats. La
manera de fer-ho és accedint al menú opcions, i obrint la pestanya de Discussió

Des d'aquest apartat, trobem entre d'altres opcions, la de rebre un missatge al correu electrònic si tenim
comentaris per revisar o escollir com volem “validar” els comentaris:

Passem al següent apartat. Llista de Blocs

(Exemple extret del Bloc del CRP del Montsià)

Josep Badia CRP Montsià jbadia22@xtec.cat 7

 Tutorial Fem un Bloc!

Des de la pestanya Afegeix un enllaç els podem anar inserint, o bé importar-los des de l'altra.

El resultat és una mena de barra lateral on tindrem accés directe als blocs o webs que visitem més
habitualment (del mateix exemple...).

Parlant de la barra lateral, tornem a la pestanya Presentació per poder introduir nous
elements a la barra lateral, també anomenats Widgets, anem a pams:

Josep Badia CRP Montsià jbadia22@xtec.cat 8

 Tutorial Fem un Bloc!

Tornem a la Presentació, ens ofereix tres pestanyes

Com he comentat anteriorment, des d'aquí podem escollir l'aparença del bloc. Depenent de l'aparença
que triem, i també des d'aquí podrem també canviar els colors i la imatge de la capçalera. En el cas de la
que tenim, predeterminada, podem fer aquests canvis.

Tornant a l'apartat dels Widgets (elements a les barres laterals), aquests també depenen de
l'aparença de bloc que haurem triat, ja que hi ha tipus de blocs amb una sola barra lateral o amb dues.
En el cas de la predeterminada una sola barra. Obrim els widgets:

Fixe-us en l'explicació que ens mostra la barra lateral predeterminada. Si la volem personalitzar anirem
triant widgets de la part inferior i els arrossegarem fins a la barra, escollint l'ordre en que volem que
apareguin.

Josep Badia CRP Montsià jbadia22@xtec.cat 9

 Tutorial Fem un Bloc!

Molts d'aquests widgets són predeterminats, no es poden modificar, però tenim els de text on si que
podem posar allò que vulguem. Més avall trobem una opció per a mostrar més widgets de text:

Una vegada arrossegat el widget de text a la barra lateral clicant sobre la icona
se'ns obre una finestra on podrem editar, posar un títol i el contingut que creguem oportú.

Finalment Desem els canvis i mirem els com queda el nostre Bloc. Sempre podrem modificar aquests
canvis fins que trobem la opció que més s'adapti a les nostres necessitats.

Josep Badia CRP Montsià jbadia22@xtec.cat 10

 Tutorial Fem un Bloc!

Anem a veure la opció de menú: Usuaris. Des d'aquí podrem donar permisos (rols) a la gent
per a que puguin accedir al nostre bloc, en qualitat de administradors, editors, autors, col·laboradors o
subscriptors.

Més avall tenim el lloc des d'on afegir els usuaris:

Des d'aquesta mateixa opció també podem entrar a editar el nostre perfil.

Josep Badia CRP Montsià jbadia22@xtec.cat 11

 Tutorial Fem un Bloc!

Finalment donem un cop d'ull a les Opcions

En línies generals des d'aquesta pestanya podem personalitzar totes les opcions: general, escriptura,
lectura ...
Podem anar obrint les diferents pestanyes i veure quines possibilitats ens ofereix el programa.

Amb aquestes bàsiques nocions ja podem crear el nostre Bloc a XtecBlocs.

Josep Badia CRP Montsià jbadia22@xtec.cat 12

 Tutorial Fem un Bloc!

Però no només podem afegir text dins el nostre Bloc.

És clar que no. Evidentment la gràcia dels Blocs està en ser una eina polifacètica que
ens permet treballar en múltiples aplicacions de les anomenades
WEB 2.0

Les aplicacions web 2.0 són aquelles que podem trobar a Internet, “on line”,
de manera gratuïta, i on podem desar imatges i fer àlbums, penjar vídeos, gravar
arxius de só o música, entre altres coses, sense haver d'instal·lar cap tipus de
programari especial al nostre ordinador, i amb l'avantatge de poder fer aportacions o
modificacions des de qualsevol lloc on hi hagi un ordinador connectat a Internet.

Compte! al escollir les aplicacions. Us aconsellaria optar per aquelles que

tinguin una certa “solidesa”, (per exemple les associades a potents indústries del
sector com el Google), que ens oferiran una certa garantia de continuïtat. Sovint hi ha
aplicacions, que tot i ser força interessants, no tenen prou difusió i d'un dia per l'altre
desapareixen de la xarxa, sense deixar rastre, i en conseqüència es perden tot aquells
materials que hi havia penjat (razz, xiclets).

El que ens caldrà, a totes elles és registrar-se per poder fer-les servir. És aconsellable
tenir un compte de correu al Gmail (perquè és de Google, i moltes d'aquestes
aplicacions com Picasa són de la mateixa empresa i això ens facilitarà, posteriorment
bastant les coses), tot i que qualsevol altre compte de correu també ens pot servir.

Podem aconseguir un compte de correu del Google des de el menú superior Gmail de
la pagina d'inici del cercador, i inscriure'ns.

També és aconsellable triar un nom d'usuari i una contrasenya iguals per a totes
les aplicacions per tal de evitar fer-nos un embolic, i recordar-ho fàcilment.

Josep Badia CRP Montsià jbadia22@xtec.cat 13

 Tutorial Fem un Bloc!

Anem a veure algunes d'aquestes aplicacions.

– Imatges, fotos, àlbums.

Com veieu hi ha moltes opcions anem a veure com es faria el registre a una
d'aquestes aplicacions, per exemple a Picasa. <http://picasaweb.google.com>
Aquesta és la pàgina que veurem:

Fixeus que hi ha una icona per descarregar Picasa. Es tracta del programa que serveix
per editar, classificar, etc. NO és el “contenidor” de fotos on line.

Josep Badia CRP Montsià jbadia22@xtec.cat 14

 Tutorial Fem un Bloc!

Com he comentat el que hem de fer és crear un compte, si no el tenim:

(el fet de tenir un compte a Google ens dona accés directe a moltes aplicacions com
Calendaris, docs en línia, blogger, igoogle, google vídeo, etc )

Anem omplint els camps que ens demana...

i finalment ja estem a punt per pujar fotos o crear diferents carpetes, “àlbums”...

amb la pestanya fotos seleccionada, cliquem sobre

Posem un títol i una descripció (opcional), també podem situar on estan preses les
fotos (quina sofisticació...), triem si volem que el àlbum sigui públic o no, i endavant...

Josep Badia CRP Montsià jbadia22@xtec.cat 15

 Tutorial Fem un Bloc!

Ara només cal carregar les fotos que apareixeran al àlbum.

Navega: serveix per trobar on les tenim ubicades. Caldrà, prèviament a tot això, crear
un carpeta al nostre ordinador o llapis, amb tot el material que volem incloure al bloc.

Pugem les fotos que ens interessen ...

Finalment, cliquem sobre “vincular a este álbum” i ens apareix l'adreça web de la
foto i el embed, que copiarem i apegarem al nostre bloc.

Un cop copiat, tornem al nostre bloc, anem a l'apartat d'escriure un article ( o

gestionar un article o pàgina creats prèviament) situem el cursor al lloc on volem
incrustar la foto i passem a la pestanya Codi:

Josep Badia CRP Montsià jbadia22@xtec.cat 16

 Tutorial Fem un Bloc!

Enganxem l'embed de la imatge...

Desem i anem a veure el resultat al bloc. Posteriorment el podrem editar i finalment

publicar-lo. Aquest seria el resultat de l'exemple:

Clicant sobre el nom de l'àlbum, enllaç a

Picasa, veuríem la resta de fotos de
l'àlbum

També es poden inserir imatges directament des de el nostre ordinador sense necessitat de
tenir-les penjades a la web des de la opció de de l'editor de text del Bloc.

Josep Badia CRP Montsià jbadia22@xtec.cat 17

 Tutorial Fem un Bloc!

Un cop hem vist com es treballa amb una aplicació web 2.0 de fotos i imatges, la
resta d'aplicacions tenen un funcionament molt semblant. El procés sempre és el
mateix: registrar-se, pujar el que vulguem, copiar l'embed i incrustrar-lo al nostre
Bloc.

Aquí us deixo altres exemples d'aplicacions molt interessants a les que es pot accedir i
mirar les seves possibilitats.

– Só i música:

– Documents o pdf:

– Vídeos:

– Altres (permeten penjar diversos tipus de formats o aplicacions curioses).

I un llarguíssim etc.

Només cal animar-se a provar-les, i buscar possibilitats per al nostre Bloc, o

per al dels nostres alumnes.

Benvinguts/des al món Blocaire!!!

Josep Badia CRP Montsià jbadia22@xtec.cat 18