Portál www.famu.cz Návrh architektury, verze 4, 21.2. 2011 Návrh k realizaci
Dokument obsahuje základní strukturu webového portálu www.famu.cz, typy stránek a schéma navigace. Jde o výchozí návrh pro realizaci, který bude dále upřesňen po dohodě s dodavatelem. Řešitelé: Pavel Jech, Erik Rosenzveig, Jitka Hejtmanová, Martin Blažíček, zapsal: Martin Blažíček Příloha: Grafický manuál AMU (pdf), logo FAMU
Rozsah zakázky Vytvoření portálu famu.cz včetně grafického návrhu a jeho implementace do CSS, uživatelské rozhraní, CMS, 1 dílčí aktualizace po 6ti měsících.
Postup realizace
grafický návrh – 2 verze (dodavatel) vytvoření designu stránek na základě grafického návrhu (dodavatel) vytvoření CMS a aplikační veřená část (dodavatel) naplnění daty a vytvoření struktury webu (zadavatel) revize a drobné upravy (dodavatel) uvedení do provozu dílčí úpravy po 6ti měsících používaní ve smluveném rozsahu
Definice a cílová skupina Portál www.famu.cz je webovým portálem filmové a televizní fakulty AMU. Měl by být přístupnou informační bází s přitažlivým grafickým zpracováním. Hlavní důraz je kladen na přístupnost informací, přehlednost navigace a čtenářskou přívětivost. Portál zároveň slouží pro propagaci školy a jejích aktivit, měl by mít jasnou a nezaměnitelnou grafickou identitu vyjadřující poslání školy. Portál slouží pro:
komunikaci školy s veřejností propagaci českého studijního programu v češtině propagaci mezinárodního studijního programu vnitřním potřebám školy, interní informace a informace pro stávající studenty informace o českém studijním programu v angličtině
Cílová klientela:
stávající studenti a pedagogové – navigace, studijní informace budoucí studenti – propagace školy, informace o studiu zaměstnanci – klíčové dokumenty školy, aktuální provozní informace veřejnost – komunikace image školy partneři – informace o studiu, výzkumných a dalších aktivitách
Webový portál famu.cz by měl obsahovat hypertextové dokumenty, fotografie, fotografické galerie a přiložené soubory. Portál by něměl obsahovat studijní databáze, video, audio, streamy médií, personalizované stránky, prvky webu 2.0. Portál by měl řešit funkční navigaci na další databázové systémy školy: studijní informační systém KOS, roční učební plány, rozvrhy, rezervační systém studia FAMU, adresář, iFamu a další.
Vizuální identita
grafický návrh musí být v souladu s grafickým manuálem AMU (příloha). FAMU používá červené varianty logotypů a grafické identity. Logotypy jsou přílohou tohoto dokumentu. grafický design portálu by měl komunikovat zaměření školy: film, video, fotografie, nová média upředostňujeme progresivní a zároveň dlohodobě udržitelný design, škola by měla skrze grafickou identitu zdůrazňovat orientaci na současnost, progresivní vývoj, využití nových technologií. grafické řešení nesmí znesnadňovat čtení a navigaci (například nestandardními navigačními prvky, animací, velkými fotografiemi, a pod.) upřednostňujeme umístění nejpoužívanější navigace v horní polovině stránky šířka stránky je max 960px. pro porál famu.cz by měly být použity obecně dva druhy fotografií: ilustrační fotografie jako součást designu a galerie spravované uživateli. Více v sekci administrace. fotografické podklady (designové i obsah) budou připraveny ve spolupráci s Katedrou fotografie FAMU
Technické parametry
aplikace PHP/MySQL, server Apache fyzicky spravovaný IT oddělením AMU použití javascriptu dle zásad obecné přístupnosti webu optimalizace pro platformy: PC (IE 6-8, Opera, Firefox), Macintosh (Safari, Opera, Firefox), Linux (Firefox) a mobilní platformy, včetně optimalizace typografie. Podpora pro IE pod verzi 7 pouze v základní funkcionalitě. komponenty flash nesmí být použity pro navigaci ani jiné nezbytně funkční části webu každý obsah musí mít unikátní URL využití některé obecně rozšířené platformy, nebo knihovny (např. Drupal, Joomla, jQuery...)
Informační struktura I. Veřejná část - popis Uživatelská část portálu famu.cz by měla respektovat základní typy uživatelského přístupu:
český stávající student / pedagog český budoucí student mezinárodní student (stávající / budoucí) veřejnost / partneři
Předpokládáme, že jednotlivé skupiny uživatelů se převážně nebudou prolínat, proto by jejich navigace měla již od titulní strany směřovat do dané oblasti portálu, kde budou umístěny specificky zaměřené informace (dále viz podrobná struktura webu). Portál by měl fulltextové hledání všech stránek a RSS kanály všech typů novinek. Portál bude existovat ve třech větvích:
A. stránky o českém studijnim programu v češtině (subdoména FAMU.CZ) B. stránky o českém studijnim programu v angličtině (subdoména EN.FAMU.CZ) C. stránky pro studenty mezinárodních programů v angličtině (subdoména INT.FAMU.CZ)
Výchozí homepage FAMU.CZ odpovídá rozcestníku, který obsahuje převážně obsah kategorie A a výrazné odkazy do rozcestníku kategorie B a C. Jazykové verze nebudou kopírovat strukturu, jsou rozvíjeny nezávisle. Stránky budou organizovány jako vlákna, přičemž nevětší hloubka je 4 úrovně. Kažádá podstránka (child) má pouze jednoho rodiče (parent).
Odkazy mezi různými vlákny budou řešeny ručním zanášením hypertextových odkazů do textu. I.1 Základní typy stránek
Titulní strana – základní navigační rozcestník obsahující výpisy různých typů aktualit, odkazy na další rozcestníky a pod. Stránka s textovým obsahem – text, nepovinná ilustrační fotografie v záhlaví, připojení galerie, připojení souborů, obrázky v textu Rozcestník – zvláštní unikátně designovaná stránka usnadňující navigaci pro určitou skupinu uživatelů (například rozcestník pro studenty). Může poskytovat odkazy na jiné stránky umístěné v různých částech portálu, externí databáze a odkazy, výpisy aktualit, a pod. Stránka nebude přístupná běžné editaci. Galerie
I.2 Aktuality Vzhledem ke komplikované struktuře školy je jedním z požadavků komplikovanější systém tagování aktualit. Budou existovat 4 nezávislé typy.
úřední deska (CZ) úřední deska (EN) moduly obecné aktuality (CZ) obecné aktuality (EN)
Úřední deska existuje ve dvou jazykových mutacích (FAMU.CZ), nemá další vlastnosti. Je vypisována na homepage české a anglické verze a další vybrané stránce děkanátu. Moduly jsou společné pro českou a mezinárodní verzi webu (FAMU.CZ a INT.FAMU.CZ). Nemá další rozdělení. Výpis je na mezinárodní i české homepage. Obecné aktuality: v české části webu (CZ) – mají visačku dle jednotlivých kateder a oddělení (KAT, CAS, KSS, D...), nebo visačku „pro všechny“. Na titulní traně jsou vypsány všechny aktuality se všemi visačkami. Na příslušných stránkách kateder jsou pak pouze aktuality s danou visačkou a aktuality „pro všechny“. v mezinárodní části webu (EN) – mají visačku dle studijního programu (CET, Freemovers, Erasmus, CIEE...), nebo visačku „public“. Jsou vypisovány ve stránkách pro studenty jednotlivých programů, na úvodní stránce jsou vypisovány pouze novinky s visačkou „public“. Visačky by měly mít ideálně chrakter jasně vizuálně rozlišitelného grafického znaku, tak aby byl původ záznamu patrný v hromadném výpisu. Jejich počet je fixní a bude proměňován pouze vyjímečně. Aktuality tvoří: Datum, nadpis, středě dlouhý text a přílohy souborů. Ve výpisech bude zobrazen pouze název aktuality odkazující na samostatnou stránku s textem a dalšími daty záznamu. Kromě sdružených a omezených výpisů by měla existovat souborná stránka chronologického výpisu všech novinek (název, tag, datum). Aktuality nemají obrázky a galerie. I.3 Menu Ve struktuře webu bude maximální hloubka vláken 4 úrovně (tj.od základní úrovně – homepage – budou existovat podřazené položky do max. 4. generace, např. Index > [1]Studium > [2]Pro zájemce o studium > [3]BA program > [4]Katedra režie. Dítě 4.generace nebude mít možnost vytvářet podstránky. Portál by měl mít hlavní horizontální menu zobrazující všechny položky 1. úrovně (fixní). Toto hlavní menu by mělo obsahovat drop-down efekt s omezeným množstvím položek a jasnou informací o to, že je třeba vlákno otevřít pro další položky menu. Například menu má 21 položek, v drop-down bude zobrazeno pouze cca 6 uživatelsky vybraných + odkaz na více, zbytek z nich a další bude viditelno ve vertikálním menu až po vstupu do některé položky.
Dále by měl mít portál na všech stránkách kromě homepage vertikální menu, které postupně rozkrývá jednotlivá vlákna. Toto menu musí vždy obsahovat 1.úroveň navigace a dále vybrané vlákna. Vertikální menu je možné řešit selektivním rozbalováním, tj.budou vždy rozbalena pouze aktivní vlákna menu, nikoli celá struktura, avšak aktuální cesta bude viditelná. Např. [1] Škola [1] Katedry [1] Instituce [1] Studium - [2] Pro zájemce o studium -- [3] BA Program --- [4] Katedra režie --- [4] Katedra scénáristiky --- [4] Katedra fotografie --- [4] atd... [1] Knihovna [1] Studio FAMU Alternativním řešením je rozbalení všech vláken cesty v různých místech navigačního panelu, např. ve sloupcích, případně jako vložená část samotné obsahové části, nebo jako kombinace inline a blokových výpisů menu. V tom případě by struktura [1-3] byla rozbalena kompletně v následnosti vlákna. Struktura by poté vypadala následovně: [1] Škola [1] Katedry [1] Instituce [1] Studium [1] Knihovna [1] Studio FAMU ... [2] Pro zájemce o studium [2] Pro studenty [2] Granty [2] Stipendia ... [3] BA Program [3] MA Program [3] Doktorandské studium ... [4] Katedra režie [4] Katedra scénáristiky (aktuální stránka) [4] Katedra fotografie [4] atd... Pro boční menu by neměla být použita technologie drop down menu, nebo jiné roll-over efekty zobrazující strukturu dynamicky. Popsané řešení vychází z analýzy obsahu a odhadu větvení jednotlivých vláken. Počet položek v jednotlivých bodech není ve vertikálním menu limitován, avšak měl by být hlavním administrátorem udržován v logických proporcích. I.4 Galerie Galerie budou soubory fotografií vytvářené uživately. Galerie by měly být prohlíženy na samostatné stránce galerie (nebo javascriptovou vrstvou), velikosti fotografií by měly být pro účely náhledu automaticky upravovány na přesné rozměry (ořez-měřítko). Pro prohlížení galerií upředosňujeme javascirpt (jQuery, Lightbox...)
II. Administrace Portál famu.cz bude správován hlavním webmasterem (admin), jehož úkolem bude doplňovat a formátovat texty a grafiku dle daných typografických a publikačních pravidel. Webmaster bude ovládat základní grafické operace (změny velikosti fotografií, ořezy, atd) a bude schopen kódovat složitější konstrukce v html (například tabulky). Cca 2-3 účty admin. Dále bude do portálu přispívat cca 20 uživatelů s omezenými právy na vložení základního neformátovaného obsahu bez html. Admin má nadřazenou funkci nad uživateli i ve smyslu editace, místa a způsobu uložení textů. Admin by měl být notifikován o odeslané editaci uživatelů. Z tohoto vyplývají dva typy účtů: II.1 Admin Má plný přístup ke všem částem portálu, může vkládat texty s html značkami, může vytvářet a mazat uživatele, spravuje hesla, může vytvářet, přesouvat a mazat stránky, aktuality, může měnit strukturu menu, má přístup k editaci designových prvků, může vkládat grafiku, má přístup na FTP. II.2 Uživatel Má přístup k editaci textů bez html značek, může vytvářet a mazat stránky pouze v určených lokacích (definováno sestupně od určitého bodu). Může vkládat uživatelské galerie a soubory. Uživatel má přístup ke vkládání všech typů aktualit, jeho příspěvky jsou tagovány dle výchozího nastavení uživatele, avšak uživatel by měl mít možnost tag ručně změnit. Např. Uživatel KDT vkládá aktuality, automaticky se označní tagem Katedra dokumentární tvorby, ale uživatel může sám změnit na tag FAMU international. Od prostředí se očekává maximální míra verifikace dat, jednoduchost, nesmí obsahovat nefunkční prvky a matoucí texty. II.3 Editace Pro editaci textů nebude k dispozici tzv. html-area, tj. oblast text area s možností vizuálního formátování. Mělo by jít o přehledně naformátovanou editační oblast (rozměr, velikost písma), která umožní vkládat ručně html kód (pro účet admin). Navrhujeme dva typy textových vstupů:
Plné html – má k dispozici pouze administrátor, stránka musí obsahovat html formátování dle specifikace, není automaticky formátována. Měl by akceptovat běžné html značky: a, strong, em, table, tr, td, p, br, hr, h3, h4, img... Tyto značky by měly být předformátovány v souladu s grafickým návrhem portálu.
Jednoduché html – má k dispozici administrátor a uživatelé. Texty by měly být automaticky na výstupu formátovaný (například dvojitá mezera -> odstavec, odrážkové seznamy, odkazy... atd.) Pro editaci je možné použít zjednodušený formátovací pseudo-jazyk, nebo použití formátovacích tlačítek zapisujících html kód do textové oblasti (strong, em, a, ul)
Od uživatelů se však nepředpokládá znalost html značek, ani schopnost pracovat s vizuáním html editorem. Tento typ účtu by neměl přijít do kontaktu se složitějším html kódem.
Podrobná struktura portálu Tento dokument má informační charakter. Přesnou strukturu vytvoří zadavatel ve funkčním CSM. Všechny stránky obsahují:
top-level menu: AMU / HAMU / DAMU / NAMU / GAMU / KOS / Intranet – externí odkazy na další weby AMU jazyková navigace - Česky / English / International
Titulní stránka (famu.cz) Obsahuje:
3 řádky o tom, co je FAMU v češtině a angličtině (tagline FAMU) výrazný fotografický/designový prvek textové pole pro zvláštní oznámení, cca 120 znaků textu a odkaz výpisy novinek úřední desky, modulů a obeckých aktualit grafické tlačítko Vstup do Studijního informačního systému KOS menu Pro zájemce o studium obsahující odkazy: ◦ základní informace ◦ bakalářské studium ◦ magisterské studium ◦ doktorandské studium grafické tlačítko How to apply - Information on FAMU programs in english menu Pro studenty obsahující odkazy: ◦ výuka ◦ rozvrhy ◦ vstup do Studijního informačního systému KOS ◦ studijní oddělení mapa stránek / kontakt (link)
Struktura webu – česká část Základní Menu (horizontální) - je součástí všech stránek větve a obsahuje položky:
Škola Katedry Instituce Studium Knihovna Studio FAMU International students Kontakt
Škola (kategorie převážně určená pro veřejnost, má PR charakter) O FAMU Historie Kde nás najdete Významní absolventi a pedagogové Oceněné a významné filmy Nakladatelství AMU Galerie AMU Institut intermédií Festival FAMU Partneři
Katedry
Centrum audiovizuálních studií (struktura menu stejná pro všechny katedry...) ◦ O katedře ◦ Pedagogové ◦ Dílny ◦ Studenti ◦ Profil absolventa ◦ Podmínky absolutoria ◦ Dokumenty katedry Katedra animované tvorby Katedra dokumentární tvorby Katedra fotografie Katedra kamery Katedra produkce Katedra režie Katedra scenáristiky a dramaturgie Katedra střihové skladby Katedra zvukové tvorby FAMU International (česky)
Instituce Statut FAMU Akreditovaný studijní program Děkanát ◦ Základní informace ◦ Zápisy z kolegia děkana Akademický senát ◦ Základní informace ◦ Volební a jednací řád Akademického senátu ◦ Zápisy ze zasedání Akademického senátu Výroční zpráva Rady a komise ◦ Umělecká rada ▪ Složení umělecké rady ▪ Jednací řád Umělecké rady ▪ Zprávy ze zasedání Umělecké rady ◦ Technologická komise ◦ Oborová rada doktorandského studia ◦ Stipendijní komise ◦ Správní rada akademického klubu ◦ Ediční rada ◦ Grantová rada Věda a výzkum ◦ Ediční činnost Profesorská a habilitační řízení Budova ◦ Provozní řád paláce Lažanských ◦ Rezervace hlavních učeben mimo stálý rozvrh ◦ Vybavení a technické možnosti učeben ◦ Wi-fi Studium Výuka (graficky řešený rozcestník na url. STUDENTI.FAMU.CZ) ◦ Studijní informační systém KOS [ext] ◦ Studijní plány ◦ Volitelná výuka ◦ Modulová výuka ◦ Úvody a praktika ◦ Výuka cizích jazyků ◦ Výuka tělesné výchovy
◦ Rozvrhy [ext] Harmonogram akademického roku Studijní oddělení Doktorandské studium Pro zájemce o studium ◦ Základní informace ◦ Bakalářské studium ▪ Centrum audiovizuálních studií ▪ Katedra animované tvorby ▪ Katedra dokumentární tvorby ▪ Katedra fotografie ▪ Katedra kamery ▪ Katedra produkce ▪ Katedra režie ▪ Katedra scenáristiky a dramaturgie ▪ Katedra střihové skladby ▪ Katedra zvukové tvorby ◦ Magisterské studium ▪ Centrum audiovizuálních studií ▪ Katedra animované tvorby ▪ Katedra dokumentární tvorby ▪ Katedra fotografie ▪ Katedra kamery ▪ Katedra produkce ▪ Katedra režie ▪ Katedra scenáristiky a dramaturgie ▪ Katedra střihové skladby ▪ Katedra zvukové tvorby ◦ Doktorské studium ◦ Dny otevřených dveří ◦ Elektronická přihláška a formuláře ◦ Výsledky přijímacích řízení Studijní a zkušební řád Granty a stipendia ◦ Základní text ◦ Seznam novinek Stáže ◦ Seznam novinek Ubytování a menzy Formuláře a dokumenty
Knihovna Základní informace Katalog (text o katalogu a vstup) Fondy knihovny Služby Jak hledat Studio FAMU O Studiu FAMU Praktická cvičení Bílá kniha Nabídka a ceník služeb Rezervace Formuláře a dokumenty International students – odkaz na homapage mezinárdního studijního programu Kontakt Zaměstnanci (výběrové seznamy + odkaz)
Studenti (odkaz)
International students Základní Menu (horizontální) - je součástí všech stránek větve a obsahuje položky:
School Programs Admissions People Current students Prague Contacts
Základní stránka sekce obsahuje:
School
Výraznou fotografii, nebo slideshow. Cílem stránky je primárně propagovat mezinárodní studijní program školy. U homepage se primárně klade důraz na atraktivitu s několika malými, leč výraznými navigačními prvky. Tagline – přibližně dvouřádková, graficky vysazený text, něco jako „motto školy“ For students: odkazy na jednotlivé studijní programy, např. Drop-down menu. For applicants: odkazy na přijímací info pro uchazečem, např. Drop-down menu. Aktuality, anglická verze, výpis pouze novine s tagem „public“ Box „Důležité sdělení“, textové výrazné pole s možností základní editace (pouze text) a jasně daným rozsahem, například obsahuje perex textu s odkazem na stránku, nebo libovolný text odkazující na další stránku webu. Výraznější odkazy na EN a CZ verzi webu About school History Facilities Gallery Important figures Awarded films Partners Festival FAMU Publishing Institute of intermedia AMU Gallery
Programs – každá z podstránek obsahuje příslušný výpis aktualit dle visačky. Cinema and digital media Academy program Special production CIEE programs CET New York University Photography Erasmus Freemovers Fulbright Summer workshops Admissions - rozcestník By program ◦ Cinema and digital media ◦ Academy program ◦ Special production
◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦
CIEE classic CIEE film studies CET CET new media New York University Photography Bc Photography MFA Photography exchange program Erasmus Freemovers Fulbright Summer workshops ▪ New York University ▪ University of Texas ▪ Emerson College ▪ University of Miami ▪ CalArts ▪ University Syracuse ▪ Yale What program is right for you ◦ Speaking czech / Speaking english ◦ Paid / Free ◦ Practial filmmaking / Film theory ◦ For US citizen / For EU citizen / Others ◦ Unversity / Academy exchange ◦ Education status: Current students / Graduated students / No requirements ◦ Full service By subject ◦ Film production (general) ◦ Film theory ◦ New media ◦ Photography ◦ Screenwriting ◦ Cinematography ◦ Directing
People List of professors Currents students - newsstream Cinema and digital media Academy program Special production CIEE classic CIEE film studies CET CET new media New York University Photography Erasmus Freemovers Fulbright Summer workshops Library Usefull information Prague
About the city About the region Gallery and location Cultural life
Contacts
English (české stránky v angličtině) Základní stránka sekce obsahuje:
Stránka by měla mít graficky totožnou identitu s českým programem. Text: Stránka informuje o českém studijním programu. Pro mezinárodní studijní program přejděte na mezinárodní verzi. Výpis novinek z úřední desky v angličině. Textové pole pro mimořádné sdělení (limitovaný obsah textu)
Základní Menu (horizontální) - je součástí všech stránek větve a obsahuje položky:
School Departments Institution Students Library FAMU Studio International students Contact
Částečně kopíruje českou strukturu, neobsahuje rozcestníky (bude přeloženo). School
O FAMU Historie Kde nás najdete Významní absolventi a pedagogové Oceněné a významné filmy Nakladatelství AMU Galerie AMU Institut intermédií Festival FAMU Partneři
Departments Centrum audiovizuálních studií (struktura menu stejná pro všechny katedry...) ◦ O katedře ◦ Pedagogové ◦ Dílny ◦ Studenti ◦ Profil absolventa ◦ Podmínky absolutoria ◦ Dokumenty katedry Katedra animované tvorby Katedra dokumentární tvorby Katedra fotografie Katedra kamery Katedra produkce Katedra režie Katedra scenáristiky a dramaturgie Katedra střihové skladby Katedra zvukové tvorby FAMU International (česky)
Institution Statut FAMU Akreditovaný studijní program Děkanát Akademický senát Výroční zpráva Rady a komise ◦ Umělecká rada ◦ Technologická komise ◦ Oborová rada doktorandského studia ◦ Stipendijní komise ◦ Správní rada akademického klubu ◦ Ediční rada ◦ Grantová rada Věda a výzkum ◦ Ediční činnost Profesorská a habilitační řízení Budova ◦ Provozní řád paláce Lažanských ◦ Rezervace hlavních učeben mimo stálý rozvrh ◦ Vybavení a technické možnosti učeben ◦ Wi-fi Students Harmonogram akademického roku Studijní oddělení Doktorandské studium Pro zájemce o studium ◦ Základní informace ◦ Bakalářské studium ◦ Magisterské studium ◦ Doktorské studium ◦ Dny otevřených dveří ◦ Elektronická přihláška a formuláře ◦ Výsledky přijímacích řízení Studijní a zkušební řád Granty a stipendia ◦ Základní text ◦ Seznam novinek Stáže ◦ Seznam novinek Ubytování a menzy Formuláře a dokumenty Knihovna Základní informace Studio FAMU O Studiu FAMU Nabídka a ceník služeb International students – odkaz na homapage mezinárdního studijního programu Contact Zaměstnanci (výběrové seznamy + odkaz) Studenti (odkaz)
