XV KONFERENCJA UNIWERSYTET WIRTUALNY MODEL, NARZĘDZIA, PRAKTYKA EDUKACJA W DOBIE NOWYCH TECHNOLOGII Ocena obszarów stosowalności aplikacji Open Source oraz Public Domain podczas wytwarzania kursów e-learningowych Barbara Dębska Lucjan Dobrowolski Karol Hęclik Politechnika Rzeszowska czerwiec 2015
Elementy składowe kursu e-learningowego Widok elementów składowych kursu: Widok elementów składowych lekcji: Kurs Temat 1 Lekcja 3 Szablon stron Temat 2 Strona 1 Lekcja 1 Strona 2 Lekcja 2 Lekcja 3 Lekcja 4 Strona 3 Strona 4 Strona 5 2
Rodzaje treści umieszczanych w kursach o obiekty podstawowe: tekst tabele grafika równania matematyczne o obiekty prezentujące dane naukowe/techniczne: wykresy schematy diagramy rysunki techniczne o obiekty multimedialne: struktury chemiczne mapy i plany sekwencje wideo komentarze głosowe sesje ekranowe animacje graficzne 3
Treści kursów e-learningowych a formaty danych tekst tabele treści przygotowywane w edytorze kursu stylizacja (formatowanie treści) fotografie (grafika rastrowa) ilustracje (grafika rastrowa) równania matematyczne animacje graficzne wykresy ( XY, słupkowe, kołowe, biegunowe, Gibbsa, Schmitta, itd.) diagramy (np.: Gantta, Venna, Ishikawy, Sankey a, Grotriana, encji, UML/SysML, itd.) sesje ekranowe schematy (np.: elektryczne, hydrauliczne, kinematyczne, itp.) rysunki techniczne (np.: konstrukcyjne, budowlane, itd.) struktury chemiczne (np.: wzory cząsteczek, schematy reakcji, itd.) ilustracje (grafika wektorowa) akcje (nawigacja, interakcja, komunikacja pakietu SCORM z LMS) treści przygotowywane waplikacjach zewnętrznych sekwencje wideo komentarze głosowe 4
Istotne cechy narzędzi płatnych i darmowych Cecha Narzędzia płatne Narzędzia darmowe (Open Source i Freeware) koszt zakupu wysoka cena brak opłat ergonomia pracy (GUI) obsługiwane formaty plików zakres funkcjonalności duża (nie zawsze) (wygodny GUI) wiele rozbudowana mała (nie zawsze) (niewygodny GUI) nieliczne mała (nie zawsze) można zastąpić zbiorem kilku prostych narzędzi 5
Narzędzia Open Source i Freeware Obydwa rodzaje oprogramowania są tworzone przez: programistów indywidualnych( wolni strzelcy ), firmy informatyczne. Ale: OpenSource Freeware opłaty brak brak wersja wykonywalna dostępna dostępna kod źródłowy dostępny nie dostępny licencja FLOSS *) własnościowa *) FLOSS: GNU GPL, MPL, BSD License, itd. 6
Sposób pracy narzędzi aplikacje samodzielne aplikacje okienkowe (tzw. desktop) aplikacje działające wprzeglądarce WWW aplikacje oparte na technologiach HTMLi AJAX aplikacje oparte na technologii Flash 7
Kategorie narzędzi Z punktu widzenia twórcy kursu, treści można podzielić na: statyczne i dynamiczne. Edytory treści statycznych: brak osi czasu, wymagają niewielkich zasobów: mocy procesora, rozmiaru pamięci operacyjnej, przestrzeni na dysku twardym. Edytory treści dynamicznych: obecna oś czasu, wymagają sporych zasobów: mocy procesora, rozmiaru pamięci operacyjnej, przestrzeni na dysku twardym (szczególnie obróbka wideo). L.p. Edytory treści statycznych 1 kursów e-learningowych 2 grafiki rastrowej (fotografii) 3 grafiki wektorowej (ilustracji) 4 wyrażeń matematycznych 5 arkusze kalkulacyjne, itp. 6 diagramów 7 struktur chemicznych 8 schematów elektrycznych 9 rysunków technicznych L.p. Edytory treści dynamicznych 1 nagrań audio (dźwiękowe) 2 nagrań wideo (montaż nieliniowy) 3 sesji ekranowych 4 animacji GIF 5 animacji Flash 6 animacji SVG 7 animacji HTML5 Canvas 8 środowiska programistyczne Java (IDE) 8
Przygotowanie kursu e-learningowego SVG, WMF, EMF, EPS BMP, JPG, PNG, TIF, TGA, WEBP MML redagowanie e-lekcji eksport AVI, MPG, MP4, OGG, WMV, FLV, MOV, WEBM, 3GP edytor kursów pakiet SCORM WAV, AU, MP3, OGG, WMA GIF, SWF, SVG CLASS 9
Narzędzia do edycji kursów e-learningowych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 ActivePresenter Free 5.0 Atomi Systems Freeware desktop 2 CourseLab Free 2.4 WebSoft Freeware desktop 3 exe? CORE Education Open Source w przeglądarce 4 LCDS 2.8 Microsoft Freeware desktop 5 MOODLE 2.9 Martin Dougiamas Open Source w przeglądarce 6 Xerte 2.18 Xerte Open Source desktop (Flash) 7 WBT Express Free 7.0 4system Freeware desktop Wykonywane czynności: tworzenie drzewa kursu (lekcje, strony) wstawianie obiektów kopiowanie tekstu i obiektów wklejanie tekstu i obiektów wycinanie tekstu i obiektów przemieszczanie obiektów formatowanie tekstu i obiektów eksportowanie treści do pakietu SCORM 10
Program ActivePresenter pasek narzędziowy panel listy slajdów graficzny edytor stron kursu listwa czasowa animacji panel właściwości 11
Program CourseLab Free graficzny edytor stron kursu lista obiektów slajdu lista slajdów 12
Program Xerte struktura kursu panel właściwości listwa narzędziowa 13
Program WBT Express Free panel pomocy lista komponentów drzewo kursu graficzny edytor strony kursu panel tła paleta układu obiektów 14
Przygotowanie fotografii aparat fotograficzny retusz korekcja montaż przesyłanie eksport skaner JPG, PNG edytor grafiki rastrowej BMP, JPG, PNG, TIFF, TGA, 15
Narzędzia do przygotowania fotografii L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 digikam 4.1 digikam Team Open Source desktop 2 GIMP 2.8 GIMP team Open Source desktop 3 Krita 2.9.5 Calligra Open Source desktop 4 Paint.NET 4.0.5 dotpdn LLC. Freeware desktop 5 PhotoPlus SE X7 Serif Freeware desktop Wykonywane czynności: zaznaczanie fragmentów wstawianie zawartości z plików skanowanie grafik umieszczanie w warstwach montaż kopiowanie wklejanie wycinanie przycinanie przemieszczanie obracanie skalowanie retuszowanie korygowanie (jasności, nasycenia, barwy, kontrastu, itp.) filtrowanie (gaussa, rozmycie, ostrość, itp.) manipulacja histogramami 16
Program digikam podgląd obrazu przed zmianami podgląd obrazu po zmianach panel operacji pasek stanu 17
Program GIMP panel warstw obszar edycji obrazu paleta narzędzi panel operacji panel właściwości wybranego narzędzia 18
Program Krita listwa narzędzi panel właściwości wybranego narzędzia obszar edycji obrazu panel warstw 19
Program Paint.NET listwa narzędzi pasek właściwości wybranego narzędzia obszar edycji obrazu panel historii operacji paleta barw listwa czasowa animacji panel warstw 20
Program PhotoPlus SE obszar edycji obrazu panel operacji listwa narzędzi lista otwartych plików pasek właściwości wybranego narzędzia panel warstw 21
Przygotowanie ilustracji skaner rysowanie trasowanie (OCR krzywych) montaż JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor grafiki wektorowej SVG BMP, JPG, PNG, TIFF, TGA, SVG, WMF, EMF, CDR, VSD 22
Narzędzia do przygotowania ilustracji L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Draw (LO) 4.1.1 The Document Foundation Open Source desktop 2 Draw (OO) 4.4.3 Apache Software Foundation Open Source desktop 3 DrawPlus X8 Serif Freeware desktop 4 Inscape 0.91 Inkscape Team Open Source desktop 5 Karbon 2.9.5 Calligra Open Source desktop Wykonywane czynności: zaznaczanie fragmentów wstawianie zawartości z plików skanowanie grafik trasowanie grafik (OCR krzywych) umieszczanie w warstwach montaż kopiowanie wklejanie wycinanie przemieszczanie przycinanie obracanie skalowanie operacje boolowskie odkształcanie (deformacja na siatce) stylizacja obiektów (kontur i wypełnienie) formatowanie tekstu 23
Program Draw (LibreOffice) pasek atrybutów obiektu lista arkuszy obszar edycji pasek narzędzi rysowania pasek opcji arkusza roboczego 24
Program DrawPlus SE pasek narzędzi rysowania paleta barw panel pomocy panel właściwości wybranego narzędzia obszar edycji panele warstw, nawigacji, wyrównania 25
Program Karbon pasek narzędzi rysowania panel styli i warstw obszar edycji panel właściwości wybranego narzędzia 26
Przygotowanie wyrażeń matematycznych korekta eksport schowek, plik edytor grafiki rastrowej eksport PNG, GIF wprowadzanie SVG edytor grafiki wektorowej eksport edytor równań matematycznych MML 27
Narzędzia do przygotowania wyrażeń matematycznych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 FireMath 0.91 MrBont Freeware w przeglądarce 2 Formulator MathML Weaver 4.0 Hermitech Laboratory Freeware desktop 3 Math (LO) 4.1.1 The Document Foundation Open Source desktop 4 Math (OO) 4.4.3 Apache Software Foundation Open Source desktop 5 MathCast 0.92 Tom Chakam, Timothy Lee Open Source desktop Wykonywane czynności: wprowadzanie formuł kopiowanie wklejanie wycinanie formatowanie tekstu 28
Program Formulator MathML Weaver pasek skrótów do palet symboli matematycznych obszar edycji wyrażenia wybrana paleta symboli matematycznych 29
Program Math (LibreOffice) obszar edycji wyrażenia w formie graficznej paleta symboli matematycznych obszar edycji wyrażenia w formie skryptu wybrany zestaw symboli matematycznych 30
Przygotowanie wykresów schowek, plik wprowadzanie wykreślanie formatowanie edytor grafiki rastrowej import eksport PNG, GIF CSV, TXT arkusz kalkulacyjny lub edytor wykresów schowek, plik SVG, SWF edytor grafiki wektorowej 31
Narzędzia do przygotowania wykresów L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Calc(LO) 4.1.1 The Document Foundation Open Source desktop 2 Calc(OO) 4.4.3 Apache Software Foundation Open Source desktop 3 Sheets 2.9.5 Calligra Open Source desktop 4 Gnumeric 1.12.22 Miguel de Icaza, Jody Goldberg Open Source desktop 5 gnuplot 5.0 wielu na przestrzeni lat Open Source desktop 6 HippoDraw 1.21.3 Paul F. Kunz Open Source desktop 7 Veusz 1.20.1 wielu na przestrzeni lat Open Source desktop 8 SciDAVis 1.D8 T. Benkert, K. Franke, R. Standish Open Source desktop 9 LabPlot 2.0.1 Stefan Gerlach Open Source desktop 10 QtiPlot 0.9.8.9 Ion Vasilief Open Source desktop Wykonywane czynności: wprowadzanie danych import danych z plików tworzenie wykresów wyznaczenie linii trendu kopiowanie wklejanie wycinanie formatowanie wykresów 32
Program Calc(LibreOffice) pasek formuły pasek formatowania komórki arkusza obszar wykresu 33
Program Gnumeric pasek formuły komórki arkusza obszar wykresu paleta formatowania 34
Program Gnumeric pasek formuły pasek formatowania komórki arkusza obszar wykresu 35
Program SciDAVis pasek narzędzi komórki arkusza obszar wykresu struktura dokumentu 36
Przygotowanie diagramów rysowanie (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor diagramów edytor schematów SVG 37
Narzędzia do przygotowania diagramów L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Dia 0.97.2 Dia developers Open Source desktop 2 Draw (LO) 4.1.1 The Document Foundation Open Source desktop 3 Draw (OO) 4.4.3 Apache Software Foundation Open Source desktop 4 Flow 2.9.5 Calligra Open Source desktop 5 Plan 2.9.5 Calligra Open Source desktop Wykonywane czynności: zaznaczanie fragmentów wstawianie zawartości z plików kopiowanie wklejanie wycinanie przemieszczanie obracanie skalowanie dodawanie punktów przyklejania łączenie obiektów liniami formatowanie obiektów (kontur i wypełnienie) dodawanie etykiet do obiektów 38
Program Dia paleta narzędzi rysowania obszar edycji biblioteka obiektów paleta łączników 39
Program Draw (LibreOffice) pasek atrybutów obiektu obszar edycji pasek rysowania 40
Program Flow panel wyrównania i geometrii paleta narzędzi rysowania biblioteka szablonów panel struktury dokumentu obszar edycji panel właściwości wybranego narzędzia 41
Program Plan pasek właściwości struktura projektu (plan) diagram Gantta dla projektu 42
Przygotowanie struktur chemicznych rysowanie, (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor struktur chemicznych SVG 43
Narzędzia do przygotowania struktur chemicznych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 AccelrysDraw 4.1 Accelrys Inc. Freeware desktop 2 Avogadro 1.1.1 Avogadro development team Open Source desktop 3 ChemSketch 12 ACD Labs Freeware desktop 4 JMol 13.0.14 JMol development team Open Source desktop 5 UCSF Chimera 1.10.1 Resourcefor Biocomputing, Visualization & Informatics, UCSF Freeware desktop Wykonywane czynności: rysowanie struktur chemicznych zaznaczanie: cząsteczek, wiązań, atomów kopiowanie wklejanie wycinanie przemieszczanie obracanie skalowanie łączenie cząsteczek formatowanie struktur dodawanie etykiet do struktur umieszczanie opisów umieszczanie symboli reakcji chemicznych 44
Program AccelrysDraw pasek narzędzi pasek rysowania struktur obszar edycji pasek symboli atomów i grup 45
Program ChemSketch pasek symboli atomów pasek rysowania struktur pasek szablonów obszar edycji 46
Przygotowanie schematów elektrycznych rysowanie, (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor schematów elektrycznych SVG 47
Narzędzia do przygotowania schematów elektrycznych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 FreePCB 1.359 Allan Wright Open Source desktop 2 KiCAD BZR-4029 Jean Pierre Charras Open Source desktop 3 ProfiCAD 8.2.4 Proficad Freeware desktop Wykonywane czynności: wstawianie podzespołów z biblioteki łączenie podzespołów przewodami kopiowanie wklejanie wycinanie przemieszczanie obracanie skalowanie dodawanie etykiet do podzespołów umieszczanie opisów umieszczanie symboli generowanie PCB 48
Program Kicad pasek opcji edytora pasek elementów obszar edycji 49
Przygotowanie rysunków technicznych rysowanie, (wstawianie, łączenie) formatowanie, wymiarowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor schematów elektrycznych SVG 50
Narzędzia do przygotowania rysunków technicznych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 FreeCAD 0.15 Jürgen Riegel, Werner Mayer, Yorik van Havre Freeware desktop 2 NaroCAD 1.88 NaroCAD Team Freeware desktop 3 QCAD 3.9.1 RibbonSoft GmbH Open Source desktop Wykonywane czynności: modelowanie obiektów 2D i 3D zaznaczanie obiektów kopiowanie wklejanie wycinanie przemieszczanie przycinanie obracanie skalowanie operacje boolowskie na obiektach odkształcanie modyfikacja właściwości obiektów generowanie rzutów (rysunki płaskie) renderowanie grafiki 3D wymiarowanie formatowanie tekstu 51
Program FreeCAD pasek obiektów i operacji panel struktury podzespołu obszar edycji panel właściwości obiektu 52
Program QCAD panel narzędzi panel warstw obszar edycji panel obiektów wiersz poleceń 53
Przygotowanie komentarzy głosowych nagrywanie, wycinanie, korekcja miksowanie, montaż, odszumianie, filtrowanie, dodawanie efektów dźwiękowych nagrywanie eksport, kompresja mikrofon edytor nagrań audio MP3, OGG, WMA 54
Narzędzia do przygotowania komentarzy głosowych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Audacity 2.1 The Audacity Team Open Source desktop 2 Jokosher 0.11.5 Jokosher community Open Source desktop 3 Traverso DAW 0.49.3 Traverso community Open Source desktop 4 WaveSurfer 1.8.8 KTH (Szwecja) Freeware desktop Wykonywane czynności: nagrywanie dźwięku wstawianie zawartości z plików umieszczanie w ścieżkach zaznaczanie fragmentów kopiowanie wklejanie wycinanie przemieszczanie przycinanie odszumianie normalizacja poziomu korekcja graficzna miksowanie filtrowanie dodawanie efektów dźwiękowych 55
Program Audacity pasek transportu pasek obróbki dźwięku pasek regulacji poziomu sygnału panel ustawień ścieżki dźwiękowej ścieżka dźwiękowa pasek edycji 56
Program Jokosher pasek transportu panel ustawień ścieżek dźwiękowych ścieżki dźwiękowe 57
Program Traverso pasek transportu panel ustawień ścieżek dźwiękowych ścieżki dźwiękowe wskaźniki poziomu sygnału 58
Przygotowanie nagrań wideo przechwytywanie, wycinanie, korekcja, miksowanie, montaż, odszumianie, filtrowanie, dodawanie efektów animacyjnych i dźwiękowych przesyłanie eksport, kompresja kamera wideo edytor nagrań wideo MP4, OGG, WMV, FLV, MOV, WEBM, 3GP 59
Narzędzia do przygotowania nagrań wideo L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Movie Maker 2012 Microsoft Freeware desktop 2 MoviePlus SE X6 Serif Freeware desktop 3 ShotCut 15.06 Dan Dennedy Open Source desktop 4 VirtualDub 1.10.4 Avery Lee Open Source desktop 5 VSDC Free Video Editor 2.3 Flash-Integro LLC Freeware desktop Wykonywane czynności: nagrywanie dźwięku i obrazu wstawianie zawartości z plików umieszczanie w ścieżkach zaznaczanie fragmentów kopiowanie wklejanie wycinanie przemieszczanie przycinanie odszumianie normalizacja poziomu korekcja graficzna miksowanie filtrowanie dodawanie efektów dźwiękowych dodawanie animacji i przejść dodawanie etykiet i plansz 60
Program MovieMaker pasek operacji panel podglądu treści listwa czasowa montażu treści (dźwięk, obraz, tekst, grafika) 61
Program MoviePlus SE panel podglądu treści panel właściwości projektu ścieżka wideo ścieżka audio ścieżka filtrów listwa czasowa montażu treści (dźwięk, obraz, tekst, grafika) 62
Program ShotCut panel właściwości projektu panel podglądu treści listwa czasowa montażu treści (dźwięk, obraz, tekst, grafika) 63
Przygotowanie sesji ekranowych przechwytywanie, wycinanie, korekcja, miksowanie, montaż przechwytywanie zmian na ekranie MOV, MP4, OGG, WMV pulpit systemu operacyjnego, okno programu lub wycinek ekranu, który nagrywamy edytor nagrań sesji ekranowych SWF 64
Narzędzia do przygotowania sesji ekranowych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 ActivePresenter Free 5.0 Atomi Systems Freeware desktop 2 CamStudio 2.7.2 RenderSoft Freeware desktop 3 Jing 2.4 TechSmith Freeware desktop 4 Uvscreencamera 4.4 UVsoftium Freeware desktop 5 Wink 2.0 DebugMode Freeware desktop Wykonywane czynności: przechwytywanie obrazu z ekranu wstawianie grafiki i dźwięku z plików zaznaczanie fragmentów kopiowanie wklejanie wycinanie przemieszczanie przycinanie dodawanie ramek tekstowych dodawanie figur geometrycznych 65
Program Wink edytor treści ramki panel edycji ramki lista przechwyconych ramek panel właściwości obiektu 66
Przygotowanie animacji GIF wstawianie klatek, montaż import eksport BMP, JPG, PNG, TIFF, TGA, AVI, MOV edytor animacji GIF lub edytor graficzny GIF 67
Narzędzia do przygotowania animacji GIF L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 AnimateGif 1.1 Xylem Studios Freeware desktop 2 GifApp 1.3 Ivan Bochko Freeware desktop 3 GiftedMotion 1.23 Onyxbits Open Source desktop 4 GIMP 2.8 GIMP team Open Source desktop 5 SSuite Gif Animator 2.4 Van Loo Software Freeware desktop 6 PhotoScape 3.6.5 MOOII Tech Freeware desktop Wykonywane czynności: wstawianie grafiki z plików zaznaczanie fragmentów kopiowanie wklejanie wycinanie przemieszczanie przycinanie dodawanie ramek tekstowych dodawanie figur geometrycznych 68
Program PhotoScape lista klatek animacji drzewo katalogów panel właściwości animacji lista plików graficznych zawartych w wybranym katalogu podgląd wybranej klatki animacji 69
Przygotowanie animacji Flash rysowanie, montaż, dodawanie efektów animacyjnych tabliczka graficzna graficzny edytor animacji Flash BMP, JPG, PNG, TIFF, TGA, AVI, MOV programowanie (ActionScript) SWF zintegrowane środowisko programistyczne 70
Narzędzia do przygotowania animacji Flash L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 AjaxAnimator 0.20 Ajax Animator Team Open Source w przeglądarce 2 FlashDevelop 5.0 FlashDevelop Team Open Source desktop 3 Vectorian Giotto 3.0 Vectorian Inc. Freeware desktop Wykonywane czynności: wstawianie grafiki i dźwięku z plików dodawanie warstw dodawanie klatek kluczowych generowanie klatek pośrednich rysowanie wstawianie ramek tekstowych zaznaczanie obiektów kopiowanie wklejanie wycinanie przemieszczanie przycinanie operacje boolowskie odkształcanie (deformacja na siatce) stylizacja obiektów (kontur i wypełnienie) formatowanie tekstu dodawanie efektów animacji synchronizowanie klatek i warstw 71
Program Vectorian Giotto pasek narzędzi rysowania paleta Konturu i wypełniania obiektu obszar edycji panel właściwości wybranego narzędzia listwa czasowa animacji panel przekształcania obiektów panel zarządzania strukturą projektu 72
Przygotowanie animacji SVG rysowanie, montaż import eksport BMP, JPG, PNG, TIFF, TGA edytor grafiki wektorowej animacja edycja kodu SVG, programowanie (JavaScript) SVG JS edycja SVG środowisko programistyczne 73
Narzędzia do przygotowania animacji SVG L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Inscape 0.91 Inkscape Team Open Source desktop 2 Aptana Studio 3.6 Aptana Inc. Freeware desktop 3 Eclipse 4.4.2 Eclipse Foundation Open Source desktop 4 NetBeans 8.0.2 Oracle Open Source desktop Wykonywane czynności: rysowanie wstawianie ramek tekstowych zaznaczanie obiektów kopiowanie wklejanie wycinanie przemieszczanie przycinanie stylizacja obiektów (kontur, wypełnienie) formatowanie tekstu wstawianie łączy do grafiki i dźwięku z plików dodawanie filtrów graficznych (SVG) dodawanie instrukcji animacji (SVG) odkształcanie ścieżek (SVG, JavaScript) synchronizowanie obiektów 74
Program Inscape pasek atrybutów obiektu pasek narzędzi rysowania panel właściwości wybranego narzędzia obszar edycji panel warstw paleta barw 75
Przygotowanie animacji HTML 5 Canvas wstawienie elementu Canvas i przypisanie mu identyfikatora animacja edytor animacji HTML5 Canvas programowanie (JavaScript) HTML JS zapis środowisko programistyczne 76
Narzędzia do przygotowania animacji HTML5 Canavs L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Web Designer 1.1.1 Google Freeware desktop Wykonywane czynności: wstawianie grafiki i dźwięku z plików dodawanie warstw dodawanie klatek kluczowych generowanie klatek pośrednich rysowanie wstawianie ramek tekstowych zaznaczanie obiektów kopiowanie wklejanie wycinanie przemieszczanie przycinanie operacje boolowskie odkształcanie (deformacja na siatce) stylizacja obiektów (kontur i wypełnienie) formatowanie tekstu dodawanie efektów animacji synchronizowanie klatek i warstw 77
Program Web Designer pasek przekształcania obiektów paleta barw obszar edycji pasek operacji na obiektach lista klatek paleta obiektów 78
Przygotowanie symulacji Java (opcjonalnie) projektowanie wizualne, montaż, formatowanie programowanie (Java) zapis import kompilacja graficzny edytor JavaFX FXML zintegrowane środowisko programistyczne CLASS 79
Narzędzia do przygotowania symulacji Java L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Eclipse 4.4.2 Eclipse Foundation Open Source desktop 2 JavaFX Scene Builder 2.0 Oracle Freeware desktop 3 NetBeans 8.0.2 Oracle Open Source desktop Wykonywane czynności: dodawanie obiektów do ramki apletu zaznaczanie obiektów kopiowanie wycinanie wklejanie przemieszczanie edycja właściwości obiektów edycja zdarzeń obiektów edycja kodu źródłowego kopiowanie wycinanie wklejanie przemieszczanie kompilacja kodu źródłowego śledzenie wykonania apletu 80
Program JavaFX Scene Studio biblioteka obiektów obszar edycji panel struktury projektu inspektor właściwości wybranego obiektu 81
Program NetBeans edytor kodu źródłowego panel zarządzania projektem panel struktury dokumentu panel wyszukiwania, komunikatów 82
Zestawienie narzędzi Open Source i Freeware L.p. Edytory treści statycznych Liczba Funkcjonalność 1 edytory grafiki rastrowej (fotografii) 5 duża(dobrze wyposażone) 2 edytory grafiki wektorowej (ilustracji) 5 duża (dobrze wyposażone) 3 arkusze kalkulacyjne (wykresy) 10 duża(dobrze wyposażone) 4 edytory struktur chemicznych 5 duża (dobrze wyposażone) 5 edytory dźwiękowe 4 duża(dobrze wyposażone) 6 środowiska programistyczne Java 3 duża(dobrze wyposażone) 7 edytory diagramów 5 wystarczająca 8 edytory schematów elektrycznych 3 wystarczająca 9 edytory rysunków technicznych 3 wystarczająca 10 edytory montażu wideo 5 wystarczająca 11 edytory animacji GIF 6 wystarczająca 12 edytory wyrażeń matematycznych 5 wystarczająca 13 edytory sesji ekranowych 5 wystarczająca 14 edytory animacji Flash 3 niewielka (podstawowe operacje) 15 edytory animacji SVG 4 niewielka (podstawowe operacje) 16 edytory animacji HTML5 Canvas 1 niewielka (podstawowe operacje) 17 edytory kursów e-learningowych 7 niewielka (podstawowe operacje) 83
Podsumowanie Zarówno liczba jak i funkcjonalność darmowych narzędzi, które mogą być zastosowane do przygotowywania kursów e-learningowych jest mocno zróżnicowana. Dobrze wyposażone są darmowe narzędzia do przygotowywania treści takich jak: 1. fotografie, 2. ilustracje, 3. wykresy, 4. nagrania audio, 5. nagrania wideo. W przypadku treści takich jak: 1. diagramy, 2. rysunki techniczne, 3. schematy elektryczne, 4. struktury chemiczne, 5.mapyiplany, 6. sesje ekranowe, 7. animacje, liczba i funkcjonalność darmowych narzędzi jest zaledwie wystarczająca do przygotowywania kursów lecz nie pozwala na swobodny wybór. Niemniej dostępność tych narzędzi pozwala przygotować kursy e-learningowe o znośnej jakości, bez ponoszenia dużych nakładów finansowych. 84