Zmiany

Skocz do: nawigacji, wyszukiwania

Moduł 8 - „Multimedialna kartka świąteczna”

Dodane 858 bajtów, 20:12, 7 lip 2015
/* Przykładowy scenariusz I: „Św. Mikołaj wpada do komina” */
[[Plik:Logo_Mistrzowie.png|center]]
 
'''Materiały stworzone przez Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie w ramach Programu „Mistrzowie Kodowania” finansowanego przez Samsung Electronics Polska, objęte licencją CC-BY-SA „Uznanie autorstwa – Na tych samych warunkach 3.0 Polska” '''
Na początku zajęć wyjaśniamy, że ostatnie zajęcia będą miały inny charakter. Proponujemy podział uczniów na grupy 2-3 osobowe. Mówimy, że każdy zespół zaprojektuje swoją multimedialną kartkę świąteczną.
{| class="wikitable" style="font-style: italic; margin: auto;"|- style="vertical-align:top;"|[[Plik:Tip_ikonka.png]]|'''Wskazówka '''''<br/>Jeśli mamy taką możliwość, warto rozbić te zajęcia na dwie części realizowane w dwa oddzielne dni. ''''<br/>Opracowanie własnych grafik, nagrania dźwięków, wyszukanie w internecie i adaptacja znalezionych materiałów może wymagać więcej czasu. Każdy zespół może przygotować te materiały pomiędzy zajęciami na podstawie opracowanych scenariuszy. ''|}
Omawiamy, jakie funkcjonalności powinna mieć kartka (animacja, dźwięki), że pewnie będzie wykorzystywać animowane duszki i więcej niż jedną scenę. Zwracamy uwagę, że grafiki możemy opracować samodzielnie, możemy także skorzystać z zasobów internetu i wyszukać odpowiednie obrazy. Podobnie z dźwiękami, można je skomponować przy pomocy bloczków z kategorii '''Dźwięk''', nagrać własne życzenia lub kolędę, odtworzyć plik dźwiękowy z kolędą.
{| class="wikitable" style="font-style: italic; margin: auto;"|- style="vertical-align:top;"|[[Plik:Tip_ikonka.png]]|'''Wskazówka '''''<br/>Wbudowany edytor graficzny Scratch’a jest dosyć ubogi. Jeśli uczniowie będą opracowywać własne grafiki warto użyć zewnętrznego edytora. W przypadku projektowania sceny należy pamiętać o jej sceny (480 na 360 punktów) i odpowiednio ustawić wielkość rysunku. ''|}
<span style="color: red">'''''Uwaga !!!''''' </span>
<span style="color: red">''Jeśli uczniowie będą pobierać grafiki lub utwory muzyczne z internetu zwracamy szczególną uwagę na przestrzeganie praw autorskich. Korzystamy z darmowych źródeł i pamiętamy o podaniu, skąd pochodzą pliki. '' </span>
{| class="wikitable" style="font-style: italic; margin: auto;"|- style="vertical-align:top;"|[[Plik:Tip_ikonka.png]]|'''Wskazówka '''''<br/>W przypadku wykorzystywania animowanych gif’ów konieczne jest rozłożenie animacji na pojedyncze klatki. Można to zrobić np. przy pomocy darmowego programu [http://www.irfanview.com IrfanView]. Po pobraniu i zainstalowaniu programu możemy od razu przystąpić do pracy. Domyślnie program dostępny jest w wersji angielskiej, aby pobrać i zainstalować polską wersję językową środowiska należy wybrać opcję IrfanView languages na stronie programu. Po zainstalowaniu plików językowych uruchamiamy program IfranView i z menu '''Options''' wybieramy '''Change language…''' Wskazujemy język polski na liście dostępnych języków i zatwierdzamy wybór przyciskiem '''OK'''. ''''<br/>Aby rozbić animację na pojedyncze klatki, należy otworzyć w programie plik gif, a następnie wybrać z menu '''Opcje/Wyodrębnij wszystkie klatki...''' ''|}
===Opracowywanie scenariuszy kartek przez uczniów ===
<gallery mode="packed-hover" perrow=0 caption="Mikołaj wskakuje do komina">File[[Plik:do_komina1kostiumy.png|do_komina1File:do_komina2.png|do_komina2File:do_komina3.png|do_komina3File:do_komina4.png|do_komina4File:do_komina5.png|do_komina5File:do_komina6.png|do_komina6File:do_komina7.png|do_komina7File:do_komina8.png|do_komina8File:do_komina9.png|do_komina9</gallery>center]]
 
<gallery mode="packed-hover" perrow=0 caption="Mikołaj wchodzi do pokoju">
File:z_komina01.png|z_komina01
File:z_komina02.png|z_komina02
File:z_komina03.png|z_komina03
File:z_komina04.png|z_komina04
File:z_komina05.png|z_komina05
File:z_komina06.png|z_komina06
File:z_komina07.png|z_komina07
File:z_komina08.png|z_komina08
File:z_komina09.png|z_komina09
File:z_komina10.png|z_komina10
File:z_komina11.png|z_komina11
File:z_komina12.png|z_komina12
</gallery>
<span style="color: red">'''''Uwaga !!! '''''</span>
Skrypt sceny:
 
[[Plik:Scr_old_p_8_1.png]]
Skrypty duszka – Mikołaja wpadającego do komina:
 
[[Plik:Scr_old_p_8_2.png]]
Skrypty duszka – Mikołaja wchodzącego do pokoju:
 
[[Plik:Scr_old_p_8_3.png]]
Jako proste ćwiczenie dodatkowe można zaproponować uczniom modyfikację (zaprojektowanie własnej) ostatniej sceny. Projekt nie zawiera także efektów dźwiękowych, można poprosić uczniów o ich dodanie.
===Przykładowy scenariusz II: „Zapalamy lampki na choince” ===
W scenariuszu tym uczniowie mogą przygotować wszystkie grafiki samodzielnie. W prezentowanym przykładzie rysunek choinki został pobrany z serwisu [http://openclipart.org Openclipart].
 
'''Scena 1 '''
Po lewej stronie sceny znajduje się choinka, jako element tła (może być narysowana przez uczniów w edytorze graficznym). Na choince osadzonych jest kilka (w przykładowym projekcie sześć) lampek (duszków). Kliknięcie myszką lampki powoduje uruchomienie animacji – świecenie lampki.  [[Plik:Scr_old_p_8_4.png|center]]
'''Scena 2 '''
Po zapaleniu wszystkich lampek następuje zmiana sceny. Choinka z migającymi lampkami pozostaje, dodatkowo pojawiają się życzenia.
[[Plik:Scr_old_p_8_5.png|center]]  {| class="wikitable" style="font-style: italic; margin: auto;"|- style="vertical-align:top;"|[[Plik:Tip_ikonka.png]]|'''Wskazówka''' ''<br/>Życzenia nie muszą być elementem tła sceny, mogą też być duszkiem, który zostanie pokazany po zapaleniu wszystkich lampek. Wówczas nie musi następować zmiana sceny.'' |}
Lampki są duszkami posiadającymi dwa kostiumy, podobne jak na poniższym rysunku. Uczniowie mogą przygotować takie lub podobne lampki w edytorze graficznym.
[[Plik:Scr_old_p_8_6.png|center]]
<span style="color: red">'''''Uwaga !!! '''''</span>
Skrypt dla sceny:
 
[[Plik:Scr_old_p_8_7.png]]
 
Skrypty dla lampki:
 
[[Plik:Scr_old_p_8_8.png]]
<span style="color: red">'''''Uwaga !!! '''''</span>
''Podczas testowania skryptu dla jednej lampki należy pamiętać o porównaniu licznika z wartością jeden. Po przetestowaniu, a przed kopiowaniem duszka, należy ustawić wartość na docelową. ''
 
[[Plik:Scr_old_p_8_9.png]]
 
Przykładowy projekt, podobnie jak poprzedni, nie zawiera efektów dźwiękowych, warto go o nie uzupełnić.
 
 
==Pliki do pobrania ==
 
<gallery mode="packed-hover" perrow=0 caption="Mikołaj wskakuje do komina">
File:do_komina1.png|do_komina1
File:do_komina2.png|do_komina2
File:do_komina3.png|do_komina3
File:do_komina4.png|do_komina4
File:do_komina5.png|do_komina5
File:do_komina6.png|do_komina6
File:do_komina7.png|do_komina7
File:do_komina8.png|do_komina8
File:do_komina9.png|do_komina9
</gallery>
 
 
<gallery mode="packed-hover" perrow=0 caption="Mikołaj wchodzi do pokoju">
File:z_komina01.png|z_komina01
File:z_komina02.png|z_komina02
File:z_komina03.png|z_komina03
File:z_komina04.png|z_komina04
File:z_komina05.png|z_komina05
File:z_komina06.png|z_komina06
File:z_komina07.png|z_komina07
File:z_komina08.png|z_komina08
File:z_komina09.png|z_komina09
File:z_komina10.png|z_komina10
File:z_komina11.png|z_komina11
File:z_komina12.png|z_komina12
</gallery>
197
edycji