Ocena obszarów stosowalności aplikacji Open Source oraz Public Domain podczas wytwarzania kursów e-learningowych

Transkrypt

1 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

2 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

3 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

4 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

5 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

6 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

7 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

8 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

9 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

10 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

11 Program ActivePresenter pasek narzędziowy panel listy slajdów graficzny edytor stron kursu listwa czasowa animacji panel właściwości 11

12 Program CourseLab Free graficzny edytor stron kursu lista obiektów slajdu lista slajdów 12

13 Program Xerte struktura kursu panel właściwości listwa narzędziowa 13

14 Program WBT Express Free panel pomocy lista komponentów drzewo kursu graficzny edytor strony kursu panel tła paleta układu obiektów 14

15 Przygotowanie fotografii aparat fotograficzny retusz korekcja montaż przesyłanie eksport skaner JPG, PNG edytor grafiki rastrowej BMP, JPG, PNG, TIFF, TGA, 15

16 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 Calligra Open Source desktop 4 Paint.NET 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

17 Program digikam podgląd obrazu przed zmianami podgląd obrazu po zmianach panel operacji pasek stanu 17

18 Program GIMP panel warstw obszar edycji obrazu paleta narzędzi panel operacji panel właściwości wybranego narzędzia 18

19 Program Krita listwa narzędzi panel właściwości wybranego narzędzia obszar edycji obrazu panel warstw 19

20 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

21 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

22 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

23 Narzędzia do przygotowania ilustracji L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Draw (LO) The Document Foundation Open Source desktop 2 Draw (OO) Apache Software Foundation Open Source desktop 3 DrawPlus X8 Serif Freeware desktop 4 Inscape 0.91 Inkscape Team Open Source desktop 5 Karbon 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

24 Program Draw (LibreOffice) pasek atrybutów obiektu lista arkuszy obszar edycji pasek narzędzi rysowania pasek opcji arkusza roboczego 24

25 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

26 Program Karbon pasek narzędzi rysowania panel styli i warstw obszar edycji panel właściwości wybranego narzędzia 26

27 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

28 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) The Document Foundation Open Source desktop 4 Math (OO) 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

29 Program Formulator MathML Weaver pasek skrótów do palet symboli matematycznych obszar edycji wyrażenia wybrana paleta symboli matematycznych 29

30 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

31 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

32 Narzędzia do przygotowania wykresów L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Calc(LO) The Document Foundation Open Source desktop 2 Calc(OO) Apache Software Foundation Open Source desktop 3 Sheets Calligra Open Source desktop 4 Gnumeric Miguel de Icaza, Jody Goldberg Open Source desktop 5 gnuplot 5.0 wielu na przestrzeni lat Open Source desktop 6 HippoDraw Paul F. Kunz Open Source desktop 7 Veusz wielu na przestrzeni lat Open Source desktop 8 SciDAVis 1.D8 T. Benkert, K. Franke, R. Standish Open Source desktop 9 LabPlot Stefan Gerlach Open Source desktop 10 QtiPlot 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

33 Program Calc(LibreOffice) pasek formuły pasek formatowania komórki arkusza obszar wykresu 33

34 Program Gnumeric pasek formuły komórki arkusza obszar wykresu paleta formatowania 34

35 Program Gnumeric pasek formuły pasek formatowania komórki arkusza obszar wykresu 35

36 Program SciDAVis pasek narzędzi komórki arkusza obszar wykresu struktura dokumentu 36

37 Przygotowanie diagramów rysowanie (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor diagramów edytor schematów SVG 37

38 Narzędzia do przygotowania diagramów L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Dia Dia developers Open Source desktop 2 Draw (LO) The Document Foundation Open Source desktop 3 Draw (OO) Apache Software Foundation Open Source desktop 4 Flow Calligra Open Source desktop 5 Plan 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

39 Program Dia paleta narzędzi rysowania obszar edycji biblioteka obiektów paleta łączników 39

40 Program Draw (LibreOffice) pasek atrybutów obiektu obszar edycji pasek rysowania 40

41 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

42 Program Plan pasek właściwości struktura projektu (plan) diagram Gantta dla projektu 42

43 Przygotowanie struktur chemicznych rysowanie, (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor struktur chemicznych SVG 43

44 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 Avogadro development team Open Source desktop 3 ChemSketch 12 ACD Labs Freeware desktop 4 JMol JMol development team Open Source desktop 5 UCSF Chimera 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

45 Program AccelrysDraw pasek narzędzi pasek rysowania struktur obszar edycji pasek symboli atomów i grup 45

46 Program ChemSketch pasek symboli atomów pasek rysowania struktur pasek szablonów obszar edycji 46

47 Przygotowanie schematów elektrycznych rysowanie, (wstawianie, łączenie) formatowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor schematów elektrycznych SVG 47

48 Narzędzia do przygotowania schematów elektrycznych L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 FreePCB Allan Wright Open Source desktop 2 KiCAD BZR-4029 Jean Pierre Charras Open Source desktop 3 ProfiCAD 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

49 Program Kicad pasek opcji edytora pasek elementów obszar edycji 49

50 Przygotowanie rysunków technicznych rysowanie, (wstawianie, łączenie) formatowanie, wymiarowanie JPG, PNG, GIF rysowanie eksport tabliczka graficzna edytor schematów elektrycznych SVG 50

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

52 Program FreeCAD pasek obiektów i operacji panel struktury podzespołu obszar edycji panel właściwości obiektu 52

53 Program QCAD panel narzędzi panel warstw obszar edycji panel obiektów wiersz poleceń 53

54 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

55 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 Jokosher community Open Source desktop 3 Traverso DAW Traverso community Open Source desktop 4 WaveSurfer 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

56 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

57 Program Jokosher pasek transportu panel ustawień ścieżek dźwiękowych ścieżki dźwiękowe 57

58 Program Traverso pasek transportu panel ustawień ścieżek dźwiękowych ścieżki dźwiękowe wskaźniki poziomu sygnału 58

59 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

60 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 Dan Dennedy Open Source desktop 4 VirtualDub 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

61 Program MovieMaker pasek operacji panel podglądu treści listwa czasowa montażu treści (dźwięk, obraz, tekst, grafika) 61

62 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

63 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

64 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

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

66 Program Wink edytor treści ramki panel edycji ramki lista przechwyconych ramek panel właściwości obiektu 66

67 Przygotowanie animacji GIF wstawianie klatek, montaż import eksport BMP, JPG, PNG, TIFF, TGA, AVI, MOV edytor animacji GIF lub edytor graficzny GIF 67

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

69 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

70 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

71 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

72 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

73 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

74 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 Eclipse Foundation Open Source desktop 4 NetBeans 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

75 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

76 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

77 Narzędzia do przygotowania animacji HTML5 Canavs L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Web Designer 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

78 Program Web Designer pasek przekształcania obiektów paleta barw obszar edycji pasek operacji na obiektach lista klatek paleta obiektów 78

79 Przygotowanie symulacji Java (opcjonalnie) projektowanie wizualne, montaż, formatowanie programowanie (Java) zapis import kompilacja graficzny edytor JavaFX FXML zintegrowane środowisko programistyczne CLASS 79

80 Narzędzia do przygotowania symulacji Java L.p. Nazwa Wersja Twórca Rodzaj Sposób działania 1 Eclipse Eclipse Foundation Open Source desktop 2 JavaFX Scene Builder 2.0 Oracle Freeware desktop 3 NetBeans 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

81 Program JavaFX Scene Studio biblioteka obiektów obszar edycji panel struktury projektu inspektor właściwości wybranego obiektu 81

82 Program NetBeans edytor kodu źródłowego panel zarządzania projektem panel struktury dokumentu panel wyszukiwania, komunikatów 82

83 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

84 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