Projekt

Obecné

Profil

Upravit Historie

Architektura » Historie » Verze 2

Ondřej Anděl, 2021-05-15 17:25

1 1 Ondřej Anděl 
h1. Architektura aplikace
2 





    3
    
    
    
!architecturepng.png!





    4
    
    
    





    5
    
    
    
Ve výše přiloženém diagramu představuje každá "bublina" vlastní složku a logický celek. Jak je ze schématu patrné, uživatelům jsou přímo přístupné celé stránky z kořenového adresáře (changes.php, contacts.php, atd...). Tyto soubory využívají položek z _view_, jmenovitě to jsou položky _header.html_, _menu.php_, _footer.html_, _style.css_ a pak příslušné položky z _view/contents_ představující samotný obsah stránek. Aplikace byla strukturována do těchto modulů z důvodu snížení duplicit kódu a zjednodušení orientace případným správcům. Aplikace využívá pro responzivní zobrazení (aka správně zobrazení v různých rozlišení) *bootsrap*. Pro příjemnější vzhled aplikace využívá ikony *font awesome*.





    6
    
    
    





    7
    
    
    
h2. view





    8
    
    
    





    9
    
    
    
h3. fonts





    10
    
    
    





    11
    
    
    
Aplikace obsahuje dva volně dostupné fonty připojené globálně ve _style.css_ přes definovací funkci *@font-face*. Font *impacted* je využit v hlavičce aplikace v položce _header.html_. Druhý font _charis-sil_ je využit na veškerý zbylý text aplikace.





    12
    
    
    





    13
    
    
    
h3. img





    14
    
    
    





    15
    
    
    
Veškeré obrázky aplikace jsou uloženy a načítány z této složky. V momentální verzi je v této složce obsaženo logo zču, ikona pro dropboxy(nejjednodušší sjednocení stylu ikonky) a dvojice gifů použitých v uživatelských příručkách, jež jsou součástí samotné aplikace.





    16
    
    
    





    17
    
    
    
h3. js-scripts





    18
    
    
    





    19
    
    
    
V této složce jsou obsaženy hlavní javascriptové metody využívané aplikací (nicméně ne všechny). Některé javascriptové funkce byly zachovány v jejich původních místech, to se týký zejména funkcionalit ovládající modali a samotné volání ovladačů. Tyto "vyjímečné" scripty je možné najít přímo v segmentech tématicky týkajících se příslušné funkcionality. 





    20
    
    
    
Soubor _convertors.js_ obsahuje utilky (ne vždy se jedná o metody, mnohdy jsou to pouze objekty nebo pole) pro převod kódů získaných z databáze do uživatelsky pochopitelného textu. Tento soubor je ideální prostudovat pro pochopení zkratek využívaných v aplikaci (většina z nich zavedena již z předchozí aplikace a databáze).





    21
    
    
    





    22
    
    
    
h3. library





    23
    
    
    





    24
    
    
    
Aplikace využívá dvě knihovny pro přestylování a rozšírení funkcionality komponenty multiselectu. Komponenta _vanillaSelect_ je využívána pro reprezentaci filteru manuscriptu v normálních částech aplikace (momentálně pouze v _searchContent.php_) a komponenta _jQueryMulti_ je používána za obdobným účelem v jQuery generovaných modalech (momentálně pouze v _editModal.html_).





    25
    
    
    





    26
    
    
    
h3. modals





    27
    
    
    





    28
    
    
    
TODO





    29
    
    
    





    30
    
    
    
h3. contents





    31
    
    
    





    32
    2
    Ondřej Anděl
    
TODO





    33
    1
    Ondřej Anděl
    





    34
    
    
    
h2. controller





    35
    
    
    





    36
    
    
    
TODO





    37
    
    
    





    38
    
    
    
h2. model





    39
    
    
    





    40
    
    
    
TODO