Celem pracy jest ukazanie etapów modelowania i implementacji platformy do gry karaoke online. W pracy zaprezentujemy technologie używane przy tworzeniu takiego systemu, a także sposoby komunikacji między poszczególnymi warstwami - prezentacji, bazy danych, algorytmicznej i serwerowej. Pokazujemy jak stworzyć poprawnie działający model witryny internetowej wraz z przykładowymi schematami jej użycia. Omówimy również sposób wdrożenia i konfiguracji systemu. Na początku zaprezentujemy teorie dotyczącą technologii, którymi się posługiwaliśmy, m.in. PHP, Apache, MySQL, Flash, JavaScript, CSS. Ponadto opiszemy projekt bazy danych. Praca zawiera dodatkowo szczegółowe dane dotyczące sposobu działania platformy wraz z specyfikacją funkcjonalną. Do opisu wybranych funkcjonalności wykorzystaliśmy język UML. W dalszej części prezentujemy również makiety systemowe, wraz z ich opisem. Pod koniec pracy opiszemy specyfikację plików wejściowych oraz szczegóły dotyczące sposobu wdrożenia systemu. Przebieg procesu tworzenia serwisu został zaprezentowany na przykładzie diagramu Gantta.Wszystkie diagramy, kody i binaria zostały dołączone na zewnętrznym nośniku.

The point of this work is to show all the stages of modeling and process of creating “Project and implementation of internet karaoke platform”. It shows technologies that are using to create such a system and communication between server, database, algorithm and user interface layers. Our bachelor thesis shows properly working model of website with example of functionality and use cases. In the project we use sound processing algorithm to calculate points scored by the players. Furthermore, you can find information about platform’s deployment with domain’s configuration. At first there is a caption about modeling language - UML, in the following parts we include important information about PHP, Apache, Flash, CSS, JavaScript and some basics about MySQL and versioning services as Mercurial. We are describing systems of database management, showing how to properly design and maintenance it, including tables describe with various attributes and data integrity rules. Our work also contains detailed information about behavior of platform with functional specification. To description of some selected functionality we used UML to create diagrams. In the next part we show mockups with description. At the end we describe the specification of input and output files, as well as details of deployment the system. The process of service creating is shown in the Gantt diagram.All diagrams, source codes and binary files have been attached to an external media.