Menu Start Strona główna Materiały dla studentów MTI - kanon oprogramowania Kursy multimedialne Kurs: LibreOffice Writer Cywilizowanie Windows 8 i 8.1 O autorze witryny Dane kontaktowe Publikacje Multimedia dla najmłodszych Seminarium e-learning Biogram Materiały do zajęć - instrukcje Wizualizacje procesów i zjawisk Praca naukowa Ogłoszenia Instrukcje do zajęć z MTI Plan zajęć Zaliczenie z MTI - semestr letni Egzaminy

 
JJ Kursy | Logo | Email | Autor

 

 

 

 

Konwerter plików PDF

Free OCR

newocr.com

MyFonts

Generator ozdobnych napisów

Generator ozdobnych napisów

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

sg

 

MULTIMEDIALNE TECHNOLOGIE INFORMACYJNE - INSTRUKCJE DO ĆWICZEŃ - 2016/2017

Logo: JJ kursy

Warunki uzyskania zaliczenia

Katalog

Rejestracja w grupie laboratoryjnej


Instrukcje do ćwiczeń (hiperłącza) - semestr zimowy:

 

[0103-10-2016: Wprowadzenie – grafika rastrowa.
[02
10-10-2016: Grafika rastrowa - obróbka plików graficznych.
[03
17-10-2016: Animowane pliki gif.
[04
24-10-2016: Grafika i animacja w Microsoft PowerPoint. Podstawy tworzenia grafiki wektorowej.
[05
07-11-2016: Fotografia cyfrowa oraz morfing.
[06] 
14-11-2016: Morfing - praca grupowa.
[07] 
21-11-2016: Nagrywanie dźwięku.
[08
28-11-2016: Dźwięk w prezentacji multimedialnej / eJay.
[09
05-12-2016: Filmowanie kamerą internetową oraz cyfrową; konwersja; udźwiękawianie oraz podstawowy montaż.
[10]
12-12-2016: Cyfrowego wideo. Filmy DVD, 1080p, 4K.
[11]
19-12-2016: e-Learning: Zestaw audio-wideo (gniazda i wtyczki).
[12]
09-01-2017: Test (gniazda i wtyczki); Filmy ekranowe ( BB FlashBack).
[13]
16-01-2017: Aplikacje do tworzenia pokazów slajdów - udźwiękowione filmy tworzone z fotografii. CrazyTalk.
[14]
23-01-2017: Film i interakcja w prezentacji multimedialnej. Realizacja medium edukacyjnego (prezentacji multimedialnej).

[15] 30-01-2017: Zaliczenie - ocena multimedialnych prezentacji o charakterze edukacyjnym.

 

[e-learning] - BB FlashBack - różne formaty; CamStudio.

 

Materiały do ćwiczeń:


Instrukcje do ćwiczeń (hiperłącza) - semestr letni (zajęcia 3x45 min.):    

 

[01] 27-02-2017: Protokół FTP. Zdobywanie adresu strony WWW. Microsoft FrontPage 2003 /SharePoint Designer 2007 /Expression Web 4 - v 2010.

[02] 10-04-2017: FrontPage / SharePoint/ Expression Web - struktury nawigacyjne; strony z ramkami; warstwy; formularze Google.

[03] 24-04-2017: FrontPage / SharePoint/ Expression Web. Edycja tablo. Skrypty oraz osadzanie obiektów multimedialnych.

[04] 08-05-2017: Multimedialne komponenty stron internetowych. Inne aplikacje do tworzenia stron WWW.

[05] 15-05-2017: iSpring Presenter - realizacja prezentacji w formacie HTML5. Albumy internetowe.

[06] 22-05-2017: BB FlashBack - filmowanie oraz montaż.

[07] 29-05-2017: Alligator Flash Designer - tworzenie interaktywnej prezentacji oraz strony WWW w formacie Flash.

[08] 05-06-2017: Alligator Flash Designer - gra edukacyjna - do samodzielnego opracowania.

[09] 12-06-2017: Witryna edukacyjna CMS.

[10] 19-06-2017: Zaliczenie.

 

 

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

Wykład 3: Hot Potatoes.

Wykład 4: Tworzenie strony HTML z zastosowaniem Microsoft Word oraz LibreOffice oraz Website X5 v.10.

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

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

Wykład 9: Witryna CMS - PHP Fusion

 

Materiały do ćwiczeń:

 

 Semestr zimowy:

Temat:  Wprowadzenie – grafika rastrowa.


 


WYKŁAD


- Pliki graficzne.

- Kolorystyka interfejsu

- Kolor w fotografii cyfrowej [hasło]

 

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




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 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.
 

Temat:  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:  Grafika i animacja w Microsoft PowerPoint. Podstawy tworzenia grafiki wektorowej.




 


WYKŁAD - PREZENTACJE MULTIMEDIALNE MS POWERPOINT oraz OPEN IMPRESS


- PowerPoint - struktura nawigacyjna prezentacji multimedialnej.

- PowerPoint - gra edukacyjna "Polowanie na byka".

- PowerPoint - zabawa "Wyścig".

- PowerPoint - gra edukacyjna "Labirynt".

- OpenOffice Impress - prezentacja multimedialna.

 


ĆWICZENIA


Wiadomości:
(patrz spis treści niżej wymienionych kursów)

Umiejętności:
tworzenie prezentacji multimedialnych zawierających elementy graficzne oraz efekty animacji.

Oceniana praca / przebieg ćwiczenia:
1.
Proszę zapoznać się z kursem.
2. Proszę zapoznać się z kursem.
3. Na wykładzie zostanie przedstawiony efekt zapętlonej animacji (na przykładzie zasady działania przekładni) który proszę zapamiętać.
4.
Powyższe wiadomości trzeba wykorzystać do samodzielnego wykonania prezentacji (jak w punkcie 1) z uwzględnieniem wiadomości z punktów 2 i 3.
 

Elementy do osadzenia na slajdach oraz kolorystyka zostaną wskazane na ćwiczeniach. Dokładne instrukcje zawiera szablon prezentacji do pobrania: PREZENTACJA. Przykład 1 PPT, Przykład 2 PPTX (hasło tylko dla prowadzącego).

 

Prezentację proszę umieścić w folderze, którego nazwą będzie miała postać: cw4_Nazwisko. Folder należy skompresować stosując program 7-zip  (rozszerzenie 7z). Plik cw4_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:  Nagrywanie dźwięku.




 

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.

Temat:  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
W prezentacji powinna być osadzona muzyka z pliku mp3 wygenerowanego z zastosowaniem programu eJay.

Jeśli komuś zabraknie czasu może osadzić muzykę pobraną ze strony Jamendo. To rozwiązanie jest jednak niżej punktowane.



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

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



 


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_cw10. 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:  Cyfrowe wideo (DVD, 1080p, 4K).

Uwaga! Treść ćwiczenia zostanie częściowo zmieniona!

Planowany temat to: nagrywanie oraz montaż i konwersja plików wideo w formacie TS.




Zadanie 1

1. Proszę pobrać z Dysku Google lub ze strony producenta program VSDC Free Video Converter.

2. Program należy zainstalować nie zezwalając na instalację dodatkowych aplikacji (np. reklamowych).

3. Z Dysku Google proszę pobrać komponenty morfingu (w jednym archiwum wszystkie filmy i zdjęcia).

4. Na pobranych zdjęciach proszę umieścić napisy zgodnie z instrukcją podaną na zajęciach.

5. Stosując program XnView ze zdjęć należy wygenerować film WMV (jeśli program nie zawiesi się przy pliku AVI - można bezpośrednio ten format).

6. Stosując FormatFactory należy wykonać konwersję pliku WMV do AVI (parametry na zajęciach).

7. Proszę wczytać wszystkie filmy (także morfingi) do programu VSDC Free Video Converter.

8. W programie VSDC należy (zgodnie z instrukcją podaną na zajęciach) ustawić parametry profilu konwersji oraz zaznaczyć opcję łączenia filmów.

9. Gotowy morfing należy zgłosić do oceny (proszę nie wysyłać go na Dysk Google). Rozmiar gotowego pliku to około 40MB.

 

 

Część I

Ocena wystąpień (prezentacji) w grupach. Zebranie i ocena referatów. (wystawiam średnią obu ocen).

 

Przygotować: referat / wystąpienie na temat:
„Rejestracja cyfrowego wideo – urządzenia zewnętrzne”.

Można podzielić się na trzy grupy wybierając tylko jedną z poniższych grup urządzeń:

- tunery telewizji satelitarnej z opcją PVR (nie brać pod uwagę tunerów platform cyfrowych, które blokują zgrywanie na dysk zewnętrzny).

- tunery DVB-T z opcją PVR,

- Nagrywarki DVD (te podłączane do telewizora). Opracowania proszę ilustrować fotografiami, schematami oraz rysunkami poglądowymi (typy złącz, gniazda wtyki itp).

 

Proszę opisać sposoby i formaty zapisu; konwertery pozwalające uzyskiwać znane rodzaje plików.
Na jakim sprzęcie można zapisać sygnał w formacie Full HD?

W ramach przypomnienia warto skorzystać z kursu udostępnionego na piątych zajęciach: Gniazda, wtyczki, przewody. (Hasło - takie jak zawsze - 3 wielkie litery)

 

 

Grupa 1: Tunery TV satelitarnej (10 minut)


Np.: firmy OPTICUM:
OPTICUM - 7300 CI2CX PLUS (jakość SD):

lub, np.:
OPTICUM - HD X403p (jakość HD):

W obu dekoderach działają karty „Telewizji na kartę” oraz po zmianie softu „Cyfry +”. W gniazdach rozszerzeń można instalować moduły: „Telewizji na kartę HD” oraz „Cyfrowego Polsatu”.

(W tunerach tej firmy sygnał jest zapisywany na dyskach zewnętrznych w formie plików DVR (zawierają wszystkie ścieżki dźwiękowe oraz sygnał wideo. Chcąc korzystać w PC z tego typu nagrań, trzeba je przekonwertować do formatu TS. Jednak, gdy kanał satelitarny ma kilka wersji językowych, należy znać jego parametry, tu korzystamy z danych, które znajdziemy na stronie
Lyngsat, tam należy wybrać satelitę lub platformę cyfrową. Dla każdej stacji można odczytać jej parametry. Parametry dźwięku potrzebne podczas konwersji do TS znajdziemy w kolumnie APID. Format TS można odtwarzać, np. poprzez Media Player. Chcąc go jednak zgrać na DVD lub zapisać w formie plików AVI konieczna jest dalsza konwersja. Pod opisami obu tunerów zamieszczono plik PDF opisujący sposoby konwersji.

 

Grupa 2: Odtwarzacze multimedialne z opcją zapisu - tunery DVB-T (10 minut)


 

- sprawdzić dostęp funkcji PVR - zapis z cyfrowej telewizji naziemnej.

- znaleźć specyfikację, sprawdzić, jakie pliki są uzyskiwane podczas zapisu,

 

Grupa 3: Nagrywarki DVD (10 minut)


 

Wskazać najciekawsze opcje i ograniczenia tego sprzętu. Jaki sygnał doprowadza się do rekordera i w jakiej jakości jest nagrywany?

 


Część II

Filmy DVD - realizacja i kopiowanie (wykład i ćwiczenia praktyczne)

 

Ze względu na fakt, iż realizacja filmów DVD wymaga operowania plikami wideo o rozmiarach kilku GB, których konwersja na słabym sprzęcie może trwać kilka godzin, zajęcia ćwiczenie to będzie miało głównie charakter wykładowy. Wykonamy jednak projekt płyty DVD (interaktywne menu, podkład dźwiękowy). W tym momencie nastąpi ocena. Później  przystąpimy do generowania obrazu ISO. Jeśli obraz ten powstanie w rozsądnym czasie, wówczas spróbujemy go odtworzyć (zamiast wypalać) z zastosowaniem aplikacji  VLC Media Player.

Teoria DVD: 
DVDShrink - tworzenie obrazu ISO, Konwersja Obrazu ISO do postaci pliku MKV (zawiera wszystkie ścieżki audio i napisy) z zastosowaniem MakeMKV. Podstawowy montaż oraz budowa menu płyty DVD w NeroVision oraz Ulead / Corel Video Studio.

Teoria do ćwiczeń nr 12 (film ekranowy): 
BB Flasf Recorder oraz Cam Studio.

Temat:  Zestaw audio-wideo (gniazda i wtyczki) e-learning.


 


Rokrocznie w okolicach pierwszego listopada pojawia się problem niskiej frekwencji na zajęciach z MTI, zatem przesuwam w to miejsce temat e-learningowy, który normalnie powinien być realizowany łącznie z "nagrywaniem cyfrowego wideo".

Znajomość standardów wideo oraz przewodów, jakich używa się podczas podłączania zestawów audio-wideo stanowi zbiór wielu niezwykle ważnych kompetencji, istotnych nie tylko w pracy każdego nauczyciela, ale także w życiu codziennym.


 

Zadanie polega na samodzielnym zapoznaniu się z zamieszczonym poniżej wykładem:

 

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.

 

Oznaczenie Rozdzielczość Oznaczenie handlowe Szybkość transmisji obrazu, dla  (24, 25, 30) klatek Szybkość transmisji obrazu, dla (48, 50, 60) klatek 
2160p 3840 x 2160 4k, UHD; Ultra HD

35-45 Mb/s

53-68 Mb/s

1440p 2560 x 1440 2k

16 Mb/s

24 Mb/s

1080p 1920 x 1080 Full HD

8 Mb/s

12 Mb/s

720p 1280 x 720 HD

5 Mb/s

7,5 Mb/s

 

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

 

Temat:  (1) Test: Gniazda i wtyczki - 8 minut. (2) Filmy ekranowe.

 

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

Punktacja


 Filmy ekranowe (BB FlashBack)



 


WYKŁAD


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.

 

BB FlashBack Recorder

Konfiguracja BB Flash Recordera

Program BB FlashBack Recorder posiada jednak opcję, której wybór rozwiązuje powyższy problem. W kreatorze nagrywania zaznacza się „Change screen resolution while recording” oraz wybiera żądaną rozdzielczość. W ostatnim kroku konfiguracji nagrania należy wybrać „More Options” i na zakładce „Display” wskazać przywracanie oryginalnych ustawień po zakończeniu nagrywania: „Restore orginal settings after recording”.

Rozmiary wynikowych plików SWF zależą od ilości szczegółów zawartych w materiale filmowym, dlatego warto przed rozpoczęciem nagrywania wyłączyć wyświetlaną z pliku tapetę systemu Windows „Set plain desktop wallpaper” oraz efekty graficzne Windows „Switch off Windows graphic effects”. Podobny efekt można uzyskać wyłączając wyświetlanie zawartości okienek podczas przeciągania „Disable the - Show window contents while dragging”.

Mając na uwadze jakość filmu oraz jego treść istotne jest niedopuszczenie do rejestracji obrazu zawierającego elementy interfejsu BB FlashBack Recordera. W tym celu trzeba zaznaczyć: „Don't show BB FlashBack Pro Recorder icon during recording” – nie pokazuj ikony rekordera podczas nagrywania.

Wśród innych ważnych ustawień warto wymienić wybór: jednoczesnej rejestracji obrazu z kamery internetowej, możliwie dużej liczby klatek rejestrowanych na sekundę, źródła dźwięku (najczęściej mikrofon), jakości synchronizacji obrazu z dźwiękiem, „gorących przycisków” (konieczne do zatrzymania filmowania w trybie pełnoekranowym).

Po zakończeniu filmowania program automatycznie zapisuje film w postaci pliku projektu z rozszerzeniem FBR (pliki te warto archiwizować). Wszelkie zabiegi montażowe oraz implementacja elementów interaktywnych możliwe są wyłącznie przed konwersją pliku FBR do innych formatów.

Wraz z utworzeniem pliku FBR uaktywnia się druga aplikacja pakietu, tj. BB FlashBack Pro Player. Udostępnia ona listę montażową, z której po zaznaczeniu można kasować wybrane klatki. Opcja ta jest bardzo przydatna, np. w usuwaniu przejęzyczeń (podczas nagrywania zajęć należy tylko powtórzyć fragment tekstu). Film można dowolnie ciąć na mniejsze fragmenty oraz łączyć. Dostępna jest opcja wyciszania oryginalnego dźwięku lub zastępowania go innym. W obrębie filmu istnieje możliwość osadzania dowolnych elementów graficznych. Na uwagę zasługuje opcja usuwania z grafiki wybranego koloru, co prowadzi do uzyskania efektu przezroczystości, a w konsekwencji obiektów o dowolnym kształcie. Oprócz wstawiania grafiki z pliku dostępne jest rozwiązanie polegające na osadzanie barwnego tekstu – także w formie komiksowych dymków wskazujących elementy wymagające dodatkowego opisu.

W przypadku każdego osadzonego elementu można zdefiniować czas jego wyświetlania lub przypisać mu mechanizm zatrzymujący pokaz do chwili ponownego kliknięcia. W ostatnim przypadku warto wybrać: Edit/ Pause Graphic/ None – zapobiegnie to wyświetlaniu nieestetycznego przycisku pauzy. Podobna decyzja dotyczy zamieszczenia w obrębie filmu podglądu z kamery internetowej: View/ Show Web Cam Video oraz wyłączenia barwnego koła otaczającego kursor myszy: Effects/ Highlight Cursor – oraz zabranie zaznaczenia przy „Highlight mouse cursor”.

Po zakończeniu fazy montażu warto cały materiał zachować w formie kolejnego pliku FBR. Następnie można wybrać docelowy format eksportu. W przypadku plików SWF koniecznie należy zaznaczyć opcję „Full Frame Rate” (zapobiega pogorszeniu jakości). Warto także wybrać pasek nawigacyjny, który zostanie skojarzony z filmem – opcja „Playback controls”. Warto pamiętać, iż w przypadku projektów realizowanych przez wielu autorów, należy zachować jednolity interfejs, stąd wybór zarówno rozdzielczości, jak i paska nawigacyjnego powinien być wcześniej uzgodniony.

W efekcie eksportu do formatu Flasch powstają dwa pliki: SWF oraz HTML. Dokument HTML to strona internetowa, na której jest juz osadzony film SWF. Zazwyczaj aranżacja takiej strony nie posiada układu graficznego zgodnego z zamierzeniami twórcy witryny, stąd plik HTML jest najczęściej kasowany. Wcześniej należy jednak dokonać jego edycji w celu odczytania ostatecznej rozdzielczości pliku SWF. Przykładowo dla filmu nagranego w rozdzielczości 800x600, po dodaniu paska nawigacyjnego ostatecznie uzyskiwana jest rozdzielczość 800x624. Takie parametry należy wpisać w używanym edytorze HTML po osadzeniu pliku SWF.

Blueberry Software udostępnia także darmową wersję programu, tj.: BB FlashBack Express. Program nie posiada ograniczeń czasowych. W module BB FlashBack Recorder dostępne są wszystkie opcje wersji komercyjnej, jednak w przypadku BB FlashBack Playera nie ma możliwości wykonywania nawet podstawowego montażu. Dostępne są jedynie opcje eksportu.


CamStudio

Interesującą alternatywą dla produktu Blueberry Software jest darmowy pakiet
CamStudio. W jego skład wchodzą:

- CamStudio – rejestrator filmów,

- Movie Player – przeglądarka filmów AVI,

- SWF Producer – program konwertujący pliki AVI do formatu SWF.

Po uaktywnieniu aplikacji dostępny jest niezwykle intuicyjny interfejs, z reguły program wymaga wstępnej konfiguracji. Wybierając: Options/ Record audio from microphone – uaktywnia się mikrofon. W przypadku problemów z rejestracją dźwięku należy wybrać: Options/ Audio Options/ Audio options for Microphone, a następnie wypróbować różne parametry kodowania dźwięku zaczynając od jakości PCM. Domyślnie program rejestruje filmy z zastosowaniem kodeka Microsoft Video 1. To rozwiązanie nie gwarantuje jednak dobrej jakości oraz sprawia, iż pliki wynikowe posiadają znaczne rozmiary. Niestety program nie zawsze chce współpracować z popularnymi kodekami. Dobre rezultaty można uzyskać wybierając kompresor „Cinepak firmy Radius” wchodzący w skład wielu darmowych pakietów kompresorów. Kolejnym krokiem jest określenie docelowego formatu plików. W tym celu należy klikać na ikonie SWF umieszczonej na pasku narzędzi. Kolejne kliknięcia powodują zmianę napisu w centralnym polu interfejsu: AVI lub SWF. Bezpośredni przed rozpoczęciem filmowania wybiera się obszar filmowania – opcja „Region”. Dostępne są następujące możliwości:

- Region – zaznaczony ręcznie fragment ekranu,

- Fixed Region – obszar zdefiniowany poprzez wpisanie parametrów rozdzielczości oraz położenia,

- Full Screen – pełny ekran.

Filmując pełny ekran warto pamiętać, iż poziomu CamStudio nie ma możliwości modyfikacji rozdzielczości ekranu. Ustawienia te trzeba zmienić w systemie operacyjnym jeszcze przed przystąpieniem do filmowania. W przypadku trybu pełnoekranowego zachodzi także potrzeba skonfigurowania skrótów klawiaturowych, np. w celu sprawnego zakończenia rejestracji: Options/ Keyboard Shortcuts.

W przypadku bezpośredniej rejestracji w formacie SWF, uzyskuje się dwa pliki: SWF oraz HTML. Niestety część przeglądarek internetowych nie odtwarza filmów w obrębie dokumentów HTML utworzonych z zastosowaniem tego programu. Zalecane jest zatem samodzielne osadzanie filmów.

Zaletą aplikacji SWF Producer (składnik pakietu CamStudio) jest możliwość konwertowania plików AVI zarejestrowanych przez CamStudio do formatu SWF. Teoretycznie można konwertować wszystkie pliki AVI, pod warunkiem ich wcześniejszego zakodowania z zastosowaniem kodeków obsługiwanych przez aplikację lub w postaci nieskompresowanej. W celu utworzenia pliku SWF należy wybrać: File/ Conversion to Flash. W otwartym w ten sposób okienku można określić podstawowe parametry nagrania i zdecydować, czy film ma być zaopatrzony w panel nawigacyjny: „Ad Player Controls”. Znacznie lepsze efekty można uzyskać konwertując pliki z zastosowaniem aplikacji FormatFactory.


ĆWICZENIE


Zadanie 1 
Program
Debut Video Capture Software jest doskonałym narzędziem do nagrywania z zastosowaniem kamery internetowej. Umożliwia on także filmowanie pulpitu. Wersja trzydziestodniowa umożliwia zapis w dowolnym formacie wideo i z zastosowaniem dowolnego kodeka. Później wybór formatów zostaje znacząco ograniczony. Zawsze jednak można dokonać konwersji filmu z zastosowaniem FormatFactory.

 

Proszę pobrać fotografię o wymiarach około 320x240 pikseli przedstawiającą dowolną maszynę (można skorzystać z zamieszczonego tu obrazu).

 

Fotografię należy otworzyć z zastosowaniem: Przeglądarki fotografii systemu Windows (w małym okienku).

 

Po zapoznaniu się z instrukcją programu Debut Video Capture Software proszę nagrać krótki udźwiękowiony film instruktażowy (przykład).

 

●  Jeśli będzie to możliwe proszę nagrać film w formacie mp4 z zastosowaniem kodeka H264. W przeciwnym wypadku proszę utworzyć plik avi i dokonać jego konwersji z zastosowaniem FormatFactory.

 

●  Gotowy film: instrukcja.mp4 proszę zachować do oceny


 

W roku akademickim 2013/14 nie będziemy używali programu CamStudio ze względu na liczne problemy związane z korzystaniem z tej aplikacji.

 

● Proszę pobrać i zainstalować aplikację CamStudio 2.6. Jeśli będzie już
   zainstalowana wersja 2.0 lub niższa, to proszę nie instalować nowszej (posiada bardzo wyśrubowane
   wymagania sprzętowe).
 

● Proszę tak skonfigurować program (tylko wersja 2.6), aby pliki zapisywał w folderze: Moje wideo:
   (Options/ Program options/ Directory for recording/ Use user specifed directory).
 

● Ustawić nagrywanie z mikrofonu (Options/ Record audio from microphone).
 

● Wybrać nagrywanie zaznaczonego obszaru (Region/ Region).
 

● Wybrać nagrywanie w formacie AVI (nie SWF).
 

● Proszę kodeki ustawić tak jak na obrazku (Options/ Video options):
 

● Proszę w przeglądarce wyszukać fotografię (dokładnie 320x240 pikseli) i otworzyć w Google używając opcji: Pełny rozmiar.
 

● Okienko należy zmniejszyć, tak aby widzieć jednocześnie fotografię oraz interfejs CamStudio. Wskaźnik myszy musi być strzałka, a nie lupą.

 

Stosując CamStudio nagrać film omawiający budowę dowolnej maszyny, zwierzęcia itp. (tylko fragment ekranu).
   Na początku proszę zamieścić komentarz o treści: własne imię i nazwisko, Film pt. "... . Film zapisać jako: camstudio.avi.
 

Osoby, które wykonają zadanie nr 1 zgłaszają ten fakt prowadzącemu. Zadanie będzie oceniane podczas zajęć. Proszę nie przejmować się jeśli jakość filmu będzie "daleka od ideału".
 


Zadanie 2 
 

Stosując BB FlashBack Recorder nagrać dwa udźwiękowione film pełnoekranowe w rozdzielczości 640x480. Pierwszy pt. "Formatowanie tekstu w Wordzie", a drugi "Dodawanie w Excelu". Filmowanie rozpoczynamy od głośnego wypowiedzenia swojego imienia i nazwiska! Łączny czas obu filmów - maksymalnie 60 sekund. Na filmie nie mogą być widoczne żadne elementy interfejsu BB FlashBack Recordera (logo BB, żółte podświetlenie myszy, pasek nawigacyjny itp. Proszę pamiętać o skasowaniu na początku i końcu obu filmów "rozbiegówki" - przygotowań interfejsu do filmowania.
 

● W trybie edycji oba pliki FBR należy połączyć i zapisać jako jeden plik: projekt.fbr.
 

● Wordzie lub PowerPoincie proszę przygotować Autokształt (żółtą buźkę), a na jej tle umieścić kolorowy napis (własne imię).
 

● Wykonując PrintScr "sfotografować" tego typu logo, wkleić do FastStona, przyciąć i zapisać z rozszerzeniem PNG.
 

● Logo w formacie PNG proszę wstawić na pierwszą klatkę "sklejonego" pliku FBR.
 

● Proszę logo umieścić w jednym z narożników. Logo musi być widoczne przez cały czas trwania filmu. Proszę usunąć tło z logo.
 

● Na filmie powinien pojawić się efekt Zoom oraz powrót do poprzedniego rozmiaru.


● Proszę w obrębie filmu zamieścić przynajmniej dwie etykiety z opisami (czas wyświetlania 3 do 5 sekund).
 

● Należy pamiętać, aby przed dokonaniem eksportu zapisać zmiany w pliku  projekt.fbr.

 

Przykładowy film można obejrzeć >tutaj<

 

Gotowy film proszę wyeksportować jako AVI bez kompresji i zapisać jako: office.avi.
 

● Plik office.avi proszę przekonwertować stosując FormatFactory do formatu MP4. Koniecznie proszę użyć kodeka AVC (H264).
   Innych parametrów filmu nie należy zmieniać.
 

● Po uzyskaniu i sprawdzeniu jakości pliku office.mp4 należy koniecznie skasować bardzo duży plik office.avi.

 

 

Ocena:

Proszę w folderze cw12_Nazwisko umieścić następujące pliki:

- instrukcja.mp4

- projekt.fbr (około 2,5 MB).

- office.mp4 (około 4 MB).

Folder należy skompresować 7zipemi i przesłać do oceny.

 

 

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




Zadanie 1

1. Pobrać i zainstalować polską wersję programu XnView (nie, jeśli jest zainstalowany).

2. Odpalić XnView.

3. Uruchomić kreator pokazu (trzymając Ctrl nacisnąć L).

4. Wczytać zdjęcia o wspólnej tematyce - wszystkie w rozdzielczości 800x600 pikseli (przygotowane w domu - nie więcej niż 8 sztuk, poprzeplatać wykonanymi samodzielnie rysunkami z opisami i schematami (2 sztuki), np. dodane napisy i rysunki w programie FastStone).

5. Wybrać efekt przejścia oraz sposób przełączania (automatycznie; w pętli).

6. Korzystając z "Więcej opcji" wyłączyć opcję "Pokaż informacje".

6. Wczytać utwór mp3. Darmowy utwór można pobrać ze strony: www.jamendo.com/pl

7. Utworzyć pokaz:  plik EXE

8. Utworzyć pokaz: plik wideo o nazwie XnView.WMV  (Windows Media Video 9; 640x480; 1000 kbps).
 

Po wykonaniu ćwiczenia plik Zadanie1.EXE będzie oceniany na ćwiczeniach.

Plik XnView.WMV proszę wysłać na Dysk Google (jeśli zdążę sprawdzę wszystko na ćwiczeniach).

 

Zadanie 2


1. Pobrać i zainstalować polską wersję programu FastStone (nie, jeśli jest zainstalowany).

2. Postępując analogicznie jak w powyższym przykładzie wykonać pokaz w formacie EXE.
 

Po wykonaniu ćwiczenia plik FastStone.EXE będzie oceniany na ćwiczeniach.
 

Zadanie 3

 

1. Pobrać >tutaj<  program Photo Story 3 (jeśli nie jest zainstalowany). Program darmowy dla legalnych użytkowników systemu Windows
(hasło do pliku to nr sali w której mamy zajęcia).

2. Wczytać zdjęcia (materiały z powyższych ćwiczeń).

3. Jeśli jest to konieczne można dla poszczególnych zdjęć wykonać korektę: Edytuj / Napraw automatycznie

4. Korzystając z opcji programu dodać napisy.

5. Dograć komentarz do poszczególnych slajdów (własne słowa!)

6. Korzystając z opcji "Dostosuj ruch" należy wybrać efekt i czas przejścia (tak, aby ewentualna narracja zmieściła się).

    Proszę między 1 i 2 zdjęciem zastosować efekt zoomu (od małego szczegółu przejście do całego obrazu).

7. Wczytać plik muzyczny (lub skorzystać z generatora muzyki) i ustawić taką głośność, aby było słychać narrację.

    Generowanie muzyki w starszych komputerach może trwać dłużej niż wstawienie muzyki z pliku mp3.

8. W okienku „Zapisz historię” klikamy na „Ustawieniach” i wybieramy jakość „Profil”: DVD – PAL (768X576).

9. Utworzyć plik wideo PhotoStory.WMV.
 

Po wykonaniu ćwiczenia plik  PhotoStory.WMV proszę wysłać na Dysk Google (jeśli będzie zbyt duży zostanie oceniony na ćwiczeniach).
 

Zadanie 4

(To zadanie w tym semestrze pomijamy. Zademonstruję jego wykonanie na wykładzie)

 

1. W programie CrazyTalk (pełna wersja CrazyTalk 6 Special Edition jest dostępna w czasopiśmie PC Format 2/2011) wczytać fotografię dowolnej osoby (przycięty do rozmiaru: 640x480 pikseli).

2. Wykonać animację fotografii (łącznie z udźwiękowieniem i dowolnie wybranymi efektami specjalnymi).

3. Animację zapisać w formie pliku Crazy.AVI (640x480; XwiD - 1000 kbps).
 

Po wykonaniu ćwiczenia plik  Crazy.AVI proszę wysłać na platformę (jeśli będzie zbyt duży zostanie oceniony na ćwiczeniach).

Wszystkie pliki AVI proszę umieścić w jednym folderze, zastosować kompresję i wysłać na Platformę. Rozmiar skompresowanego pliku nie może przekroczyć 20MB.

Wyniki: XLS (hasło otwarcia: piętrosala).
 

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



 


 

Zadanie:

1. Proszę pobrać >prezentację multimedialną<. W obrębie prezentacji zawarte są wskazówki dotyczące poszczególnych zadań do wykonania.

2. Korzystając ze wskazówek dostępnych w kursach multimedialnych wykonać możliwie podobną prezentację - zgodnie z zawartymi w niej instrukcjami (wykonać hiperłącza, wstawić grafikę, własne tło, dograć dźwięki, wstawić film z YouTube, Nagrać własne filmy: BBFlash - pełnoekranowe 640x480 pikseli; filmy zapisać w formacie WMV).

Proszę zachować liczbę slajdów oraz rodzaje i rozmieszczenie hiperłącz.

3. Gotową prezentację proszę zapisać jako przenośną (folder prezentacji przenośnej proszę skompresować i przesłać na Dysk Google).
Jeśli rozmiar spakowanej prezentacji będzie bardzo duży (kilkaset MB z filmami) to ewentualnie proszę ją przynieść na pendrive.

4. Proszę przygotować się do publicznej prezentacji własnej pracy na kolejnych zajęciach.
 

Temat:  Zaliczenie - ocena multimedialnych prezentacji o charakterze edukacyjnym.




Ocena prezentacji wysłanych na Dysk Google.

Pokazy i ocena pozostałych prezentacji.

 

Wpis do indeksu otrzymają tylko te osoby, które spełniają podane na pierwszych zajęciach warunki zaliczenia.

 

 

 

 Semestr letni:

 

 

 

 

 


Skróty - semestr letni:     [1] [2] [3] [4] [5] [6] [7] [8] [9]


Temat:   Wprowadzenie. Protokół FTP. Zdobywanie adresu własnej strony WWW.
Edytor WWW: Microsoft Expression Web 4.




Zadania:
1. Zdobyć adres własnej strony internetowej na: miasto.interia.pl (hosting reaktywowany w 2016 roku). Poniżej instrukcja w formie filmu:

 

 

Inne darmowe hostingi:

cba.pl (w trzech krokach plus konfiguracja klienta FTP): [1] [2] [3] [4].

cba.pl - instrukcja w formie pliku PDF.

prv.pl - instrukcja w formie pliku PDF.

 

2. Adresy witryn internetowych proszę przesłać z zastosowaniem formularza. Lokalizacja: Studenci/2013_2014/MTI-2013-2014/Adresy_stron

3. Opracować szablon witryny internetowej (przykład).

2. Wybrać czcionki Google - kod na stronie i instalacja w komputerze.

 

Zawartość head (jeszcze bez Google Analytics):

 

<!DOCTYPE HTML>
<html lang="pl-pl" dir="ltr">

<head>
<meta charset="utf-8" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="pl" http-equiv="Content-Language">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<title>Nazwa Marki</title>
</head>

 

 

Ustawienia strony (niniejsze ustawienia są zilustrowane na powyższym filmie):

 

Page Properties (właściwości strony):

General (ogólne):

Title (tytuł): NAZWA MARKI | Tytuł strony

Page description (opis strony): dwa przemyślane zdania zdania o zawartości strony.

Keywords (słowa kluczowe): wyrazy i zwroty rozdzielone przecinkami (i spacją), których wpisanie w wyszukiwarkę powinny kierować
                     do witryny naszej firmy.

 

Formating (formatowanie):

Background (tło): zostawimy białe (chyba, że znajdziemy markę wzorcową, która stosuje inne rozwiązanie).

Hyperlink (hiperłącza): trzeba zdecydować o ich kolorze w obrębie całej witryny (nie zmieniać koloru, np. dla już odwiedzonych).

                   Przeważnie hiperłączami są elementy graficzne.

 

Advanced (zaawansowane):

Margins (marginesy): jeśli strona ma się skalować do wielkości okna, to wszystkie wartości ustawiamy na zero.

 

Language (język):

Mark current dokument as (oznacz bieżący dokument jako): Polish

Save the document as (zapisz dokument jako): Unicode (UTF-8)

Reload the current dokument as (załaduj ponownie dokument jako): Automatic Encoding

Include a byte order mark (BOM) (dołączaj BOM): Yes

 

 

Oprogramowanie i narzędzia:

Microsoft Expression Web 4

FileZilla

Darmowy hosting (bez reklam)

Czcionki Google

 

Materiały:

 Przykładowa strona MSwB (proszę porównać w przeglądarce z włączonym Adblockiem i z wyłączonym, np. w trybie incognito).

 


Zadania z poprzednich lat:

Finalnie strona internetowa każdego studenta powinna mieć postać: wzór strony zaliczeniowej.

Utworzyć pliki HTML (Microsoft FrontPage, Microsoft SharePoint lub Microsoft Expression Web 4) zgodnie z parametrami podanymi na zajęciach: parametry.

 

Komponenty do pobrania:

W 2017 roku zmieniamy koncepcję witryny

 

Tymczasowe wypełnienie górnej tabeli (gradient) - plik graficzny.

Baner SWF do osadzenia w dolnej części witryny (500x110 pikseli).

Do pobrania plik "Zaliczenie".

Hiperłącze do tablo.

Logo autora.

 

Przesłać pliki na serwer (cba lub interia) z zastosowaniem klienta FTP - Filezilla.

 

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

 

I. Klient FTP. Zdobywanie adresu własnej strony WWW: kurs

 

 

II. Edytor HTML: MS FrontPage (wg mgr K. Przepióry - studentki EMiI). 

Uwaga!
 
Logo kursu To FrontPaga 2003, jednak wewnątrz jest omówiona starsza wersja tego programu. Niestety istnieje kilka istotnych różnic.


We FrontPage 2003 pracę nad witryną rozpoczyna się od następujących kroków:

1. Plik/ Nowy(później po prawej stronie ekranu) Jednostronicowa witryna sieci Web, Teraz w otwartym okienku wybieramy: Pusta witryna sieci Web.
2. Po prawej stronie okienka, korzystając z opcji Przeglądaj, wskazujemy (zaznaczamy) folder, w którym zostanie utworzona witryna (nie wchodzimy do niego!) i klikamy OK. Folder witryny zmieni ikonę.
3. 
Teraz, tak jak na filmach w kursie, klikamy na pierwszej ikonie: Utwórz nową normalną stronę. Stronę zapisujemy jako index.htm.
4. Chcąc korzystać z obramowania wspólnego należy uaktywnić następującą opcję: Narzędzia / Opcje Strony / Autorstwo i zaznaczenie: Obramowanie wspólne.
5.  Obramowanie wspólne włączamy: Format / Obramowanie wspólne. W okienku z podglądem ustawiamy lokalizację obramowania.
6. 
Najlepszym sposobem regulacji rozmiarów obramowania wspólnego jest osadzenie w jego obszarze tabel. Regulując parametry tabel zmieniamy wielkość obramowań.
7.  Kolejne strony naszej witryny tworzymy klikając prawym przyciskiem myszy po prawej stronie ekranu na symbolu strony indeks.htm. W otwartym okienku wybieramy: Nowy z istniejącej strony. Wykonanie dowolnej zmiany w obszarze obramowania dowolnego pliku HTM spowoduje zmianę we wszystkich pozostałych.

 

 

III. Microsoft Expression Web 4

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

 

Temat:  FrontPage/ Microsoft Expression Web 4: ramki; struktury nawigacyjne; warstwy na grafice;
             Formularze Google i ich analiza.



 

Zadanie 1.  Baner strony (technologia Flash wychodzi z użycia. Prawdopodobnie wykonamy GIFa lub statyczny PNG)

1. Korzystając z aplikacji
Alligator Flash Designer (stosując się do instrukcji z wykładu) wykonać baner wg wzoru. Można zastosować ikony PNG ze strony findicons.com lub pobrać gotowy pakiet [hasło].

2. Baner umieścić na własnej stronie głównej i podstronie.

 

 

Zadanie 2.  Strona z ramkami - we FrontPage obsługa ramek jest bardziej wygodna i intuicyjna niż w Expression Web 4
 

W obrębie folderu strony zaliczeniowej tworzymy folder album1, w którym wykonujemy wszystkie opisane poniżej zadania!


1. Korzystając z edytora FrontPage przygotować stronę z trzema ramkami (górna, lewa i centralna). Wprowadzić polskie kodowanie (UTF-8) oraz tytuł i opis strony. Wybrać efekt wskazania hiperłącz - kolor czerwony.

2. W górnej ramce umieścić tytuł (według wzoru)

3. Na stronie zlikwidować marginesy (we właściwościach strony) oraz belki oddzielające ramki (właściwości ramki).

4. Zapisać pustą stronę – pamiętajmy, że to będą 4 pliki HTML. Podczas zapisu nadajemy tytuły plikowi zbiorczemu, np. album1.html oraz wszystkim ramkom (zmieniamy także rozszerzenia na html).

5. W menu po lewej umieścić spis fotografii i sformatować akapit.

6. Skopiować (tyle razy ile jest fotografii) plik html stanowiący centralną ramkę. Odpowiednio zmienić nazwy uzyskanych kopii.

7. Lewej ramce wstawić  hiperłącza do poszczególnych plików (kopie pliku centralnego); ustawić niezmienny – inny niż niebieski kolor hiperłącz.

8. W poszczególnych kopiach pliku centralnego (uruchamiane poprzez naciśnięcie z CTRL odpowiedniego hiperłącza) wstawiamy fotografie (własne lub pobrane).

9. Otwieramy stronę zaliczeniową (plik index.html) i osadzamy hiperłącze (w nowym oknie) do zbiorczego pliku album.html; operację powtarzamy w pliku podstrona.html.

10. Wszystko (całą strukturę folderów własnej witryny) wysłać na własne konto na serwerze FTP.

 

Zadanie 3.  Punkty aktywne na obrazie - FrontPage lub Expression Web 4

Na podstronie własnej witryny umieścić fotografię z warstwami posiadającymi zdefiniowane hiperłącza (np. wnętrze komputera, hiperłącza odsyłają do stron z opisami komponentów.

 

Zadanie 4.  Formularze Google

1. Korzystając z Dysku Google przygotować formularz (prosty test lub ankieta).

2. Osadzić formularz na stronie.

3. Przygotować arkusz Excela do analizy odpowiedzi.

 

 

Temat:   FrontPage / Microsoft Expression Web 4  - multimedia, skrypty, osadzanie obiektów multimedialnych.
             
Hot Potatoes - zadanie domowe.



 


UWAGA - ZALICZENIE PRZEDMIOTU


Proszę sporządzić we FrontPage witrynę edukacyjną zawierającą wszystkie komponenty multimedialne. Proszę wykorzystać komponenty tworzone na wszystkich ćwiczeniach.

W celu usprawnienia procesu oceniania TRZEBA pobrać plik >zaliczenie.htm< lub wersję skompresowaną >tutaj<.
Hiperłącze do pliku zaliczenie.htm MUSI być zamieszczone na Państwa stronie głównej.

Plik zaliczenie.htm należy wyedytować we FrontPage. Wszystkie niebieskie napisy MUSZĄ być aktywnymi hiperłączami (otwierane w nowym oknie). Hiperłącza muszą prowadzić do wszystkich wykonanych wcześniej prac (oprócz gry w Alligatorze). Prace te można zamieścić w obrębie jednej dużej witryny lub można odsyłać do odrębnych adresów WWW.

 

Po zablokowaniu hostingu miasto.interia.pl nadal szukamy innego serwera bez reklam. Serwer cba.pl wrzuca wielkie reklamy (Adblock nie radzi sobie z nimi) oraz stwarza wielkie problemy przy próbie łączenia się z jednego IP wielu komputerów.

Znalazłem hosting: 24tm.pl - są reklamy, ale Adblock wyłącza je całkowicie. Strona ładuje się szybko. Trzeba tylko sprawdzić jak z połączeniem z pracowni. Polecam zamiast cba.pl.

W pliku PDF są zaprezentowane kolejne kroki zakładania konta na 24tm.pl.

 

Jeśli ktoś zmieni adres WWW, to proszę o kolejne jego przesłanie z zastosowaniem niniejszego formularza.
Lokalizacja: Studenci/2013_2014/MTI-2013-2014/Adresy_stron


 

Zadanie:
1. Pobrać szablon TABLO 3 ROKU EMiI >tutaj< hasło -zawsze identyczne dla studentów EMiI.
2. Zgodnie z instrukcjami podanymi na wykładzie wykonać fragment poświęcony własnej osobie.
3.
Do własnego folderu (ten z numerem), w którym jest umieszczony plik student.html proszę wkleić następujące pliki:
 

a. miniatura.jpg - własne zdjęcie w rozdzielczości 134x112 pikseli (wysokość/szerokość); fotografie z poprzedniego semestru można pobrać: Gr 1, Gr 2.
b. audio.mp3 - nagranie kilku swoich słów,
c. film.mp4 - krótki film własnego autorstwa w rozdzielczości 320x240 pikseli (lub innej, ale film nie powinien mieć więcej niż 3MB),
d. ikona.ico - ikonę (np. ze strony http://findicons.com).

 

4. Gotowy folder z własnym fragmentem tablo studentXX (numeru nie zmieniamy!) proszę skompresować i umieścić na Dysku Google (w tym linku).

 

W przyszłym tygodniu będzie dostępne zbiorcze (wypełnione) tablo wraz z filmem - morfingiem do pobrania z Dysku Google: TABLO 3 EMI 2015

(pod warunkiem, że wszyscy wykonają zadanie na czas)

 


1. Logo strony/witryny

Wpisując w kodzie, np. pod tytułem strony drugą linijkę kodu:

 

<title>Tablo III EMiI</title>
<LINK rel="shortcut icon" href="tlo/3emii.ico">

 

W przeglądarce na karcie oglądanej strony zobaczymy ikonę (3emii.ico), która w tym wypadku jest umieszczona w folderze tlo.
Gotowe ikony (pliki ICO oraz PNG) można pobrać ze stron: iconspedia, findicons lub IconFinder.


2. Jeśli na stronie otwierającej się w nowym oknie chcemy umieścić zamykający ją wyłącznik, należy wstawić odpowiedni symbol graficzny, a na nim ustawić następujące hiperłącze:

 javascript:window.close()


3. Osadzanie dźwięku z pliku MP3 na stronie WWW - HTML5.

Przykład strony z osadzonym dźwiękiem (odtwarzaczem) >kliknij tutaj<

W odpowiednim miejscu na stronie należy wkleić (i zmodyfikować) następujący kod:

 

<audio src="Lokalizacja_i_Nazwa_Pliku.mp3" controls="controls">
</audio>


4. Osadzanie filmów MP4 na stronie WWW (wybierzemy kod 2 - w 2015 otwierany przez wszystkie przeglądarki - IE z pluginem QT).

Przykład kodu 1: plik TXT 

wygląd strony - nowe okno (parametr: _blank): www,

wygląd strony - w tej samej ramce (parametr: _top) www.

 

Przykład kodu 2: plik TXT 

wygląd strony - nowe okno (parametr: _blank): www,

wygląd strony - w tej samej ramce (parametr: _top) www.

 

Uwaga filmy w różnych przeglądarkach!

Firefox (v.28.0) - wszystko działa.

Jeszcze na początku 2014 roku Google Chrome otwierał takie filmy tylko w tej samej ramce. Obecnie wszystko działa (Google Chrome v.34).

Wszystkie przeglądarki oprócz IE korzystają z pluginu VLC.

Kod 1 - Internet Explorer (v.10) po wyrażeniu zgody chce instalować dodatek QuickTime (nie jest to najlepsze rozwiązanie).

Kod 2 - Internet Explorer po wyrażeniu zgody odtwarza film.

 

 HOT POTATOES


Zagadnienia:

Hot Potatoes – elektroniczne testy i quizy.
Hot Potatoes – różne zadania w testach elektronicznych.

Hot Potatoes – łączenie zadań w jeden test.

Hot Potatoes – eksport do formatu HTML.

 

Wykład: Testy elektroniczne. Hot Potatoes - edytor testów elektronicznych.

 

1. Instalacja i spolszczenie Hot Potatoes - kurs multimedialny

2. Pakiet oprogramowania prezentowany na powyższym filmie >tutaj< [hasło studenckie].

3. Pakiet oprogramowania (windows XP, 7, 8 plus opisy) >tutaj< [hasło studenckie].

4. Multimedialny kurs Hot Potatoes - autor: dr Jarosław Wagner >tutaj< (Uwaga! Powrót do menu kursu to mały trójkąt na górnym pasku z tytułem. Kurs niemy, nie regulować!).

5. Przygotowanie krzyżówki z zastosowaniem Hot Potatoes oraz spolszczenie jej interfejsu - kurs multimedialny.

6. Krzyżówka na stronie internetowej.  Plik projektu krzyżówki.

6. Zadania w testach elektronicznych >tutaj< - treści uwzględnione w pytaniach egzaminacyjnych.
7. Polska strona
Hot Potatoes >tutaj<

 

Zaliczenie wykładu/ćwiczenia:
Opracowanie i realizacja testu lub quizu tematycznie związanego z realizowaną witryną (dowolna treść o charakterze edukacyjnym). W quizie uwzględnić
wszystkie typy zadań oraz komponenty multimedialne. Quiz musi być dostępny z poziomu hiperłącza dostępnego w obrębie witryny zaliczeniowej.

 

Temat: Multimedialne komponenty stron internetowych. Inne aplikacje do tworzenia stron WWW: MS Word, OpenOffice, 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:

 

Nowy multimedialny kurs Website X5 v.10 (2014) - autor dr J. Jędryczkowski.

Oceniana będzie jakość (i fakt) wykonania zagadnień prezentowanych w punktach od 4 do 9 niniejszego kursu.

 

Strona producenta oraz  Multimedialny kurs producenta - angielska wersja językowa filmów.

 

Skrócony kurs tworzenia witryn z zastosowaniem Website X5 wersja 9 - 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!

Podstawowe zasady korzystania z darmowej wersji Website X5:

  • Należy koniecznie zachować plik instalacyjny programu! Jeśli zajdzie potrzeba przeniesienia projektu witryny do innego komputera, to nie będzie możliwa kontynuacja pracy, gdy zastosuje się inną wersję programu.

  • W celu uniknięcia problemów ze zgodnością wersji programu (tylko w przypadku darmowego produktu) należy wyłączyć jego aktualizacje. Na pierwszym ekranie widocznym po uruchomieniu programu należy wybrać „Preferencje”, a następnie zabrać zaznaczenie w polu „Podczas uruchamiania programu sprawdź aktualizacje”.

  • Przenosząc plik projektu do innego komputera należy pamiętać o zapisaniu go w identycznej lokalizacji jak ta, z której go zabrano. Domyślnie projekty są zapisane w „Moich dokumentach” w folderze „Incomedia”. Ten folder kopiujemy (nadpisujemy) do nowego komputera po zainstalowaniu programu Website X5.

  • Oprócz folderu Iconmedia warto pamiętać o wyeksportowaniu całej witryny na dysk lokalny do folderu. W tym celu na piątej zakładce programu Website X5 „Export” należy wybrać „Eksportuj witrynę na dysk”, wskazać folder docelowy i kliknąć „Dalej”. Folder z taką witryną warto zarchiwizować i zapisać na bezpiecznym nośniku. Rozwiązanie to umożliwi odtworzenie witryny w przypadku zmiany oprogramowania przeznaczonego do jej edycji.

  • Producenci programu bardzo często (podczas pobierania programu) oferują darmowe szablony (template) w formie pakietów (plik z rozszerzeniem exe). Pakiet taki należy zapisać w dowolnym folderze. Następnie trzeba kliknąć na nim prawym przyciskiem myszy i wybrać 7-Zip (jeśli mamy już zainstalowany ten archiwizer), a następnie „Wypakuj tutaj”.
    Pojawią się wówczas pliki z rozszerzeniem iwtpl. Po kliknięciu dowolnego z nich uruchamia się program Website X5, wyświetlając pytanie o zgodę na instalację szablonu.
    Po wyrażeniu zgody i instalacji program należy zamknąć. Operację należy powtarzać odrębnie dla każdego szablonu, tak długo, aż wszystkie zostaną zainstalowane.

  • Należy pamiętać, aby nie instalować szablonów z innych źródeł niż oficjalna strona producenta lub płyt dołączanych do czasopism komputerowych. Instalując szablon z nieznanego źródła (np. portal chomikuj.pl) łamie się postanowienia licencyjne i naraża na odpowiednie konsekwencje prawne.

 


LABORATORIUM:



 Inne edytory HTML

 

1. Korzystając z kursu: Microsoft Word wykonać prostą witrynę w Wordzie.

    Maksymalnie 3 pliki HTML plus różne typy hiperłącz.

 

2. Wykonać prostą witrynę w LibreOfice.

    Maksymalnie 3 pliki HTML plus różne typy hiperłącz.

 

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 ...
 

3. Tworzenie witryny z zastosowaniem generatora WebSite X5
 

- Pobrać i zainstalować program >WebSite X5 na komputerach w sali 345 można zainstalować jedynie 10 wersję programu: X5 v10.

- Stworzyć witrynę internetową o charakterze edukacyjnym (dowolny temat) zgodnie z wytycznymi zawartymi w kursie multimedialnym.

   Oceniana będzie jakość (i fakt) wykonania zagadnień prezentowanych w punktach od 4 do 9 niniejszego kursu.


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 specjalności: www.kmti.uz.zgora.pl/nowemedia

hiperłącze (plik do pobrania).

baner Flash (tu do pobrania) - w nazwie pliku wymiary, które trzeba wprowadzić.

- samodzielnie wykonany film lub animację SWF (w dowolnym z poznanych programów). Muszę usłyszeć głos autora!
- film z youtube.pl (poprzez wklejenie kodu do Website X5).

 

Przykładowe komponenty strony:

Do pobrania

 

Multimedialne komponenty stron www:

Jamendo
YouTube 
FindIcons 
Animowane gify

 

Eksport witryny i zaliczenie laboratorium
Program Website X5 posiada własnego klienta FTP. 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 odpowiednio podlinkować w obrębie własnej witryny, a następnie przesłać na serwer używając innego klienta FTP, np. Filezilli.
W
szystkie wykonane prace muszą być dostępne poprzez hiperłącza umieszczone w menu Państwa witryny zaliczeniowej ! .
 


 

Zagadnienia:

Inne edytory HTML: LibreOffice, Microsoft Word Website X5.
Inne aplikacje do realizacji filmów w formacie Flash.
Realizacja oraz pobieranie filmów z Internetu oraz ich konwersja do formatu Flash (różne aplikacje).
Nagrywanie dźwięku w formacie Flash – konwersja MP3 do SWF (FormatFactory).

 


ZADANIA:


I. Dźwięk w formacie SWF (do tablo oraz na stronę WebsiteX5)

 

Uwaga 1.
Proszę zapoznać się ze stroną internetową Pazera. Można tam znaleźć darmowy „konwerter na każdą okazję” – alternatywa dla FormatFactory. Najciekawszy wydaje się pakiet: Pazera Video Converters Suite 1.3. Nalezy uważać, aby podczas instalacji aplikacji Pazera nie instalować dodatkowego oprogramowania, np. dodatkowych pasków do przeglądarek.

1.Nagrać dźwięk (coś o sobie - najlepiej w AudaCity) i zapisać w formacie WAV.

2. Wykonać konwersję WAV do SWF stosując Pazera Pazera Free Video to Flash Converter (proszę wybrać najmniejszą możliwą rozdzielczość filmu).

3. Pobrać z Platformy fragment tablo o sobie. Wstawić do niego nagranie dźwiękowe SWF i odesłać na Platformę lub zachować dźwięk SWF jako komponent strony wykonanej w WebSiteX5.


Uwaga 2.
Różne przeglądarki w różny sposób odtwarzają dźwięki z plików WAV i MP3 (dawniej było lepiej). Obecnie najpewniej jest z dźwiękiem z pliku SWF, pewnie także do czasu).

Uwaga 3.
Dźwięki można nagrywać stosując filmowanie z zastosowaniem BBFlash Recordera lub CamStudio. Należy wówczas filmować Region o najmniejszej wysokości, np. 2 piksele. Oprócz dźwięku uzyskamy jeszcze pasek nawigacyjny do przewijania dźwięku.

Uwaga 4.
Przypomnieć prowadzącemu, aby pokazał osadzanie Microsoft Media Playera na stronie plus omówienie ograniczeń.

>Tutaj< można pobrać wypełnione tablo (stan aktualny), a >tutaj< jego pusty szablon.

Zaliczenie ćwiczenia: w obrębie Państwa witryny musi znaleźć się hiperłącze do skompresowanego i zabezpieczonego hasłem (ustalimy je na zajęciach) pliku zawierającego własny fragment tablo.

 


II. Konwersja filmów do formatu SWF

Pobrać z YouTube (Firefox + DownloadHelper) film MP4 tematycznie pasujący do przygotowywanej na zaliczenie witryny. Dokonać jego konwersji stosując Pazera Pazera Free Video to Flash Converter lub ewentualnie FormatFactory.

Uwaga 1.
Posiadane filmy AVI można konwertować do formatu SWF. Stosując BB Flash Player. Wybiera się wówczas: Tools / Convert AVI file to Flash Back Movie. Najpierw uzyskamy projekt FBR, w którym można zastosować wszystkie możliwości edycji BB Flash Playera. Po wykonaniu eksportu uzyskamy film z panelem nawigacyjnym (jeśli wybierzemy tę opcję).



Zaliczenie ćwiczenia: w obrębie Państwa witryny (Websitex5) musi znaleźć się taki film.

 

Temat:  iSpring Presenter i authorPOINT Lite - realizacja prezentacji w formacie Flash; Albumy internetowe.

 


 

 

 

  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).

 


W procesie projektowania i realizacji wykładów udostępnianych w systemie kształcenia na odległość, problemem przestaje być kosztowna infrastruktura techniczna. Na pierwszy plan wysuwa się kwestia realizacji i gromadzenia materiałów dydaktycznych w możliwym do zaakceptowania przedziale czasu.

Dynamika przemian w obszarze szeroko rozumianych technologii informacyjno-komunikacyjnych sprawia jednak, iż znaczna część wykładowców dysponuje już prezentacjami multimedialnymi opracowanymi z myślą o poszczególnych zajęciach. W takiej sytuacji istnieje możliwość szybkiej transformacji prezentacji do postaci multimedialnego-sieciowego wykładu z zastosowaniem technologii Flash.

Na rynku dostępne są odpowiednie aplikacje współpracujące z programem Microsoft PowerPoint. Nawet w przypadku korzystania z konkurencyjnego (darmowego) pakietu LibreOffice, istnieje możliwość zapisania prezentacji w postaci pliku PPT (PowerPoint), który może być poddany dalszej obróbce.

Do najciekawszych aplikacji należą: iSpring oraz authorPOINT. Niestety, są to programy komercyjne wymagające od administratorów platform e-learningowych poniesienia pewnych nakładów finansowych. Producenci programu iSpring oferują opcję jego testowania przez 30 dni, a w przypadku aplikacji authorPOINT istnieje możliwość nieodpłatnego używania w pełni funkcjonalnej wersji Lite z ograniczoną liczbą opcji.

Przygotowując cykl kursów, nie bez znaczenia pozostaje tempo i łatwość realizacji materiałów edukacyjnych, które gwarantują jedynie płatne wersje programów. Dobrym przykładem jest wymieniany już iSpring Pro. Program integruje się z interfejsem Microsoft PowerPoint, umożliwiając natychmiastową konwersję prezentacji do formatu Flash. Przejrzysty interfejs (niestety tylko w języku angielskim) pozwala definiować, jeśli zachodzi taka potrzeba, wszelkie parametry przejścia slajdów.

Dysponując kamerą internetową podłączoną do komputera, można natychmiast dodawać do poszczególnych slajdów filmy i komentarze. W wersji internetowej pozostają dostępne wszystkie istniejące wcześniej komponenty prezentacji, w tym filmy, dźwięki oraz animacje. Do wyboru jest wiele wersji interfejsu przeznaczonego dla odbiorcy końcowego. Prezentację można oglądać w oknie, obok którego uaktywniany jest dodatkowy panel. Zawiera on powiązane i zsynchronizowane ze slajdami filmy wraz z komentarzami wykładowcy. Tam także znajdują się zakładki zawierające miniatury slajdów, ich numery wraz z opisami oraz mechanizm pozwalający wyszukiwać w obrębie prezentacji określone sekwencje tekstu. Dostępne są także narzędzia umożliwiające odbiorcy zakreślanie obiektów na powierzchni slajdu (pisak i marker wraz z gumką do usuwania zaznaczeń).

Osoba konwertująca prezentacje PowerPoint z zastosowaniem programu iSpring Pro, nie musi się martwić o kompresory jakich używa oprogramowanie kamery. Z poziomu zintegrowanego z PowerPointem paska iSpring można wstawiać dowolne filmy lub inne prezentacje w formacie Flash. Niezależnie od tego w jaki sposób osadzono dźwięk w prezentacji PowerPoint, będzie on prawidłowo odtwarzany z pliku SWF.

Na szczególną uwagę zasługuje moduł przeznaczony do tworzenia quizów (sześć rodzajów zadań – otwarte i zamknięte). Pozwala on na tworzenie atrakcyjnych testów przeznaczonych do samokontroli opanowania danej partii materiału. Testy są dostępne w obrębie internetowej prezentacji. Interfejs quizu może być wzbogacony o nagrania dźwiękowe (opcja przewijania) oraz grafikę, którą w razie potrzeby można powiększać. Student rozwiązując kolejne zadania, jest informowany o jakości własnych odpowiedzi, a na końcu otrzymuje pełne zestawienie wyników wraz z możliwością przeglądania wszystkich udzielonych odpowiedzi. W dobie upowszechnienia platform e-learningowych, np. Moodle (http://moodle.org), rozwiązanie to może wydawać się nieracjonalne, z racji braku możliwości zliczania na serwerze uzyskiwanych wyników. Jednak z punktu widzenia wykładowcy mechanizm ten okazuje się istotny. Za sprawą niezwykle przystępnego interfejsu do tworzenia quizów, każdy nauczyciel może wzbogacić własny pokaz o zbiór pytań kierujących uwagę studentów na najistotniejsze, z punktu widzenia celów danego wykładu, problemy i zagadnienia – sprawa niezwykle istotna w przypadku egzaminu wieńczącego cykl wykładów.

Podobne możliwości w zakresie konwersji prezentacji Microsoft PowerPoint do postaci interaktywnych pokazów w formacie Flash oferuje darmowy authorPOINT Lite.

W odróżnieniu od wersji komercyjnej lub programu iSpring Pro nie ma opcji dogrywania z poziomu aplikacji komentarzy audio oraz filmów. Nie oznacza to, iż nie można ich zamieszczać, jest to jednak proces pracochłonny i ingerujący w strukturę prezentacji. Wszelkie komentarze oraz filmy należy umieścić w obrębie jej slajdów, korzystając z opcji programu PowerPoint: „Dźwięk z pliku” oraz „Film z pliku”.

AutorPoint Lite prawidłowo interpretuje wszystkie zawarte w prezentacji hiperłącza oraz większość animacji. Dodając komentarz do slajdu, należy jednak unikać nagrywania dźwięku z zastosowaniem narzędzia: Wstaw/ Filmy i dźwięki/ Nagraj dźwięk. W prezentacji SWF nie usłyszymy takiego nagrania, nawet jeśli zostało ono skojarzone z efektem animacji. Na slajdzie pozostaje (nawet jeśli w opcjach zostanie ukryty) głośnik, którego kliknięcie odtworzy nagranie. Problemów z dźwiękiem nie ma w sytuacji osadzania dźwięków „Z pliku” (dźwięki nagrane z zastosowaniem Rejestratora Systemowego Windows lub doskonałej darmowej aplikacji Audacity). Nawet w takiej sytuacji nie udaje się ukryć ikony głośniczka. Najlepszym rozwiązaniem wydaje się osadzenie dowolnej, uruchamianej automatycznie animacji (opcja: Animacja niestandardowa) i skojarzenia z nią nagranego wcześniej dźwięku.

W zależności od wyboru jednego z trzech dostępnych interfejsów, aplikacja oferuje widoki:

- standardowy – pełnoekranowy uzupełniony o panel zawierający miniatury slajdów, zdjęcie wykładowcy oraz logo;

- kompaktowy – pełnoekranowy wraz z niewielkim paskiem przycisków nawigacyjnych;

- uproszczony – slajd, na którego tle umieszczono podstawowe przyciski nawigacyjne.

Pewna niedogodność związana jest z osadzaniem filmów. Aplikacja (wersja Lite) akceptuje filmy w formacie AVI zapisane bez kompresji. Oznacza to konieczność kręcenia filmów z pominięciem kodeków lub późniejsze ich usuwanie. W przypadku kamer z oprogramowaniem zapisującym filmy w formacie WMV godny polecenia jest polskojęzyczny – darmowy konwerter FormatFactory.

Każdą kamerą można posługiwać się, korzystając z darmowego, niezależnego oprogramowania VirtualDub (http://www.virtualdub.org). Po uruchomieniu programu należy wybrać: File/ Capture AVI – tryb filmowania, następnie: Device/ Nazwa kamery – wybór kamery. W dalszej kolejności trzeba wyłączyć kompresję wideo: Video/ Compression/ Uncompressed oraz kompresję audio:Audio/ No compression. Przed rozpoczęciem filmowania trzeba podać lokalizację i nazwę pliku wynikowego: File/ Set capture file. Filmowanie rozpoczyna się po naciśnięciu przycisku F5, a kończy po ESC. Jeśli w prezentacji jest osadzony film nagrany z zastosowaniem kodeków, należy się ich pozbyć. W tym celu wybiera się: File/ Open video file, po otwarciu filmu należy w przypadku parametrów Audio i Video wybrać opcję: Full processing mode, a następnie w opisany powyżej sposób wyłączyć kompresję obrazu i dźwięku. Plik bez kompresji zapisuje się po wybraniu File/ Save as AVI, a następnie podaniu lokalizacji i nazwy pliku.

Dysponując już nowymi filmami (bardzo duże rozmiary) można dokonać korekt w obrębie prezentacji. Na slajdzie w programie PowerPoint należy skasować stary film i osadzić nowy korzystając z opcji: Wstaw/ Filmy i dźwięki/ Film z pliku. Po dokonaniu powyższych zmian wykonuje się konwersję z zastosowaniem programu authorPOINT Lite.Po konwersji rozmiary plików wynikowych są niewielkie, szczególnie w zestawieniu z rozmiarami zastosowanych materiałów wideo.

Do niewątpliwych zalet programu authorPOINT Lite należy zdolność wiernego odwzorowywania animacji umieszczonych w obrębie slajdów. Dotyczy to zarówno animacji uaktywnianych manualnie, jak i automatycznych (opcja: Animacja niestandardowa). Jedynie w przypadku bardzo dynamicznych animacji odtwarzanych w nieskończonej pętli może dochodzić do zmniejszenia płynności ruchu lub przekłamań.

Konwertując prezentację do formatu Flash, mogą pojawić się problemy z prawidłowym odwzorowaniem tabel (problem nie występuje w programie iSpring Pro). Jeśli prezentacja była tworzona z zastosowaniem elementów pakietu Microsoft Office 2003, to po konwersji w tabelach wklejanych z Worda tekst często wychodzi poza obszar slajdu. Efekt ten nie występuje w przypadku tabel tworzonych bezpośrednio w Microsoft PowerPoint. Dokładnie z odwrotna sytuacja występuje w przypadku Microsoft Office 2007. W tabelach pochodzących z Worda nie występują deformacje, natomiast w przypadku PowerPointa tekst wychodzi po za krawędzie tabeli.


 

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.

 

 

 


LABORATORIUM:


 

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. 1.

Konwersja prezentacji PowerPoint do formatu SWF.
authorPOINT Lite -
realizacja prezentacji w formacie Flash.

Może to być prezentacja wykonana w OpenOffice/LibreOffice i zapisana z rozszerzeniem PPT/ PPTX. Nie sprawdzałem jednak jak to zadziała w komputerach, w których nie ma zainstalowanego Microsoft PowerPoint. Czekam na informacje.

 

1. Pobrać program >authorPOINT Lite< ze strony: www.authorgen.com/authorpoint/index.htm.

2. Zainstalować.

3. W obrębie przyniesionej prezentacji PowerPoint proszę osadzić film AVI (nagrany bez kompresji - kompresję można usunąć programem VirtualDub) – opcja: „Film z pliku”.
W prezentacji powinny być: efekty animacji, animowane gify, przynajmniej na jednym slajdzie powinien być wstawiony głos lektora (autora) – wstawiony poprzez opcję „Dźwięk z pliku” (najlepiej z pliku WAV).

4. Otworzyć prezentację w programie authorPOINT Lite. Dodać zdjęcie autora oraz logo, a także wpisać odpowiednie tytuły.

5. Wykonać konwersję do formatu SWF. Gotową pracę cały folder (jesli tego nie zmienimy w ustawieniach) należy szukać w: Moje dokumenty/ authorGEN Projects/ Nazwa Prezentacji/ aP Lite Flash. Cała zawartość ostatniego folderu stanowi witrynę z osadzoną prezentacją w formacie Flasch. Witrynę uruchamia się poprzez uaktywnienie pliku index.html.

6. Witrynę/ Prezentację proszę przesłać na platformę (w celu przechowania - sprawdzam tylko termin nadesłania). Prezentacja musi zostać "doklejona" do zaliczeniowej witryny.


 


Zadanie. 1.

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, dźwięk z pliku mp3 oraz film AVI lub MP4.

2. Stosując program 
iSpring Presenter dodać nagrania audio i wideo oraz dokonać konwersji do formatu SWF (interfejs z odrębnym oknem wideo).

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:

 

Konwersja prezentacji PowerPoint do formatu SWF oraz tworzenie testów.
iSpring Free - aplikacja do konwersji prezentacji multimedialnych.

Konwersja prezentacji PowerPoint do internetowego formatu Flash - iSpring Pro.

 

3. Plik SWF wraz z odpowiadającym mu plikiem HTML podlinkowaćna własnej stronie.
 

Zaliczenie: Gotowa prezentacja powinna zawierać:
- hiperłącz,

- efekty animacji PowerPoint,
- filmy i dźwięk z pliku MP3
- przynajmniej na jednym slajdzie powinien być wstawiony głos autora - opcja programu iSpring,
- na kilku pierwszych slajdach film z udziałem autora - opcja programu iSpring.
- na jednym slajdzie osadzony quiz (przynajmniej 4 zadania; przynajmniej do jednego dodana fotografia).


 

Zadanie. 2.

Konwersja prezentacji OpenOffice Impress do formatu SWF.

 

1. Prezentację zawierajacą hiperłacza, ale bez multimediów otworzyć w programie Open Impress (nie LibreOffice).

2. Wybrać: Plik / Eksportuj, a następnie format SWF
.
 

3. Plik SWF osadzić w pustym dokumencie HTML i podlinkować na własnej stronie.
 

 

Zadanie. 3.

Tworzenie dokumentów PDF.

 

1. Dowolny dokument zawierający tekst i grafikę (hiperłącza mile widziane) przekonwertować do formatu PDF (LibreOffice Writer, doPDF lub Bullzip).

2. Plik PDF podlinkować na własnej stronie
 

Albumy internetowe


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

 

Zadanie. 4.

Tworzenie albumów HTML.

 

Proszę wybrać 2 generatory i za ich pomocą przygotować odpowiednie albumy.

Gotowe albumy muszą być podlinkowane na własnej stronie.

 

I. XnView.
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.

 

II Webalbum
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ę.

 

III. Album HTML
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ę.

 

IV. Inne albumy
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: BB FlashBack - filmowanie oraz montaż.

 

 



 

BB Flash Recorder - ustawienia oraz eksport do formatu Flash.

WYKŁAD: Konfiguracja BB Flash Recordera oraz montaż i eksport filmów do formatu Flash. Proszę zwrócić uwagę na opcje towarzyszące funkcji Autoscroll.

 

Oprogramowanie do filmowania (Dysk Google)

 


LABORATORIUM:



Kompetencje:

BB FlashBack - filmowanie oraz montaż.
BB FlashBack - realizacja filmów ekranowych w formacie Flash.
BB FlashBack – konwersja z formatu AVI do SWF.
BB FlashBack – interakcja i efekty specjalne.
 

 

Zadanie 1.

Korzystając z podanych na  informacji dotyczących konfiguracji BB Flash Recordera proszę skonfigurować go do nagrywania pełnego ekranu w rozdzielczości 800x600.

Stosujac BB-Flash Recorder proszę nakręcić dwa osobiście udźwiękowione filmy (po maksymalnie 3 minuty):

1. Wyszukiwanie w Google fotografii o określonej rozdzielczości.

2. Wyszukiwanie haseł w Wikipedii.

  • W obu filmach proszę wyłączyć efekt podświetlenia kursora: Effects/ Highlight Cursor. W otwartym w ten sposób okienku proszę pozabierać wszystkie możliwe zaznaczenia (rozpoczynając od góry). Proszę także wyłączyć informację o wciśniętej pauzie: Edit/ Pause Graphic - tu zabrać zaznaczenie przy None.

  • Pierwszy film proszę przewinąć na sam koniec i wybrać: Insert/ FlashBack Movie i wskazać drugi film. W ten sposób łączyny filmy. uzyskany w ten sposób film proszę zapisać jako kolejny plik FBR (plik projektu).

  • W połączonych filmach proszę uwzględnić efekt pauzy (na obrazku lub komiksowym dymku) - wykład.

  • Na początku filmu proszę osadzić tytuł (Insert/ Text) oraz widoczne przez cały film logo  (Insert/ Image), np. obrazek PNG z częściową przeźroczystością.

  • Ambitni mogą wstawić w obrębie filmu zielone markery (Insert/ Marker - markerowi należy nadać nazwę). Na ostatniej klatce filmu można wówczas osadzić przyciski Insert/ Button i skojarzyć je z przejściem do konkretnego markera. Rozwiązanie to można zobaczyć w praktyce tutaj.

  • Proszę w BB FlashBack Playerze zastosować Efekt lupy:
    F
    ragment filmu można go powiększyć wybierając w menu: Effects wybrać Add ZoomPan / Custom Area ... / OK
    Za pomocą myszy korygujemy na ekranie rozmiar oraz lokalizację prostokąta (obszaru który ma zostać powiększony).
    Po powiększeniu zaznaczonego obszaru obraz nie wróci samoczynnie do poprzedniego rozmiaru.
    W celu uzyskania ponownie ekranu bez powiększeń, klikamy w odpowiednim miejscu ścieżki montażowej i wybieramy: Effects/ Add ZoomPan / Whole movie / OK

  • Po wykonaniu eksportu do formatu Flash (dodatkowe informacje o eksporcie pod zadaniem drugim) w folderze docelowym powstaną dwa pliki: SWF i HTML.

  • Oba proszę koniecznie umieścić w jednym folderze. Folder ten należy przenieść do folderu własnej witryny. Plik HTML proszę podlinkować w obrębie witryny jako: Film SWF - interakcje (plik HTML będziemy "upiększać" na kolejnych zajęciach).

Zadanie 2.

Przygotowując film instruktarzowy może się okazać, iż aplikacja, którą musimy sfilmować nie pracuje w rozdzielczości 800x600. My jednak musimy przygotować projekt w powyższej rozdzielczości. Rozwiązaniem może być zastosowanie opcji Autoscroll - przykład.

  • Proszę nakręcić film o witrynie naszej uczelni (nie dłuższy niż 2 minuty). Film musi być pełnoekranowy w rozdzielczości 1024x768.

  • Podczas filmowania proszę pamiętać o komentarzu dźwiękowym oraz o wskazywaniu myszą różnych elementów interfejsu (koniecznie na poszczególnych krawędziach ekranu).

  • Proszę na początku umieścić tytuł filmu.

  • Podczas eksportu do formatu Flash proszę w sekcji Autoscroll wybrać: Use autoscroll, a w polach Autoscroll Frame size pożądane: szerokość i wysokość filmu, czyli 800 i 600.

  • W sekcji SWF file generation proszę wybrać dolną opcję: Export separate SWF files for the movie and toolbar...

  • Po wykonaniu eksportu do formatu Flash (dodatkowe informacje o eksporcie pod zadaniem drugim) w folderze docelowym powstaną trzy pliki: dwa SWF i jeden HTML. Wszystkie trzy proszę koniecznie dostarczyć na kolejne zajęcia.

  • Wszystkie trzy proszę koniecznie umieścić w jednym folderze. Folder ten należy przenieść do folderu własnej witryny. Plik HTML proszę podlinkować w obrębie witryny jako: Film SWF - Autoscroll (plik HTML będziemy "upiększać" na kolejnych zajęciach).

Więcej informacji na temat efektu autoscroll na wykładzie.

Ważne ustawienia eksportu do formatu SWF!!!

  • W opcjach eksportu na karcie Playback controls uaktywnić pasek narzędziowy wyświetlany na górze (Add Playback controls ... -przewijanie, stop itp.) oraz koniecznie odznaczyć opcję BB FlashBack logo (opcję tę proszę odznaczyć we wszystkich filmach – będę za to zabierał punkty!).

  • W opcjach eksportu na karcie Playback w sekcji At Movie End znaczyć Stop at end – do not ‘loop’ playback - wyłączamy w ten sposób odtwarzanie w pętli (opcję tę proszę wybrać we wszystkich filmach – będę za to zabierał punkty!).

Elementy punktowane:
- rozdzielczość 800x600 (plus wysokość paska narzędziowego),
- film nie powinien być odtwarzany w pętli,

- wstawiony tytuł oraz stale widoczne logo autora,
- komentarz dźwiękowy - bardzo wyraźny,
- wyłączone żółte podświetlenie kursora,
- wyłączone logo BB,
- wstawiona grafika (na grafice stop do chwili kliknięcia),

- wyłączona domyślna informacja o włączonej pauzie,
- do filmu wstawione opisy (dymki plakietki, może być na nich ustawiony efekt stop),

- przycisk - hiperłącze do innego fragmentu filmu (przykład menu w obrębie filmu),
- efekt lupy,
- efekt Autoscroll (odrębny film - przykład).

 

BB FlashBack - uwagi

 

Darmowe komponenty do filmów:

Grafika - ikony PNG ze stron: iconspedia, findicons lub IconFinder.

Efekty dźwiękowe: http://soundjax.com

Muzyka mp3: www.jamendo.com/pl

 

 

Elementy punktowane:
- rozdzielczość 800x600 (plus wysokość paska narzędziowego),
- widoczny pasek narzędziowy (stop, dalej, wstecz),
- film nie powinien być odtwarzany w pętli,
- dwa połączone filmy
- w filmie zamieszczony jest komentarz dźwiękowy - bardzo wyraźny,
- wyłączone żółte podświetlenie kursora,
- wyłączone logo BB,
- do filmu wstawiona grafika (na grafice stop do chwili kliknięcia – koniecznie wyłączyć podpowiedź w sprawie klikania),
- do filmu wstawione opisy (dymki plakietki, może być na nich ustawiony efekt stop),
- efekt lupy,
- efekt Autoscroll.

UWAGA!
Na kolejne zajęcia proszę przynieść samodzielnie nagrane i zmontowane filmy! Filmy trzeba będzie osadzić w obrębie witryny.

 

Banery w formacie Flash: Xara 3D oraz SWiSHmax - treści przeniesione na wykład




Na ćwiczeniach proszę wykonać dwa banery w formacie Flash (Xara oraz SWiSHmax). Banery proszę wykonać zgodnie ze wskazówkami z wykładu.

Zaliczenie ćwiczenia: oba banery proszę wykorzystać na stronie głównej własnej witryny zaliczeniowej.

 

 

 

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

 



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

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

 

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<

 

Dźwięki do gier i prezentacji

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


 

 

 Temat:  Alligator Flash Designer - gra edukacyjna

 



 

 Gra wykonana wspólnie na zajęciach wystarczy na 3.0. Osoby, które myślą o wyższej ocenie powinny wykonać własną grę.


1. GRA: "Polowanie na byka" - gra zliczająca punkty

 

Komponenty gry wraz z kodem drugiej ramki (grafiki i proszę wstawić raczej własne).

Przykład gotowej gry po osadzeniu na stronie.

Dźwięki do gier.

 

2. GRA: "Gromady zwierząt" - gra zliczająca punkty

 

Komponenty gry wraz z kodem ActionScript (grafiki i proszę wstawić raczej własne).

Przykład gotowej gry po osadzeniu na stronie.

 


ZADANIE DOMOWE (bardzo istotny składnik oceny końcowej)!


Zaliczenie ćwiczenia: Wykonanie multimedialnej gry o charakterze edukacyjnym z zastosowaniem Alligator Flash Designer.
Pracę zapisujemy jako plik projektu sfd oraz eksportujemy: Plik / Eksport strony HTML / Strona WWW / OK
 


Przykłady gier


 

Kosmiczna strzelanina

Proszę zwrócić uwagę na skrypt warunkujący przeskok do kolejnej ramki. Na pierwszej ramce wyzerowałem zmienne (efekt zestrzelenia - nie pojawia się wówczas 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.

Gra na stronie HTML: >tutaj< oraz do pobrania jako >projekt SFD<

 

Gwiezdne wojny

Kiedyś pokazywałem Państwu gierkę "Gwiezdne wojny" zrobioną w PowerPoincie. Wykonałem ją ponownie w Alligatorze. Muszę stwierdzić, że bez znajomości ActionScriptu trudno jest zrobić coś lepszego niż w PowerPoincie. Załączam zatem niniejszą grę (teraz wersja 3.0) >tutaj< oraz plik sfd >tutaj<

 

TI - po angielsku

Przykład fragmentu gry.

Cała witryna z osadzoną grą (szablon).

Gra w formie pliku SFD wraz z zastosowanymi komponentami.

 

 


Skrypty, fragmenty kodu oraz proste przykłady


PRZYKŁAD 1.

W projekcie (
plik1) umieszczono 3 Sprity. Klikniecie na Sprite powoduje jego ukrycie i wyświetlenie liczby 1 w odpowiadającym mu polu Edit. Efekt ten uzyskano wybierając: Kliknięcie / Więcej akcji / Ukryj Sprite oraz: Kliknięcie / Więcej akcji / Napisz tekst (za każdym razem tekstem była cyfra 1).

Umieszczony na ramce przycisk „Dodawanie” w Kliknięciu ma ustawiony ActionScript: Wynik1 = Edit8 + Edit9 + Edit10; Suma trzech jedynek wynosi w tym wypadku: 111.

Zadanie polega na stworzeniu takiego skryptu, aby w polu Wynik2 automatycznie pojawiała się wartość 111. Tej wartości należy przypisać skok do ramki drugiej. [ gotoAndPlay(”Frame 2”)]. Chodzi po prostu o to, aby zestrzelenie wszystkich obiektów w dowolnej kolejności przerzucało do kolejnej ramki.

 

PRZYKŁAD 2.

W projekcie (plik2) umieszczono 3 Sprity. Klikniecie na Sprite powoduje jego ukrycie i wyświetlenie liczby 1 w odpowiadającym mu polu Edit. Efekt ten uzyskano wybierając: Kliknięcie / Więcej akcji / Ukryj Sprite
Przypisanie kliknięciu liczby 1 w odpowiednim polu edycji uzyskano wpisując do pola ActionScriptu Ramki następujący algorytm:

Sprite1.onPress = function ()
{
Edit8 = 1;
}
Sprite2.onPress = function ()
{
Edit9 = 1;
}
Sprite3.onPress = function ()
{
Edit10 = 1;
}

Umieszczony na ramce przycisk „Dodawanie” w Kliknięciu ma ustawiony ActionScript: Wynik1 = Edit8 + Edit9 + Edit10;
Suma trzech jedynek wynosi w tym wypadku: 3

Zadanie w tym przypadku polega na stworzeniu takiego skryptu, aby w polu Wynik2 automatycznie pojawiała się wartość 3. Tej wartości należy przypisać skok do ramki drugiej. Chodzi po prostu o to, aby zestrzelenie wszystkich obiektów w dowolnej kolejności przerzucało do kolejnej ramki.

Rozwiązanie obu przykładów
Niniejsze rozwiązanie może przydać się w Państwa grach (autor rozwiązania: Łukasz Sztyber - student EMiI).


PRZYKŁAD 3.

W projekcie (
plik3) widoczne są trzy samochody. Niebieskim samochodem można sterować strzałkami na klawiaturze. Napisać taki ActionScript ramki, aby samochód ten nie mógł wjechać na zielone pola oraz wyjechać poza dolną i górną część ekranu. I najważniejsze! Napisać skrypt, który przerzuci z ramki 1 do ramki 2, gdy niebieski samochód (Sprite9) najedzie na inny samochód (sprite 13 lub 14).

Rozwiązanie pierwsze - (krótko i zwięźle)
(autor rozwiązania: Paulina Wyrzykowska - studentka EMiI).

Rozwiązanie drugie - (dość długi algorytm)
(autor rozwiązania: Witold Lasik - student EMiI).


PRZYKŁAD 4.

Mamy 2 ramki. Na pierwszej ramce (czas ramki 30 sekund oraz pętla) należy wstawić licznik odliczający sekundy od 30 do 0. Po przejściu pętli wszystko zaczyna się od nowa.
Na drugiej ramce należy wstawić licznik (sekundy i minuty) liczący czas od zera.

Rozwiązanie
(autor rozwiązania: Witold Lasik - student EMiI).


Przykłady studenckich gier edukacyjnych z ubiegłych lat


Uwaga! Pliki są zabezpieczone hasłem - tym, którym są chronione wszystkie materiały dla studentów specjalności Edukacja Medialna i Informatyczna.


Marta Grzyb
- plik >tutaj< Może warto pomyśleć o własnej muzyce na starcie (istnieją utwory do darmowego wykorzystania lub ejay).
P
roponuję rozważyć usuniecie obcych grafik (chronionych prawem autorskim).

Magdalena Fret
- plik >tutaj
Kalkulator został zaimportowany (...). W dziale „Wielcy matematycy” zastosowane rozwiązanie jest wymaga przemyślenia. W instrukcji powinno być zaznaczone, że program powinien być stosowany do sprawdzania wiedzy o matematykach - nie tanowi podstawowego źródła informacji. Quizy powinny być wykonane podobnie jak w pracy pani Marty Grzyb.


Violetta Krajewska - plik >tutaj<
1.Przy zadaniu 15+20+13 warto dograć instrukcję. Przy następnych nie jest to konieczne (są podobne).
2. Na początku warto wstawić jakąś muzykę (dłuższy akord – zmiksowany z Pani słowami).
3. Na pierwszej ramce warto umieścić swoje imię i nazwisko.


Agnieszka Wawszczak - plik >tutaj<
Jestem pod wrażeniem skryptu zliczającego dobre odpowiedzi.
Drobne uwagi:
1. Proponuję jakoś ładniej napisać instrukcję i koniecznie odczytać ją własnym głosem (zmiksowanym z odgłosami lasu).
2. Przy poszczególnych zadaniach warto dograć komentarze (słowa lektora) z informacją o tym, czy odpowiedź jest dwuczłonowa - nie mogłem wpaść jak nazywa się zając lub bocian (bocian biały), a sikorka, chyba modra była jednoczłonowa.


Adrian Bareja - plik >tutaj<
Świetne (wzorcowe) operowanie dźwiękiem i animacją! Dobry pomysł!
Szkoda, że te samoloty takie strasznie biedne - "pikseloza".
W instrukcji jest mały błąd.

 

 

 

Temat: CMS - witryna edukacyjna.



 

Witryna CMS - PHP Fusion

I. Witryna CMS - PHP Fusion na serwerze Yoyo (łacznie z instalacją oprogramowania) wszystkie etapy.

 

II. Witryna CMS - PHP Fusion na serwerze CBA

Zdarza się, iż dzień po założeniu witryny na serwerze Yoyo nie jest ona dostępna. Chyba dokonywana jest jakaś weryfikacja.
Ze względu na taka sytuację witrynę wykonamy na serwerze CBA. Niestety w tym przypadku procedura jest znacznie uproszczona -
wiele istotnych etapów jest pomijanych.

Wynika to z faktu, iż na serwerze CBA można wybrać preferowane oprogramowanie (PHP Fusion) jest dostępny. Podczas instalacji liczne operacje są zautomatyzowane lub pominiete.

Kurs: Zakładanie strony CMS na serwerze CBA.pl

 


ĆWICZENIE


Korzystając z powyższego wykładu e-learningowego proszę w domu przygotować na niniejsze ćwiczenia własną witrynę CMS na serwerze CBA.
Na serwerze CBA jest preinstalowana najnowsza wersja PHP-Fusion – nawet uprawnień do plików nie trzeba zmieniać tylko na końcu kasujemy plik setup.php oraz zmieniamy uprawnienia na pliku config.php na 644).
Nie proponowałem tego rozwiązania bo jest zbyt proste. Niczego się Państwo nie nauczą! Jednak widząc jak to działa na Yoyo stwierdzam, że można wybrać CBA. Skórki działają, a brakującego Shoutboxa doinstalowujemy:
Panel administratora / Zarządzanie stroną / Wtyczki ...

Rozbudowa witryny CMS

1. Uruchomić własną witrynę CMS

Sprawdzam na oceny, czy wszyscy byli na wykładzie e-learningowym i „odrobili zadanie domowe”.
Zdarza się, iż dzień po założeniu witryny nie jest ona dostępna. Chyba dokonywana jest jakaś weryfikacja. W takim przypadku trzeba się zalogować na Yoyo i pokazać zawartość Centrum zarządzania.
Jeśli będą nadal takie problemy, to darujemy sobie Yoyo, ocenę na ćwiczeniach także, i zrobimy to znacznie prościej na CBA. Niestety proces jest bardzo uproszczony i wiele istotnych etapów jest pomijanych.

 

1. Wejść na stronę ze skórkami i klikając dalej przejrzeć skórki (tematy) stron dla PHP-Fusion. Należy zanotować nazwę skórki, aby wyszukać ją i pobrać na stronie  (wyszukiwanie w lewym – górnym narożniku strony).

2. Skórkę należy rozpakować. W folderze skórki wejść do podfolderów: php-files/ themes. Z folderu themes należy skopiować poprzez FTP zawarty w nim folder (nazwa skórki) do folderu themes własnej witryny CMS.

3. Korzystając z klienta FTP (FileZilla) odszukać folder themes , a w nim plik, który jest banerem, nagłówkiem strony. Plik zarchiwizować (zachować pod inną nazwą w oryginalnej lokalizacji); plik wyedytować w programie graficznym lub zrobić nowy pozostawiając identyczne rozmiary (w pikselach) oraz nazwę i rozszerzenie.

4. Do głównego katalogu witryny proszę przesłać plik graficzny plakat.png – (coś o charakterze edukacyjnym); szerokość grafiki to maksymalnie 500 pikseli (w niektórych szablonach – skórkach większa się nie mieści).

5. Proszę się zalogować na stronie głównej własnej witryny, a następnie wejść do: Panelu administratora / Zarządzanie stroną (góra) / Główne ustawienia. Tam w polu Skórka można zmienić skórkę witryny oraz podstawowe wpisy i dane. 

W polu Wiadomość powitalna proszę wkleić kod skopiowany z pliku tekstowego >Tutaj<.

Proszę zwrócić uwagę, że jest to zwykły HTML. Na samej górze pojawia się odwołanie do pliku plakat.png, który pojawi się na stronie głównej wraz z tekstem, który Trzeba teraz zmienić, tak aby pasował do strony.

Wszelkie zmiany zatwierdza się klikając w dolnej części strony na przycisku Zapisz ustawienia.

6. Korzystając z instrukcji skonfigurować pozostałe elementy witryny.

 

Uwaga!
Na serwerze CBA jest preinstalowana najnowsza wersja PHP-Fusion – nawet uprawnień do plików nie trzeba zmieniać tylko na końcu kasujemy plik setup.php oraz zmieniamy uprawnienia na pliku config.php na 644).
Nie proponowałem tego rozwiązania bo jest zbyt proste. Niczego się Państwo nie nauczą! Jednak widząc jak to działa na Yoyo stwierdzam, że można wybrać CBA. Skórki działają, a brakującego Shoutboxa doinstalowujemy:
Panel administratora / Zarządzanie stroną / Wtyczki ...


Zaliczenie ćwiczenia: hiperłącze do witryny CMS należy umieścić w obrębie witryny zaliczeniowej.

Witryna edukacyjna CMS - Do samodzielnego opracowania.


Uwaga: Nowy kurs - zakładanie strony CMS na serwerze CBA.pl

Technologia CMS oferuje fantastyczne możliwości zarządzania uprawnieniami użytkowników logujących się na stronie (trzeba poczytać instrukcję). Można tworzyć grupy użytkowników przypisując im różne uprawnienia.
 

 

Przykład 1.
Uprawnienia

Jeśli na to pozwolimy Goście samodzielnie mogą zakładać sobie konta na naszej stronie:

Panel administratora / Ustawienia / Rejestracja
Sami także możemy tworzyć / dodawać użytkowników z określonymi uprawnieniami:

Panel administratora / Użytkownicy / Dodaj nowego użytkownika następnie

Panel administratora / Administratorzy / Wyszukaj użytkowników następnie zaznaczamy przyznawane uprawnienia i podajemy hasło głównego administratora (nie to od logowania!).

 


 

Przykład 2.
Uprawnienia


W lokalizacji:
Panel administratora / Zarządzanie stroną / Nawigacja można ukryć hiperłącza (np. Download i Kategorie newsów) w taki sposób, iż będą je widzieli np. tylko administratorzy.

Do witryny CMS można „podpiąć” zwykłe strony – pliki HTML lub wręcz całe witryny. W tym celu wystarczy skopiować przygotowany uprzednio plik HTML do katalogu głównego witryny CMS (FTP – np. Filezilla).

 


 

Przykład 3.
W menu Linki tworzymy nową kategorię linków oraz link do pliku HTML.

Panel administratora / Zarządzanie treścią / Kategorie linków – tu tworzymy kategorię.

Następnie:
Panel administratora / Zarządzanie treścią / Linki – tu wpisujemy nazwę pliku HTML wraz rozszerzeniem (jeśli skopiowano go do głównego katalogu witryny).

 


 

Przykład 4.
Tworzymy link na poziomej belce lub pionowej (można na obu jednocześnie).

Panel administratora / Zarządzanie stroną / Nawigacja – tu wpisujemy nazwę linku: adres URL lub nazwę i rozszerzenie pliku HTML (jeśli był zapisany w głównym katalogu; jeśli jest to witryna HTML zapisana w odrębnym katalogu stosujemy notację znaną z języka HTML – podajemy pełną ścieżkę dostępu).

 


 

Przykład 5.
Tworzenie forum


Wybieramy:
Panel administratora / Zarządzanie treścią / Forum / Dodaj kategorię forum – tu wpisujemy dowolną nazwę kategorii (jakiś główny temat na forum). Teraz w obrębie kategorii trzeba utworzyć dział (temat).

Dział forum dodajemy wpisując jego nazwę w polu Nazwa i potwierdzając Zapisz.

Gdy powstanie dział, klikamy obok niego na napisie Edytuj – tu ustalamy uprawnienia do forum.

 


 

Zaliczenie ćwiczenia - gotowa witryna powinna zawierać:
- Zmieniony szablon PHP-Fusion (Własny baner, Własna fotografia i tekst na stronie głównej),
- Administrator jako użytkownik zaawansowany (w menu widzi więcej elementów niż w widoku podstawowym),
Shoutbox (samo działa w najnowszej wersji trzeba wałczyć)
- Forum (dla ambitnych)
- Wysyłanie maila do autora strony (samo działa)
- Galeria (dla ambitnych - poczytać instrukcję).

 


Warunki uzyskania zaliczenia z przedmiotu MTI - 2 semestry:

 

ĆWICZENIA:

 

Warunkiem zdobycia zaliczenia z MTI jest uzyskanie pozytywnych ocen ze wszystkich ćwiczeń!

 

- Ćwiczenie musi być zaliczone najpóźniej w 2 tygodnie po ostatniej nieobecności. Niedotrzymanie tego terminu będzie skutkowało obniżeniem oceny do maksymalnego poziomu 3.0 (nawet w przypadku uzyskania wyższej średniej z zaliczenia).

 

Forma zaliczenia ćwiczeń:

 

Udział w zajęciach

Wysłana praca

Skutek

obecność

tak – na zajęciach

ocena pracy

obecność

tak - mniej niż 4 dni po zajęciach

ocena pracy

obecność

tak - więcej niż 4 dni po zajęciach

(2.0 + ocena pracy)/2

nieobecność
usprawiedliwiona

tak – do 2 tygodni

ocena pracy oraz odpowiedź ustna

nieobecność nieusprawiedliwiona

tak – do 2 tygodni

(2.0 + ocena pracy)/2 oraz odpowiedź ustna

Odpowiedź ustna to 3 pytania. Brak jednej odpowiedzi obniża ocenę o 1.

W przypadku uzyskania oceny 2.0 ćwiczenie należy wykonać na konsultacjach.

 

- W przypadku gdy wiadomości z poprzednich ćwiczeń są kluczowe do wykonania ćwiczeń kolejnych brak ich zaliczenia może skutkować niedopuszczeniem do zajęć. Gdy student nie posiada usprawiedliwienia na dzień konsultacji (2 zajęcia po nieobecności), wówczas z ćwiczeń będzie wystawiona ocena 2.0. Po zaliczeniu ćwiczeń wystawiana będzie średnia arytmetyczna obu ocen.

 

- Zaległe oraz bieżące ćwiczenie można wykonać samodzielnie i przesłać do oceny na Dysk Google do folderu KONSULTACJE. Jednak zawarte w nim materiały muszą jednoznacznie wskazywać kto jest jest jego autorem. Materiały muszą być podpisane oraz jeśli mają charakter multimedialny powinny zawierać: fotografię, film oraz słowa autora.

 

 

 

W semestrze letnim nie korzystamy z Dysku Google. Każdy student rozbudowuje własną witrynę internetową [WZÓR], której adres trzeba dostarczyć prowadzącemu. Wszystkie elementy witryny opracowywane na ćwiczeniach muszą pojawić się w obrębie witryny najpóźniej w przeciągu dwóch tygodni. Brak danego elementu będzie skutkował oceną 2.0. W celu poprawienia oceny należy uzupełnić braki i powiadomić prowadzącego.

Po zaliczeniu ćwiczeń wystawiana będzie średnia arytmetyczna obu ocen.

 

- Jeśli ćwiczenie było wykonane w domu, na zajęciach student otrzyma 4 pytania z zakresu danego zadania. Brak poprawnej odpowiedzi na każde z pytań będzie skutkowało obniżeniem oceny za pracę o 25%.

 

- Wszystkie ćwiczenia muszą być zaliczone na ostatnich zajęciach w semestrze. Wszelkie zaległości będą zaliczane na konsultacjach przed sesją egzaminacyjną oraz w sesji poprawkowej. Nie ma konsultacji podczas sesji egzaminacyjnej! W semestrze letnim (licencjat) może to skutkować niedopuszczeniem do obrony, a nawet powtarzaniem całego semestru.

 

- W przypadku nieusprawiedliwionej nieobecności na ćwiczeniach student otrzymuje ocenę 2.0. Po zaliczeniu ćwiczeń wystawiana będzie średnia arytmetyczna obu ocen.

 

- Cztery nieusprawiedliwione nieobecności w semestrze zimowym i trzy w letnim będą skutkowały natychmiastowym wnioskiem o skreślenie z listy studentów.

 

- Przesłanie lub odrobienie ćwiczeń zalicza je, ale nie niweluje nieobecności nieusprawiedliwionej. Trzy nieobecności (nieusprawiedliwione) powodują, iż najwyższą możliwą oceną końcową jest 3.0 (co należy traktować jako nagrodę, bo zgodnie z regulaminem powinno skutkować skreśleniem z listy studentów).

 


 

EGZAMIN

 

- Zaliczenie wszystkich ćwiczeń jest niezbędne, aby móc przystąpić do egzaminu z MTI.

 

- Zgodnie z zapowiedzią do egzaminu dopuszczone będą jedynie te osoby, które potrafią przeliczać jednostki pamięci (bit, bajt, kilobajt, megabajt itd.), nie wg układu SI tylko zgodnie z regułami informatycznymi. Sprawdzenie tego typu kompetencji odbędzie się poprzez wykonanie zadania polegającego na obliczeniu wielkości pliku WAV o zadanych parametrach i odtwarzanego przez 1 minutę. [INFO]

 

- Każdy wylosuje i omówi 3 aplikacje z umieszczonego na stronie "kanonu" i omówi (ustnie) ich przeznaczenie i możliwości. Wymagana jest znajomość omawianych plików multimedialnych oraz ich właściwości.

 

- Każdy rozwiąże test elektroniczny (jeśli będzie sprawna platforma Moodle test będzie można wykonać nawet w domu - o określonej godzinie z wyznaczonym limitem czasu. Dla każdej osoby będzie wylosowany inny zestaw). Jeśli platforma nie będzie sprawna test będziemy pisać w pracowni.

 

- Ocena z egzaminu będzie średnią arytmetyczną ocen z trzech powyższych zadań. Pozytywna ocena będzie wystawiana w przypadku średniej przynajmniej na poziomie 2,76.

 

Powrót na początek strony

Zaliczenie ćwiczeń do xx.06.2014 - Tak powinna wyglądać strona zaliczeniowa: >tutaj<
Okrojona wersja pliku "zaliczenie" - który ma być wstawiony na państwa stronach - do pobrania >tutaj<

 

Egzamin poprawkowy z MTI - 03.09.2013 o godz. 9.00
Spotkanie pod salą nr 33. Proszę pamiętać o skończeniu własnych stron internetowych!

 

UWAGA: Zaliczenie ćwiczeń - wyniki oraz ostateczny termin

 

UWAGA: Egzamin - termin zagadnienia

 

UWAGA:

Uwaga: strony zostały sprawdzone w nocy z 17 na 18 czerwca (termin zakończenia prac był ustalony na 11 czerwca).

Strony z brakami sprawdzę ponownie 25 czerwca wieczorem. Brak gotowej strony będzie skutkował oceną 2.0 na egzaminie 27 czerwca. Przypominam, że wszystkie hiperłącza muszą być aktywne, czyli wszystkie ćwiczenia muszą być wykonane. Naniesienie poprawek, gdy nie wykonano strony w terminie, nie podwyższa już oceny, jedynie gwarantuje otrzymanie zaliczenia. Poprawki mogą podnieść ocenę jedynie u osób, które wykonały pracę w terminie, ale popełniły błędy. W ocenie końcowej będzie jeszcze uwzględniona frekwencja.