tutorial popplet

9
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:

Upload: marc-bellapart

Post on 17-Jul-2015

28 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Tutorial Popplet

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:

Page 2: Tutorial Popplet

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

1 2

1

Page 3: Tutorial Popplet

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.

Page 4: Tutorial Popplet

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.

Page 5: Tutorial Popplet

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

Page 6: Tutorial Popplet

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.

Page 7: Tutorial Popplet

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.

Page 8: Tutorial Popplet

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:

Page 9: Tutorial Popplet

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.