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