• z.polkowski@ujw.pl

Interaktywna witryna internetowa

Interaktywna witryna internetowa

Mariusz Niedźwiecki, Błażej Abramek

Studenckie Koło Naukowe WOD:

Dolnośląska Wyższa Szkoła Przedsiębiorczości i techniki w Polkowicach

 

Dynamiczny rozwój usługi internetowej www spowodował, że mamy możliwość stosowania coraz doskonalszych metod tworzenia witryn internetowych.

Powstają nowe narzędzia programistyczne, które w znacznym stopniu ułatwiają proces tworzenia jak i skracają jego czas.  W celu zidentyfikowania aktualnie stosowanych technik, metod oraz zasad przeprowadzono analizę wybranych witryn internetowych uczelni wyższych w Polsce jak i zagranicą.  Następnie przeprowadzono analizę porównawczą serwisów pod względem takich aspektów jak: kod źródłowy, zastosowane metody programistyczne, walory estetyczne.


 

Przeprowadzone badania pozwoliły na wyszczególnienie technik programistycznych: HTML, JavaScript, Flash, CSS, PHP i MySQL oraz system zarządzania treścią CMS, który pozwala na tworzenie witryny internetowej z poziomu przeglądarki internetowej. CMS wydaje się być rozwiązaniem coraz częściej stosowanym przez wielu twórców stron internetowych. Spowodowane jest to przede wszystkim tym, że aktualizację oraz modyfikację witryny może przeprowadzać osoba nie posiadająca wykształcenia informatycznego. Z tego powodu powstaje wiele witryn informacyjnych, prezentacyjnych (np. strony miasta, jednostek administracyjnych), po rozbudowane serwisy tematyczne, sklepy internetowe, galerie zdjęć czy magazyny plików.

  • HTML
  • JavaScript
  • Flash
  • CSS
  • PHP
  • MySQL

System CMS może być zastosowany wszędzie tam, gdzie redagującym osobom brakuje wiedzy programistycznej, gdzie najważniejsza jest treść i aktualność serwisu. CMS łączy w sobie cechy zaawansowanych funkcji z prostotą użytkowania. Różnica pomiędzy wykorzystaniem edytorów HTML a systemami CMS polega na tym, że edytory pozwalają redagować dokumenty zawierające ustaloną treść. Aby ją zmienić, trzeba zmodyfikować dokument z treścią strony poprzez edycję kodu źródłowego. W przypadku CMS nie tworzymy stron – zarządzamy treścią: dodajemy lub wskazujemy miejsca, z których należy ją pobrać, kopiujemy, przenosimy, usuwamy. Natomiast strony www generuje CMS na podstawie właściwości pozycji menu i pozycji modułów.

Połączenie skryptów PHP, Javascript z dodatkowym wsparciem technik CSS i HTML pozwala tworzyć przejrzyste i wygodne serwisy internetowego. Opracowane serwisy mogą być wykorzystywane w usprawnianiu wzajemnego przekazywania wiedzy w procesie nauczania. Praca zawiera przegląd aktualnie wykorzystywanych metod tworzenia witryn internetowych. Przeprowadzona analiza wybranych witryn internetowych funkcjonujących w kraju jak i poza granicami pozwoliła na wskazanie aktualnie stosowanych metod programistycznych. Analiza została zawężona do witryn uczelni wyższych. Poszczególne witryny porównano pod względem takich aspektów jak: rodzaj menu, zastosowane techniki programistyczne, animacje oraz kolorystyka. Zebrany materiał pozwolił na opracowanie wniosków. Podkreślić można to, że profesjonalna witryna  powinna wykorzystywać kilka technik programistycznych (HTML, FLASH, CSS, JavaScript, CMS)

W pracy zostały zawarte informacje związane z różnymi metodami tworzenia stron WWW. Przeprowadzone badania wybranych serwisów internetowych pozwoliły na wyciągnięcie wielu wniosków dotyczących skutecznego i prawidłowego tworzenia witryn internetowych. Istotne jest to że trudno wskazać jeden język bądź metodę opisu stron www, która spełniłaby oczekiwania programisty jak i odbiorcy. Optymalnym rozwiązaniem chwili obecnej jest wykorzystanie kilku technik jednocześnie. Interesującym i skutecznym rozwiązaniem może być zastosowanie systemu zarządzania treścią CMS. Jest to metoda która posiada wiele ograniczeń wynikających z daleko posuniętej automatyzacji, jednak pojawiające się ulepszenia i nowe wersje tego typu rozwiązań pozwalają stwierdzić, że te ograniczenia i niedogodności będą minimalizowane. Przykładem dynamicznie rozwijającego się systemu CMS Open- Source  może być Joomla.  Zastosowanie dotykowych technik takich jak Flash, JavaScript oraz ingerencja w kod źródłowy wygenerowany w CMS, powoduje , że witryna spełni oczekiwania najbardziej wymagających odbiorców. Dodatkowym atutem prezentowanego rozwiązania jest łatwa modyfikacja i skalowalność.

Przeprowadzona analiza badawcza, opracowane wnioski pozwoliły na podjęcie próby opracowania witryny internetowej laboratorium WOD w Polkowicach. Do opracowania serwisu WWW wykorzystano system zarządzania treścią CMS Joomla w wersji 1.15. Przeprowadzono instalację i konfigurację oprogramowania joomla na serwerze WWW. Następnie przeprowadzono modyfikację kodu źródłowego, zmodyfikowano grafikę oraz zaimplementowano elementy wykonane w technologii JavaScript, Flash. Dodatkowo zaimplementowano system statystyk. Następnie serwis został poddany walidacji i testom. Wybrane zrzuty ekranowe zostały zamieszczone w opracowaniu. Zauważa się, że prezentowane rozwiązanie jest znaczną modyfikacją istniejących oraz poprzednich rozwiązań. Wynika to z podejmowanych prób poszukiwania nowych i coraz lepszych rozwiązań w zakresie tworzenia serwisów internetowych.

Joomla! to System Zarządzania Treścią [ang. Content Managment System] rozwijany przez ten sam wielokrotnie nagradzany zespół, który uczynił Mambo CMS gwiazdą wśród innych programów. Potęga Joomli tkwi w modułowej budowie. Ze składników Joomla! – jak z klocków Lego – możesz zbudować taką witrynę WWW, jaką zechcesz. Joomla! jest upowszechniany na zasadach GNU General Public License(GNU GPL). Powszechna Licencja Publiczna zapewnia swobodę upowszechniania kopii oprogramowania i – jeśli ktoś chce – umożliwia pobieranie za to opłat, ale nie pozwala pobierać opłat za samo oprogramowanie, ponieważ Joomla! jest wolnym oprogramowaniem, jest bezpłatne! GNU GPL zapewnia swobodę dokonywania zmian w oprogramowaniu lub wykorzystywania jego fragmentów w nowych wolnych programach.

Joomla! oferuje bogactwo rozwiązań umożliwiających gromadzenie i publikację: tekstów (aktualności, informacji, materiałów instruktażowych, twórczości literackiej), obrazów – ilustracji i galerii, animacji i klipów filmowych, klipów dźwiękowych, prezentacji.

Standardowe i dodatkowe składniki umożliwiają efektywne wykorzystanie Joomli w: działalności informacyjnej i edukacyjnej: prowadzeniu portali, wortali, e-learningu, prowadzeniu e-bizesu, marketingu, reklamy, promocji, agencji ogłoszeń, etc., prowadzeniu e-Urzędu – udostępnianiu informacji publicznej, obsłudze petentów, rozwijaniu wspólnot – społeczności lokalnych, religijnych, stowarzyszeń, klanów, w wykonywaniu różnych zadań związanych z zarządzaniem serwisem[1]

Jedną z największych zalet Joomli jest możliwość wykonania profesjonalnej strony WWW bez znajomości języka html czy css. Każdy przeciętny użytkownik komputera jest w stanie wykonać własną stronę WWW. Kolejną zaletą jest przejrzystość oraz nie skąplikowana budowa panelu administracyjnego. Następnym plusem jest to, że Joomla jest całkowicie darmowym oprogramowaniem według wcześniej wspomnianej licencji. Wadą tego oprogramowania jest skąplikowana instalacja na komputerze lokalnym, lecz wręcz intuicyjna instalacja na serwerze. Po zainstalowaniu Joomli konieczne jest zainstalowanie dodatkowego oprogramowania np. JCE editor, Phoca Galery czy Phoca download, gdyż standardowe oprogramowanie Joomli nie oferuje nam np. rozwiniętego edytora tekstu oraz programu potrzebnego do utworzenia galerii na stronie. Następną wadą jest mała dostępność oprogramowania do własnego tworzenia skórek. Mniej ambitni skorzystają z gotowych skórek, które znajdują się w internecie, a profesjonalne oprogramowanie do wykonania własnej skórki jest bardzo drogie.

Do opracowania strony Wirtualnej Organizacji Działań użyto Joomle w wersji 1.5.12 wraz z polską nakładką językową. Oprogramowanie jakie zostało dodatkowo zainstalowane w Joomli to JCE editor, Phoca Gallery, Phoca download oraz został zakupiony program do tworzenia profesjonalnych skórek Artisteer 2 dzięki, któremu została stworzona aktualna skóra widoczna na portalu. Dzięki programowi JCE editor otrzymaliśmy profesjonalny edytor tekstowy, dzięki Phoca Gallery mogliśmy utworzyć galerię zdjęć, a dzięki Phoca dowlnoad uzyskaliśmy możliwość wrzucenia plików na serwer, które użytkownicy tej strony mogą pobierać. Na stronie dominuje kolor jasno niebieski, menu jest bardzo rozbudowane. Znajduje się na lewej, prawej stronie oraz na górze. Dodatkowe moduły z jakich skorzystaliśmy to wyszukiwanie, sonda, logowanie, liczba gości aktualnie odwiedzających stronę oraz grafika losowa. Do umieszczania artykułów na serwerze konieczne było stworzenie sekcji, a potem kategorii, do których odpowiednio doczepiane były artykuły, które są na bieżąca aktualizowane.

Podsumowując, Joomla jest to bardzo dobre rozwiązanie dla osób (firm), które chcą zrobić własną, efektywną stronę internetową.


[1] http://www.joomla.pl/

Maciej Skowronek
Maciej Skowronek

Leave a Comment