background image

Technologie informacyjne 

 - grafika prezentacyjna 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

2 / 27

 

Grafika prezentacyjna 

 

Grafika  prezentacyjna  -  rodzaj  grafiki  komputerowej,  polegaj

ą

cy  na  tworzeniu 

zestawów  kolejno  wy

ś

wietlanych  slajdów,  ilustruj

ą

cych  w  systematyczny 

sposób jakie

ś

 zagadnienie. Grafika prezentacyjna jest zazwyczaj u

Ŝ

ywana w 

trakcie prelekcji, jako osnowa wykładu. 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

3 / 27

 

Prelekcja jako przekaz informacji 

 

Celem prelekcji  jest przekaz  informacji od prelegenta do odbiorcy 



  prelegent musi informacj

ę

 wyartykułowa

ć

 

          

zwykle łatwiej powiedzie

ć

 ni

Ŝ

 pokaza

ć

 (na migi) 



  odbiorca musi informacj

ę

 przyswoi

ć

 i zrozumie

ć

 

 

 

mózg łatwiej przyswaja obraz ni

Ŝ

 d

ź

wi

ę

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

4 / 27

 

Prelekcja jako przekaz informacji 

 

Celem prelekcji  jest przekaz  informacji od prelegenta do odbiorcy 



  prelegent musi informacj

ę

 wyartykułowa

ć

 

          

zwykle łatwiej powiedzie

ć

 ni

Ŝ

 pokaza

ć

 (na migi) 



  odbiorca musi informacj

ę

 przyswoi

ć

 i zrozumie

ć

 

 

 

mózg łatwiej przyswaja obraz ni

Ŝ

 d

ź

wi

ę

 

Celem prezentacji jest usprawnienie przekazu informacji 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

5 / 27

 

Formy prelekcji naukowej 



  przemowa b

ą

d

ź

 odczyt 

 

 

brak wspomagania przekazu obrazem  



  prelekcja z pisaniem na tablicy  (tradycyjny wykład) 

 

 

czasochłonne, ulotne zapiski 



  prelekcja z pokazem slajdów na ekranie 

 

 

statyczne obrazy, brak d

ź

wi

ę

ku 



  prelekcja z pokazem multimedialnym 

 

 

efekty d

ź

wi

ę

kowe, animacja obrazów, filmy  

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

6 / 27

 

Formy prelekcji naukowej 



  przemowa b

ą

d

ź

 odczyt 

 

 

brak wspomagania przekazu obrazem  



  prelekcja z pisaniem na tablicy  (tradycyjny wykład) 

 

 

czasochłonne, ulotne zapiski 



  prelekcja z pokazem slajdów na ekranie 

 

 

statyczne obrazy, brak d

ź

wi

ę

ku 



  prelekcja z pokazem multimedialnym 

 

 

efekty d

ź

wi

ę

kowe, animacja obrazów, filmy  

Uzupełnieniem prelekcji mog

ą

 by

ć

 drukowane materiały informacyjne 

lub strona internetowa  

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

7 / 27

 

Prezentacja naukowa – ograniczenia 



  Całkowity czas prezentacji:  

około 20-40 minut

 



  Audytorium potrzebuje czas 

Ŝ

eby przyswoi

ć

 tre

ść

   

 

 

 

(

1 slajd  - nie mniej ni

Ŝ

 minuta



  Percepcja audytorium ograniczona   

 

 

 

(

 co najwy

Ŝ

ej kilka wa

Ŝ

nych informacji na 1 stron

ę

 )  



  Przewidzie

ć

 czas na pytania i dyskusj

ę

 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

8 / 27

 

Prezentacja naukowa – ograniczenia 



  Całkowity czas prezentacji:  

około 20-40 minut

 



  Audytorium potrzebuje czas 

Ŝ

eby przyswoi

ć

 tre

ść

   

 

 

 

(

1 slajd  - nie mniej ni

Ŝ

 minuta



  Percepcja audytorium ograniczona   

 

 

 

(

 co najwy

Ŝ

ej kilka wa

Ŝ

nych informacji na 1 stron

ę

 )  



  Przewidzie

ć

 czas na pytania i dyskusj

ę

 

 

Wnioski:

  



  tre

ść

 prezentacji trzeba ograniczy

ć

 do rzeczy kluczowych, 



  po szczegóły mo

Ŝ

na odesła

ć

 do innych materiałów – raporty, publikacje. 



  przygotowa

ć

 dodatkowe slajdy ilustruj

ą

ce przewidywane pytania i uwagi. 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

 

9 / 27

 

Wzorcowy plan prezentacji naukowej 

Plansza tytułowa  – temat prezentacji,  autor,  dane kontaktowe. 

Plan prezentacji. 

Wprowadzenie  – skupienie uwagi słuchaczy i oswojenie z tematyk

ą

Sformułowanie problemu  – uzasadnienie jego wa

Ŝ

no

ś

ci. 

Stan wiedzy  – znane rozwi

ą

zania problemu i ich wady. 

Propozycja rozwi

ą

zania  ( bez szczegółów ). 

Zało

Ŝ

enia i ograniczenia. 

Analiza efektywno

ś

ci i zło

Ŝ

ono

ś

ci  – porównanie do istniej

ą

cych rozwi

ą

za

ń

.  

Wnioski  –  zalety  i  wady,  mo

Ŝ

liwo

ś

ci  wykorzystania,  perspektywy  dalszego 

 

 

 rozwoju.  

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  10 / 27

 

Styl prezentacji naukowej 



  Szablon slajdów powinien by

ć

 jednolity i prosty.  

 

 

(

nie powinien rozprasza

ć



  Tre

ść

 – przeci

ę

tnie 3 punkty na slajd.  

 

 

 

(

maksymalnie 6



  Tekst - nie wi

ę

cej ni

Ŝ

 2 wiersze na punkt. 

 

 

 

(

ani audytorium, ani prelegent nie czyta slajdów

 
 

audytorium 

 przyswaja tre

ść

 slajdu 

prelegent  

 komentuje tre

ść

 slajdu 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  11 / 27

 

Styl prezentacji naukowej 

Przykład „przeładowanego” slajdu: 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  12 / 27

 

Styl prezentacji naukowej 



  Rysunek jest zawsze lepszy ni

Ŝ

 tekst. 

 

 

 

(

jeden rysunek zast

ę

puje około 100 słów



  Wykres jest zawsze lepszy ni

Ŝ

 tabela.  

 

 

 

(

szybko

ść

 przekazu



  Slajd powinien zawiera

ć

 numer strony i ilo

ść

 stron.  

 

 

(

pasek post

ę

pu



  Ostatni slajd powiela pierwszy.  

 

 

 

(

temat/tytuł/kontakt



  Grafika nie powinna by

ć

 „przeładowana”  

 

 

 

(

reguła 1 min



  Unika

ć

 nadmiaru TLS-ów.  (

trójliterowych skrótów

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  13 / 27

 

Styl prezentacji naukowej 

Przykład „przeładowanego” rysunku: 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  14 / 27

 

Styl prezentacji naukowej 



  U

Ŝ

ywa

ć

 czcionki bezszeryfowe 

  

 

 

(

Arial / Helvetica,  minimum 20 pt

 ) 



  Pomocnicze rysunki umieszcza

ć

 z boku,  a nie na 

ś

rodku. 

 

 

wole miejsce obok rysunku mo

Ŝ

na wykorzysta

ć



  Rysunki oszcz

ę

dne w formie i „roz

ś

wietlone” 

 

 

(

 zbyt du

Ŝ

o szczegółów zaciemnia przekaz



  Listy punktowane i numerowane wyrównywa

ć

 do lewej strony 



  Stosowa

ć

 proste punktory  

 

 

(

brak wyrównania utrudnia percepcj

ę

 elementów listy

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  15 / 27

 

Styl prezentacji naukowej 



  Uwaga na łamanie linii tekstu: 

 

semantyczne:  – 

1 wiersz jedna my

ś

l

  

 

(poprawnie) 

automatyczne: –

 upakowywanie słów 

 

  

(cz

ę

sto niepoprawnie) 

 

Profesor zwyczajny 

doktor habilitowany 

in

Ŝ

ynier

 

 

Profesor 

zwyczajny doktor 

habilitowany in

Ŝ

ynier

 

 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  16 / 27

 

Styl prezentacji naukowej 



  Stosowa

ć

 jednolit

ą

 kolorystyk

ą

 całej prezentacji: 

 

prezentacja wy

ś

wietlana

 

 jasny tekst na niezbyt ciemnym tle, 

 

prezentacja drukowana

   

 najlepiej ciemny tekst na jasnym tle. 



  Unika

ć

 ł

ą

czenia kolorów z przeciwstawnych granic widma 

 

 

 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  17 / 27

 

Styl prezentacji naukowej 

 



  Warto rozs

ą

dnie korzysta

ć

 z mo

Ŝ

liwo

ś

ci multimedialnych: 



  przekształca

ć

 dynamicznie rysunki w krokach, 



  stosowa

ć

 animowane gif-y lub animacje Flesz (pliki *.swf), 



  osadza

ć

 przygotowane wcze

ś

niej filmy. 



  Czasami powiedzie

ć

 anegdot

ę

 lub ciekawostk

ę

.  

 

 

(

nie cz

ęś

ciej ni

Ŝ

 co 5-10 slajdów?

 

 
 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  18 / 27

 

Przygotowanie prezentacji multimedialnej 

Najbardziej znane programy prezentacyjne: 



  Harvard Presentation Graphics   

– pierwszy program (1986 r.), 



  MS Power Point    

– cz

ęść

 pakietu Microsoft Office, 



  OpenOffice.org Impress  

– cz

ęść

 pakietu Oppen Office.

 



  Corel Presentations  

– pierwotna wersja tego programu nazywała 

 

 

 

 

   nale

Ŝ

ała do pakietu WordPerfect

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  19 / 27

 

Przygotowanie prezentacji multimedialnej 

Etapy tworzenia prezentacji:  



  Projektowanie prelekcji i utworzenie odpowiedniej liczby slajdów,  

 

 

(

mo

Ŝ

na wykorzysta

ć

 gotowe szablony



  Wypełnienie slajdów elementami tekstowymi i graficznymi,  

 

 

(

mo

Ŝ

na importowa

ć

 z innych programów



  Formatowanie tekstu i obrazków,   



  Dodawanie elementów multimedialnych, 

  

 

 

efekty d

ź

wi

ę

kowe, animacje obrazków, filmy

 ) 



  Zdefiniowanie parametrów wy

ś

wietlania prezentacji,  

 

 

czasy wy

ś

wietlania slajdów lub ich r

ę

czne przewijanie,  

 

 

efekty przej

ś

cia

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  20 / 27

 

Przygotowanie prezentacji multimedialnej 

Etapy tworzenia prezentacji (ci

ą

g dalszy):  



  Powi

ą

zanie slajdów ze sob

ą

 wzajemnie i z otoczeniem 

 

 

(

dodatkowe przyciski nawigacyjne

). 



  Utworzenie dodatkowych notatek komentuj

ą

cych slajdy  

 

 

(

tzw. notatki prelegenta

). 



  Eksport gotowej prezentacji do innej postaci 

 

 

 

(

plik wykonywalny, strona internetowa,  

 

 

plik w formacie Flash lub PDF

). 



  Wydrukowanie slajdów na papierze,    

 

 

(

np. w celu rozdania publiczno

ś

ci

). 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  21 / 27

 

Wygłaszanie prelekcji 

Planowanie przed wyst

ą

pieniem: 



 

zapoznaj si

ę

 z sal

ą

, w której ma si

ę

 odby

ć

 prezentacja, 



 

sprawd

ź

 dost

ę

pny sprz

ę

t i oprogramowanie, 



 

zrób prób

ę

 wygłoszenia prelekcji (

uwaga na czas wyst

ą

pienia

). 

 

Rozpocz

ę

cie: 



 

wy

ś

wietl slajd tytułowy, 



 

powitaj słuchaczy,  



 

przedstaw si

ę



 

powiedz o czym b

ę

dzie prelekcja. 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  22 / 27

 

Wygłaszanie prelekcji 

Wygłaszanie prelekcji: 



 

mów wyra

ź

nie, nie zbyt szybko i nie zbyt wolno, 



 

przerwij na chwil

ę

 w kluczowych punktach, 



 

u

Ŝ

ywaj r

ą

k do podkre

ś

lenia swoich wypowiedzi, 



 

staraj si

ę

 patrze

ć

 w stron

ę

 widowni,  

 

  

 

(nigdy nie stawaj tyłem do widowni w trakcie prezentacji) 



 

nie zasłaniaj ekranu, 



 

kontroluj czas wyst

ą

pienia, 



 

obserwuj zachowanie słuchaczy, 



 

zako

ń

cz krótkim przypomnieniem o czym mówiłe

ś

 



 

zapro

ś

 do dyskusji i zadawania pyta

ń

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  23 / 27

 

Wygłaszanie prelekcji 

Dyskusja: 



 

po zako

ń

czeniu wypowiedzi wy

ś

wietl plansz

ę

 wprowadzaj

ą

c

ą



 

odpowiadaj na pytania rzeczowo, 



 

zainteresowanym osobom zasugeruj kontakt e-mailowy, 

 

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  24 / 27

 

Microsoft PowerPoint  

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  25 / 27

 

Przygotowanie wideo-prezentacji  

Formuły matematyczne 

w programie MS Word

Paweł Rogalinski

Lubomiła Król-Stępniewska

Instytut Informatyki, Automatyki i Robotyki

Politechniki Wrocławskiej

Wrocław 2008

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  26 / 27

 

Przygotowanie wideo-prezentacji  

Oprogramowanie: 



 

MS Word  

– edytor tekstu 



 

MS Equation 3.0  

– edytor formuł matematycznych 



 

MS PowerPoint  

– edytor prezentacji 



 

Expressivo  

– syntezator mowy 



 

Camtasia Studio 3  

– edytor wideo-prezentacji 

        

       

 

background image

Technologie informacyjne – grafika prezentacyjna 

Autor: Paweł Rogali

ń

ski – Instytut Informatyki, Automatyki i Robotyki PWr

  27 / 27

 

Przygotowanie wideo-prezentacji  

Główne etapy tworzenia prezentacji: 



 

Opracowanie scenariusza prezentacji 



 

Przygotowanie kolejnych slajdów statycznych   

(MS PowerPoint)

 



 

Opracowanie tekstu narracji dla slajdów  



 

Rejestracja wideoklipów  

(Camtasia Studio)

 



 

Opracowanie tekstu narracji dla wideoklipów  



 

Nagranie/synteza plików d

ź

wi

ę

kowych  

(Expressivo)  



 

Monta

Ŝ

 wideo-prezentacji  

(Camtasia Studio) 



 

Zapis prezentacji do pliku w formacie 

 

  

                  AVI, FLASH, WMV, MOV 

(Camtasia Studio)