Warunki uzyskania zaliczenia

Katalog

Rejestracja w grupie laboratoryjnej

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

[01] 03-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ń:

WYKŁAD

- Pliki graficzne.

- Kolorystyka interfejsu

- Kolor w fotografii cyfrowej [hasło]

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.
 

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.
 

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

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.

 

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.

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.

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.

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.

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.

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

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

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.

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

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.

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.

III. Microsoft Expression Web 4

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

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.

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

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.

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)

 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!

LABORATORIUM:

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

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

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

Treść ćwiczeń:
Alligator Flash Designer - tworzenie multimedialnych interakcji w formacie Flash.
Dźwięki do 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: 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.

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ń:

- 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

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.