U.D.

3: Disseny i
elaboració de materials i
presentacions
multimèdia
M.F.1443_3
M.F.1443_3: SELECCIÓ, ELABORACIÓ, ADAPTACIÓ I UTILITZACIÓ DE
MATERIALS, MITJANS I RECURSOS DIDÀCTICS EN LA FORMACIÓ
PROFESSIONAL PER A L'OCUPACIÓ.

01 Disseny i elaboració de 02 Planificació i utilització de

material didàctic imprès mitjans i recursos gràfics.

03 Disseny i elaboració de 04 Utilització del web

materials i presentacions
com a recurs didàctic.
multimèdia
M.F.1443_3: SELECCIÓ, ELABORACIÓ, ADAPTACIÓ I UTILITZACIÓ DE
MATERIALS, MITJANS I RECURSOS DIDÀCTICS EN LA FORMACIÓ
PROFESSIONAL PER A L'OCUPACIÓ.

05 Utilització de la pissarra
digital interactiva

CONTINGUTS
06 Entorn virtual MF1443_3
d'aprenentatge
 U.D. 3: Disseny i elaboració de materials i
presentacions multimèdia

El projector Presentació
01 multimèdia 02 multimèdia

Aplicació de mesures de prevenció de riscos laborals i

03 protecció mediambiental en el disseny i l'elaboració
d'una presentació multimèdia
 El projector
multimèdia
01
• Característiques i finalitat didàctica.
• Recomanacions d'ús.
• Ubicació en l'espai.
 1. El projector multimèdia (I)
És un dels recursos més utilitzats actualment en les sessions formatives.

MULTIMÈDIA: es refereix a
• un vídeo fixe o en moviment,
• textos,
• gràfics o
• animacions
controlades per un ordinador.
 1. El projector multimèdia (II)
Què entenem per projector multimèdia?
A una lluminària que concentra la llum en
un determinat angle sòlid mitjançant un
sistema òptic, lents o miralls, per
aconseguir una intensitat lluminosa elevada
en aquesta zona.

També se l'anomena canó multimèdia.

1. 1. Característiques del projector multimèdia (I)
Adequació al ritme Flexibilitat i velocitat.
01 d'aprenentatge. 04

Seqüenciació de la Efectivitat de les formes

02 informació. 05 de presentació.

Ramificació dels
03 06 Imatges reals
programes.
1. 1. Característiques del projector multimèdia (II)

07 Excel·lent qualitat de les representacions gràfiques.

08 Atracció de la imatge animada.

1.2. Ús del projector multimèdia
1. Preparar la pantalla de projecció on es vagi a projectar.
2. Buscar el cable amb connexió als dos costats de 9 patilles.
Sol ser de color blau.
3. Buscar la connexió al projector i a l'ordinador que sigui per
al cable.
4. Un cop ha acabat d'utilitzar-lo ha de polsar l'interruptor
off, sense apagar la seva font d'alimentació.
5. Apagar el ordenador portàtil.
6. Una vegada que el soroll del ventilador ha finalitzat
s'apagarà la font d'alimentació del projector multimèdia.
 1.3. Projector multimèdia
UBICACIÓ
● Situar davant els alumnes en una
taula o en el sostre.
● Alumnes situats en forma de U
perquè tinguin la suficient visibilitat.
● El docent s'ha de situar al costat del
projector o darrera (no tapi la visió de
l'alumnat).
● L'aula ha d'estar prevista de
persianes i cortines per ambientar
l'aula segons convingui.
PRECAUCIONS
● Deixar refredar el projector.
● Evita deixar els cables enmig a l’àrea
de circulació, per evitar entrebancs.
● El cable d' alimentació s' ha de
connectar fermament.
● No mirar directament la sortida de
llum.
02 Presentació
•
multimèdia (I)
2.1. Disseny de diapositives (composició, text, color,
imatge fixa i en moviment, animació, so).

• 2.2. Estructuració de la presentació (introducció,

desenvolupament i conclusió).

• 2.3. Seqüenciació de la presentació.

• 2.4. Elaboració de presentacions multimèdia.
• 2.5. Respecte a la normativa sobre propietat intel·lectual.
 2. Presentació multimèdia (II)
Els materials multimèdia permeten la presentació de diferents tipus
de codis i llenguatges que van des dels textuals als icònics, sonors i
visuals, tant de forma fixa com en moviment.

▪ Les presentacions es realitzen de forma no

lineal i seqüencial.
▪ Permeten ampliar de forma significativa el
seu coneixement sobre la matèria.
 2. Presentació multimèdia (II)
Cóm crear una presentació?
• Definir :
✓ què es vol presentar i
✓ de quina manera es vol presentar.

• Considerar certs elements tant:

✓ de contingut
✓ com de forma
2.1. DISSENY D’UNA DIAPOSITIVA (I)
1. COMPOSICIÓ 4. ANIMACIÓ

2. TEXT 5. SO

6. IMATGE FIXA I EN
3. COLOR
MOVIMENT
2.1. DISSENY D’UNA DIAPOSITIVA (II)
COMPOSICIÓ (I):

- adequar diferents elements gràfics dins d' un espai,

- seleccionar-los prèviament i
- canviar-los
per a que tots ells:
* aportin un significat
* per transmetre un missatge clar als alumnes.
2.1. DISSENY D’UNA DIAPOSITIVA (III). COMPOSICIÓ (II):
Depenent de la ubicació i del que els envolta, els elements seran més o menys pesats en
una composició:
La part superior de la
composició: posseeix major
lleugeresa visual.

A l'esquerra:
retrotrauen la composició i
A la dreta: major pes
donen una sensació de
lleugeresa visual més visual i donen sensació
accentuada, segons es de projecció i avenç en
vagin acostant al marge la composició.
esquerre de la pàgina.
A la zona inferior: els
elements que es col·loquin
tindran major pes.
2.1. DISSENY D’UNA DIAPOSITIVA (IV)
TEXT:
Frases senzilles i clares. Evitar llenguatge ambigu.

Mida de la font: escollir en funció d’on es farà la presentació.

Diferents tipus de fonts: com diferents codis en diferents parts de la

diapositiva: encapçalats, elements principals, elements secundaris o
exemples.

NO diferents fonts per diapositiva. NO cursiva ni versalites. Pot

provocar cansament.
2.1. DISSENY D’UNA DIAPOSITIVA (V). EL COLOR:
Bona combinació de colors: entre els colors del fons de la diapositiva i del text.

Colors clars de fons: Colors foscos de fons:

per al colors foscos al text. colors clars per al text.

NO colors molt brillants o vius en

combinació: molestos per a la vista
i poc llegibles.
2.1. DISSENY D’UNA DIAPOSITIVA (VI). ANIMACIÓ:
El docent pot utilitzar-les per emfatitzar punts importants, per controlar el
flux de la informació i augmentar l'interès de l’alumnat.

Efectes d' entrada Efectes d' èmfasi:

Permeten fer que un objecte
aparegui gradualment, que entri
des d' una banda de la diapositiva
o que aparegui amb un efecte de
rebot.
Permeten fer que un objecte
redueixi o augment la seva mida,
canviï de color o giri sobre si
mateix.

Efectes de sortida Trajectòria d'animació

Fan que un objecte surti volant de
la diapositiva, desaparegui de la
vista o surti seguint una trajectòria
en espiral.
S'usa perquè un objecte es
desplaci cap amunt, cap avall, a
l'esquerra o a la dreta o seguint
un recorregut amb forma
d'estrella o cercle.
2.1. DISSENY D’UNA DIAPOSITIVA (VII).
SO:

Agregar so
serà un recurs valuós per
captar l'atenció
dels alumnes cap a la presentació.
2.1. DISSENY D’UNA DIAPOSITIVA (VIII).
VIDEOCLIPS.

Afegir vídeos donarà un

aspecte
molt professional
a la presentació.
 2.1. DISSENY D’UNA DIAPOSITIVA (IX).
IMATGES FIXES I EN MOVIMENT (I).

FOTOGRAFIES GRÀFICS CLIPARTS

 2.1. DISSENY D’UNA DIAPOSITIVA (X).
IMATGES FIXES I EN MOVIMENT (II)

Fotografies:
▪ Grau de subjectivitat
▪ Selecció: gran capacitat d' abstracció
▪ Connectar una imatge amb la idea
 2.1. DISSENY D’UNA DIAPOSITIVA (XII).
IMATGES FIXES I EN MOVIMENT (III).

Gràfics:
▪ Depèn del tipus d' informació que es
vagi a transmetre
▪ Paràmetres numèrics
 2.1. DISSENY D’UNA DIAPOSITIVA (XIII).
IMATGES FIXES I EN MOVIMENT (IV)

Il·lustracions (ClipArts):
▪ Elements decoratius per excel·lència en les
presentacions
▪ Donen un aspecte poc professional, per això
hi ha qui prefereix no utilitzar-los.
En les arts gràfiques, el terme clip art, s'usa per denominar qualsevol imatge ja
elaborada o predefinida, que s'utilitza per il·lustrar qualsevol mitjà, ja sigui una pàgina
web, un document generat per un processador de text o un document PDF.
 2.1. DISSENY D’UNA DIAPOSITIVA (XIV).
IMATGES FIXES I EN MOVIMENT (V)
UTILITAT DE LES IMATGES
▪ Només per complementar l’explicació i entendre millor els
continguts.
▪ Si no aporten, no fer-les servir.
▪ Evitar que distreguin l’atenció de l’alumnat
▪ Si la temàtica de la presentació ho precisa
▪ Si ajuden a transmetre la informació desitjada.
▪ Si només decoren, no distreguin ni distorsionin la
informació.
02 Presentació multimèdia
• 2.1. Disseny de diapositives (composició, text, color,
imatge fixa i en moviment, animació, so).

• 2.2. Estructuració de la presentació (introducció,

desenvolupament i conclusió).

• 2.3. Seqüenciació de la presentació.

• 2.4. Elaboració de presentacions multimèdia.
• 2.5. Respecte a la normativa sobre propietat intel·lectual
2.2. ESTRUCTURACIÓ DE LA
PRESENTACIÓ (I)
1. INTRODUCCIÓ

2. DESENVOLUPAMENT

3. CONCLUSIÓ
2.2. ESTRUCTURACIÓ DE LA PRESENTACIÓ (II):
INTRODUCCIÓ
▪ La primera diapositiva sol actuar de
portada.
▪ La introducció inclou dues o tres
diapositives on apareixeran els
punts que es tractaran:
per exemple l' índex.
2.2. ESTRUCTURACIÓ DE LA PRESENTACIÓ (III):
DESENVOLUPAMENT
▪ Informació principal del tema.
▪ Transmet informació però esquemàtica,
IDEES PRINCIPALS.
▪ Nombre indeterminat de diapositives,
SEGONS COMPLEXITAT TEMÀTICA.
2.2. ESTRUCTURACIÓ DE LA PRESENTACIÓ (IV):
CONCLUSIÓ
▪ Es remarquen els
CONCEPTES i IDEES CLAU.
▪ PARTICIPACIÓ DELS ALUMNES:
Resoldre dubtes
Adquirir els continguts.
2.2. ESTRUCTURACIÓ DE LA PRESENTACIÓ (V):

Una diapositiva

NO
SOBRECARREGADA
02 Presentació
•
multimèdia
2.1. Disseny de diapositives (composició, text, color,
imatge fixa i en moviment, animació, so).

• 2.2. Estructuració de la presentació (introducció,

desenvolupament i conclusió).

• 2.3. Seqüenciació de la presentació.

• 2.4. Elaboració de presentacions multimèdia.
• 2.5. Respecte a la normativa sobre propietat intel·lectual
 2.3. SEQÜENCIACIÓ DE LA
PRESENTACIÓ (I)
1. PREPARACIÓ
5. RESUM I CONCLUSIONS

2. OBERTURA

4. ACTIVITATS
3. COS
2.3. SEQÜENCIACIÓ DE LA PRESENTACIÓ (II).
PREPARACIÓ
En una sessió d' una acció formativa, el docent, abans de
començar:
1. Assegurar-se que està tot preparat (ordinador,
programa, canó...).
2. Seleccionar diapositives informatitzades
significatives (evitar cansament).
3. Situar-se de manera que tots vegin el missatge amb
claredat.
4. Apagar el projector per donar les explicacions
complementàries.
2.3. SEQÜENCIACIÓ DE LA PRESENTACIÓ (III).
OBERTURA
▪ Primera part.
▪ Primera diapositiva:
TÍTOL DEL TEMA I EL NOM DE
L'EXPOSITOR.
▪ Una o dues diapositives més:
ESQUEMA DELS PUNTS DE LA
PRESENTACIÓN.
2.3. SEQÜENCIACIÓ DE LA PRESENTACIÓ (IV) .
COS
▪ Primer punt els continguts.
▪ Durant l'exposició de diapositives,
el docent anirà comentat i donant
explicacions complementàries a la
informació de cadascuna.
2.3. SEQÜENCIACIÓ DE LA PRESENTACIÓ (V).
ACTIVITATS
▪ Per evitar cansament de l’alumnat i disminució
de l’atenció.
▪ Fer una activitat al final de cada punt important
dels continguts
▪ Ajudar a consolidar conceptes i idees principals
▪ Per aclarir dubtes.
2.3. SEQÜENCIACIÓ DE LA PRESENTACIÓ (VI).
RESUM I CONCLUSIÓ
▪ Remarcar les idees principals de
la presentació.
▪ Ressaltar les relacions i
connexions entre els diferents
punts del tema.
▪ Activitat d’avaluació.
02 Presentació
•
multimèdia
2.1. Disseny de diapositives (composició, text, color,
imatge fixa i en moviment, animació, so).

• 2.2. Estructuració de la presentació (introducció,

desenvolupament i conclusió).

• 2.3. Seqüenciació de la presentació.

• 2.4. Elaboració de presentacions multimèdia.
• 2.5. Respecte a la normativa sobre propietat intel·lectual
 2.4. Elaboració de presentacions multimèdia (I)
PASSOS PER ELABORAR UNA PRESENTACIÓ MULTIMÈDIA (I)

Desenvolupar els continguts

01 Seleccionar el tema 04
textuals i multimèdia

Dissenyar plantilles de
02 Fixar els objectius 05
pantalla

Fer la selecció dels matèries

03 Determinar destinataris 06
multimèdia i audiovisuals
 2.4. Elaboració de presentacions multimèdia (II)
PASSOS PER ELABORAR UNA PRESENTACIÓ MULTIMÈDIA (II)

Col·locar textos i elements Comprovar el funcionament

07 10
multimèdia de l' ordinador, del projector,
del so, del programa, etc.

08 Establir animacions

Establir els vincles

09
(hiperenllaços, botons d'acció)
2.4. Elaboració de presentacions multimèdia (III)
VÍDEOS (I)
• VÍDEOS I ANIMACIONS :
✓ Ajuden al docent a explicar continguts
difícils d’entendre.

• SELECCIÓ DE MATERIAL:
✓ Conèixer en profunditat el tema a tractar.
✓ Saber quins punts necessiten ser reforçats.
 2.4. Elaboració de presentacions multimèdia (IV)
VÍDEOS (II). ACCIONS(I)
1. ELABORACIÓ D’UN RECURS MULTIMÈDIA A PARTIR DE
LA CAPTURA D’ACCIONS A L’ORDINADOR.
✓ Es necessita un software específic per la
gravació d’ accions reflectides a la
pantalla.
✓ S’obté un arxiu en format digital.
✓ Altre opció és gravar simultàniament
l’explicació del docent.
 2.4. Elaboració de presentacions multimèdia (V)
VÍDEOS (III). ACCIONS(II)
2. RECURS MULTIMÈDIA A PARTIR DE UNA GRAVACIÓ
FORMATIVA:
✓ Generar el material:
a) a partir dels continguts observats a l’aula o
b) completament originals.
✓ Resultat:
a) en format diapositiva (PowerPoint) o
b) animació gràfica.
 2.4. Elaboració de presentacions multimèdia (VI)
VÍDEOS (IV). ACCIONS(III)
3. REALITZAR EL VIDEO MULTIMÈDIA
1er. Guió del vídeo:
a) estructura dels continguts a presentar
b) com a base: conceptes exposats a la classe
prèviament gravada.

2on. Producció del vídeo.

es recomana no excedir dels 2 minuts i mig.
 2.4. Elaboració de presentacions multimèdia (VII)
APLICACIONS INFORMÀTIQUES (I)
POWERPOINT (I): 04
Eines que afegeixen versatilitat i
estalvien temps:
• Retallar vídeos
01 Fàcil d’entendre i fer servir. • Efectes artístics d’imatges.
Animacions de text i imatges • Transicions de diapositives en
02 predissenyades; tb. imatges 3D
importades. • Efectes d’animació més
Dissenys de font, plantilles i realistes.
03 • Comprimir vídeos i àudios per
animacions.
reduir mida arxiu.
 2.4. Elaboració de presentacions multimèdia (VIII)
APLICACIONS INFORMÀTIQUES (II)
POWERPOINT (II):
MICROSOFT POWERPOINT
05
WEB APP:
- assistent en línia MICROSOFT POWERPOINT MOBILE:
- es poden passar les 06 - veure i editar pel telèfon.
presentacions a l’explorador i - diapositives en pantalla
obrir-la des de qualsevol completa amb efectes d’animació i
dispositiu. gràfics.
 2.4. Elaboració de presentacions multimèdia (IX)
APLICACIONS INFORMÀTIQUES (III)
COREL PRESENTATIONS (I)
01 Permet crear per mitjà de 02 És compatible amb PowerPoint
diapositives, dibuixos i
gràfics en diferents formats: Emmagatzema en Presentación
03 Portàtil (exe) que no necessita
- GIF
- JPG estar instal·lat per ejecutar la
- MAPA DE BITS, etc. presentació.
04 Presentacions en PDF
 2.4. Elaboració de presentacions multimèdia (X)
APLICACIONS INFORMÀTIQUES (IV)
COREL PRESENTATIONS (II)
FORMAT GIF 06 IMATGE DE BITS
05
Gràfic sense pèrdua de qualitat Estructura o fitxer de dades
Imatges fins 256 colors Representa una reixeta de
píxels
FORMAT JPEG
06 Gràfic amb comprensió
Guardar imatges comprimides (ocupar menys)
Format amb pèrdua.
 2.4. Elaboració de presentacions multimèdia (XI)
APLICACIONS INFORMÀTIQUES (V)
LIBREOFFICE IMPRESS
Autoformats per simplificar les
04
01 Presentacions de gran qualitat tasques.
Slide shows: contingut de vídeo
05 format per una successió
02 Afegir gràfics en 2D i 3D
d'imatges

03 Efectes especials, animacions i 06 Compatible amb arxius

eines de dibuix de gran impacte Microsoft PowerPoint
 2.4. Elaboració de presentacions multimèdia (XII)
APLICACIONS INFORMÀTIQUES (VI)
OPENOFFICE IMPRESS
01 Similar al PowerPoint No té dissenys de presentació
04
per fer servir.
02 Pot crear arxius PDF
05 Es pot instal·lar la biblioteca de
Exportar arxius SWF de Adobe ClipArt
03 Flash: executar en qualsevol
ordinador amb Adobe Flash Player
2.4. Elaboració de presentacions multimèdia (XIII)
APLICACIONS INFORMÀTIQUES (VII)
KEYNOTE 03
Transicions i construccions de
diapositives en 3D:
- cubs rodants o
01 Apple - pàgines voltejades
- transicions dissolvents que fan
desaparèixer una diapositiva amb la
02 Temes que permet mantenir
següent.
consistència als colors i fonts a
tota la presentació 04 Suport de monitor dual: el
presentador
 Moltes gràcies
per la vostra atenció

Alguna pregunta?
PROPERA
SESSIÓ
2.5. Respecte a la normativa sobre propietat intel·lectual.