sprawozdanie
Transkrypt
sprawozdanie
Projekt strony internetowej 7 maja 2010 Łukasz Zygmunt nr indeksu 8940 „Projekt strony internetowej” – Streszczenie referatu z dnia 7 maja 2010. I. Temat projektu. Przedmiotem mojej prezentacji było omówienie praktycznego projektu witryny internetowej, która została zaprojektowana i wykonana przeze mnie na zlecenie mojego kolegi, który już od kilku dobrych lat zajmuje się miksowaniem i masteringiem sygnałów dźwiękowych. Strona ta jest w całości poświęcona właśnie jego twórczości muzycznej, wszystkie zamieszczone tam materiały zostały zagrane, nagrane i w większości także skomponowane przez niego, chociaż znajduje się tam również kilka utworów innych znanych artystów w jego wykonaniu. Strona ta jest jego miejscem w Internecie, w którym może promowad i udostępniad swoją twórczośd innym ludziom. II. Koncepcja i założenia projektu. Z założenia wygląd witryny miał byd bardzo prosty, „nieprzeładowany” grafiką, z łatwą i intuicyjną nawigacją po stronie. Funkcjonalne założenia projektu wiązały się z przechowywaniem krótkich notek dotyczących nowości na stronie w formie systemu news’ów; umieszczenia odtwarzacza plików MP3; wgrywania nowych utworów na serwer; umieszczenia odtwarzacza wideo; systemu przechowywania odnośników do innych stron bezpośrednio związanych z muzyką i grą na gitarze. Mój udział w projekcie to zaprojektowanie całej strony, stworzenie prostej bazy danych do przechowywania wiadomości o nowościach, linkach, połączenie tego razem, oraz dostosowywanie do aktualnych potrzeb. III. Wykorzystane technologie, użyte narzędzia. W projekcie wykorzystane zostało tylko „wolne oprogramowanie”, dostępne za darmo przez ogół użytkowników: (X)HTML, CSS – wykorzystano do napisania całej witryny od strony wizualnej projektu; PHP wykorzystano do połączenia strony wizualnej z bazą danych MySQL(jeden z szybszych serwerów bazodanowych, rozwijany przez firmę Oracle); JavaScript wykorzystane do „podpięcia” odtwarzacza plików MP3/wideo do strony. Geany – to lekki, prosty edytor tekstu kolorujący składnie, auto-zamykający tagi html/xml, posiada wsparcie dla C, Java, PHP, HTML, Python, Perl, Pascal i wielu innych; proste zarządzanie projektami i obsługę dodatkowych wtyczek; Gimp - narzędzie do przetwarzania Rysunek 1. MP3 Flash Player w całej swojej okazałości grafiki cyfrowej; MySQL Workbench – prosty program do kompleksowego projektowania baz danych MySQL; 1 PWSZ Elbląg | 2010 Projekt strony internetowej 7 maja 2010 Oznaczenie relacji 1:n Ze względu na stosunkowo niewielkie rozmiary i złożonośd projektu, baza danych nie jest bardzo złożona, jednak do aktualnych potrzeb wystarczająca. Struktura tabel, oraz nazewnictwo w sposób logiczny nawiązują do działów na stronie. Przechowywane dane, które mają byd wyświetlone są przechowywane zarówno w języku polskim jak i angielskim. Flash MP3 Player – darmowy Rysunek 2. Diagram ERD bazy na której opiera się strona odtwarzacz plików muzycznych zapisanych na serwerze. Jest to bardzo „lekki” odtwarzacz, szybko się wczytuje na stronie. Charakteryzujący się łatwą instalacją na stronie, która ogranicza się do skopiowania z przykładowego pliku html kodu JavaScript, którym „podłącza” się odtwarzacz do strony i konfiguruje podstawowe parametry wskazuje gdzie na serwerze mamy plik ze skryptem do odtwarzacza, plik XML z podstawowymi informacjami o odtwarzaniu, oraz kolorach , folder z MP3 który ma byd skanowany i którego zawartośd będzie pokazywana w formie playlisty w odtwarzaczu; YouTube Custom_player, player wideo, który pozwala na szybkie przygotowanie profesjonalnego odtwarzacza plików wideo zamieszonych w serwisie YouTube, który możemy wykorzystad na naszych stronach internetowych lub blogach. Rysunek 3. Odtwarzacz plików wideo YouTube Oprócz tego strona została podzielona na działy, w których mamy do wyboru język, można wybrad wyświetlanie zarówno w języku polskim jak i angielskim. Do dyspozycji administratora dostępny jest moduł logowania, z poziomu którego możliwe jest dodanie nowinek i odnośników do bazy, również usuwanie/edytowanie; oraz wgrywanie na serwer nowych plików MP3. IV. Co dalej? W chwili prezentacji projekt nie był ukooczony, przedstawione zostały główne założenia jakie miał realizowad i do czego służyd. Ze względu na brak czasu praca nad nim jest chwilowo zawieszona. W przyszłości planowane jest wznowienie pracy nad tym projektem, przepisanie całości do Frameworka PHP, najprawdopodobniej CodeIgniter’a, który pomimo swojej prostoty oferuje ogromne możliwości. 2 PWSZ Elbląg | 2010