Wydział Podstawowych Problemów Techniki
Animacje zjawisk i procesów fizycznych – katalog stron w Internecie
Praca dyplomowa inŜynierska
Marcin Nowicki, Paweł Zakrzewski
Promotor:
dr hab. inŜ. Włodzimierz Salejda, prof. nadzw. w PWr
Wrocław 2007
Składamy serdeczne podziękowania rodzicom oraz
wszystkim osobom, które przyczyniły się do powstania
naszej pracy dyplomowej. W szczególności dziękujemy
Panu profesorowi Włodzimierzowi Salejdzie
za pomoc, cenne uwagi merytoryczne i udzielone
wsparcie.
Spis treści
1. Wstęp
1.1. Internet jako źródło informacji...4
1.2. Porządkowanie informacji za pomocą katalogu...4
1.3. Cel i układ pracy...5
1.4. Zadania wykonane przez autorów pracy dyplomowej...6
2. Joomla 2.1. Krótki opis, historia powstania, zastosowania...7
2.2. Główne zalety...8
2.3. Instalacja programu...10
2.4. Budowa i konfiguracja witryny – czynności początkowe...18
2.5. Zmiana wyglądu układu graficznego – szablony, arkusz stylów CSS...21
2.6. Budowanie zawartości serwisu – moduły i komponenty...27
2.7. Publikacja treści na stronach witryny – artykuły...30
2.8. Tworzenie systemu nawigacji – menu serwisu...37
3. Omówienie zawartości witryny 3.1. Menu główne...40
3.2. Działy witryny...41
3.3. Katalog animacji – budowa i funkcjonowanie...48
3.3.1. Zabawki fizyczne...56
4. Przykładowe animacje 4.1. Informacje wstępne...58
4.2. Kinematyka – rzut ukośny...58
4.2.1. Opis teoretyczny zjawisk występujących w animacji...58
4.2.2. Wygląd animacji...63
4.2.3. Instrukcja obsługi...64
4.3. Optyka – soczewki cienkie...66
4.3.1. Opis zjawisk występujących w animacji – teoria…...67
4.3.2. Zasada działania programu...70
4.3.3. Przykładowe obliczenia, zastosowanie...73
5. Podsumowanie, moŜliwości rozwoju w przyszłości...76
6. Spis ilustracji...78
7. Wykaz literatury oraz odnośników do stron internetowych...80
8. Słownik pojęć oraz objaśnienia akronimów...83
1. Wstęp
1.1. Internet jako źródło informacji
Internet to ogólnoświatowa sieć komputerowa [1, 2]. Posługując się dostępnymi poprzez Internet encyklopediami multimedialnymi moŜna otrzymać znacznie bardziej rozbudowaną definicję. Na przykład portal wiedzy WIEM [3] opisuje ją jako globalną sieć komputerową, powstałą na bazie rodziny protokołów TCP/IP, początkowo jako sieć militarną, następnie akademicką, a obecnie głównie komercyjną. Do jej podstawowych usług zalicza się pocztę elektroniczną, strony WWW, przesyłanie plików FTP, grupy wiadomości oraz Telnet. W dalszej części wyŜej wymieniony portal informuje nas, Ŝe zasoby sieci gromadzone są na ciągle zwiększającej się liczbie komputerów. W połowie 2004 roku było to około 750 milionów komputerów na całym świecie. Szacuje się, Ŝe liczba komputerów w roku 2007 przekroczy miliard. Podobnie jest z liczbą uŜytkowników Internetu [4], których liczba w styczniu 2007 wynosiła ponad miliard osób na całym świecie (16,6% całej populacji). W trzecim kwartale 2006 roku [5] liczbę internautów w Polsce szacowano na około 11,4 miliona osób, co stanowi 37,8% ogółu mieszkańców. PrzybliŜona liczba opublikowanych stron internetowych podawana przez witrynę [6] wynosi obecnie około 13,96 miliarda.
Przytoczone powyŜej liczby potwierdzają, Ŝe Internet jest bogatym źródłem informacji tworzonym przez ludzi z całego świata. Ilość [2] opublikowanych witryn spowodowała konieczność wprowadzenia systemów podziału oraz klasyfikacji ich zawartości, a w konsekwencji utworzenie katalogów stron internetowych. NaleŜy jednak podkreślić, Ŝe Internet i WWW nie są synonimami, poniewaŜ Internet to zbiór sieci komputerowych połączonych z wykorzystaniem kabli, światłowodów, łączy bezprzewodowych itp., a WWW jest zbiorem dokumentów oraz innych zasobów połączonych hiperłączami i URL-ami stanowiąc jedynie jedną z usług udostępnianych przez Internet.
1.2. Porządkowanie informacji za pomocą katalogu
Katalog jak podaje „Popularny słownik języka polskiego” w wersji internetowej [6], to usystematyzowany według określonych zasad wykaz przedmiotów, tworzących jakiś zbiór, często z opisem wyszczególnionych pozycji. Z kolei encyklopedia multimedialna Wikipedia [8] opisuje go jako zbiór zawierający systematyczny, często hierarchiczny spis
obiektów według kategorii lub wybór obiektów według określonych kryteriów wyszukiwania. Na podstawie tych definicji moŜna powiedzieć, Ŝe katalog stron internetowych to usystematyzowany, hierarchiczny zbiór odnośników (linków) do stron internetowych zawierających w naszym przypadku animacje zjawisk i procesów fizycznych oraz inne materiały dydaktyczne. Podziału oraz klasyfikacji znalezionych materiałów dokonaliśmy w oparciu o podział fizyki na działy [9] oraz układ zaproponowany przez twórców serwisu [10].
1.3. Cel i układ pracy
Celem pracy dyplomowej było opracowanie programu komputerowego – katalogu stron internetowych pozwalającego uŜytkownikowi na korzystanie z witryn w Internecie.
Wykonaliśmy go w postaci witryny internetowej w oparciu o bezpłatny, dostępny na licencji GNU GPL, CMS Joomla. Materiały gromadziliśmy poprzez przeszukiwanie zasobów umieszczonych na stronach internetowych. Na stronach internetowych odnaleźliśmy znaczne ilości animacji, apletów, programów oraz innych materiałów dydaktycznych z dziedziny fizyki. Kolejną czynnością był ich podział według opracowanej klasyfikacji, a takŜe weryfikacja pod kątem poprawności działania i przydatności jako materiału dydaktycznego. Następnym krokiem było sporządzenie opisu oraz instrukcji posługiwania się zgromadzonym oprogramowaniem. Ostatecznie wyselekcjonowane materiały umieszczaliśmy w katalogu. Materiały z zakresu mechaniki punktu materialnego i bryły sztywnej, dynamiki płynów, grawitacji, termodynamiki zostały przygotowane przez Marcina Nowickiego. Opracowanie materiałów z dziedziny elektromagnetyzmu (w tym optyki) oraz fizyki współczesnej zostało zrealizowane przez Pawła Zakrzewskiego.
WyraŜamy nadzieję, Ŝe stworzony przez nas zbiór odnośników będzie pomocnym narzędziem w nauczaniu oraz popularyzacji fizyki jako nauki ścisłej umoŜliwiając łatwiejsze zrozumienie skomplikowanych zjawisk zachodzących w otaczającym nas świecie.
Pracę dyplomową podzieliliśmy na pięć głównych rozdziałów. Pierwszy to niniejszy wstęp, drugi przedstawia moŜliwości oraz zastosowanie oprogramowania Joomla.
W trzecim znajduje się omówienie zawartości najwaŜniejszych działów stworzonej przez nas witryny, w tym katalogu animacji zjawisk i procesów fizycznych. Czwarty poświęcony został w całości na przedstawienie wybranych animacji ilustrujących zjawiska i procesy fizyczne, a piąty stanowi podsumowanie. Do pracy dołączony jest równieŜ słownik pojęć
z objaśnieniami akronimów występujących w tekście pracy, spis rysunków oraz wykaz literatury wraz z odnośnikami do stron internetowych.
1.4. Zadania wykonane przez autorów pracy dyplomowej
Podczas budowania witryny internetowej wraz z katalogiem animacji oraz redagowania pracy dyplomowej staraliśmy się zachować zrównowaŜony podział wykonywanych czynności. Zarys podziału pracy przedstawia poniŜsza tabela. Składa się ona z dwóch części. W pierwszej przedstawiono czynności związane z budową witryny i katalogu animacji, zaś w drugiej z redakcja pracy pisemnej.
1. Czynności związane z budową witryny i katalogu animacji
Przygotowanie pakietów instalacyjnych dodatkowych modułów i komponentów oraz ich instalacja i konfiguracja w CMS Joomla.
Wspólne wykonanie menu witryny oraz struktury katalogu animacji.
Opracowanie następujących działów witryny: „Tablice”, „Kalkulator naukowy”,
„Wieści RSS”, „Napisz do nas”, „Mapa serwisu”.
Zgromadzenie materiałów oraz wykonanie działów: „Mechanika”, „Fizyka molekularna i ciepło”.
Wspólne opracowanie działu „Zabawki fizyczne” katalogu animacji.
Marcin Nowicki
Wybór hosta, konfiguracja konta WWW, przygotowanie pakietu instalacyjnego CMS Joomla, instalacja oprogramowania i konfiguracja parametrów jego pracy na serwerze zdalnym, opracowanie poprawek szaty graficznej.
Wspólne wykonanie menu witryny oraz struktury katalogu animacji.
Zgromadzenie materiałów oraz samodzielne wykonanie działów: „Elektryczność i magnetyzm”, „Zjawiska falowe”, „Fizyka współczesna”.
Opracowanie następujących działów witryny: „Strona startowa”, „O katalogu”,
„Seminarium”, „Linki”, „Licencja Joomla!”.
Wspólne opracowanie działu „Zabawki fizyczne” katalogu animacji.
Paweł Zakrzewski
2. Autorstwo rozdziałów pracy
Samodzielne zredagowanie rozdziałów 3 i 6 oraz podrozdziałów od 4.1 do 4.2.3 rozdziału 4.
Wspólne opracowanie rozdziałów o numerach 1, 5, 8.
Marcin Nowicki
Samodzielne zredagowanie rozdziałów 2 i 7 oraz podrozdziałów od 4.3 do 4.3.3 rozdziału 4.
Wspólne opracowanie rozdziałów o numerach 1, 5, 8.
Paweł
Zakrzewski
2. Joomla
2.1. Krótki opis, historia powstania, zastosowania
Joomla [11 –14] jest zaawansowanym programem słuŜącym do tworzenia i prowadzenia serwisów internetowych potocznie nazywanych stronami internetowymi lub stronami WWW. Jest uŜywany przez firmy na całym świecie do budowy złoŜonych serwisów korporacyjnych i portali, jak równieŜ do budowy prostych, ale efektownych stron WWW przez indywidualnych uŜytkowników. Zalicza się go do systemów zarządzania treścią zwanych w skrócie CMS. Dzięki łatwości instalacji, wyjątkowej prostocie obsługi, eleganckiemu wyglądowi, elastyczności oraz nowoczesnemu wykonaniu stanowi jeden z najlepszych tego typu programów na świecie. Do jednej z jego największych zalet moŜna zaliczyć to, Ŝe jest rozprowadzany na licencji GNU GPL bez Ŝadnych opłat za wykorzystanie do zastosowań zarówno komercyjnych jak i prywatnych.
Historia Joomla [15, 16] rozpoczęła się w 2001 roku od udostępnienia przez australijską firmę Miro Ltd. na zasadach licencji GNU GPL kodu źródłowego programu Mambo CMS. Dzięki zaangaŜowaniu wielu programistów – pasjonatów, oddanych idei wolnego oprogramowania na zasadzie Open Source, Mambo zostało rozbudowane i dostosowane do oczekiwań uŜytkowników. Początkowo nad rozwojem programu pracował zespół, którym kierował Robert Castley (programista zatrudniony w oddziale firmy Macro 4 PLC znajdującym się w Anglii), a później po jego rezygnacji Andrew Eddie (niezaleŜny programista, urzędnik lokalnej administracji państwowej w Queensland w Australii) uzyskując na tym polu spore sukcesy wyraŜające się następującymi przyznanymi nagrodami:
Best Linux or Open Source Software w 2004 roku przez LinuxUser & Developer, Best Open Source Solution w 2005 roku przez LinuxWorld,
Best of Show - Total Industry Solution w 2005 przez LinuxWorld, Best Free Software Project of the Year w 2005 roku przez Linux Format.
Niestety wraz ze wzrastającą popularnością w połowie 2005 roku Miro Ltd. podjęło działania zagraŜające wolności Mambo. W związku z tym Zespół Twórców, przy powszechnym wsparciu społeczności uŜytkowników, zdecydował w sierpniu 2005 roku o powstaniu zupełnie nowej gałęzi rozwojowej projektu. JuŜ we wrześniu zostało opublikowane pierwsze wydanie Joomla, a w październiku podczas Linux & Open Source
Awards w Londynie Joomla wygrał w kategorii Best Linux/Open Source Project ("Najlepszy projekt Linux/Open Source").
Nazwa Joomla to fonetyczna transkrypcja na angielski słowa z języka suahili 'jumla', które tłumaczy się: „wszyscy razem” lub „wspólnie” albo „jako całość”. W języku polskim wymawia się je „dŜumla”. Nazwa ta została przyjęta w miejsce poprzedniej w sierpniu 2005 roku, gdy cała społeczność twórców i uŜytkowników Mambo jednomyślnie zaangaŜowała się w obronę zasad wolności i nieskrępowanego rozwoju, które były głównym i prawdziwym źródłem sukcesu i wyróŜnień zdobytych przez ten projekt. Nazwa, podobnie jak oficjalne logo programu wyraŜa przewodnią ideę Joomla: łączyć ludzi na całym świecie, wszystkich ras i kultur w jeden wielki krąg porozumienia.
Rys. nr 1. Logo Joomla
Misją twórców Joomla jest utrzymanie obsługi programu na poziomie tak prostym, jak tylko jest to moŜliwe, a równocześnie zapewnienie moŜliwie najbogatszej funkcjonalności. Dzięki temu kaŜdy uŜytkownik, bez posiadania technicznego przygotowania, moŜe sam zbudować i zarządzać swoim małym, czy teŜ potęŜnym serwisem internetowym w prosty i efektywny sposób, bez ponoszenia kosztów drogiego, komercyjnego oprogramowania.
2.2. Główne zalety Łatwa instalacja
Instalacja CMS Joomla na serwerze wymaga wykonania zaledwie kilku czynności. Pierwszą z nich jest pobranie z Internetu oraz rozpakowanie za pomocą odpowiedniego programu pakietu dystrybucyjnego. Następnie wystarczy umieścić pliki na serwerze i wywołać adres
niezbędnych danych konfiguracyjnych proces instalacji programu przeprowadzany jest automatycznie. Po kilku minutach w Internecie wygenerowana zostanie witryna wyposaŜona we wszystkie niezbędne do działania elementy takie jak: menu serwisu, formularz kontaktowy, system publikacji informacji, linków oraz rejestracji uŜytkowników.
Nowoczesny i niepowtarzalny wygląd
Wygląd serwisu powstaje w oparciu o szablony, które są dostępne bezpłatnie na stronach poszczególnych projektów. W kaŜdym moŜna wprowadzać dowolne modyfikacje, zgodne z licencją udzieloną przez autora. Szablon moŜna równieŜ zaprojektować samemu lub zlecić jego opracowanie w oparciu o udostępnioną dokumentację Joomla.
Dynamiczna zawartość
Poszczególne strony w Joomla są tworzone dynamicznie. Nowo dodane informacje publikowane są najwyŜej w hierarchii. MoŜna wyznaczyć termin rozpoczęcia i zakończenia publikacji artykułów. KaŜda nowość moŜe być sygnalizowana odwiedzającym w specjalnych modułach. Publikacja modułów i odnośniki w nich dostosowują się do treści publikowanych w głównym obszarze prezentacji.
Elastyczność i funkcjonalność
Strukturę serwisu tworzy się z elementów, które moŜna w kaŜdym momencie zmienić, a raz wprowadzoną zawartość moŜna wykorzystać wielokrotnie w róŜnej konfiguracji.
Dzięki modułowej budowie moŜna dodać do serwisu kaŜdy rodzaj usług i funkcji.
Do dyspozycji uŜytkownika jest ponad 200 komponentów do gromadzenia i prezentacji róŜnych treści oraz kilkaset modułów, sygnalizujących treści dostępne w serwisie.
Dostępność, uŜyteczność, zgodność ze standardami
Oprogramowanie moŜna bezproblemowo dostosować do rzeczywistych potrzeb adresatów zawartości. Dzięki szablonom stron oraz komponentom, modułom i innym narzędziom nawigacja po zawartości witryny jest łatwa i intuicyjna, co zapewnia przejrzystość prezentowanych treści.
Interakcyjność
KaŜdy zamieszczony artykuł moŜe być komentowany, o ile taka opcja zostanie uruchomiona. Joomla pozwala na prowadzenie sondaŜy, uruchamianie forum dyskusyjnego
czy pokoju pogawędek (czat). Natychmiast po instalacji witryny administrator moŜe umoŜliwić internautom rejestrowanie się w niej, co pozwala na przesyłanie, a nawet umieszczanie przez nich własnych informacji takich jak artykuły, obrazy czy pliki.
Łatwa obsługa
Wprowadzanie i zmiana treści w CMS Joomla jest niezwykle prosta dzięki wyposaŜeniu go w intuicyjny oraz zrozumiały interfejs. Teksty i obrazy umieszcza się w serwisie za pomocą dowolnej przeglądarki internetowej.
Nowoczesność
Joomla została stworzona w języku programowania PHP, korzysta z bazy danych MySQL oraz z XML, DHTML, RSS/RDF, JavaScript, CSS i innych rozwiązań technologicznych, umoŜliwiających dynamiczną zmianę zawartości witryny.
Bezpieczeństwo
Dostęp do witryny jest chroniony przez system uwierzytelniania. Projektanci Joomla szybko reagują na odkryte zagroŜenia, co było konieczne zaledwie kilka razy w historii Joomla. Ten fakt najlepiej dowodzi, Ŝe Joomla zapewnia uŜytkownikom i administratorom pełne bezpieczeństwo.
Niskie koszty
Joomla jest oprogramowaniem bezpłatnym, rozprowadzanym na licencji GNU GPL podobnie jak większość stworzonych do działania w jego środowisku szablonów, modułów, narzędzi itp.
Gwarantowany rozwój
Oprogramowanie jest stale udoskonalane i rozwijane, aby sprostać wymaganiom najnowszych technologii oraz uŜytkowników. Aktualizacja do nowszych wersji jest w pełni zautomatyzowana i bezproblemowa, co czyni go potęŜnym oraz uŜytecznym narzędziem do budowy zaawansowanych serwisów.
2.3. Instalacja programu
CMS Joomla [17 – 21] w wersji 1.0.x wymaga komputera lokalnego lub zdalnego (serwera), na którym zainstalowano oraz uruchomiono niezbędne do jego działania
środowisko. Zaliczamy do niego poniŜej przedstawione i krótko scharakteryzowane programy komputerowe:
a/ Serwer stron WWW Apache w wersji 1.13.19 lub nowszej.
Apache jest obecnie najbardziej popularnym serwerem stron WWW.
Obsługuje ponad połowę witryn internetowych w świecie. Dostępny jest na warunkach licencji GNU GPL w wersjach przeznaczonych dla Windows, licznych odmian Uniksa i Linuksa, a takŜe kilku innych systemów. Program moŜna pobrać ze strony internetowej projektu [22].
b/ Język PHP w wersji 4.2.x lub nowszej.
PHP [PHP Hypertext Preprocesor] jest językiem programowania słuŜącym do tworzenia aplikacji internetowych, niezbędnym do uruchomienia na serwerze skryptów napisanych w PHP. A w tym właśnie języku napisane jest oprogramowanie Joomla. Obsługę języka PHP moŜna zainstalować na róŜnych platformach systemowych. Program udostępniany jest na warunkach licencji GNU GPL, dostępny jest do pobrania ze strony [23].
c/ Baza danych MySQL w wersji 3.23.x lub nowszej.
MySQL jest bardzo szybkim systemem zarządzania relacyjnymi bazami danych. Wykorzystuje standardowy język zapytań o nazwie SQL [Structured Query Language – Strukturalny Język Zapytań].
UmoŜliwia przechowywanie, przeszukiwanie, sortowanie i odczytywanie danych. Program udostępniany jest na warunkach licencji GNU GPL. Wersja instalacyjna dostępna jest w dziale pobierania na stronie [24].
Pakiet instalacyjny Joomla jest skompresowanym plikiem w formacie .zip lub tar.gz.
Zawiera on archiwum, w którym znajdują się:
a/ wszystkie skrypty rdzenia niezbędne do prawidłowego działania programu umieszczone we właściwych katalogach,
b/ odpowiednio skonfigurowane skrypty instalatora zapewniające szybką instalację na serwerze umieszczone w katalogu o nazwie „installation”.
Do tworzenia pakietów instalacyjnych dla systemu operacyjnego Windows uŜywany jest program typu WinZip [25]. Wtedy plik archiwum otrzymuje rozszerzenie nazwy typu .zip, zaś do tworzenia pakietów dla Linuksa uŜywany jest archiwizer [26] tap archive i program kompresujący gzip, co moŜna rozpoznać po rozszerzeniu nazwy pliku typu .tar.gz. Joomla jest bezpłatnym programem wydawanym na licencji GNU GPL.
Licencja [27, 28] ta zapewnia kaŜdemu między innymi swobodę rozpowszechniania programu. Dzięki temu pakiety instalacyjne Joomla moŜna pobrać z wielu róŜnych stron internetowych.
Do wykonania katalogu animacji zjawisk i procesów fizycznych wykorzystaliśmy w pełni spolonizowany pakiet instalacyjny Joomla w wersji 1.0.11+Admin-pl (określany jako wersja stabilna) pobrany z repozytorium Polskiego Centrum Joomla znajdującego się pod adresem internetowym [29]. Instalację oprogramowania moŜna wykonać na komputerze lokalnym lub na specjalnie przystosowanym serwerze sieciowym. W naszym przypadku skorzystaliśmy z usług jednego z darmowych serwisów hostingowych oferowanego przez firmę OVH Sp. z o.o. z siedzibą we Wrocławiu przy pl. Powstańców Śląskich 16-18. Serwis kont darmowych dostępny jest w Internecie pod adresem [30].
Po utworzeniu konta, uŜytkownik otrzymuje dostęp do przestrzeni dyskowej o rozmiarze 60 MB na publikację strony WWW, PHP w wersji 5 a takŜe bazę danych MySQL w wersji 4.1 o rozmiarze 4 MB. Po wykonaniu czynności rejestracyjnych i aktywowaniu konta moŜna od razu opublikować swoją stronę WWW. Przed instalacją systemów typu CMS naleŜy dodatkowo utworzyć i aktywować bazę danych MySQL za pomocą programu phpMyAdmin [31, 32]. Katalog jest dostępny w Internecie pod adresem [33], w celu uczynienia go bardziej przyjaznym uŜytkownikowi zarejestrowaliśmy jego alias [34]
wykorzystując do tego bezpłatny serwis [35, 36]. Po wykonaniu powyŜszych czynności przygotowawczych, mogliśmy przystąpić do instalacji programu Joomla na udostępnionej nam przestrzeni dyskowej serwera. Instalowanie rozpoczęliśmy od rozpakowania pakietu instalacyjnego na dysku twardym komputera lokalnego oraz sprawdzenia czy wszystkie pliki i katalogi zostały prawidłowo utworzone. Kolejną czynnością było przesłanie za pomocą programu – klienta FTP plików na serwer. Po zakończeniu tej czynności za pomocą przeglądarki internetowej Internet Explorer uruchomiliśmy skrypt wykonujący czynności instalacyjne na serwerze. Instalator na początku sprawdza właściwości środowiska instalacji, a wyniki wyświetla na ekranie testu przedinstalacyjnego, którego przykład znajduje się na rysunku nr 2. Składa się on z czterech części. Pierwsza informuje o konfiguracji serwera,
druga o ustawieniach PHP, trzecia o uprawnieniach dostępu do plików i katalogów, a czwarta wyświetla dodatkowe informacje o systemie. WaŜne dla prawidłowego działania Joomla ustawienia wyświetlane są po prawej stronie ekranu, jeśli dane ustawienie jest zgodne z zalecanym wyświetlane jest za pomocą zielonego tekstu, a w przeciwnym przypadku za pomocą czerwonego.
Gdy pojawią się niezgodności, naleŜy wprowadzić zmiany i wykonać ponownie test.
Rys. nr 2. Ekran testu przed wprowadzeniem zmian [37]
Prawidłowo skonfigurowane środowisko pracy powoduje wygenerowanie ekranu testu znajdującego się na rysunku nr 3. Po zakończeniu czynności przedinstalacyjnych wyświetlana jest strona z treścią Powszechnej Licencji Publicznej GNU GPL, którą po przeczytaniu naleŜy zaakceptować wybierając odpowiednią opcję u dołu ekranu, a następnie wcisnąć przycisk „Dalej” w celu przejścia do wykonania dalszych czynności instalacyjnych. Od tej chwili rozpoczyna się właściwa instalacja oprogramowania Joomla na serwerze.
Rys. nr 3. Ekran testu po wprowadzeniu zmian [37]
W pierwszym kroku wyświetlony zostaje ekran znajdujący się na rysunku nr 4.
Za pomocą umieszczonych tam pól wprowadza się ustawienia dotyczące bazy danych MySQL, z której będziemy korzystać. W pierwszej kolejności podajemy nazwę hosta, a więc nazwę lub adres internetowy komputera, na którym znajduje się baza danych.
Następnie w kolejnych polach wprowadzamy nazwę uŜytkownika i hasło dostępu oraz nazwę bazy danych MySQL. Kolejną czynnością jest określenie prefix-u tabel w bazie danych, co ma znaczenie w momencie instalacji komponentów lub innych składników serwisu zakładających nowe tabele w bazie. Po wprowadzeniu wszystkich niezbędnych danych moŜna jeszcze określić, jakie operacje dodatkowe zostaną wykonane. Do wyboru są trzy opcje, które umoŜliwiają wyczyszczenie bazy (o ile była wcześniej uŜytkowana), zrobienie kopii zapasowej przed jej wyczyszczeniem oraz wgranie przykładowych danych.
Ostatnią czynnością przed przejściem do następnego kroku jest potwierdzenie wykonania operacji na bazie danych. W drugim kroku instalator wyświetla ekran znajdujący się na rysunku nr 5. UmoŜliwia on jedynie wprowadzenie nazwy serwisu, a następnie za pomocą przycisku „Dalej” przejście do kolejnego kroku instalacji. Trzeci krok to weryfikacja danych dotyczących adresu URL serwisu, ścieŜki absolutnej do katalogu na serwerze gdzie znajdują się główne pliki witryny, e-maila oraz hasła administratora, a takŜe uprawnień dla plików i katalogów tzw. CHMOD. Do modyfikacji tych danych słuŜą pola umieszczone na ekranie znajdującym się na rysunku nr 6. Po zakończeniu wprowadzania danych podobnie jak w poprzednim kroku za pomocą przycisku „Dalej” przechodzimy do wykonywania dalszych czynności instalacyjnych. Instalator rozpoczyna modyfikację bazy danych MySQL oraz wykonuje zadane operacje na plikach i katalogach. Po kilku minutach wyświetlony zostaje ekran znajdujący się na rysunku nr 7. Jest to ostatni czwarty krok instalacji, który sygnalizuje zakończenie całości procesu oraz konieczność usunięcia katalogu instalacyjnego z serwera. Umieszczone są tam równieŜ informacje dotyczące logowania się administratora oraz przyciski umoŜliwiające uruchomienie witryny lub panelu administracyjnego. Dodatkowo w przypadku, gdy niemoŜliwe jest zapisanie pliku konfiguracyjnego, jego zawartość pojawia się w specjalnym okienku. NaleŜy wówczas skopiować tekst do notatnika, a następnie zapisać go pod nazwą configuration.php i przesłać na serwer do głównego katalogu Joomla. W naszym przypadku nie było to konieczne. Od tej chwili serwis jest w pełni zainstalowany i gotowy do uŜycia.
Rys. nr 4. Krok pierwszy instalacji – modyfikacja ustawień bazy danych MySQL [37]
Rys. nr 5. Krok drugi instalacji – wprowadzanie nazwy serwisu [37]
Rys. nr 6. Krok trzeci instalacji – weryfikacja parametrów instalacji [37]
Rys. nr 7. Krok czwarty instalacji – zakończenie całości procesu instalacji [37]
2.4. Budowa i konfiguracja witryny – czynności początkowe
Po uruchomieniu witryny CMS Joomla generuje stronę główną serwisu z przykładową zawartością. Jej wygląd oraz zawartość moŜe mieć róŜną postać w zaleŜności od uŜytego pakietu instalacyjnego. Przykładowa strona startowa znajduje się na rysunku nr 8.
Rys. nr 8. Przykładowa strona startowa CMS Joomla
Po zalogowaniu się do panelu administracyjnego, moŜna rozpocząć budowę serwisu.
Wygląd panelu ilustruje rysunek nr 9.
Rys. nr 9. Wygląd panelu administracyjnego
Pierwszą czynnością jest sprawdzenie i uzupełnienie brakujących danych konfiguracyjnych serwisu. Okienko konfiguracji witryny znajdujące się na rysunku nr 10 wyświetlamy wybierając z menu „Witryna” odnośnik „Konfiguracja witryny”.
Do wprowadzania danych słuŜą pola tekstowe, liczbowe oraz menu wyboru zdefiniowane na dziesięciu zakładkach. Pierwsza z nich o nazwie „Witryna” zawiera podstawowe dane konfiguracyjne, a są to między innymi komunikaty administracyjne, nazwa i ikona witryny, ustawienia aktywacji i rejestracji uŜytkowników itp. Kolejna o nazwie „Lokalizacja” słuŜy do wprowadzania ustawień języka witryny oraz panelu administracyjnego, strefy czasowej.
Zakładka „Treść” pozwala za pomocą wbudowanego menu wyboru zdefiniować administratorowi parametry dotyczące wyświetlania artykułów w witrynie np. pokazywanie
czasu i daty utworzenia, modyfikacji, stronicowania, odsłon, autora. Czwarta zakładka
„Baza danych” zawiera dane konfiguracyjne bazy MySQL wykorzystywanej przez CMS Joomla, muszą być one zgodne z danymi wprowadzonymi podczas instalacji programu na serwerze. Podobnie jest z zakładką „Serwer”, zawierającą dane serwera.
Rys. nr 10. Okno konfiguracji witryny
Dodatkowo na tej zakładce moŜna wprowadzać ustawienia dotyczące czasu sesji logowania i administratora, metody autoryzacji sesji, raportowania błędów, adresu serwera pomocy oraz kompresji stron GZIP. Szósta zakładka „Metadane” słuŜy do wprowadzania metadanych opisujących zawartości witryny. Znajdują się tam dwa pola. W jednym z nich umieszcza się zwięzły opis zawartości witryny, a w drugim słowa kluczowe jednoznacznie
identyfikujące jej zawartość. Są one wykorzystywane przez wyszukiwarki stron internetowych przy indeksowaniu i klasyfikowaniu witryny w swoich zasobach.
Na zakładce „Poczta” wprowadza się ustawienia serwera poczty elektronicznej typu e-mail, obsługującego przesyłanie korespondencji z witryny do poszczególnych jej uŜytkowników.
Ósma zakładka o nazwie „Schowek” zawiera ustawienia dotyczące folderu pamięci tymczasowej oraz określa okres czasu, przez który pliki mogą być tam przechowywane.
Kolejna „Statystyki” pozwala na włączanie i wyłączanie gromadzenia statystyk witryny np. rodzaje uŜywanych przez odwiedzających przeglądarek, systemów operacyjnych, ilość odwiedzin. Zakładka „Wyszukiwarki” umoŜliwia włączenie translacji adresów URL oraz dynamicznej zmiany tytułów.
2.5. Zmiana wyglądu układu graficznego serwisu – szablony, arkusz stylów CSS Pierwszą czynnością, jaką wykonaliśmy, była zmiana szablonu witryny. Szablony [ang. Templates] nazywane są równieŜ skórkami lub layoutem i odpowiadają za nadanie układu kompozycyjnego witrynie oraz określają wszystkie istotne cechy wyglądu graficznego takie jak: kolorystyka, kształt i rozmiar czcionek, wygląd nagłówków itp.
W szablonie określone są:
a/ główny obszar prezentacji, b/ pozycje modułów,
c/ stałe elementy strony.
Przykładowe połoŜenie elementów w szablonie ilustruje rysunek nr 11. Poszczególne elementy szablonu są powiązane ze sobą i oddziałują na siebie. Do nawigacji po zawartości serwisu słuŜy menu wyboru. Kliknięcie w wybraną pozycję menu głównego, lokalnego lub odnośnika znajdującego się np. w module powoduje, Ŝe w głównym obszarze prezentacji wyświetlany jest element powiązany z danym odnośnikiem. Zmianie moŜe ulegać równieŜ dobór i układ modułów, a takŜe ich zawartość, jeśli ustawienie takie zostało zdefiniowane przez administratora serwisu. Jedynie połoŜenie oraz zawartość stałych elementów witryny nie ulega zmianie. Przy tworzeniu witryny wykorzystaliśmy darmowy szablon o nazwie
„waterandstone” udostępniany przez firmę Water & Stone na swoich stronach internetowych [38]. Był on zaprojektowany oraz skonfigurowany przez Twórców z myślą o wykorzystaniu w CMS Mambo. Z tego powodu przy wykorzystaniu go do tworzenia wyglądu w CMS Joomla musieliśmy dokonać szeregu zmian. Wygląd strony głównej przed
naniesieniem poprawek znajduje się na rysunku nr 12. Jak moŜna zauwaŜyć menu główne oraz niektóre moduły i elementy witryny wyświetlane są przez przeglądarkę nieprawidłowo.
Rys. nr 11. Przykładowe rozmieszczenie elementów w szablonie [39]
Modyfikacje szablonu rozpoczęliśmy od zmiany połoŜenia poszczególnych modułów (funkcje i zastosowanie modułów zostaną omówione w dalszej części pracy). Dokonuje się ich wybierając w panelu administracyjnym menu „Moduły” a następnie odnośnik
„Moduły – witryna”, co powoduje wyświetlenie okna administrowania modułami witryny widocznego na rysunku nr 13. Po kliknięciu w nazwę interesującego nas modułu wyświetla się okienko zawierające menu edycji z opcjami umoŜliwiającymi dokonywanie zmian.
Przykładowy wygląd menu edycji modułu zobrazowany jest na rysunku nr 14. Witryna została podzielona przez nas na 3 kolumny. W lewej ulokowaliśmy menu główne serwisu.
W środkowej mieści się główny obszar prezentacji wraz modułami prezentującymi ostatnio dodane artykuły oraz najczęściej oglądane, a prawą wykorzystaliśmy do prezentacji dodatkowych informacji i elementów wspomagających działanie portalu np. wyszukiwarka, zegar, kalendarz, licznik odwiedzin. Po zakończeniu rozmieszczania modułów przystąpiliśmy do wykonania elementów graficznych. Posługując się bezpłatnym oprogramowaniem do edycji plików graficznych wykonaliśmy baner górny oraz główny serwisu, a następnie inne elementy witryny takie jak: ikony, guziki odnośników do witryn w Internecie, linie podziału itp. Przy zmianie wyglądu graficznego witryny niezbędne okazało się wprowadzenie zmian w kaskadowym arkuszu stylu CSS szablonu. Polegały one głównie na zmianie połoŜenia elementów oraz szerokości i wysokości obszarów ich
wyświetlania, kolorów tła, rozmiarów i rodzaju czcionek, zdefiniowaniu odstępów pomiędzy elementami.
Rys. nr 12. Strona główna witryny przed naniesieniem zmian
Rys. nr 13. Wygląd menu modułów witryny w panelu administracyjnym
Wykonaliśmy je za pomocą wbudowanego w Joomla edytora CSS. Dostępny jest on z poziomu okienka zawierającego wykaz wszystkich zainstalowanych w witrynie szablonów – rysunek nr 15. Aby przenieść się do niego naleŜy z głównego menu wybrać opcję
„Witryna”, a następnie „Szablony” i dalej odnośnik „Szablon-witryna”. Po załadowaniu się okna wybieramy za pomocą myszki z menu znajdującego się po lewej stronie ekranu nazwę szablonu, do którego chcemy wprowadzić zmiany oraz wciskamy przycisk „Edytuj CSS”.
Zawartość pliku z kaskadowym arkuszem stylów zostaje wyświetlona w okienku znajdującym się na środku ekranu. CSS [40 – 43] składa się z dwóch części: selektora (np.
p, td, h1) i deklaracji (np. color: red, font-family: Courier New, text-align: center). Selektor to nazwa znacznika HTML, zaś deklaracja zawiera dwie części: właściwość (color) i wartość (red). CSS definiuje się według następującego schematu: selektor1 { właściwość1: wartość1;
właściwość2: wartość2 }. Dodając oraz usuwając selektory, a takŜe zmieniając przypisane do nich właściwości i wartości uzyskuje się poŜądany wygląd strony internetowej. Wygląd edytora pliku kaskadowego arkusza stylów przedstawiony jest na rysunku nr 16.
Po zakończeniu wprowadzania zmian w zawartości pliku zachowuje się je przez wciśnięcie przycisku „Zapisz”. Zmodyfikowany wygląd układu graficznego strony głównej witryny znajduje się na rysunku nr 17.
Rys. nr 14. Wygląd menu edycji modułu witryny w panelu administracyjnym
Rys. nr 15. Okienko z wykazem zainstalowanych w witrynie szablonów
Rys. nr 16. Wygląd edytora kaskadowego arkusza stylów CSS
Rys. nr 17. Wygląd strony głównej witryny po naniesieniu zmian w szablonie
2.6. Budowanie zawartości serwisu – moduły i komponenty
Po uzyskaniu ostatecznej postaci układu graficznego przystąpiliśmy do budowania zawartości serwisu [44 – 47]. Składają się na nią wszelkie zebrane przez nas materiały tekstowe, graficzne, pliki do udostępnienia, odnośniki, katalogi itp. W Joomla rozróŜnia się trzy podstawowe jednostki zawartości. Są to:
• artykuły statyczne (ang. static content)
• artykuły dynamiczne (ang. content)
• odsyłacze popularnie nazywane linkami (ang. link).
Artykuły statyczne podobnie jak pozostałe tworzone są we wbudowanym w Joomlę edytorze tekstów typu WYSIWYG. Mogą zawierać oprócz tekstu równieŜ grafikę, animacje, linki, fragmenty kodu programów itp. Ich najwaŜniejszą cechą jest brak powiązań wpływających na inne elementy zawartości serwisu, nie są przypisywane do kategorii i nie naleŜą do sekcji. Udostępnienie artykułu statycznego uŜytkownikowi następuje poprzez umieszczenie bezpośredniego odsyłacza do niego w menu serwisu lub innym artykule.
Artykuły dynamiczne w przeciwieństwie do statycznych są powiązane z innymi elementami struktury serwisu. W trakcie ich tworzenia przypisuje się je do konkretnej kategorii artykułów, a kategorie przyporządkowywuje się do sekcji. Dzięki zastosowaniu takiego rozwiązania, gdy w obszarze głównej zawartości opublikowany jest artykuł dynamiczny, to program CMS Joomla automatycznie zmienia zawartość poszczególnych modułów. Przykładem zmian dokonywanych w modułach jest na przykład dodanie odnośnika do artykułu w systemie ich publikacji oraz w działach prezentujących ostatnio dodane i najczęściej czytane artykuły. Istnieje równieŜ moŜliwość, Ŝe odnośnik do artykułu zostanie wygenerowany dynamicznie przez CMS Joomla podczas wykorzystywania przez uŜytkownika róŜnych elementów witryny np. wyszukiwarki..
Odsyłacze, a w naszym przypadku równieŜ katalogi odsyłaczy, to zawierające krótką informację o zawartości, adresie, kategorii itp. odnośniki prowadzące do artykułów, kategorii artykułów, zawartości poszczególnych sekcji, treści gromadzonych i udostępnianych za pomocą komponentów, plików przeznaczonych do pobrania czy zasobów w Internecie.
Zawartość serwisu budowaliśmy wykorzystując do tego zawarte w CMS Joomla komponenty i moduły. Komponenty to po prostu programy komputerowe, które słuŜą do gromadzenia, redagowania oraz udostępniania informacji. Joomla udostępnia standardowo dziewięć następujących komponentów:
• „Artykuły” umoŜliwia gromadzenie, redagowanie, porządkowanie i udostępnianie tekstów,
• „Kontakty” słuŜy do zarządzania informacjami kontaktowymi i teleadresowymi,
• „Linki” do umieszczania odnośników do zasobów w Internecie,
• „Sondy” do tworzenia i przeprowadzania ankiet oraz publikacji ich wyników,
• „Spinacz RSS” do pobierania i publikowania nagłówków wiadomości z udostępniających tę formę komunikacji stron internetowych,
• „Banery” do publikowania banerów tekstowych i graficznych,
• „Media” umoŜliwiający gromadzenie i publikację dokumentów oraz zasobów graficznych, „Strona startowa” do zarządzania treścią strony powitalnej,
• „Wraper” umoŜliwiający umieszczenie w serwisie dowolnej strony internetowej.
Oprócz standardowo udostępnionych komponentów moŜna wzbogacić serwis instalując nowe komponenty pobrane z Internetu lub napisane przez uŜytkownika. Moduły to równieŜ programy komputerowe, które najczęściej słuŜą do generowania odnośników do zawartości serwisu lub zasobów umieszczonych na innych stronach internetowych.
Do działania wykorzystują informacje zawarte w bazie danych CMS Joomla lub pobierają je z innych serwisów. W przeciwieństwie do komponentów nie pozwalają na gromadzenie, redagowanie i porządkowanie informacji, ale występują równieŜ moduły z tzw.
„zawartością”. Ich zadaniem jest udostępnianie zaimplementowanych w nich informacji, bez pobierania ich z zewnętrznego źródła. W Joomla udostępnionych do wykorzystania jest około dwudziestu róŜnych modułów. NajwaŜniejsze z nich to:
• „Menu” umoŜliwia tworzenie menu głównego, lokalnego oraz uŜytkownika,
• „Szukaj” wyświetla okno wyszukiwarki,
• „Logowanie” umoŜliwia logowanie się do serwisu,
• „Popularne” wyświetla odsyłacze do najczęściej przeglądanych artykułów,
• „Nowości” wyświetla odsyłacze do ostatnio opublikowanych artykułów,
• „Sekcje” wyświetla odsyłacze do stron prezentujących zawartość sekcji artykułów,
• „Wraper” umoŜliwia wywołanie w obszarze głównej zawartości dowolnej innej strony internetowej.
Oprócz tego, moŜna podobnie jak w przypadku komponentów dodawać nowe moduły za pomocą wbudowanego instalatora. Wszystkie wyŜej omówione elementy składowe serwisu są zhierarchizowane. Hierarchia zawartości opiera się na trzypoziomowej strukturze. Poziom najwyŜszy reprezentowany jest przez sekcje artykułów oraz komponenty. Gromadzi się w nich tylko jeden rodzaj materiałów. W sekcjach moŜna wydzielić jedną lub więcej kategorii zawartości, podobnie jak w komponentach.
Następnym elementem hierarchii są kategorie. Umieszcza się w nich odpowiednio pogrupowane pozycje. NajniŜej w hierarchii znajdują się pozycje. Są to podstawowe, pojedyncze elementy zawartości umieszczane w kategoriach naleŜących do sekcji lub komponentu. Pozycję stanowi na przykład tekst artykułu, element graficzny, link do zawartości, adres e-mail, a więc kaŜdy obiekt zawierający konkretną treść.
2.7. Publikacja treści na stronach witryny – artykuły
Publikację rozpoczęliśmy od sporządzenia projektu podziału zgromadzonych materiałów w postaci papierowej, aby zawartość serwisu była przejrzysta i łatwo dostępna dla uŜytkowników. Po jego wykonaniu przystąpiliśmy do utworzenia sekcji artykułów w CMS Joomla. Sekcję tworzy się wybierając z menu panelu administracyjnego pozycję
„Artykuły” a następnie odnośnik „Sekcje artykułów”. Okienko sekcji artykułów znajduje się na rysunku numer 18.
Rys. nr 18. Wygląd okienka sekcji artykułów
Kolejną czynnością jest utworzenie sekcji za pomocą przycisku „Nowy”.
Po otwarciu się okienka zilustrowanego na rysunku numer 19 moŜna przystąpić do
w której zawarte są materiały przygotowywane na seminarium dyplomowe, „Strona startowa” zawierającą elementy do wyświetlenia na stronie głównej serwisu oraz „O katalogu”, gdzie zamieszczone są uwagi na temat funkcjonowania katalogu animacji.
W ustawieniach określić moŜna między innymi tytuł sekcji wyświetlany na stronach serwisu, nazwę wykorzystywaną w wykazach oraz indeksowaną przez wyszukiwarki internetowe, element graficzny reprezentujący opis sekcji, kolejność w hierarchii sekcji, dostępność dla uŜytkowników, opis tekstowy zawartości sekcji artykułów. Wprowadzone ustawienia zachowywane są za pomocą przycisku „Zapisz”.
Rys. nr 19. Okienko edycji sekcji artykułów
Kolejną czynnością jest utworzenie kategorii, a takŜe przyporządkowanie ich odpowiednim sekcjom. Aby utworzyć kategorię naleŜy z głównego menu wybrać pozycję
„Artykuły”, a następnie odnośnik „Kategorie artykułów”. Okienko zawierające spis kategorii artykułów znajduje się na rysunku nr 20.
Rys. nr 20. Wygląd okienka kategorii artykułów
Podobnie jak poprzednio, aby utworzyć nową kategorię naleŜy posłuŜyć się przyciskiem „Nowy”, co powoduje załadowanie się okienka edycji kategorii widocznego na rysunku nr 21. Do dyspozycji mamy identyczne opcje konfiguracyjne jak przy edycji sekcji z tą róŜnicą, Ŝe dodatkowo umieszczone jest tu menu wyboru pozwalające na przypisanie kategorii do odpowiedniej dla niej sekcji. Tu równieŜ utworzyliśmy trzy kategorie o nazwach „Strona startowa – Powitanie”, „Seminarium – materiały”, „O katalogu – jak korzystać”, które grupują materiały opisane przy edycji sekcji. Wprowadzone zmiany zapisuje się przyciskiem „Zapisz”. Po utworzeniu struktury podziału artykułów moŜna rozpocząć ich wprowadzanie. Aby utworzyć nowy artykuł naleŜy z menu serwisu wybrać pozycję „Artykuły”, a następnie pozycję „Artykuły w sekcjach”, która powoduje wyświetlenie dodatkowego menu z nazwami sekcji. Po wybraniu nazwy sekcji
przechodzimy do kolejnego poziomu menu umoŜliwiającego przegląd artykułów umieszczonych w sekcji, wyświetlenie spisu jej kategorii oraz artykułów przeniesionych do archiwum. Utworzenie nowego artykułu moŜliwe jest z okienka przeglądu artykułów zawartych w sekcji zobrazowanego na rysunku nr 22. Wciśnięcie przycisku „Nowy”
powoduje przeniesienie do okna edycji artykułu widocznego na rysunku nr 23. Edycję nowego artykułu rozpoczynamy od wprowadzenia jego pełnego oraz skróconego tytułu, które będą wyświetlane w spisie odnośników. Następnie za pomocą wbudowanego w Joomla edytora tekstowego TinyMCE [48, 49] działającego w trybie WYSIWYG wprowadza się tekst artykułu oraz umieszcza elementy dodatkowe takie jak obrazki, rysunki, animacje, fragmenty kodu programów itp.
Rys. nr 21 Okienko edycji kategorii artykułów
Edytor ten posiada szereg opcji umoŜliwiających edycję i formatowanie tekstu takich jak wyrównywanie do krawędzi, justowanie, umieszczanie linków do zasobów w Internecie, tworzenie ramek, pogrubianie, podkreślanie, stosowanie kursywy, stylów formatowania itp. Tekst artykułu wprowadza się do pól edytora nazywających się
„Wprowadzenie” oraz „Tekst główny”. Pierwsze z nich wypełnia się obowiązkowo, stanowi ono przede wszystkim wprowadzenie do głównej treści długiego artykułu lub stanowi całość tekstu w przypadku krótkich publikacji. Jest ono wyświetlane w witrynie w spisie artykułów, umoŜliwiając internaucie zapoznanie się z zawartością artykułu.
Rys. nr 22. Okienko przeglądu artykułów w sekcji
W drugim polu umieszcza się właściwy tekst artykułu, który moŜna dzielić na strony za pomocą przycisków umieszczonych na dole pola edycji. Z prawej strony ekranu znajdują się zakładki z opcjami umoŜliwiającymi wprowadzanie dodatkowych ustawień dla danego artykułu. Na zakładce „Publikacja” umieszczone są ustawienia dotyczące autora, kolejności ustawienia artykułu w kategorii, daty publikacji i emisji na stronach serwisu. Zakładka
„Grafiki” umoŜliwia dodawanie elementów graficznych do artykułu oraz wprowadzanie ich opisu, definiowanie połoŜenia, wyrównania, szerokości. Trzecia zakładka o nazwie
„Parametry” pozwala na definiowanie przyrostka klasy CSS, a takŜe za pomocą umieszczonego tam menu na dokonanie ustawień wpływających na sposób prezentacji i nawigacji po artykule opublikowanym na stronie serwisu. Na zakładce „Metadane” moŜna
umieścić słowa-klucze charakteryzujące zawartość artykułu, które odczytywane są przez wyszukiwarki internetowe przy indeksowaniu stron. Ostatnia zakładka „Łącze w menu”
umoŜliwia utworzenie bezpośredniego odnośnika do artykułu w wybranym menu witryny.
W opisany powyŜej sposób utworzyliśmy kilka artykułów dynamicznych. Jednym z nich jest wprowadzenie znajdujące się na głównej stronie serwisu, zaś pozostałe zostały umieszczone w działach „Seminarium” oraz „O katalogu”, do których prowadzą odnośniki z menu głównego witryny. W podobny sposób tworzy się artykuły statyczne. Jedyną róŜnicą jest to, Ŝe nie przypisuje się ich do sekcji i kategorii. Materiałami statycznymi w witrynie są następujące działy: „Licencja Joomla”, „Kalkulator naukowy” oraz „Tablice”.
Po zakończeniu edycji treści artykułów moŜna je udostępnić dla internautów za pomocą przycisku „Opublikuj” znajdującego się w okienku przeglądu artykułów. Przykład opublikowanego w artykułu znajduje się na rysunku numer 24.
Rys. nr 24. Opublikowany artykuł w witrynie
Rys. nr 23. Okienko edycji artykułu
2.8. Tworzenie systemu nawigacji – menu serwisu
Po zakończeniu wprowadzania artykułów przystąpiliśmy do stworzenia systemu odnośników umoŜliwiających nawigację po zawartości opublikowanej w witrynie [50 – 54]. Zostały one zgromadzone w menu głównym serwisu znajdującym się po lewej stronie ekranu, a najwaŜniejsze z nich w menu górnym umieszczonym w górnej części ekranu. Edycji menu serwisu dokonuje się w menedŜerze menu. Wyświetla się go po wybraniu z menu administracyjnego pozycji „Menu”, a następnie kliknięciu w odnośnik zawierający nazwę menu, które chcemy edytować. W Joomla zdefiniowane są cztery rodzaje menu. Główne, dodatkowe, uŜytkownika oraz górne. Do stworzenia nawigacji po zawartości witryny wykorzystaliśmy menu główne oraz górne. Wygląd menedŜera menu ilustruje rysunek numer 25.
Rys. nr 25. Wygląd menedŜera menu serwisu
Aby utworzyć nową pozycję menu naleŜy uŜyć przycisku „Nowy”. Spowoduje to załadowanie się okna umoŜliwiającego wybór rodzaju dodawanej pozycji, którą chcemy umieścić w menu przedstawionym na rysunku numer 26. Po zaznaczeniu
za pomocą myszy interesującego nas elementu za pomocą przycisku „Dalej” przechodzi się do okienka, w którym moŜna wprowadzić szczegółowe parametry dotyczące danej pozycji menu. W przypadku odnośników będzie to na przykład moŜliwość zdefiniowania adresu zasobu w sieci Internet, wskazania komponentu lub artykułu do wyświetlenia. Dla innych rodzajów pozycji menu będą to ustawienia dotyczące głównie sposobu ich uporządkowania w menu serwisu oraz wyświetlania zawartości po kliknięciu ich przez internautę.
Przykładowe okienko edycji pozycji menu znajduje się na rysunku numer 27.
Wprowadzone ustawienia zachowuje się za pomocą przycisku „Zapisz”.
Rys. nr 26. Okienko wyboru rodzaju dodawanej pozycji menu
Rys. nr 27. Okienko edycji pozycji menu
3. Omówienie zawartości witryny
3.1. Menu główne
Menu główne witryny umieszczone zostało po lewej stronie ekranu. Jego wygląd przedstawia rysunek numer 28. Aby przenieść się do interesującego uŜytkownika działu serwisu naleŜy podświetlić jego nazwę i kliknąć lewym klawiszem myszki. Umieściliśmy w nim jedenaście odnośników do najwaŜniejszych części witryny, które zostaną krótko scharakteryzowane w następnym podrozdziale. Katalogowi animacji jako najwaŜniejszej części naszej strony internetowej przeznaczony jest osobny podrozdział 3.3.
Rys. nr 28. Menu główne witryny
Dodatkowo witryna posiada równieŜ menu górne, które zawiera jedynie pięć odnośników do głównych działów. Przechodzenie do wybranych działów witryny wymaga od uŜytkownika wykonania identycznych operacji jak w przypadku menu głównego. Jego wygląd ilustruje rysunek nr 29.
Rys. nr 29. Menu górne witryny
3.2. Działy witryny
Witryna posiada jedenaście działów tematycznych, do których mamy dostęp za pomocą odnośników umieszczonych w menu głównym. Postaramy się teraz krótko scharakteryzować ich zawartość w kolejności występowania w menu witryny, tak jak zostało to przedstawione na rysunku nr 28.
• Start – naciśnięcie przycisku start powoduje przeniesienie z dowolnej części witryny z powrotem na stronę startową serwisu, która znajduje się na rysunku numer 30.
Rys. nr 30. Strona startowa serwisu
•
O katalogu – to dział poświęcony zasadom korzystania z katalogu animacji.Zawiera on instrukcję posługiwania się nim oraz odnośniki do programów niezbędnych przy uruchamianiu niektórych jego zasobów. Fragment jego zawartości widoczny jest na rysunku numer 31.
Rys. nr 31. Wygląd działu „O katalogu”
•
Katalog animacji – ten odnośnik przenosi nas do katalogu zawierającego spis stron internetowych z animacjami zjawisk i procesów fizycznych, który zostanie szczegółowo omówiony w dalszej części pracy.•
Seminarium – w tym dziale zgromadziliśmy prezentacje przygotowywane przez nas na seminarium dyplomowe. Zrzut ekranu przedstawia rysunek numer 32.•
Tablice – to zbiór odnośników do zamieszczonych w Internecie tablic naukowych.Wygląd działu prezentuje rysunek numer 33.
Rys. nr 32. Zawartość działu „Seminarium”
Rys. nr 33. Zbiór odnośników do tablic naukowych
•
Kalkulator naukowy – dokonując weryfikacji poprawności otrzymanych wyników działania animacji przydatnym narzędziem do wykonania niezbędnych obliczeń jest kalkulator naukowy, którego wygląd ilustruje rysunek numer 34.Rys. nr 34. Kalkulator naukowy
•
Wieści RSS – jest czytnikiem posiadającym zbiór odnośników do artykułów w Internecie zawierających nowinki z dziedziny fizyki rozpowszechnianych poprzez kanały RSS. Wygląd czytnika znajduje się na rysunku numer 35.•
Linki – to zbiór odnośników do innych stron w Internecie związanych z powstaniem naszej witryny, a takŜe darmowych programów niezbędnych przyRys. nr 35. Wygląd czytnika nagłówków RSS
Rys. nr 36. Wygląd działu „Linki”
•
Szukaj – za pomocą tego przycisku uruchamiana jest wyszukiwarka przeznaczona do szybkiego przeszukiwania zawartości naszego serwisu. Okienko wyszukiwarki pokazane zostało na rysunku numer 37.Rys. nr 37. Wyszukiwarka
•
Napisz do nas – to dział zawierający formularz oraz dane kontaktowe autorów witryny. Wygląd strony głównej działu „Napisz do nas” przedstawiony jest na rysunku numer 38.Rys. nr 38. Wygląd działu „Napisz do nas”
• Mapa serwisu – w celu ułatwienia uŜytkownikom witryny poruszania się po jej zawartości sporządziliśmy mapę serwisu. Wyszczególnione w niej elementy są jednocześnie bezpośrednimi odnośnikami do poszczególnych działów naszej strony internetowej. Rysunek numer 39 przedstawia mapę naszej witryny.
Rys. nr 39. Mapa serwisu
•
Licencja Joomla – znajdują się tu informacje o licencji wykorzystanego przez nas do stworzenia witryny programu Joomla i zasadach jego rozpowszechniania.Wygląd działu zobrazowany jest na rysunku numer 40.
Rys. nr 40 Wygląd działu „Licencja Joomla”
3.3. Katalog animacji – budowa i funkcjonowanie
Katalog animacji zjawisk i procesów fizycznych to zbiór kilkudziesięciu odnośników do stron internetowych. Powstał przy wykorzystaniu komponentu i modułu wbudowanego w CMS Joomla o nazwie Wraper. Pozwala on na „podpinanie” do witryny róŜnego rodzaju stron internetowych, niezaleŜnych skryptów galerii, katalogów itp., które wyświetlane są przez niego w specjalnej ramce (iFrame). Poszczególne strony katalogu napisane zostały w języku HTML z wykorzystaniem kaskadowych arkuszy stylów CSS do wygenerowania ich wyglądu graficznego [55 – 60]. Do budowy i edycji kodu źródłowego stron internetowych wykorzystywaliśmy darmowy program o nazwie Notatnik SP [61].
Okienko notatnika w trakcie pracy z widocznym fragmentem kodu html strony katalogu znajduje się na rysunku numer 41, zaś pliku zawierającego arkusz stylów CSS na rysunku numer 42. Zastosowanie powyŜej opisanego rozwiązania pozwala na szybkie i sprawne funkcjonowanie katalogu w szerokiej gamie przeglądarek internetowych.
UmoŜliwia równieŜ szybkie dodawanie nowych elementów do katalogu, jego aktualizację oraz przebudowę czy przystosowywanie do najnowszych wymagań systemów
Rys. nr 41. Okienko notatnika z fragmentem kodu strony internetowej
Rys. nr 42. Okienko notatnika z fragmentem arkusza stylów CSS
Aby wyświetlić stronę startową katalogu animacji naleŜy z menu głównego witryny wybrać odnośnik "Katalog animacji", tak jak pokazano na poniŜszym rysunku nr 43 i zatwierdzić wybór klikając lewym klawiszem myszki.
Rys. nr 43. Wybór odnośnika do katalogu z menu witryny
Po chwili załadowana zostanie strona główna katalogu widoczna na rysunku numer 44. Katalog został podzielony na 3 kolumny. Lewa i środkowa kolumna to działy główne i poddziały odpowiadające podziałowi fizyki na działy, a prawa zawiera spis charakterystycznych dla nich procesów oraz zjawisk fizycznych. W górnej części ekranu umieszczone zostały zakładki (rys. nr 45), które umoŜliwiają bezpośrednie przeniesienie się do interesującego nas działu fizyki. Wystarczy umieścić na nazwie wybranego działu kursor myszy, co spowoduje zmianę koloru odnośnika oraz kliknąć lewym klawiszem myszki.
Rys. nr 45. Zakładki szybkiego dostępu
Po wyświetleniu interesującego nas działu fizyki, moŜemy dokonać wyboru zjawiska lub procesu fizycznego, dla którego poszukujemy animacji. Dokonujemy tego tak samo jak poprzednio za pomocą kursora myszki. Wybór nazwy zjawiska lub procesu ilustruje rysunek numer 46.
Rys. nr 46. Wybór zjawiska lub procesu fizycznego
Po kliknięciu w odnośnik wyświetlona zostanie strona katalogowa w postaci tabeli widoczna na rysunku numer 47 zawierająca odnośniki do zasobów w Internecie dla wybranego rodzaju zjawiska lub procesu fizycznego.
Rys. nr 47. Strona katalogu z odnośnikami do zasobów w Internecie
Składa się ona z 6 części. W lewej górnej komórce tabeli umieszczony jest zrzut ekranu animacji. Po prawej stronie w odpowiadających jej wielkością komórkach znajduje się nazwa rodzaju animacji oraz adres strony internetowej, z której ona pochodzi.
W dwóch środkowych komórkach tabeli wyświetla się krótki opis animacji oraz minimalne wymagania sprzętowe, którym musi odpowiadać komputer, aby moŜna było uruchomić program. W dolnej komórce znajdują się odnośniki do instrukcji obsługi animacji, archiwum ze spakowanymi plikami programu, pliku z kodem źródłowym oraz teorii przydatnej w zrozumieniu symulowanych przez nią zjawisk lub procesów fizycznych.
W zaleŜności od rodzaju materiałów zgromadzonych dla danej animacji nie zawsze
wszystkie odnośniki są dostępne, poniewaŜ nie kaŜdy serwis internetowy udostępnia program do pobrania na dysk komputera lub daje moŜliwość obejrzenia jego kodu źródłowego. Aby uruchomić animację naleŜy kliknąć w miniaturkę zrzutu ekranu lub tekstowy odnośnik do strony internetowej, tak jak to pokazano na rysunku numer 47.
Spowoduje to załadowanie programu lub witryny, na której jest umieszczony i wyświetlenie w nowym oknie przeglądarki, a w niektórych przypadkach w głównym obszarze prezentacji serwisu. Przykładowe okienko z załadowaną animacją znajduje się na rysunku numer 48.
Rys. nr 48. Przykładowe okienko z załadowaną animacją
Podobnie postępujemy, jeśli chcemy wyświetlić instrukcję do animacji. Wówczas naleŜy kliknąć w symbolizującą ją ikonkę znajdującą się w dolnej komórce tabeli. Przykładowe okienko z instrukcją znajduje się na rysunku numer 49. Oprócz instrukcji moŜna równieŜ pobrać plik archiwum ze spakowanym programem (animacją) lub plik zawierający kody źródłowe. W tym przypadku po kliknięciu w ikonkę wyświetlone zostaje standardowe okienko informacyjne i dialogowe przeglądarki internetowej uŜytkownika umoŜliwiające zapisanie pliku na dysku komputera (przycisk "Zapisz") lub jego otwarcie (przycisk
"Otwórz"). Przycisk "Anuluj" oznacza rezygnację przez uŜytkownika z wykonania wyŜej
wymienionych operacji. Wygląd okienka wyświetlającego się w przeglądarce MS Internet Explorer 6.0 ilustruje rysunek numer 50. Wygląd okienka moŜe się róŜnić w zaleŜności od systemu operacyjnego oraz wykorzystywanej przeglądarki.
Rys. nr 49. Przykładowe okienko z instrukcją obsługi
Rys. nr 50. Okienko dialogowe przeglądarki
Ostatnią dostępną opcją jest moŜliwość wyświetlenia materiałów teoretycznych zawierających informację o zjawisku lub procesie fizycznym. Najczęściej są to odnośniki do popularnych portali wiedzy, encyklopedii lub innych materiałów, takich jak na przykład pliki typu PDF. Okno przeglądarki z załadowaną witryną encyklopedii znajduje się na rysunku numer 51.
Rys. nr 51. Okno przeglądarki z załadowaną witryną encyklopedii
Uruchomienie niektórych animacji, otwarcie archiwów plików lub przeglądanie plików z kodami źródłowymi programów wymaga zainstalowania w systemie operacyjnym lub przeglądarce stron internetowych dodatkowego oprogramowania. Najczęściej występuje konieczność zainstalowania Wirtualnej Maszyny Java oraz wtyczki Macromedia Flash Player. W witrynie w dziale „Linki” oraz „O katalogu” znajdują się odnośniki do serwisów internetowych udostępniających niezbędne, bezpłatne oprogramowanie przeznaczone do tego celu dla szerokiej gamy systemów operacyjnych i przeglądarek.
3.3. Zabawki fizyczne
Zabawki fizyczne to proste urządzenia, których zasada działania oparta jest o prawo, zjawisko fizyczne lub wykorzystuje w interesujący sposób właściwość ciała/ciał [62, 63].
Wyjaśnienie działania i podanie ilościowego opisu zachowania się niektórych z nich sprawia powaŜne trudności oraz stanowi wyzwanie dla fizyków. Dzięki swoim wysokim walorom dydaktycznym nadają się idealnie do nauczania i popularyzacji fizyki. Nauka poprzez zabawę to jedna z najlepszych metod przekazywania wiedzy, co powoduje szybki wzrost zainteresowania zabawkami fizycznymi w ostatnim czasie. Na ich temat pojawia się coraz więcej artykułów w czasopismach naukowych, a nawet wydawane są ksiąŜki. Istnieje równieŜ dział fizyki, zajmujący się zabawkami.
W międzynarodowej klasyfikacji prac naukowych z fizyki i astronomii PACS [ang. Physics and Astronomy Classification Scheme] dział ten oznakowano symbolem 01.50.Wg. Odnośniki do stron internetowych zawierających animacje prezentujące róŜnego rodzaju zabawki fizyczne zostały umieszczone w wydzielonej części katalogu. Wygląd działu przedstawiony jest na rysunku numer 52.
Rys. nr 52. Wygląd działu „Zabawki fizyczne” katalogu animacji
Podobnie jak w przypadku katalogu animacji zjawisk i procesów fizycznych dział podzielony jest na 3 kolumny. Lewa kolumna zawiera nazwę działu, a w środkowej znajdują się nazwy działów fizyki, do których daną zabawkę moŜna zakwalifikować. W ostatniej,
prawej kolumnie znajdują się nazwy zabawek, które jednocześnie są odnośnikami do szczegółowych kart katalogowych. Wskazanie kursorem myszki odnośnika i kliknięcie lewym klawiszem spowoduje wyświetlenie zbioru linków do witryn internetowych zawierających animacje dotyczące danej zabawki widocznego na rysunku numer 53.
Rys. nr 53. Strona katalogowa działu „Zabawki fizyczne”
Budowa i zasada działania strony katalogowej działu „Zabawki fizyczne” jest identyczna jak w przypadku katalogu animacji zjawisk i procesów fizycznych. Kliknięcie w obrazek z miniaturą zabawki przenosi nas na witrynę ze szczegółowymi materiałami na jej temat, zaś link tekstowy odwołuje się do głównej strony witryny, z której pochodzą. Najczęściej są to sekwencje wideo, animacje lub zdjęcia. Znajdujący się w dolnej części okna odnośnik
„Wytłumaczenie” słuŜy do wyświetlenia strony internetowej z opisem praw, zjawisk fizycznych lub własności ciał, które wykorzystywane są przez daną zabawkę. Uruchomienie niektórych animacji, sekwencji wideo oraz plików z wytłumaczeniem zasady działania zabawek wymaga zainstalowania w systemie operacyjnym lub przeglądarce dodatkowego oprogramowania takiego jak odtwarzacze audio-wideo czy kodeki.
4. Omówienie wybranych animacji
4.1 Informacje wstępne
W poprzednim rozdziale zajmowaliśmy się budową, podziałem oraz zasadami korzystania z katalogu, więc teraz nadszedł czas na przedstawienie przykładowych animacji zjawisk i procesów fizycznych. Omówienie tej części będzie składało się z dwóch niezaleŜnych, autorskich opracowań stanowiących fragment tego, co zawierało się w kompetencjach twórców serwisu. Będą to odpowiednio animacje z zakresu mechaniki opracowane przez Marcina Nowickiego, a takŜe z zakresu optyki opracowane przez Pawła Zakrzewskiego.
4.2. Kinematyka – rzut ukośny
Animacja znajduje się w dziale „Mechanika” w części „Kinematyka”. Wybieramy odnośnik „Rzuty”, a następnie „Ruch pocisku 3 (rzut ukośny)”. Jest ona napisana w języku Java i pochodzi ze strony [64]. Zanim zajmę się omówieniem zasad posługiwania się animacją zaprezentuję najpierw, jakie prawa fizyczne rządzą symulowanym przez nią zjawiskiem.
4.2.1. Opis teoretyczny zjawisk występujących w animacji
a) Przemieszczenie, prędkość i przyspieszenie
Omawiana przeze mnie animacja dotyczy ruchu dwuwymiarowego odbywającego się w płaszczyźnie xy. WzdłuŜ pewnej krzywej na płaszczyźnie porusza się punkt materialny. Jego połoŜenie (przemieszczenie względem początku układu) w chwili t przedstawia wektor r , natomiast jego prędkość i przyspieszenie odpowiednio wektory
v i a.
Rys. nr 54. Ruch punktu materialnego na płaszczyźnie xy [65]
Na rysunku numer 54 widzimy ruch omawianego punktu materialnego oraz jego połoŜenie, prędkość i przyspieszenie. Wektory r , v i a są wzajemnie od siebie zaleŜne i przedstawiamy je za pomocą zaznaczonych na rysunku składowych
y j x i rr =ˆ + ˆ
, (1)
y
x jv
v dt i
r
v = d = ˆ + ˆ r r
, (2)
y
x ja
a dt i
v
a = d = ˆ + ˆ r r
. (3)
b) Ruch na płaszczyźnie ze stałym przyspieszeniem
Ruch ze stałym przyspieszeniem jest specjalnym przypadkiem ruchu na płaszczyźnie. Charakteryzuje go stały kierunek i wartość przyspieszenia. RównieŜ składowe przyspieszenia są stałe, tzn. ax = const i ay = const, co oznacza, Ŝe mamy do czynienia z ruchem, który da się przedstawić jako suma dwóch ruchów, odbywających się jednocześnie, wzdłuŜ dwóch wzajemnie prostopadłych kierunków.
Punkt materialny będzie się poruszał wzdłuŜ pewnej leŜącej na płaszczyźnie krzywej. Będzie tak równieŜ wtedy, gdy jedna ze składowych przyspieszenia będzie równa zeru, poniewaŜ mimo to odpowiednia składowa prędkości moŜe być róŜna od zera.
Przykładem takiego ruchu jest ruch pocisku, który porusza się po linii krzywej na płaszczyźnie i po zaniedbaniu sił oporu powietrza ma stałe, skierowane w dół przyspieszenie.
Jeśli przyjmiemy, Ŝe składowe przyspieszenia są stałe to ruch ze stałym przyspieszeniem na płaszczyźnie xy moŜemy opisać względem kaŜdej osi za pomocą następujących, zawartych w tabeli zespołów równań:
