sg

MULTIMEDIALNE TECHNOLOGIE INFORMACYJNE - STUDIA II STOPNIA - 2015/2016

UWAGA! STRONA JEST OBECNIE MODYFIKOWANA!

• Katalog

• Warunki uzyskania zaliczenia z przedmiotu MTI

Instrukcje do laboratoriów (hiperłącza):

[01] 01-03-2016: Wprowadzenie – grafika rastrowa.
[02] 08-03-2016: Grafika rastrowa - obróbka plików graficznych. Animowane pliki gif.
[03] 15-03-2016: Fotografia cyfrowa oraz morfing.
[04] 22-03-2016: Fotografia cyfrowa oraz morfing (elementy obróbki audio i wideo materiału filmowego)
[05] 05-04-2016: Nagrywanie dźwięku. Dźwięk w prezentacji multimedialnej. Komponowanie - eJay.
[06] 12-04-2016: Cyfrowe wideo - gniazda i wtyczki. Filmowanie kamerą internetową; konwersja; udźwiękawianie oraz podstawowy montaż.
[07] 19-04-2016: Filmy ekranowe (BB FlashBack - różne formaty).
[08] 26-04-2016: Aplikacje do tworzenia pokazów slajdów - udźwiękowione filmy tworzone z fotografii. CrazyTalk. Albumy internetowe.
[09] 10-05-2016: Film i interakcja w prezentacji multimedialnej. Realizacja medium edukacyjnego (prezentacji multimedialnej).
[10] 17-05-2016: Protokół FTP. Zdobywanie adresu własnej strony WWW. Microsoft FrontPage lub Microsoft Expression Web.
[11] 24-05-2016: Microsoft FrontPage/ Expression Web 4; hipertekst; multimedia; warstwy.
[12] 31-05-2016: Multimedialne komponenty stron internetowych; Website X5.
[13] 07-06-2016: Alligator Flash Designer - tworzenie interaktywnej prezentacji oraz strony WWW w formacie Flash.
[14] 08-06-2016: iSpring Presenter realizacja prezentacji w formacie Flash.

[15] 14-06-2016: Zaliczenie - strona internetowa o charakterze edukacyjnym.

Wykład 1: Klient FTP. Zdobywanie adresu własnej strony WWW.

Wykład 2: Tworzenie strony HTML z zastosowaniem Microsoft Word oraz LibreOffice.

Wykład 3: BB Flash Recorder - ustawienia oraz eksport do formatu Flash.

Wykład 4: iSpring Presenter; AuthorPOINT; Dokumenty PDF.

Temat :  Wprowadzenie – grafika rastrowa.

WYKŁAD

- Pliki graficzne.

- Kolorystyka interfejsu

- Kolor w fotografii cyfrowej [hasło]

Temat 1: Grafika rastrowa – obróbka plików graficznych.

Temat 2: Animowane pliki gif.

Wiadomości:
podstawowe typy plików graficznych oraz ich podstawowa charakterystyka; konwersja plików graficznych; rodzaje kompresji plików graficznych; darmowe aplikacje do obróbki plików graficznych : wady i zalety grafiki rastrowej

Umiejętności:
zmiana rozdzielczości, przycinanie, obracanie, efekty specjalne, np. redukcja czerwonych oczu; wklejanie elementów grafiki w określonym miejscu innego obrazka: wstawianie: napisów, "dymków dialogowych", napisów, ramek; efekt przezroczystości;

Oceniana praca / przebieg ćwiczenia:
1. Stosując opcję (przycisk) [PrintScreen] lub [Alt] + [PrintScreen] Wykonać własną fotografię przy użyciu programu VirtualDub (www.virtualdub.org). Po uruchomieniu programu należy wybrać: File/ Capture AVI – tryb filmowania (rozdzielczość 640x480). Stosując poznane programy graficzne: fotografię przyciąć (usunąć interfejs VirtualDub), poprawić kolory oraz ostrość. W programie FastStone wstawić na tle zdjęcia (tak, aby nie zasłonić twarzy) własne imię i nazwisko oraz zaopatrzyć zdjęcie w ozdobną ramkę (nie może przysłaniać postaci). Fotografię zapisać jako zadanie1.bmp.

2. Dokonać korekty otrzymanej na zajęciach fotografii (hasło podane studentom) zgodnie z zamieszczonym na niej opisem. Fotografię wzbogacić o "dymek" i ramkę podobnie jak na przykładzie i zapisać jako zadanie2a.jpg (z jakością 100%). Stosując program Paint NET lub Microsoft Photo Editor proszę pozbyć się błękitu nieba, a gotowy obrazek zapisać jako zadanie2b.png - przykład.

3. Stosując [PrintScreen] lub [Alt] + [PrintScreen] - sfotografować wskazaną na ćwiczeniach ikonę z Panelu Sterowania (przyciąć tak, aby powstał kwadrat z pominięciem nazwy). Kwadrat powiększyć do rozmiaru 100x100 pikseli, usunąć białe tło i zapisać jako zadanie3.gif

Jeśli ćwiczenie będzie wykonywane na konsultacjach online, wówczas na gifie proszę dopisać (odręcznie malując pędzlem swoje inicjały - może być odręcznie, ale przynajmniej na pięciu pierwszych ramkach. Proszę starać się o zachowanie identycznego położenia inicjału.

W przypadku nieaktywnej platformy Moodle wszystkie pliki proszę umieścić w folderze, którego nazwą będzie miała postać: cw2_Nazwisko. Folder należy skompresować stosując program 7-zip  (rozszerzenie 7z). Plik cw2_Nazwisko.7z proszę przesłać na Dysk Google.
 

Animowane pliki gif.

Wiadomości:
podstawowe wiadomości na temat plików gif; aplikacje do tworzenia animacji w formacie gif.

Umiejętności:
tworzenie gifów z: własnoręcznie przygotowanych klatek; poprzez dorysowywanie elementów graficznych na wklejonej wielokrotnie fotografii, poprzez wstawianie gotowych efektów animacji obrazu i tekstu, poprzez edycję gotowych plików gif. Umiejętność odczytywania i modyfikowania podpisów animacji oraz poszczególnych klatek zawartych w obrębie plików gif (prawa autorskie).

Oceniana praca / przebieg ćwiczenia:
1. Proszę pobrać plik bmp: 1 grupa; 2 grupa; 3 grupa (hasła odpowiednio: 1xlub, 1xbo, 1xz). Używając funkcji Obróć/przerzuć, np. w programie MS Paint wykonać odbicie lustrzane obrazka. Uruchomić Animation Shop; wybrać: File / Animation Wizard; podczas pracy kreatora zaznaczyć opcję przeźroczystości "Transparent" oraz wczytać oba obrazki; po pojawieniu się taśmy montażowej w obu obrazkach wyciąć białe tło. Dla każdej klatki ustawić czas przejścia 0,25 sekundy. Korzystając z opcji "Animation Properties" podpisać imieniem i nazwiskiem utworzoną animację. Zapisać animację jako animacja1.gif. Pobrać i rozpakować prezentację PowerPoint. Plik animacja1.gif wstawić na slajd pierwszy korzystając z opcji: Wstaw / Obraz / Z pliku.

2. Pobrać z Internetu fotografię ulubionego polityka lub inną postać; zmienić jej rozmiar w taki sposób, aby najdłuższy bok miał 250 pikseli. Fotografię otworzyć w programie Animation Shop (Open); skopiować ją i wkleić na listę montażową 15 razy; ręcznie stworzyć poszczególne klatki animacji, np. "efekt wędrującego robaczka" przykład. Uzyskaną animację proszę zapisać jako animacja2.gif i wstawić na slajd drugi prezentacji.

3. Wykorzystując kamerę internetową wykonać sobie zdjęcie (lub pobrać je, jeśli jest to możliwe, z portalu społecznościowego). Zmienić rozmiar zdjęcia, aby jego dłuższy bok miał 150 pikseli. Fotografię otworzyć w programie  Animation Shop. Korzystając z opcji Effects / Insert Image Transition lub  Effects / Insert Image Effect... wstawić najciekawszy swoim zdaniem efekt animacji (proszę przejrzeć wszystkie). Animacja powinna trwać 3 sekundy i składać się z 30 klatek (suwaki) - podpowiedź: fps oznacza klatki/ramki na sekundę. Gotową animację proszę zapisać jako animacja3.gif i wstawić na slajd trzeci prezentacji.

4. Własną fotografię (dłuższy bok - 150 pikseli) otworzyć w programie  Animation Shop. Korzystając z opcji Effects / Insert Text Effect... Wstawić własne imię i nazwisko w kolorze czerwonym. Zastosować efekt Drop Shawow. Wybierając "Customize" sprawić, aby podstawowy napis znajdował się w górnej części fotografii, a jego cień poruszał się poniżej. Animacja powinna trwać 2 sekundy i składać się z 20 klatek (suwaki) - podpowiedź: fps oznacza klatki/ramki na sekundę. Gotową animację proszę zapisać jako animacja4.gif i wstawić ją jak poprzednio na trzeci slajd prezentacji.

5. Ze strony [str1] lub [str2] pobrać wskazanego przez prowadzącego gifa i zmienić jego kolorystykę zgodnie z instrukcją otrzymaną na ćwiczeniach.  Gotową animację proszę zapisać jako animacja5.gif i wstawić na czwarty slajd prezentacji.

Prezentację oraz wszystkie pliki gif (5 sztuk) proszę umieścić w folderze, którego nazwą będzie miała postać: cw3_Nazwisko. Folder należy skompresować stosując program 7-zip  (rozszerzenie 7z). Plik cw3_Nazwisko.7z proszę przesłać na Dysk Google.
 

Temat:  Fotografia cyfrowa oraz morfing.

Wiadomości:
Pojęcie morfingu, aplikacje do tworzenia efektu morfingu, rodzaje plików zawierających animację.

Umiejętności:
tworzenie morfingu.

Oceniana praca / przebieg ćwiczenia:

1. Otrzymaną fotografię w rozdzielczości 3264x2448 pikseli, proszę otworzyć w programie FastStone.

2. Fotografię należy przyciąć do rozmiaru 3000x2080 pikseli - w taki sposób, aby czubek nosa wyznaczał pionową oś symetrii zdjęcia, a oczy znalazły się na osi poziomej  (na środkach boków zaznaczonego obszaru widoczne są małe kwadraciki wyznaczające środek boków).

3. Fotografię należy zmniejszyć w taki sposób, aby wysokość (krótszy bok) miała 480 pikseli. Teraz fotografię trzeba przyciąć (równo z obu stron) tak, aby dłuższy bok miał 640 pikseli - w efekcie uzyskamy rozdzielczość: 640x480.

4. Fotografię własną oraz kolegi należy wczytać z zastosowaniem lokalizatora twarzy do programu (wskazany przez prowadzącego program do realizacji morfingu).

5. W menu wybrać: Film / Czas trwania; czas filmu powinien wynosić 10 sekund - 15 ramek na sekundę - film składa się ze 150 ramek (jeśli liczba ramek będzie inna należy wybrać: Plik / Eksportuj film; w polu "Prędkość AVI (klatki/s) należy wpisać 15 i zamknąć okienko).

6. Na obu twarzach zaznaczyć charakterystyczne punkty i obszary.
Podczas pracy należy włączać podgląd animacji, w celu bieżącego likwidowania deformacji. Co kilka minut należy zapisywać projekt!

7. Gotową animację proszę zapisać jako pliki: AVI. W przypadku komputerów z dobrymi procesorami można wykonać kompresję bezpośrednio w programie do morfingu. Niestety w naszej pracowni jest z tym problem. Pliki AVI zapiszemy bez kompresji (bardzo duże rozmiary, ale proces przebiega bardzo szybko).

Dodatkowo proszę utworzyć pliki: EXE oraz Flash (plik Flash - z rozszerzeniem SWF będzie potrzebny w przyszłym semestrze. Animację można zapisać w formie strony - także powstanie plik SWF).

8. Plik AVI proszę otworzyć w programie VirtualDub i zapisać wybierając kodek XviD (1000 kbps);

9. Skompresowany film, pliki projektu wraz z fotografiami proszę przesłać do oceny.

10. Pliki filmów AVI (skompresowane) proszę zachować (na zajęciach poświeconych obróbce plików wideo będziemy montować film złożony ze wszystkich filmików nagranych przez studentów).

Program

Ocena pracy na kolejnych zajęciach

Temat: Morfing - praca grupowa

Wiadomości: Podstawowy montaż audio-wideo.

Umiejętności:
łączenie filmów zawierających morfing; animacja statycznych fotografii - udźwiękowienie.

Oceniana praca / przebieg ćwiczenia:

1. Film w formacie AVi (kodek XviD -1000 kbps) otworzyć w programie VirtualDub .

2. Stosując program AudaCity nagrać Własne imię po 1 sekundzie ciszy.

3. W programie VirtualDub wybrać:
   a) Video/ Direct stream copy (zachowanie zastosowanego w filmie sposobu kompresji obrazu);
   b) Audio/ Full processing mode (dokonamy korekty kodowania audio);
   c) Audio/ Audio from other file - wskazać ścieżkę dostępu do nagranego pliku WAV;
   d) Audio/ Compression/ - tu wybierzemy kodek dostępny w pracowni (wszyscy ten sam i o identycznych parametrach - najczęściej MPEG Layer-3, 56 kbps ...).
   e) Film zapisać: File/ Save as AVI - nazwa własne imię.

Zaliczenie ćwiczenia:
Filmy (AVI - ten skompresowany i z dźwiękiem, EXE i SWF) przesłać do oceny na platformę (wszystkie w jednym skompresowanym folderze) oraz do "Moich dokumentów" tylko AVI.

5. Poszczególne filmy studentów zostaną rozesłane do wszystkich komputerów (lub zostanie rozesłany link, z którego będzie można je pobrać).

6. Pliki wideo proszę wczytać do programu Ulead VideoStudio (na profilu Administratora).

   a) Filmy proszę poukładać na liście montażowej w odpowiedniej kolejności;
   b) Można stworzyć film początkowy z tytułem lub nałożyć tytuł na istniejące filmiki (nie jest to wymagane).
   c) Do filmu można dodać cichą ścieżkę dźwiękową - muzykę (nie jest to wymagane).
   d) W przypadku bardzo starej wersji Ulead VideoStudio film najlepiej zapisać jako WMV (640x480) z najlepszą jakością.
       Film należy następnie przekonwertować stosując program FormatFactory
       W przypadki najnowszej wersji programu VideoStudio Pro X4 (polska wersja językowa) nie ma problemu z wyborem i ustawieniem kompresji.

W przypadku, gdy nie uda się zrealizować punktu 5 i 6 na niniejszych ćwiczeniach, wrócimy do nich na ćwiczeniach poświęconych tworzeniu płyt DVD

Zaliczenie ćwiczenia:
Gotowy zmontowany film przesłać do oceny na Dysk Google.
  

Temat 1: Nagrywanie dźwięku.

Temat 2: Dźwięk w prezentacji multimedialnej / eJaj.

WYKŁAD

- Analogowy i cyfrowy zapis dźwięku Uwaga na obliczenia!

- Windows XP - przygotowanie komputera do nagrywania dźwięku - komputer z odrębną kartą dźwiękową.

- Pliki WAV - nagrywanie z zastosowaniem Rejestratora systemowego Windows.

- Rejestrator systemowy Windows - obróbka i montaż plików dźwiękowych.

- Konwersja z formatu MP3 do WAV z zastosowaniem odtwarzacza Winamp (dla zainteresowanych. Teraz robimy to w Audacity).

- Pliki MP3 - program Audiograbber

  (dla zainteresowanych teraz lepiej robi to Microsoft Media Player).
   Audiograbber jest jednak dobrym magnetofonem cyfrowym, szczególnie w przypadku,
   gdy nagrywamy muzykę z wejścia liniowego, np. z magnetofonu. Dzieli wówczas ścieżkę dźwiękową na utwory.

- Pliki MID

ĆWICZENIE

Wiadomości: Aplikacje do nagrywania dźwięku z różnych źródeł; podstawy montażu audio; charakterystyka plików audio; kompresja audio.

Umiejętności:
montaż audio - dźwięki z różnych źródeł
 

Oceniana praca / przebieg ćwiczenia:

ZADANIE 1.

Przygotowanie 10 sekundowego podkładu dźwiękowego do morfingu.

- Stosując aplikację Audacity nagrać około 11 sekund ciszy.

- Wybrać CTRL+A - zaznaczyć cały dźwięk.

- W dolnej części interfejsu należy zaznaczyć pole Koniec i rozpoczynając od ostatniej cyfry wprowadzić wartość 00g00m10.000s.

- Wybrać CTRL+X (wytnij)

- Zaznaczyć pozostały dźwięk i skasować [Delete].

- Wybrać CTRL+V (wklej) - mamy dokładnie 10 sekund nagrania.

- Wybrać CTRL+A - zaznaczyć cały dźwięk, a następnie: Edycja/ Usuń dźwięk/ Wycisz dźwięk - mamy 10 sekund ciszy.

- Na odrębnej ścieżce nagrać własne imię (bardzo wyraźnie - amplituda musi zajmować całą dostępną wysokość).

- Imię odszumić, a następnie skasować przed nim i zanim niepotrzebny dźwięk.

- Imię przesunąć na ścieżce w taki sposób, aby zaczynało się po około 0,5 sekundy od początku.

- Imię zaznaczyć i zapisać (Plik/ Eksportuj zaznaczenie) jako plik WAV (16 bitowe PCM WAV) - przyda się do kolejnego zadania.

- Obie ścieżki (cisza plus imię zmiksować) wybierając Plik/ Eksportuj i zapisać jako Do_morfingu.wav (16 bitowe PCM WAV) oraz Do_morfingu.mp3 (jakość: stała, 128kbps, połączone stereo)

ZADANIE 2.

Pobrać: film AVI, instrukcję w postaci pliku JPG oraz plik dźwiękowy MID (pliki rozpakować).

Uwaga!

W komputerach z 64 bitowym systemem operacyjnym lepiej używać programu VirtualDub w wersji 32 bitowej.
Bardzo często 64 bitowy VirtualDub nie widzi zainstalowanych w systemie kodeków!

W przypadku braku widocznych kodeków w systemie 32 bitowym należy zainstalować ich nowy pakiet (K-Lite Codec Pack MEGA) ze strony: codecguide.com

Stosując się do zaleceń instrukcji nagrać odpowiedni plik mix.mp3. Uwaga sygnał z radia internetowego można nagrać wybierając w ustawieniach dźwięku StereoMix lub korzystając z   programu RadioSure (dowolna muzyka). Dźwięk z filmu można pozyskać stosując program FormatFactory. Uwaga! Imię i nazwisko musi być wyraźnie słyszane!
 

Uwaga!

Jeśli nagrywamy muzykę z zastosowaniem RadioSure, należy zwrócić uwagę po zaimportowaniu utworu do  AudaCity, czy częstotliwość próbkowania wynosi 44100 Hz (w lewym-dolnym rogu - wersja 2.0.2). Jeśli wartość jest inna, należy ustawić 44100 Hz i zapisać utwór jako, np. MP3 lub WAV. Dopiero tak zmodyfikowany plik powinniśmy używać wykonując powyższe zadanie.

ZADANIE 3.

Dźwięk z pliku MID zapisać w postaci pliku WAV korzystając z Audacity (należy pamiętać że źródłem nagrywanego dźwięku w systemie musi być wówczas StereoMix, a nie mikrofon).

- Połączyć własne imię i nazwisko z dźwiękiem z pliku MID - najpierw wyraźnie słyszalne imię i nazwisko, później muzyka.

- Uzyskanym plikiem WAV proszę udźwiękowić pobrany film stosując VirtualDub.

- Gdyby VirtualDub nie mógł otworzyć filmu, należy zainstalować nowe kodeki (informacja wyżej).

- Proszę pamiętać o opcji Video/ Direct stream copy (zachowanie bez zmian zastosowanego w filmie sposobu kompresji obrazu) oraz o wyborze kodeka audio (MPEG layer-3; 128 kbit/s, stereo).

- Film zapisać pod nazwą: nowy.avi

ZALICZENIE

Pliki:  Do_morfingu.wav, Do_morfingu.MP3, mix.mp3 oraz nowy.avi proszę umieścić w folderze cw8_Nazwisko. Folder skompresować i przesłać do oceny na Dysk Google.

Dźwięk w prezentacji multimedialnej / eJay.

Wiadomości: Dźwięk w prezentacji Microsoft PowerPoint. Możliwości skojarzenia dźwięku z różnymi efektami animacji.

Umiejętności:
Udźwiękawianie prezentacji multimedialnej

Oceniana praca / przebieg ćwiczenia:

1. Zapoznać się z kursem1 - szczególnie punkty od 19 do 21.

2. Zapoznać się z kursem2 - szczególnie punkty od 1 do 15.

3. Zapoznać się z instrukcją - film omawiający konstrukcję ocenianej prezentacji.

Uwaga!
Proponuję zamiast pliku MP3, wygenerowanego w programie e-jaj wstawić plik dostarczony na ćwiczenia przez prowadzącego. Jeśli zostanie Państwu więcej czasu można stworzyć własną muzykę.

Prezentację (plik z rozszerzeniem ppt) wraz ze wszystkimi komponentami proszę tworzyć w folderze o nazwie PPT. Na koniec folder ten należy skompresować i wysłać na Platformę do oceny.

Temat 1 : Cyfrowe wideo - gniazda i wtyczki.

Temat 2 : Filmowanie kamerą internetową oraz cyfrową; konwersja; udźwiękawianie oraz podstawowy montaż.

Proszę zapoznać się z kursem e-learningowym:  Gniazda, wtyczki, przewody (Hasło - EMI), dokumentem PDF oraz filmem o dekoderach TV Sat.

Proszę zwrócić szczególną uwagę na wygląd i nazewnictwo przewodów audio-wideo.

Należy wiedzieć jaki rodzaj (mono, stereo, 5.1, 7.1) dźwięku mogą one przesyłać.

Należy znać parametry (przeplot, bez przeplotu, rozdzielczość) sygnału przesyłanego określonymi przewodami.

Proszę zwrócić uwagę na sztucznie wprowadzane ograniczenia sygnału przesyłanego z zastosowaniem HDMI.

Należy wiedzieć, który rodzaj przewodów przesyła sygnał analogowy, a który cyfrowy.

Wykład jest opracowany w formie prezentacji Flash. W prawym dolnym rogu ekranu znajduje się przycisk, który wyświetla prezentację na pełnym ekranie.

Od chwili opublikowania powyższego testu pojawiły się nowe rozdzielczości telewizorów i monitorów. Proszę uwzględnić je (4k i 2k) przygotowując się do testu.

Na kolejnych zajęciach będzie rozwiązywany test elektroniczny (8 minut).

TEST - weryfikacja opanowania treści z e-learningu >tutaj< (Hasło będzie podane na zajęciach)

Wiadomości: Dźwięk w prezentacji Microsoft PowerPoint. Możliwości skojarzenia dźwięku z różnymi efektami animacji.

Umiejętności:
Udźwiękawianie prezentacji multimedialnej

Oceniana praca / przebieg ćwiczenia:

1. Zapoznać się z kursem1 - szczególnie punkty od 19 do 21.

2. Zapoznać się z kursem2 - szczególnie punkty od 1 do 15.

3. Zapoznać się z instrukcją - film omawiający konstrukcję prezentacji którą wykonamy na zajęciach. Można zrobić w domu.

Wiadomości: Pliki wideo, kompresja MPEG 1/2/4; aplikacje do obróbki wideo;
Samodzielnie proszę zapoznać się z programami: DVD shrink, Nero Vision, Ulead Video Studio lub Corel Video Studio.

Umiejętności:
Filmowanie kamerą internetową, nagrywanie filmów ze stron internetowych, konwersja plików wideo, podstawowy montaż wideo (VirtualDub, WeVideo for Google Drive lub Ulead Video Studio - trial).

Uwaga!
Jeśli w VirtualDub wczytamy dowolny film, dokonamy w nim zmian i zapiszemy go pod nową nazwą, to w obszarze edycji ciągle pozostaje stara wersja. W celu kontynuowania pracy z nową wersją filmu trzeba zamknąć starą (Close video file) i wczytać nową.

Oceniana praca / przebieg ćwiczenia:

ZADANIE 1

1.Pobrać film 1234.AVI.

2. Stosując VirtualDub zgrać z niego dźwięk do pliku, np. muzyka123.WAV.

3. Stosując VirtualDub zapisać film bez kompresji audio i video. (uwaga duże rozmiary).

4. Kolejno proszę zaznaczać i zapisywać (opcja: Save as AVI) 4 fragmenty filmu.

(fragmenty na których są widoczne cyfry; na zaznaczeniu fragmentu z daną cyfrą muszą być wyłącznie klatki zawierające cyfrę).

5. Stosując opcję Apend AVI segment – połączyć 4 fragmenty w kolejności 4321 (każda grupa w innej kolejności). Film zapisać bez kompresji, np. jako: roboczy1.AVI.

6. Zmniejszyć rozdzielczość filmu wybierając Video / Filters – Add – resize;

wybrać:
- Absolute (pixels): 320x240
- Compute height from ratio 4 : 3
- Do not latterbox or crop: v
- Do not adjust: v

Film zapisać, np. jako: roboczy2.AVI.

7. Film udźwiękowić wykorzystując plik muzyka123.WAV (oryginalny dźwięk z filmu). Film zapisać stosując kodek wideo XviD (1000 kbps) oraz kodek audio MPEG layer 3 (wybrać najwyższą możliwą wartość kbps) – nazwa wynikowego pliku wideo: 4321.AVI.

8. Po sprawdzeniu poprawności nagrania oraz rozmiaru pliku 4321.AVI (około 1MB) proszę usunąć z komputera wszystkie wersje robocze tego filmu (ze względu na bardzo duże rozmiary plików).

ZADANIE 2
 

Sfilmować się kamerą internetową (wypowiadając własne imię i nazwisko) stosując program VirtualDub. Parametry nagrania: Rozdzielczość 320x240 RGB24 15 klatek/s; kodeki: wideo - XviD (1000 kbps); audio - MPEG layer 3 (najwyższa dostępna wartość kbps).
Uwaga! Jeśli w parametrach MPEG layer 3 nie ma wartości 128 kbps, należy wybrać: Raw capture format i wskazać:
PCM, 44100 Hz, stereo, 16 bit.

Nazwa wynikowego pliku filmowego: ja.AVI

ZADANIE 3

1. Pobrać z YouTube film śmieszne koty >link< stosując FireFox wraz z dodatkiem DownloadHelper.
    Ostatnio polityka Google zmierza w kierunku utrudniania pobierania wideo z YouTube. Jeśli będą problemy z DownloadHelperem, to można
    zastosować: Download Flash & Video lub Download YouTube Videos as MP4 and FLV
Proszę pobrać plik [240p] - odpowiednik rozdzielczości (320x240).
W przypadku pobrania pliku o większej rozdzielczości, podczas konwersji z zastosowaniem FormatFactory proszę zredukować rozdzielczość do poziomu (320x240).

2. Film posiada rozszerzenie FLV (lub MP4). Proszę przekonwertować go do formatu AVI stosując aplikację FormatFactory lub >link<.

Film zapisać jako koty.AVI

ZADANIE 4

1. Odszukać utworzony z zastosowaniem eJay plik MP3 (lub utwór instrumentalny ze strony jamendo.com).

2. Pobrać z Internetu dowolną grafikę JPG i zmienić (zmniejszyć) jej rozmiary, tak aby posiadała rozdzielczość 320x240 pikseli.

3. W domu dodać do własnego dysku aplikację (można wyszukać w Google Play): WeVideo for Google Drive (edytor wideo działający w "chmurze"). Warto także utworzyć pusty projekt. Zdarza się, że przez kilkanaście minut projekt nie pojawia się na liście.

4. Do WeVideo wczytać filmy, muzykę oraz grafikę.

5. Na liście montażowej umieścić kolejno filmy: 4321.AVI; ja.AVI; koty.AVI.
(uwaga podczas montażu proszę przyciąć - skrócić film o kotach - do około 12 sekund).

6. Pomiędzy filmami dwukrotnie umieścić grafikę JPG

7. Pod filmami wstawić dźwięk MP3. W przypadku, gdy dźwięk będzie dłuższy od filmu, proszę „ścisnąć” go tak, aby długości były identyczne.

8. Zmniejszyć głośność muzyki z pliku MP3.

9. Pomiędzy filmami, a grafikami umieścić efekty przejścia - dwa.

10. Na pierwszym obiekcie proszę umieścić tytuł (własne imię i nazwisko), na trzecim filmie proszę wstawić napis MTI .

11. Filmy proszę opublikować na Dysku Google (rozdzielczość 480p).

12. Stosując FormatFactory dokonać konwersji filmu do formatu: gotowy.MP4 (320x240) - kompresor H264.

Przygotowanie plików do oceny

Dwa pliki: 4321.AVI; gotowy. MP4 proszę umieścić w folderze Nazwisko_cw8. Folder należy skompresować stosując program 7-zip  (rozszerzenie 7z) i przesłać na Dysk Google.

Uwaga! W przypadku gdy rozmiar skompresowanego pliku przekracza 20 MB - proszę go nie wysyłać. Proszę przygotować się na konsultacje.

Temat: Filmy ekranowe

BB Flash Recorder - ustawienia oraz eksport do formatu Flash.

Większość programów do realizacji filmów ekranowych oferuje opcję eksportu nagrań do wielu formatów. Z punktu widzenia przydatności w systemie kształcenia na odległość, najcenniejszy wydaje się format Flash (pliki SWF oraz FLV). W przypadku kształcenia stacjonarnego równie ważne są pliki AVI, z których filmy można prezentować z zastosowaniem odtwarzaczy DVD. Rozwiązanie to jest cenne w przypadku zajęć realizowanych w pomieszczeniach bez dostępu do komputera.

Komercyjne wersje programów umożliwiają eksport filmów do większej liczby formatów, np.:

- EXE – film można oglądać na dowolnym komputerze bez potrzeb instalowania dodatkowego odtwarzacza. Interakcje zostają zachowane.
- PPT – film zostaje osadzony w prezentacji Microsoft PowerPoint. Interakcje zostają zachowane.
- WMV – alternatywny format skompresowanych plików wideo. Brak interakcji.

Pakiet BB FlashBack zawiera dwa podstawowe narzędzia: BB FlashBack Pro Recorder (filmowanie) oraz BB FlashBack Pro Player (podgląd oraz montaż filmów). Przed rozpoczęciem rejestracji konieczne jest dokonanie regulacji szeregu parametrów nagrania. W zależności od przeznaczenia lub tematyki filmu można określić, czy będzie filmowany:

- pełny ekran,
- aktywne okienko Windows,
- zaznaczony ręcznie fragment ekranu.

W przypadku realizacji filmów pełnoekranowych należy mieć świadomość, iż zostaną one zarejestrowane w rozdzielczości jaką w danym momencie ma ustawiony monitor. W efekcie może okazać się, że ze względu na bardzo duże rozmiary plików wynikowych film nie nadaje się do rozpowszechniania zdalnego. Jeśli w systemie Windows rozdzielczość zostanie zmieniona ręcznie, np. do optymalnej 800x600, to po zakończeniu nagrywania wszystkie ikony znajdujące się na pulpicie zostaną poprzestawiane. Efekt ten może być uciążliwy w przypadku znacznej liczby ikon.

Temat 1: Aplikacje do tworzenia pokazów slajdów - udźwiękowione filmy tworzone z fotografii. CrazyTalk.

Temat 2: Albumy internetowe.

Albumy internetowe

Proszę przygotować przynajmniej 9 zdjęć o tematyce związanej z przygotowywaną na koniec roku witryną.
Fotografie proszę nazwać tak, aby ułożone były w logicznym porządku, np.: 001 tytuł.jpg, 002 nazwa.jpg.

Zadanie 3.
1. Uruchomić znany Państwu  XnView i otworzyć w nim widok wszystkich w/w fotografii.
2. Zaznaczyć wszystkie fotografie.
3. Wybrać: Utwórz / Galerię internetową.
4. W otwartym okienku podać:
- tytuł albumu
- nagłówek,
- liczbę kolumn,
- pokazywanie nazwy pliku
- rozmiary miniaturek (lepiej nie zmieniać),
- folder, w którym powstanie galeria (koniecznie).
5. Wygenerować album.
6. Folder z albumem (Album1) skompresować i przesłać na platformę.

Na zajęciach poświęconych MS Front Page będziemy edytować i zmieniać w/w album.

Zadanie 4.
1.Ze strony Webalbum lub DobreProgramy proszę pobrać i zainstalować program: Web Album 1.8.2.
2. W otwartym oknie programu klikamy (po lewej) Add Photos (i wczytujemy wszystkie fotografie.
3. Poniżej można wykonać prostą edycję zdjęć (raczej nie robimy tego).
4. Klikamy: Generate Web Album.
5. W otwartm okienku ustawiamy parametry albumu (wg uznania):
- tytuł i opis albumu,
- kolory hiperłącz i tła strony
- rozmiar miniatur,
- liczbę wierszy i kolumn,
- hiperłącze na napisie home page,
- podgląd miniatur (góra, dół),
- rozmiar zdjęć,
- folder docelowy galerii
6. Wygenerować album.
7. Folder z albumem (Album2) skompresować i przesłać na platformę.

Zadanie 5.
1. Pobrać "Album HTML v1.1.6" alternatywny link >tutaj<
2. Opis programu raczej nie jest potrzebny (wszystko bardzo intuicyjne) - tylko ma być ładnie!
3. Opis programu można znaleźć na stronie TylkoProgramy.
4. Folder z albumem (Album3) skompresować i przesłać na platformę.

Zadanie 6.
1. Pobrać jeden z poniższych generatorów albumów.
2. Opanować.
3. Wygenerować album.
4. Folder z albumem (Album4) skompresować i przesłać na platformę.

- iWebAlbum 
- S10 WebAlbums 
- PPSee 
- YoPoW 
- Visual LightBox 
- SimpleViewer 
- Smooth Gallery Builder 
- LightBox Video Web Gallery Creator 

Zaliczenie: Opracowanie i realizacja albumów HTML o tematyce edukacyjnej.
Hiperłącza do albumów należy umieścić w obrębie witryny zaliczeniowej.

Temat: Film i interakcja w prezentacji multimedialnej. Realizacja medium edukacyjnego (prezentacji multimedialnej).

Temat: Protokół FTP. Zdobywanie adresu własnej strony WWW. Microsoft FrontPage lub Microsoft Expression Web.

Zdobywanie adresu własnej strony www (strona HTML)

Darmowy hosting miasto.interia.pl (reaktywowany w 2016 roku).

Darmowe strony HTML można zakładać jednak w serwisach: cba.pl (procedurę ilustruje instrukcja w formie pliku PDF) oraz prv.pl - instrukcja w formie pliku PDF.

Program do tworzenia stron internetowych WebSite X5.

Stronę internetową przygotujemy z zastosowaniem programu WebSiteX5 - Strona pobierania najnowszej wersji programu od bieżącego roku brak już wersji Free!. Obecnie można zainstalować jedynie starszą wersję programu: Website X5 v10  Po pobraniu program należy wypakować stosując 7zip lub WinRar (hasło podano na zajęciach).

Przykładowe komponenty strony:

Do pobrania

Multimedialne komponenty stron www:

Jamendo - darmowa muzyka (pliki mp3).
YouTube - legalne oglądanie filmów. Pobieranie filmów wymaga zainstalowania odpowiednich programów.
FindIcons - darmowe (i płatne) ikony w formatach ICO i PNG.
Animowane gify - ruchome obrazki.

 Klient FTP. Zdobywanie adresu własnej strony WWW. Edytor HTML (MS FrontPage oraz Expression Web 4).

III. Microsoft Expression Web 4

Nowszą wersją MS FrontPage jest darmowy Microsoft Expression Web 4 do pobrania na stronie Microsoftu (tylko wersja angielska).

Temat:  Microsoft FrontPage/ Expression Web 4; hipertekst; multimedia; warstwy.

MS FrontPage - struktury nawigacyjne; osadzanie obiektów multimedialnych; warstwy.
MS FrontPage - ramki


Zaliczenie ćwiczenia: Opracowanie struktury i koncepcji witryny edukacyjnej (ocena na ostatnich zajęciach).

Zadania (strona z ramkami):
1. Korzystając z edytora FrontPage przygotować stronę z trzema ramkami (górna, lewa i centralna).

Zadanie:
1. Pobrać szablon TABLO 3 ROKU EMiI >tutaj< hasło -zawsze identyczne dla studentów EMiI.
2. Zgodnie z instrukcjami podanymi na ćwiczeniach wykonać fragment poświęcony własnej osobie. Fotografia powinna mieć rozmiary: 112x134 piksele (szerokość / wysokość).
3. Folder z fragmentem tablo (ten z własnym nazwiskiem) skompresować i przesłać na platformę. 

Temat: Multimedialne komponenty stron internetowych; Website X5.

Tworzenie strony HTML z zastosowaniem: Microsoft Word, LibreOffice oraz WebSite X5.

Microsoft Word (2003):

Tworzenie strony HTML z zastosowaniem Microsoft Word

LibreOffice:

Tworzenie strony HTML z zastosowaniem LibreOffice 4.0

Uwaga
Uruchamianie edytora OpenOffice / LibreOfice: odpalić skrót do „całego pakietu” w otwartym okienku ze spisem aplikacji wybrać: Plik/ Nowy/ Dokument HTML.
Kolory: chcąc zmienić kolor komórek w tabeli trzeba je zaznaczyć, kliknąć prawym, następnie: Tabela/ Tło ...

WebSite X5:

Strona oraz  Multimedialny kurs producenta - polska wersja językowa filmów. (po wprowadzeniu 10 wersji programu dostępny jest jedynie anglojęzyczny wideo tutorial).

Skrócony kurs tworzenia witryn z zastosowaniem Website X5 - autor: dr J. Jędryczkowski

Wersje z gazet nie są wersjami pełnymi, jednak posiadają więcej szablonów. Podczas instalacji wybieramy wersję wymagającą rejestracji na stronie producenta. Jeśli tego nie zrobimy, nie będzie możliwości eksportu strony!

3. Tworzenie witryny z zastosowaniem generatora WebSite X5
 

- Pobrać i zainstalować program >WebSite X5.

- Stworzyć witrynę internetową o charakterze edukacyjnym (dowolny temat).

Witryna powinna składać się z przynajmniej sześciu podstron.

Na stronie proszę umieścić:

- tekst i grafikę w nagłówku strony,
- tekst w stopce strony,
- tekst w centralnym obszarze stron (np. wklejany z Wikipedii),
- fotografie,
- animowane gify,
- na stronie głównej (hiperłącze do strony Uniwersytetu).
- samodzielnie wykonany film lub animację SWF (w dowolnym z poznanych programów). Muszę usłyszeć głos autora!
- film z youtube.pl (poprzez zastosowanie opcji Wideo Dźwięk i wklejenie kodu.
  Kod uzyskujemy znajdziemy pod filmem na stronie YouTube po wybraniu: Udostępnij / Umieść).
- samodzielnie zmodyfikowaną kolorystykę menu.

Eksport witryny.
Program posiada klienta FTP, który działa prawidłowo. Istnieje jednak opcja eksportu na dysk (do utworzonego w tym celu folderu). Po dokonaniu eksportu uzyskujemy pliki HTML wraz z folderami zawierającymi komponenty strony. Wszystko należy przesłać na serwer używając własnego klienta FTP, np. Filezilli.

Zaliczenie ćwiczeń: wszystkie wykonane prace muszą być dostępne poprzez hiperłącza umieszczone w menu Państwa witryny zaliczeniowej ! .
 

 Temat: Alligator Flash Designer - tworzenie interaktywnej prezentacji oraz strony WWW w formacie Flash.

Teoria:
Możliwości programu Alligator Flash Designer: o programie oraz kurs.

Treść ćwiczeń:
Alligator Flash Designer - tworzenie multimedialnych interakcji w formacie Flash.
Dźwięki do gry "Polowanie na byka" >tutaj<. Nowy Byk >tutaj<
Alligator Flash Designer - tworzenie interaktywnych stron internetowych oraz prezentacji w formacie Flash. Przykład strony we Flashu oraz [2] [3]Alligator Flash Designer
 

Informacja!

Nie można stworzyć dobrej gry lub interakcji bez zastosowania elementów programowania w ActionScript. W systemie pomocy Alligator Flash Designer jest zawarty dokument PDF z takim kursem, który można pobrać także >tutaj<.

Wiem, że czytanie takich kursów bywa bolesne, stąd przygotowałem >tutaj< kilka inspirujących przykładów w postaci strony HTML oraz >projektu SFD<.

Kolejne ciekawe przykłady HTML >tutaj< oraz do pobrania jako >projekt SFD<

Uwaga!

Na wykładzie pokazywałem tworzenie prostej gry - kosmicznej strzelanki. Okazało się jednak, że mój pomysł nie był najlepszy - gra miała wiele błędów (poniżej).

Prosta  gra (wersja drobnymi z błędami): HTML >tutaj< oraz do pobrania jako >projekt SFD<

W domu stworzyłem kolejną wersję tej gry. Zmieniłem skrypt warunkujący przeskok do kolejnej ramki. Na pierwszej ramce wyzerowałem zmienne (efekt zestrzelenia) - od tej pory zniknął problem typu 1+1=11. Chcąc przeanalizować grę (aż 4 ramki) należy sprawdzić ActionScript każdej ramki oraz akcję każdego Sprita. Gra jest maksymalnie uproszczona. Można się na niej wzorować wykonując własne prace.

Nowa wersja strzelanki: HTML >tutaj< oraz do pobrania jako >projekt SFD<

Dźwięki do gier

Dźwięki do gier (bardzo duży wybór) można znaleźć na stronie Soundjax.

Temat: iSpring Presenter realizacja prezentacji w formacie Flash.

  iSPRING PRESENTER; authorPOINT; Dokumenty PDF

Konwersja prezentacji Microsoft PowerPoint do formatu Flash:

iSpring Free - aplikacja do konwersji prezentacji multimedialnych.

Konwersja prezentacji PowerPoint do internetowego formatu Flash - iSpring Pro.

iSpring (Quiz Maker) Wykonanie testów i quizów.

Quizy można wykonać darmowym: Free Quiz Maker (wersja z ograniczoną liczbą typów zadań; brak wysyłania wyników na adres email).

Lepszym rozwiązaniem jest wykorzystanie 30 dniowej wersji iSpring Pro 7 (tworzy kursy oraz quizy).

iSpring Pro - tworzenie quizu - slajdy 1-16; eksport pliku PPT do formatu SWF - slajdy 17-30:

Tworzenie testów i konwersja prezentacji PowerPoint do formatu SWF.

Przykładowe prezentacje  utworzone z zastosowaniem programu iSpring:

Tworzenie stron [1]. (prezentacja automatyczna).

Tworzenie stron [2]. (prezentacja sterowana manualnie).

Tworzenie dokumentów PDF

Tworzenie dokumentów PDF. Program doPDF

UWAGA 1:

Na kolejne zajęcia proszę przynieść gotową prezentację PowerPoint. Prezentacja musi zawierać: strukturę nawigacyjną (spis treści i hiperłącza w obu kierunkach), fotografie, nagrania audio oraz film. Proszę nie zapomnieć o zabraniu multimedialnych komponentów prezentacji. Prezentacja będzie umieszczona w Internecie. Proszę zatem pamiętać o respektowaniu praw autorskich oraz o wymogu ochrony danych osobowych.

UWAGA 2:

Na kolejne zajęcia proszę przynieść samodzielnie utworzony dokument PDF. Dokument będzie umieszczony w Internecie. Proszę zatem pamiętać o respektowaniu praw autorskich oraz o wymogu ochrony danych osobowych.

ĆWICZENIA:

UWAGA!

1. Na zajęcia proszę przynieść gotową prezentację PowerPoint. Prezentacja musi zawierać: strukturę nawigacyjną (spis treści i hiperłącza w obu kierunkach), fotografie, nagrania audio oraz film. Proszę nie zapomnieć o zabraniu multimedialnych komponentów prezentacji. Prezentacja będzie umieszczona w Internecie. Proszę zatem pamiętać o respektowaniu praw autorskich oraz o wymogu ochrony danych osobowych.

2. Na zajęcia proszę przynieść 8 fotografii o rozdzielczości maksymalnie 800x600 o jednolitej tematyce. Fotografie będą umieszczone w Internecie. Proszę zatem pamiętać o respektowaniu praw autorskich oraz o wymogu ochrony danych osobowych.

Zadanie

Konwersja prezentacji PowerPoint do formatu SWF
iSpring Presenter - realizacja prezentacji w formacie Flash.
iSpring Presenter - realizacja quizu w formacie Flash.
 

1. Uruchomić prezentację MS PowerPoint. Powinna zawierać efekty animacji, animowane gify, zdjęcia itp. Można osadzić w niej film AVI bez konieczności pozbywania się kompresji.

2. Stosując program iSpring Presenter dokonać konwersji do formatu SWF.

Przypominam, że powyżej zamieściłem fragment wykładu "Konwersja prezentacji PowerPoint do formatu Flash", w którym opisałem podstawowe funkcje programu iSpring Presenter.

 

Zaliczenie: Gotowa prezentacja powinna zawierać:
- efekty animacji PowerPoint,
- animowane gify,
- przynajmniej na jednym slajdzie powinien być wstawiony głos autora,
- na kilku pierwszych slajdach film z udziałem autora - słowa współgrają z elementami animacji.
- na jednym slajdzie osadzony quiz (przynajmniej 4 zadania; przynajmniej do jednego dodana fotografia).

Uwaga! Obie prezentacja musi być dostępne poprzez hiperłącza w obrębie witryny zaliczeniowej.

Temat: Strona internetowa o charakterze edukacyjnym.

Powrót na początek strony