Breu tutorial que explicar com funciona l'aplicació web Popplet, per a crear mapes conceptuals i presentacions.

1. Curs sobre recursos i aplicacions web 2.0
Popplet
Popplet és una aplicació en el núvol que permet, de forma gràfica, estructurar i organitzar les
teves idees. Amb Popplet podem crear mapes mentals, conceptuals, taulers, murals, galeries...
Ja sigui de forma individual o col·laborant amb altres persones. Un popplet és un gran tauler on
penjar, organitzar i relacionar les teves idees. Cada popplet és una idea, un concepte... i tots ells
es poden connectar entre si per així organitzar tot el contingut. En cada un dels popplets
podem afegir-hi imatges, textos, dibuixos i vídeos de forma molt senzilla. Aquest és,
precisament, una de les avantatges de Popplet: la seva senzillesa i lo intuïtiva que és la seva
interfície.
Per distingir els diferents conceptes anomenarem projecte a un arxiu popplet (cadascun dels
taulons que creem) i popplets a cadascuna de les idees del projecte.
Registrem-nos a Popplet
Com la majoria de les aplicacions d’Internet, Popplet requereix d'un registre previ a la seva
utilització. És un procés similar al de qualsevol altra aplicació d'aquest tipus. Anirem a
www.popplet.com i clicarem a dalt a la dreta per registrar-nos (log in). Llavors indicarem que
encara no en som membre per així poder-nos registrar (sign up) i se’ns obrirà una finestra per
omplir el registre:

2. Curs sobre recursos i aplicacions web 2.0
És aconsellable no fer servir el navegador Internet Explorer per utilitzar el popplet.
Una vegada hàgim escollit l’opció de registre gratuït, podrem explorar diferents exemples de
popplets creats per altra gent [1] o bé començar a crear un nou popplet [2]:
L'escriptori
Anomenem escriptori a la zona en què es mostren els nostres projectes i l'accés a altres opcions
de treball amb Popplet.
A la zona superior dreta podem veure un conjunt de botons que ens ofereixen diverses opcions:
The popplet bloc!: És un accés directe al bloc de popplet. En aquest bloc trobarem
missatges (en anglès) amb informació general i ajudes de l'aplicació.
go fullscreen: ens permet veure Popplet en pantalla completa.
feedback: permet compartir idees i enviar missatges a la comunitat de Popplet.
account: des d'aquest enllaç accedim a les opcions de canvi de contrasenya i de nom
d’usuari.
logout: per sortir de Popplet.com
12
1

3. Curs sobre recursos i aplicacions web 2.0
Creem un projecte
Al fer clic sobre el botó "make a new popplet" podem començar a treballar.
El primer pas ens obliga assignar un nom al nou document i un color de fons:
Escollim el nom i el color i seguim treballant fent clic al botó "make it so!". Llavors accedim a la
nostra primera zona de treball i podem començar a crear popplets:
1) Fent doble clic en qualsevol zona del nostre escriptori podem
crear un popplet.
2) Fent clic dins del popplet podem afegir qualsevol text.
3) Fent clic sobre la icona "color de vora" podem modificar
el color de les vores dels popplets de manera que en un mateix
panell puguem oferir informació visual agrupant idees per
colors.

4. Curs sobre recursos i aplicacions web 2.0
4) Si fem clic sobre la icona de text podem modificar la
mida i la justificació dels textos. És important tenir en compte
que només admet tres mides de text, la qual cosa haurem de
tenir en compte a l’hora d’organitzar la informació en aquests
tres nivells de jerarquia.
5) L’icona del llapis ens permet accedir a l'eina de dibuix,
de manera que podem afegir dibuixos o textos realitzats a
"mà alçada". L'eina de dibuix, a més, permet canviar el color
del traç.
6) La icona d'imatge i vídeos ens permet afegir imatges i/o
vídeos des de vimeo, YouTube o el nostre ordinador.
7) Podem redimensionar els popplets situant-nos sobre la
icona en forma de fletxa i arrossegant fins a obtenir la mida
desitjada.
8) Situant el cursor del ratolí sobre qualsevol popplet, el podrem arrossegar i col·locar en
qualsevol zona de l'escriptori. Si en lloc de situar el cursor del ratolí en un popplet, ho
fem sobre qualsevol zona de l'escriptori que es trobi en blanc, mourem tot el conjunt
d'idees.
A part d’aquestes opcions, en tenim d’altres:
a) Nom de l’autor del popplet.
b) Icona per acrear un nou popplet enllaçat des de l'actual. Aquesta icona apareix en els
quatre costats del popplet, el que vol dir que podem enllaçar dos popplets des de qualsevol
dels seus costats quatre costats.

5. Curs sobre recursos i aplicacions web 2.0
c) Eliminar el popplet. Quan fem clic en aquesta icona ens demana confirmació de l'acció,
per evitar eliminar-ne un per error.
d) Crear i visualitzar comentaris. Ens permet afegir comentaris que complementin la
informació. El comentari no es mostra a la vista normal i, un cop realitzat, haurem de fer clic al
botó "back to main" per tancar-los.
Un cop coneixem totes aquestes eines d’edició, podem anar fent el nostre projecte, afegint
popplets, enllaçant-los, inserint-hi imatges i/o vídeos, links...
Compartim un popplet
A través del botó "share" (zona superior dreta de l'escriptori), podem compartir un projecte. I
ho podem fer de diferents maneres:
1) Posant un missatge a Facebook o Twitter.
2) Enviar un correu electrònic a un amic.
3) Copiar i enganxar el link.
4) Aconseguir el codi per incrustar-lo en una web o bloc.
També podem crear un projecte de manera col·laborativa convidant a un o varis usuaris
registrats per poder fer-lo junts. Ho farem a través de l’opció “add collaborator” dins de
“Share”:
1
2
3
4

6. Curs sobre recursos i aplicacions web 2.0
Podem convidar a les altres persones entrant el seu nom d’usuari o el seu correu electrònic. A
l'escriptori de les persones a qui hem convidat hi apareixerà un missatge a la safata d'entrada.
Fent clic sobre el text “inbox” veuran la presentació a la qual se’ls ha convidat i se’ls apareixerà
un missatge preguntant-los si es volen unir a aquest popplet com a col·laboradors:
Llavors, cada popplet que creï cada membre del grup de treball apareixerà amb el seu nom.
I si , dins de la finestra “Share”, fem clic sobre el nom d’un dels col·laboradors, els popplets que
ha creat ell es ressalten.

7. Curs sobre recursos i aplicacions web 2.0
Opcions del menú
A part de totes les opcions d’edició que hem vist fins ara, quan estem treballant dins d'un
projecte disposem d’un conjunt de botons per a realitzar operacions generals dins del projecte:
Home: ens porta al nostre entorn d'escriptori on se'ns mostren tots els projectes.
View all: Ens permet fer un zoom ràpid per visualitzar tot el projecte complet.
Zoom: amplia o disminueix la zona que podem visualitzar.
El quadre per canviar el color del fons del projecte.
Una icona d'accés a opcions de treball per editar, guardar, inserir objectes... que
expliquem a continuació:
1.- New popplet: ens permet crear un popplet nou dins del nostre
projecte.
2.- Save: per guardar el projecte.
3.- Edit: Mostra les opcions habituals d'edició: desfer ("undo"); copiar
("copy") i enganxar ("paste").
4.- Organize: Ens mostra opcions detallades per organitzar els nostres
ploppets. Si, per exemple, triem "align vertically" els popplets que
s'aproximin a un altre en una columna es mouran suaument per quedar
alineats verticalment.
5.- Add content: una altra manera d’afegir vídeos des de vimeo o
YouTube.
6.- View: ens ofereix opcions diferents:
a) Presentation mode, que analitzarem més endavant.
b) Hide nametags: amaga els noms dels popplets.
7.- Export: permet exportar el projecte com a pdf o jpg.
8.- Labs: ens ofereix algunes opcions:
a) Popplet permissions: permet habilitar els col·laboradors a
editar el projecte.

8. Curs sobre recursos i aplicacions web 2.0
b) Show Timewarp: ens mostra la línia de temps del treball que hem estat realitzant en
el projecte.
8.- Popplet linker: ens permet afegir un enllaç gràfic a qualsevol dels projectes que ja tinguem
creats arrossegant-lo al projecte en el qual estem treballant.
9.- Duplicate popplet: per crear una còpia del projecte.
10.- Print: Imprimeix el projecte complet.
Crear una presentació (presentation mode)
Popplet permet crear presentacions que podran ser vistes posteriorment amb Popplet
presenter, a partir d'un mateix projecte.
Per crear una presentació d'un projecte haurem
d'accedir a l'opció “presentation mode” del menú
“views” dins de la configuració que hem explicat en
l’apartat anterior.
Al fer-ho, se'ns obre una petita finestra a la zona inferior
esquerra del nostre navegador. Des d'aquesta finestra
podrem:
- Gravar una nova presentació (record).
- Visualitzar la presentació (present).
- Eliminar una seqüència de popplets (clear).
Per gravar una presentació fem clic al botó record i, tal com se'ns indica, anirem marcant un a
un els popplets que desitgem visualitzar en l'ordre corresponent. Cada vegada que marquem
un popplet apareix un nombre (en ordre consecutiu) i una altra sèrie d'icones:

9. Curs sobre recursos i aplicacions web 2.0
El número ens indica l’ordre que tindrà aquest popplet en la presentació; la creu ens permet
eliminar un popplet de la presentació (però no elimina el popplet del projecte); les fletxes més i
menys ens permeten intercanviar l’ordre del popplet que estem veient amb l’anterior o el
posterior.
Quan acabem de preparar la presentació la podem visualitzar fent clic en el botó “present”. I,
prement en les fletxes del teclat (dreta / esquerra), podrem avançar i retrocedir.