Creació i gestió de blocs

CREACIÓ I GESTIÓ DE BLOCS
Montornès del Vallès
Octubre – Novembre 2011
Organitza: Amb el suport de: Col·labora: Impartit per:
Miquel Rodríguez
miquel.rodriguez@digitalment.com

Creacióigestiódeblocs.Octubre-Novembre2011
Llicència i enllaços
2
Creació i gestió de blocs de Miquel Rodríguez està subjecta a una llicència
de Reconeixement-NoComercial-CompartirIgual 3.0 No adaptada de Creative Commons
Creat a partir d'una obra disponible a www.slideshare.net.
http://slidesha.re/formacioblocs

Índex de continguts i calendari
Creació d'un bloc
•Què és i per a què
serveix un bloc
•Passos previs
•Com crear un nou bloc
•Com accedir al nostre
bloc
•Personalització inicial
Creació de
continguts
•Creació d'entrades
•Gestió d'etiquetes
•Publicar imatges
•Publicar vídeos
•Publicar presentacions
i documents
•Publicar pàgines
•Afegir fitxers
•Afegir Gadgets
Dinamització i
participació
•Fomentar la
participació
•Dinamització i gestió
dels comentaris
Gestió i
configuració
•Gestió d'usuaris i
permisos
•Estadístiques d'ús
Com preparar una
formació en creació
i gestió de blocs
•Perfil dels alumnes
•Necessitats a resoldre
•Índex de continguts
•Material necessari
•Propers passos
Calendari
Dilluns 31 d’octubre de 2011
Divendres 4 de novembre de 2011
Dilluns 7 de novembre de 2011
Horari i lloc
De 9:30 a 13:30
Casal dels avis de Montornès Centre
Avinguda de la Llibertat, 3
Montornès del Vallès
3

Què és i per a què serveix un bloc
 Un bloc és un tipus de web que se suposa que hauria de
ser actualitzat amb nous continguts força sovint.
 El seu nom prové de l'anglès blog, truncació de weblog:
diari web.
 Un bloc és dissenyat perquè, com un diari, cada article
tingui data de publicació, de manera que la persona que
escriu (blocaire, blogaire o bloguista) i les que llegeixen
puguin seguir tot el que s'ha publicat i editat.
 La seva actualització periòdica i la capacitat dels lectors
per deixar comentaris en un format interactiu és una
part important de molts blocs.
Font: http://ca.wikipedia.org/wiki/Bloc, http://en.wikipedia.org/wiki/Blog
5

Característiques d’un bloc
 Són col·laboratius: Ja que tenen la possibilitat que els
altres internautes puguin afegir comentaris.
 Són definibles: Això vol dir que els autors poden
restringir qui vol que comenti aquest bloc i qui no. Això
fa que en alguns blocs tinguin un cercle bastant petit.
Però que sigui restringit no vol dir que no sigui ni públic
ni visibles per qualsevol internauta.
 Són interactius: Des del teu propi bloc pots enllaçar-te
en altres blogs, webs, àudio, vídeos entre altres.
 Són gratuïts: Els blogs són totalment gratuïts.
Font: http://ca.wikipedia.org/wiki/Bloc
6

Blog personal
• El de la persona
que explica els
detalls de la
seva vida.
Bloc de l'expert
sobre un tema
• Hi ha moltes
persones que
utilitzen els seus
blocs per
transmetre els
seus
coneixements
d'expert.
• Així, a part de
beneficiar tota la
comunitat,
també
n'aprofiten per
guanyar
notorietat tot
incidint en la
seva activitat
professional.
Blog polític
• Des de
candidats a
campanyes
electorals fins a
gent que
aprofita el
weblog per a
explicar el sentit
del seu vot
• És habitual
veure debats
molt vius entre
diferents blocs o
grups de blocs,
tot facilitant la
participació dels
ciutadans en el
debat
democràtic
públic.
Bloc
professional
• Hi ha grups de
professionals
que es
coordinen o
expliquen els
seus projectes a
través de les
bitàcoles
• Això sol ser molt
habitual en
projectes de
programari
lliure.
Blog periodístic
• Simplement
dóna
informació,
talment un diari
tradicional.
Algunes classificacions i usos d’un bloc
7

I vosaltres, quin ús voleu
donar al vostre bloc?
Algunes classificacions i usos d’un bloc
8

Creació d’un nou bloc i personalització
9

Passos previs
 Durant aquest curs treballarem amb una de les
principals eines de creació de blocs: Blogger.
www.blogspot.com
 Cal que tinguem un compte de correu de Gmail.
 Per exemple, miquel.rodriguez@gmail.com
 O bé, podem tenir un compte de correu vinculat a un
compte de Google (Google Account)
https://accounts.google.com/NewAccount
10

Com crear un nou bloc
 Anirem al següent enllaç: http://www.blogger.com
 Aquí crearem el nostre propi bloc on anirem practicant
els exercicis del curs. El crearem 1 sola vegada, i després
el configurarem i hi afegirem continguts.
 Si no tenim compte de Gmail, podem vincular el nostre
compte de correu amb un Google Account durant
aquest procés.
11

Primer pas: crear un compte de Google
(o bé identificar-se amb gmail o Google Account)
12

Segon pas: Donar un nom i adreça al nostre bloc
13

Tercer i últim pas: Escollir una plantilla de disseny
14

El nostre bloc ja està creat!
15

Vista pública i vista privada d’un bloc
16
Part pública
Accessible per qualsevol usuari.
Mostra els continguts de les diferents
entrades que hi anem afegint.
http://formaciogestioblocs.blogspot.com/
Part privada
També anomenada Backoffice,
és accessible només pels usuaris
amb els permisos adients
d’administrador o autor.
Gestionar i crear continguts,
configurar les opcions de
disseny, moderar comentaris,
veure estadístiques d’accés...

Per on començar?
17
http://www.blogger.com
Quan volguem començar a treballar, només cal obrir un navegador i
anar a la pàgina de Blogger, la nostra eina per gestionar blocs.
Un cop allà, ens identificarem amb el nostre correu i password

Part privada: pàgines inicials de Blogger i del bloc
18
Pàgina inicial de Blogger
Podem veure tots els blocs dels quals
tenim permisos per administrar o
escriure.
http://www.blogger.com/home
Pàgina inicial del nostre bloc
Pàgina inicial de la part privada del
nostre bloc, des d’on podrem
accedir a totes les opcions
d’administració i creació
d’entrades.
Per arribar, cal clicar al títol del bloc
a la pàgina inicial de Blogger.
Clicant la “B” tornarem a la
pàgina inicial de Blogger

Com accedir a la part privada des del nostre bloc?
19
Si encara no ens hem
identificat, caldra fer-ho
clicant a “Entra-hi” i
posant després el nostre
correu i password.
Un cop identificats, ens
apareixerà a dalt a la
dreta una opció
“Dissenya”, que ens
permetrà entrar a la part
privada del bloc.

Personalització inicial
 En el nostre bloc podem configurar pràcticament
qualsevol cosa (colors, font i tamany de lletra, ubicació
dels continguts, amplades, ...)
 A les diapositives següents veurem les diferents
pantalles per fer la personalització inicial bàsica.
 Configurarem la data i hora.
 Revisarem el títol, l’adreça i la descripció.
 Més endavant configurarem la resta d’opcions.
20

Configuració bàsica: Visió general
21

Configuració bàsica: Títol, descripció i adreça
22

Configuració bàsica: Idioma i format
23

Disseny de plantilla
24

Creació de continguts: entrades
25

Creació d'entrades
 Cada contingut afegit al bloc s'anomena "entrada" o
"post" i consisteix en un article escrit, que també pot
anar acompanyat de so, imatges, vídeo, etc.
 Les diferents entrades (o posts) es classifiquen de
manera cronològica, segons el seu ordre de publicació, i
cadascuna d'elles consta de diferents parts. Bàsicament:
 El títol, que descriu el contingut del post
 El contingut de l’entrada
 La data i l'hora de publicació
 L'opció d'incloure comentaris d'altres usuaris
 Les etiquetes (també conegudes amb el nom de tags), o
sistema de catalogació temàtica dels posts publicats
Font: http://ca.wikipedia.org/wiki/Bloc
26

Exemple d’una entrada en un bloc
Data
Títol
Contingut
Autor
Etiquetes
Font: http://gentgranvallesoriental.blogspot.com/
27

Com crear una nova entrada?
28
Clicant el botó amb el llàpis o el botó “Entrada nova” des de la pantalla
inicial de la part privada podrem crear una nova entrada en el nostre bloc

Opcions de la pantalla de Nova entrada
Títol
Data
Contingut
Autor
Etiquetes
PublicacióBarra d’eines
29

Llistat de totes les entrades
30
Podem publicar o despublicar una entrada en qualsevol moment.
Al despublicar-la, aquesta passa a estar en esborrany.
Al passar el ratolí per sobre d’una entrada, es marca de color groc clar i
ens apareixen opcions per editar-la, visualitzar-la o eliminar-la.

Creació d’una entrada senzilla de text
31

Gestió d'etiquetes
 En informàtica, l'etiqueta (en anglès tag) és una paraula
o conjunt de paraules que defineixen d'una forma clara i
senzilla ja sigui l'article escrit, la imatge publicada, el
document, dins d'un web.
 S'afegeixen al document amb la intenció de millorar la
recerca quan s'usa un cercador.
 Podem utilitzar les etiquetes per categoritzar i classificar
les entrades del nostre bloc.
 Normalment, cada etiqueta sol ser un enllaç que
condueix a una pàgina d'índex on es mostren totes les
entrades del bloc relacionades amb aquesta etiqueta.
 Consell: escriviu les etiquetes en minúscules, i procureu
reutilitzar etiquetes entre les diferents entrades del bloc.
Font: http://ca.wikipedia.org/wiki/Etiqueta_(informàtica), http://en.wikipedia.org/wiki/Tag_(metadata)
32

Assignar etiquetes a la nostra entrada
33

Llista d’etiquetes en un bloc
34Font: http://www.gestionproyectostic.com/

Publicar imatges, vídeos i d’altres...
35

Publicar imatges
Diferents formes d’incloure les imatges
36

Identació de les imatges
37

Identació i llegenda de les imatges
Imatge centrada i amb una llegenda
38

Publicar vídeos
39
Diferents formes d’incloure els vídeos.
A l’opció “Carrega” podrem escollir un vídeo del nostre ordinador i pujar-lo al bloc.

Publicar vídeos
40
A l’opció “Des de YouTube” podrem cercar un vídeo utilitzant
la caixa de text i sel·leccionar-ne un dels resultats de la cerca

Vídeo un cop insertat en una entrada, mode edició
41

Vídeo un cop publicada l’entrada
42

Enganxar un vídeo amb el codi HTML
43
1
2
3
També podem enganxar un vídeo
utilitzant el codi HTML que
podem obtenir de la web on el
vídeo està publicat.
En el cas de YouTube:
1.- Cliquem a “Comparteix”
2.- Cliquem a “Insereix”
3.- Copiem el text sel·leccionat
A la propera diapositiva veurem
com inserir el text en la nostra
entrada, en mode HTML.

Enganxem el codi HTML
44
Inserim el text copiat en mode HTML
a la nostra entrada.

Visualització en mode Redacció de l’entrada
45

Publicar presentacions i documents
46
Per publicar una presentació,
podem fer el mateix que amb els
vídeos amb codi HTML.
En el cas de SlideShare:
1.- Cliquem a “<> Embed”
2.- Copiem el text sel·leccionat
A la propera diapositiva veurem
com inserir el text en la nostra
entrada, en mode HTML.
Per fer el mateix amb altres tipus
de documents (per exemple: PDF,
Microsoft Office, LibreOffice...)
podem utilitzar altres serveis com
http://www.scribd.com/
1
2

Enganxem el codi HTML de la presentació
47

Presentació de Slideshare un cop publicada a la
nostra entrada
48

Publicar pàgines i enllaçar fitxers
49

Publicar pàgines
 Podem incloure pàgines estàtiques en el nostre bloc.
 Aquestes pàgines les podem configurar com pestanyes,
o cop opcions del menú lateral.
 Aquesta funcionalitat ens serà molt útil per escriure una
pàgina de presentació, o per altres continguts que no
variaran durant el temps i que ens interessa que siguin
fàcilment accessibles.
50
Accedirem a la gestió de pàgines des del menú
esquerre de la pàgina inicial del backoffice.

Configuració i alta de les pàgines del bloc
51
Botó per crear una nova pàgina en el bloc
Llista de les pàgines actuals, amb opcions per
editar-les, revertir-les a esborrany i eliminar-les
Configuració de la ubicació de l’accés a
les pàgines a la part pública del bloc

Pantalla d’edició d’una pàgina
52
La pantalla d’edició d’una pàgina és idèntica a la pantalla d’edició d’entrades,
però té menys opcions de configuració: no té etiquetes, ni data, ni localització.

Visualització de pàgines com pestanyes superiors
53
Les nostres pàgines apareixen com pestanyes a la part superior del bloc

Visualització de pàgines com a enllaços laterals
54Les nostres pàgines apareixen com un llistat a la part dreta del bloc

Afegir fitxers
 Si volem incloure fitxers en el nostre bloc, l’eina no ens
facilita el seu allotjament.
 Això significa que caldrà pujar el fitxer en algun altre
servidor que ens permeti la seva descàrrega mitjançant
un enllaç, i després incloure aquest enllaç en el text
d’una entrada del bloc.
 Alguns exemples de llocs que proporcionen
emmagatzemament gratuït són:
 https://www.dropbox.com
 http://skydrive.live.com/
55

Afegir Gadgets
 Un gadget és una petita aplicació web que pot actuar
per si mateixa i es pot mostrar en un requadre del nostre
bloc.
 Els gadgets serveixen per ampliar les funcionalitats del
nostre bloc utilitzant contingut extern.
 Alguns gadgets habituals:
 Noticies
 Llista de blocs
 Llista d’enllaços
 Enquestes
 El meu perfil
 Llista d’etiquetes
 ...
56

Disseny del format i opcions per afegir gadgets
58
En funció de quina zona de la pàgina volem incloure el gadget clicarem en un
lloc o en un altre. Igualment, després podrem reubicar-lo arrossegant-lo.

Llistat de gadgets per escollir i incloure al bloc
59
La llista de gadgets ens permet cercar per text i per categoríes de gadget

Afegim un gadget amb una llista d’enllaços
60
El gadget de “llista d’enllaços” ens permet fer un llistat
d’altres webs amb un títol i un enllaç per cada element

Afegim un gadget amb una llista de blocs
61
Si els nostres enllaços
són a d’altres blocs, és
millor utilitzar el
gadget de “llista de
blocs”, ja que a més
podem veure un
fragment de la última
entrada publicada en
cada un dels blocs

Fomentar la participació
 Tenir clar qui són els lectors potencials del nostre bloc, o
quin perfil tenen
 Escollir temes que siguin d’interès pel teu cercle de
lectors
 Fer preguntes obertes relacionades amb el contingut
publicat
 Habilitar els comentaris, amb moderació prèvia o no
 No deixar cap comentari sense resposta, així fareu saber
que l’heu llegit i facilitarà que aquesta persona torni a
comentar més endavant
63

Dinamització i gestió dels comentaris
 La moderació dels comentaris es pot fer abans que
siguin publicats.
 Podem configurar un correu electrònic per rebre un avís
cada vegada que hi ha un nou comentari.
 Un cop publicat un comentari, sempre tindrem l’opció
de despublicar-lo.
 Podem decidir si volem comentaris per cada una de les
entrades que publiquem.
 És a dir, podem fer que unes entrades es puguin comentar i
que altres no es puguin comentar
 Tenim vàries formes de permetre comentaris:
a) Es publiquen directament, sense que els aprovem
b) Es publiquen directament a les entrades més recents
c) Un administrador (nosaltres) ha d’aprovar cada entrada
64

Qui pot fer comentaris en el nostre bloc?
 Podem limitar els usuaris que podran fer comentaris:
 Tothom (inclosos els usuaris anònims)
 Qualsevol persona pot comentar. No cal que escrigui ni el
seu nom, ni una adreça de correu, ni res (encara que si
l’usuari vol identificar-se, pot fer-ho)
 Usuari registrat (inclou OpenID)
 Usuaris que tenen un compte en un altre sistema que
admet identificar-se mitjançant OpenID
 Usuari amb compte de Google
 Usuaris que tenen un compte tipus Google Account.
 Només els membres d'aquest bloc
 Només els usuaris que tenen permisos d’autor o
d’administrador en el bloc.
65

Configuració de la moderació de comentaris
66

Com afegeixen comentaris els nostres lectors
67
Aquest text convidant a comentar el podem
configurar nosaltres mateixos a “Missatge
del formulari de comentaris” a la pàgina
d’administració
Espai per escriure el comentari
Identificació de l’usuari que comenta

En el cas que el comentari hagi de ser validat
abans de publicar-se
68
Fins que no es marqui la opció “Publica”, el comentari
estarà pendent de moderació i no serà visible al públic

Avís per correu dels nous comentaris
69
Si tenim activada la moderació prèvia, rebrem un correu informant-nos del nou
comentari i amb enllaços per publicar-lo, eliminar-lo o marcar-lo com a brossa

Visualització d’un comentari publicat
70
Un cop publicat, veurem el comentari a la
llista de comentaris publicats, i també a la
part pública del bloc

Gestió d’usuaris i permisos
71

Gestió d'usuaris i permisos
 Hi ha 2 nivells de permisos que podem assignar:
 Autor
 Els autors poden crear noves entrades en el bloc
 També poden tornar-les a passar a esborrany i eliminar-les
 Els autors no poden modificar les entrades d’altres autors
 Tampoc poden validar o eliminar els comentaris, encara que
siguin de les seves pròpies entrades
 Administrador
 Els administradors tenen control total amb el nostre bloc
 Poden fer qualsevol acció: modificar el format, validar
comentaris, escriure entrades, afegir gadgets, afegir usuaris, ...
 Cal anar amb compte quan assignem permisos d’administrador a
una altra persona
 Sempre podem revocar els permisos assignats a un usuari.
72

Afegir usuaris com autors
73
Afegirem els autors llistant els correus electrònics de
les persones a qui volem donar els permisos.
Un cop afegits, els veurem com a “invitacions
pendents mentre no acceptin la nostra invitació.

L’usuari rebrà una invitació per correu, que haurà
d’acceptar si vol ser autor del bloc
74

Pàgines inicials de Blogger i del bloc d’un autor
75
Un cop acceptada la
invitació, l’autor veurà
el bloc a la seva llista
de blocs.
Però quan hi accedeixi,
només tindrà permisos
per treballar amb els
seus propis escrits

Llistat d’autors i administradors
76
Un cop acceptada la invitació, nosaltres
veurem l’usuari a la pàgina de permisos.
Des d’aquí també podrem canviar-li el nivell de permisos, assignant drets
d’administrador o d’autor, o bé donant de baixa l’usuari

Restringir el bloc només a certs usuaris
 Podem escollir entre 3 nivells de visibilitat de la part pública
del nostre bloc
 Tothom
 De manera predeterminada, el teu bloc és obert a tots els lectors.
 Només aquests lectors
 Pots restringir el teu bloc als lectors que triïs. Tot i això, aquests
lectors hauran d'iniciar la sessió abans de llegir el bloc, de
manera que s'afegirà un pas addicional.
Conservarem la teva llista de lectors perquè puguis revertir-la en
qualsevol moment.
 Només els autors del bloc
 El teu bloc està restringit perquè només el puguin llegir els
autors d'altres blocs.
La resta de visitants d'aquest bloc no podran llegir-ne les
entrades, sinó que rebran un missatge en què se'ls informarà que
es tracta d'un bloc privat.
77

Configuració per restringir l’accés al bloc
78

Estadístiques d’ús del bloc
79

Estadístiques d'ús
80
A l’apartat d’Estadístiques podem veure informació més detallada de les
pàgines més vistes, origen del nostre trànsit, països, navegadors utilitzats, …

Estadístiques detallades
81
Si volem encara més nivell de detall
per les nostres estadístiques, haurem
de vincular el nostre bloc amb un
compte de Google Analytics des de
la pàgina de Configuració - Altres
http://www.google.com/analytics/

Com preparar una formació en creació i
gestió de blocs
82

Perfil dels alumnes i necessitats a resoldre
 Perfil dels alumnes
 Cal esbrinar quin perfil tenen els alumnes que assistiran al
curs, i si aquests són homogenis (tots molt similars) o
heteronegis (diferents).
 Tenen els mateixos coneixements?
 Tenen els mateixos interessos?
 Necessitats a resoldre
 Ja tenen un bloc i el volen millorar?
 Volen crear un bloc, però no saben per on començar?
 Volen fer alguna cosa a internet, però encara no tenen clar
què, ni com?
 Són varis usuaris que treballaran conjuntament en un sol
bloc, o cadascún d’ells tindrà el seu propi bloc?
83

Índex de continguts
 Un cop tenim clares les
necessitats a resoldre i el
perfil dels alumnes,
acabem de refinar els
continguts del curs.
 Cal preparar, com a
mínim, un índex amb 2
nivells amb tot el temari
del curs.
1. Creació d'un bloc
a) Què és i per a què serveix un bloc
b) Passos previs
c) Com crear un nou bloc
d) Personalització inicial
2. Creació de continguts
a) Creació d'entrades
b) Gestió d'etiquetes
c) Publicar imatges
d) Publicar vídeos
e) Publicar pàgines
f) Afegir Gadgets
3. Gestió i configuració
a) Gestió d'usuaris i permisos
84

Material necessari
 Assegurar-se que a les instal·lacions hi haurà tot
l’equipament necessari.
 Per exemple:
 Projector
 Pissarra, rotuladors i borrador
 Accés a internet. Password de la xarxa Wifi
 Apunts impresos
 Ordinadors amb el programari necessari
 Tècnic informàtic de suport per imprevistos
 ...
85

Propers passos
 Com farem la convocatòria?
 Quina durada tindrà el curs? Quins dies? Quin horari?
 Com reservem els equipaments?
 Com gestionem la llista dels assistents confirmats?
 “Perseguim” als qui encara no s’han apuntat?
 Fem un recordatori d’última hora?
 Com prepararem els materials?
 Entregarem material imprès?
 Posarem el material accessible a internet?
 Tenim prous recursos i coneixement per impartir la
formació?
 Tenim suport d’altra gent?
 ....
87

Som-hi!!!!
88
Per poder millorar el nostre bloc / Per poder impartir una formació, ara farem:
1.
2.
3.
“Un viatge de mil milles comença amb el primer pas.”
Lao-Tse

CREACIÓ I GESTIÓ DE BLOCS
Organitza: Amb el suport de: Col·labora: Impartit per:
Miquel Rodríguez
miquel.rodriguez@digitalment.com
Gràcies

Creació i gestió de blocs

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Creació i gestió de blocs

Ähnlich wie Creació i gestió de blocs (20)

Creació i gestió de blocs