Jízdenkový rezervační systém nové generace AUTOR Anh Le Hoang ŠKOLA Gymnázium Brno, třída Kpt. Jaroše 14 KRAJ Jihomoravský OBOR 18. Informatika Brno 2015
JÍZDENKOVÝ REZERVAČNÍ SYSTÉM NOVÉ GE- NERACE TICKET RESERVATION SYSTEM OF NEW GENERATI- ON AUTOR Anh Le Hoang ŠKOLA Gymnázium Brno, třída Kpt. Jaroše 14 KRAJ Jihomoravský ŠKOLITEL Ing. Lukáš Vlček OBOR 18. Informatika Brno 2015
Prohlášení Prohlašuji, že svou práci na téma Jízdenkový rezervační systém nové generace jsem vypracoval/a samostatně pod vedením Ing. Lukáše Vlčka a s použitím informačních zdrojů, které jsou všechny citovány v práci a uvedeny v seznamu literatury na konci práce. Dále prohlašuji, že tištěná i elektronická verze práce SOČ jsou shodné a nemám závažný důvod proti zpřístupňování této práce v souladu se zákonem č. 121/2000 Sb., o právu autorském, o právech souvisejících s právem autorským a změně některých zákonů (autorský zákon) v platném změní. V Brně dne 5. 3. 2015 Podpis:
VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ Fakulta Elektrotechniky a Komunikačních technologií Ústav telekomunikací Poděkování Děkuji svému školiteli Ing. Lukášovi Vlčkovi za dobrou spolupráci, připomínky a návrhy na tomto projektu. Tato práce byla provedena za finanční podpory Jihomoravského kraje.
Anotace Cílem této práce je vytvořit koncept jízdenkového systému, který nabízí další možnosti oproti současným jízdenkovým systémům jako např. dynamicky vytvořit a upravovat půdorys autobusu a přiřazovat zvlášť každému sedadlu vlastnosti. Tento koncept by měl tedy nabídnout více možností jak uživatelům, správcům stránky tak i jednotlivým dopravním společnostem. Klíčová slova Jízdenkový rezervační systém Annotation The goal of this work is to create a concept of ticket reservation, which would offer additional features compared to other current ticket reservation systems. Like for instance creating dynamically a ground plan of a bus or adding for each individual seat properties. This concept should bring more options for users, administrators of the site and for each transport company. Keywords Ticket reservation system
Obsah ÚVOD... 7 1 POUŽITÉ TECHNOLOGIE... 8 2 STRUKTURA STRÁNEK... 8 2.1 INDEX... 8 2.2 REGISTRACE/PŘIHLÁŠENÍ... 9 2.3 PODROBNOSTI KE SPOJI... 9 3 UŽIVATELSKÉ ROLE... 9 4 UŽIVATELSKÁ SEKCE... 10 4.1 KREDIT... 10 4.2 REZERVACE SEDADEL... 10 4.3 VÝBĚR TARIFU A DOKONČENÍ... 11 4.4 SEZNAM PROVEDENÝCH REZERVACÍ... 12 5 ADMINISTRÁTORSKÁ SEKCE... 12 5.1 PRVKY URČENÉ DLE VÝROBCŮ AUTOBUSŮ... 13 5.1.1 Autobusy... 13 5.1.2 Půdorysy... 13 5.1.3 Sedadla... 13 5.1.4 Přiřazení půdorysu k autobusu... 13 5.2 PRVKY DANÉ DOPRAVNÍMI SPOLEČNOSTMI... 13 5.2.1 Dopravce... 13 5.2.2 Vlastnosti sedadla... 13 5.2.3 Přiřazení autobusu k dopravci... 14 5.2.4 Označení sedadla... 14 5.2.5 Přiřazení vlastnosti k sedadlu... 14 5.2.6 Linky... 14 5.2.7 Trasy... 14 5.2.8 Zastávky... 14 5.2.9 Přiřazení zastávky k trase... 14 5.2.10 Spoje... 14 5.2.11 Aktivní spoje... 15 5.2.12 Tarify... 15 ZÁVĚR... 16 LITERATURA... 17 SEZNAM OBRÁZKŮ... 18 6
Úvod Účelem je vytvořit flexibilní jízdenkový rezervační za pomocí open-source aplikací jako framework Django a databázový systém PostreSQL, který nabízí další možnosti oproti nynějším rezervačním systémům, a aby šel využít vícero dopravními společnostmi. Důvodem této práce je současný stav rezervačních systémů, protože většina aktuálních rezervačních systému nabízí jen stejné omezené možnosti a mají zastaralý design. Dalším důvodem pro mě byla možnost naučit se novému programovacímu jazyku Python a prohloubit svoje dosavadní znalosti s tvorbou stránek. Stránky nejsou určitě zcela kompletní a nabízí se spousta možností jak stránky vylepšit a přidat další funkcionality. Cílem je však, aby byly stránky v budoucnu uživatelsky a možná i komerčně použitelné. 7
1 Použité technologie K ukládání veškerých dat byl použit databázový systém PostreSQL ve verzi 9.3. Pro práci s databází byl použit framework Django ve verzi 1.6.5, který využívá programovacího jazyka Python 3.4.3. Pro grafické zpracování stránek bylo použito CSS3 a jako značkovací jazyk HTML5. Důvodem volby bylo převážně to, že se jedná o open-source aplikace a kvůli pověsti, které získali díky velkým stránkám, které je využívají. 2 Struktura stránek Stránka se skládá z hlavičky, kde se nachází logo stránky společně s přídavným blokem, ve kterém se nachází registrace/přihlášení a po přihlášení další položky. Po přihlášení se zobrazí aktuální stav kreditu (o kterém bude zmínka v pozdější kapitole 3.1) a Moje rezervace. 2.1 Index Obsahuje základní vyhledávání spojů pomocí data a zvolených lokací, která po zmáčknutí tlačítka vyhledat spoje zobrazí dostupné spoje, u kterých zobrazí čas odjezdu, čas příjezdu a celkovou vzdálenost, které ještě nebyly plně obsazeny. Uživatel bude upozorněn, pokud vyplní datum ve špatném formátu nebo pokud je datum starší než je aktuální čas. Pokud je uživatel přihlášen zobrazí se tlačítko pro možnost zarezervování sedadel v daném spoji. V Současném stavu vyhledávání zatím neumí řetězit trasy, ale mohl by být implementován později. Obrázek 1-Index po přihlášení 8
Obrázek 2-Index s výsledky vyhledávání 2.2 Registrace/přihlášení Po kliknutí na položku registrace nebo přihlášení se zobrazí stránka s příslušným formulářem. V registraci lze doplnit další položky, které by byly potřeba vyplnit podle potřeb správce stránek. Po přihlášení se odemkne nová položka Moje rezervace a zobrazí se jméno a současný stav kreditu uživatele. 2.3 Podrobnosti ke spoji Tato stránka se zobrazí, pokud si uživatel nechal vyhledat spoje a zmáčknul číslo linky. Zobrazí se stránka se zastávkami, časem příjezdu/odjezdu a vzdálenosti mezi jednotlivými zastávkami v daném spoji. 3 Uživatelské role 1) Běžný návštěvník - Má práva na vyhledávání spojů a zobrazit si k nim detaily, ale nebude si moct zarezervovat sedadla. 2) Uživatel - Po přihlášení si bude moct, na rozdíl od návštěvníka, zarezervovat sedadla za kredity a zobrazovat svoje rezervace. 3) Administrátor Má možnosti přidávat prvky do databáze stránek. 9
4 Uživatelská sekce Jedná se o část, která je zpřístupněna až po přihlášení pro registrované Uživatele nebo Administrátory. Pokud se kdokoliv pokusí dostat do této části, bude poslán na stránku s chybovou hláškou. 4.1 Kredit Jedná se o virtuální měnu, kterou Uživatel může využívat k rezervaci sedadel. V současném stavu zatím není implementován způsob jak přiřadit kredity než přímým přidáním přes databázový program. 4.2 Rezervace sedadel Zobrazí se dynamicky vykreslený půdorys autobusu, ve kterém se po přejetí myší na dané sedadlo, zobrazí vlastnosti daného sedadla. Uživatel si zde může vybrat více sedadel zároveň a následně po potvrzení bude dále přesměrován na stránku s výběrem tarifů a s konečnou cenou. Obrázek 3-Výběr sedadel 10
4.3 Výběr tarifu a dokončení Obrázek 4-Zobrazení atributů sedadla Uživatel po zvolení sedadel z předchozí stránky, si nyní vybírá tarif a ukazuje se mu aktuální celková cena za ujeté kilometry a za vlastnosti všech sedadel pomocí javascriptu a po potvrzení stránka zkontroluje, zdali má Uživatel dostatek kreditu. Pokud nebude mít dostatek kreditu, bude přesměrován na stránku s chybovou hláškou. Pokud však má dostatek kreditu, místa se zarezervují, odečtou se peníze z účtu Uživatele a odešle ho na stránku s oznámením, že rezervace proběhla v pořádku. 11
Obrázek 5-Volba tarifu a potvrzení platby 4.4 Seznam provedených rezervací Zobrazí všechny rezervace s informacemi o ceně, číslu linky, orientačním čísle, zvolených místech a času odjezdu zarezervované daným Uživatelem. Obrázek 6-Seznam vlastních rezervací 5 Administrátorská sekce Jedná se o část dostupnou pouze pro přihlášené Uživatele s právy Administrátora, kteří mohou přidávat další prvky do databáze jako např. dopravce a autobusy. Nachází se v položce Správa v horním menu. Tato část se dále dělí na 2 části: 1) Prvky, které jsou dány výrobcem vozidla jako např. autobusy, půdorysy a sedadla. 2) Prvky, které vytváří správce webu jako např. dopravci, vlastní číslování sedadel podle dopravce a trasy. 12
5.1 Prvky určené dle výrobců autobusů 5.1.1 Autobusy Jedná se o vozidla zatím bez přiřazeného půdorysu a dopravce, ale s danými rozměry v pixelech, které se využívají u vykreslení nákresu autobusu. Po určení půdorysu mohou být přidělené dopravcům. Stránka obsahuje vytvoření autobusu bez přiřazeného půdorysu, přiřazení označení a přiřazení rozměrů v pixelech. Pokud by bylo potřeba, uložili by se další informace. 5.1.2 Půdorysy Půdorys je skupina sedadel s danými rozměry a souřadnicemi. Platí vztah, že autobusu může být přiřazeno více půdorysů a opačně. Stránka obsahuje vytvoření půdorysu a přiřazení jeho označení. Každému půdorysu se později přiřazují sedadla. 5.1.3 Sedadla Sedadla se vykreslují v plánu autobusu podle zadané velikosti a podle souřadnic. Stránka obsahuje přiřazení velikosti sedadla v pixelech, souřadnic podle os x a y a zvolení půdorysu, do kterého má patřit. 5.1.4 Přiřazení půdorysu k autobusu Stránka obsahuje přiřazení půdorysu k autobusu a jeho následné označení. Každý půdorys může být ve více autobusech, tento vztah platí i obráceně. 5.2 Prvky dané dopravními společnostmi 5.2.1 Dopravce Tento web bude moct využívat více dopravců zároveň a budou si moct přiřazovat vozidla, vlastní označení sedadel a vlastnosti sedadlům zvlášť. Stránka obsahuje přidávání názvů dopravců. 5.2.2 Vlastnosti sedadla Vlastnosti sedadel, které jsou navíc např. elektřina a služby navíc, se přiřazují zvlášť podle společnosti, která autobus vlastní. Stránka obsahuje přiřazení názvu vlastnosti a jeho ceny. 13
5.2.3 Přiřazení autobusu k dopravci Každý dopravce na serveru si bude moct přiřadit autobus, u kterého bude mít vlastní označení vozidla. Stránka obsahuje přiřazení dopravce, označení a autobusu s daným půdorysem. 5.2.4 Označení sedadla Dopravci si mohou očíslovat sedadla autobusů, která vlastní, dle vlastních potřeb. Stránka obsahuje zvolení vozidla s půdorysem, který už patří nějaké společnosti, a poté umožní vybrat sedadlo z autobusu a přiřadit mu nové číslo. 5.2.5 Přiřazení vlastnosti k sedadlu Dopravce si může přiřazovat vlastnosti k sedadlu, kterou si sami označili, dle svých potřeb. Tyto vlastnosti se započítávají u finální ceny. Stránka obsahuje přiřazení vlastnosti k sedadlu. 5.2.6 Linky Linka je používána k rozeznání pravidelných spojů. Pro každého dopravce je zvlášť. Stránka obsahuje přiřazení čísla linky, orientačního čísla a zvolení dopravce. 5.2.7 Trasy Trasa je skupina zastávek s daným pořadím, kde každá zastávka má přiřazený vzdálenostní a časový offset. Linka je přiřazena k trase. Stránka obsahuje vytvoření trasy a přiřazení jejího názvu a linky. 5.2.8 Zastávky Názvy míst, které se později přiřazují k trasám. Stránka obsahuje vytvoření zastávky a přiřazení názvu místa. 5.2.9 Přiřazení zastávky k trase Z časových a vzdálenostních offsetů lze spočítat dobu jízdy a vzdálenost mezi 2 městy. Stránka obsahuje přiřazení zastávky k trase a přidání časového a vzdálenostního offsetu. 5.2.10 Spoje Spoj obsahuje čas odjezdu a trasu, kterým bude procházet. Stránka obsahuje přiřazení linky a času odjezdu z prvního místa výjezdu. 14
5.2.11 Aktivní spoje Aktivní spoj je kombinací spoje, data a autobusu s přiřazeným půdorysem, který už patří nějakému dopravci. Aktivní spoje se budou ukazovat ve vyhledávání spojů v indexu. Stránka obsahuje zvolení dopravce a poté se načte formulář s přiřazením spoje, vozidla, která patří danému dopravci a přiřazením data odjezdu z prvního místa výjezdu. 5.2.12 Tarify Tarif určuje cenu za kilometr, která se pak využívá u výpočtu celkové ceny. Celkovou vzdálenost spočítá ze vzdálenostních offsetů zastávek v trati. Stránka obsahuje přirazení názvu tarifu a cenu za kilometr. 15
Závěr Podařilo se mi vytvořit funkční stránky, které mají základní vlastnosti rezervačního systému, ale i některé navíc. Tento koncept by se mohl uplatnit u vícera dopravních společnosti a mohl by otevřít další možnosti pro rezervační systémy. Do budoucna by šlo vypracovat, aby byl design stránek responsivní a přidat další možnosti a funkcionality. Pro mě tento projekt byla dobrá zkušenost, naučil jsem se nový programovací jazyk Python a prohloubil svoje stávající znalosti z HTML, CSS a javascriptu. 16
Literatura The web framework for perfectionists with deadlines [online]. Lawrence Journal-World [vid. 1.3.2015]. Dostupné z: http://www.djangoproject.com/. HTML & CSS - W3C. W3C. World Wide Web Consortium (W3C) [online]. [vid. 1.3.2015]. Dostupné z: http://www.w3.org/standards/webdesign/htmlcss. PostgreSQL: The world's most advanced open source database [online]. PostgreSQL Global Development Group [vid. 1.3.2015]. Dostupné z: http://www.postgresql.org/. Python [online]. Python Software Foundation [vid. 1.3.2015]. Dostupné z: http://www.python.org/. 17
Seznam obrázků Obrázek 1-Index po přihlášení... 8 Obrázek 2-Index s výsledky vyhledávání... 9 Obrázek 3-Výběr sedadel... 10 Obrázek 4-Zobrazení atributů sedadla... 11 Obrázek 5-Volba tarifu a potvrzení platby... 12 Obrázek 6-Seznam vlastních rezervací... 12 18