SMLOUVA O DÍLO uzavřená dle § 536 a následujících obchodního zákoníku uzavřená níže uvedeného dne, měsíce a roku mezi: Statutární město Opava se sídlem Opava, Horní náměstí 69, PSČ: 746 26 bank. spojení: Česká spořitelna, a.s., č. ú. 19-1842619349/0800 IČ: 00300535 DIČ: CZ00300535 zastoupeno: prof. PhDr. Zdeňkem Jiráskem, CSc., primátorem dále jen "objednatel" DERIVA Solutions s.r.o. IČ 28573366 DIČ: CZ28573366, se sídlem Daliborova 424/21, Ostrava – Mariánské Hory 70900 zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635 jednající Jiřím Němcem a Romanem Štefkem, jednateli společnosti tel.: +420775728494 e-mail:
[email protected] dále jen "zhotovitel" dále společně jen "smluvní strany" Článek I. Předmět smlouvy 1.
Zhotovitel se zavazuje pro objednatele vytvořit dílo s názvem „Vytvoření ucelené webové prezentace Statutárního města Opavy“, jehož bližší specifikace je uvedena v Příloze č. 1, která tvoří nedílnou součást této smlouvy (dále jen jako „dílo“).
2.
Objednatel se zavazuje za řádně a včas provedené dílo dle odst. 1. tohoto článku zaplatit zhotoviteli celkovou cenu sjednanou v této smlouvě.
3.
Předmětné dílo musí být zhotovitelem zpracováno v souladu s touto smlouvou, pokyny objednatele, příslušnými obecně závaznými právními předpisy a případně technickými normami. Článek II. Práva a povinnosti objednatele
1.
Objednatel je povinen odevzdat zhotoviteli všechny podklady nutné k provedení díla v souladu s dobou plnění dle Článku IV. této smlouvy.
2.
Objednatel je povinen sdělit zhotoviteli všechny informace potřebné pro provedení díla či takové informace, které mají či mohou mít vliv na jeho provedení. Článek III. Práva a povinnosti zhotovitele
1.
Zhotovitel je povinen provést dílo s náležitou odbornou péčí a v souladu s touto smlouvou, tzn. řádně.
2.
Zhotovitel je oprávněn neuposlechnout pokynů objednatele, jsou-li nevhodné k provedení díla, či pokud jsou v rozporu s právními předpisy České republiky. Na uvedenou nevhodnost je zhotovitel povinen neprodleně písemně upozornit objednatele a vysvětlit v tomto upozornění, v čem spočívá uvedená nevhodnost. Tuto nevhodnost však zhotovitel nemůže namítat ve spojitosti se specifikací
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
díla obsaženou v Příloze č. 1. Článek IV. Doba plnění 1.
Zhotovitel se zavazuje dílo provést dle závazného harmonogramu uvedeného v Příloze č. 2, která tvoří nedílnou součást této smlouvy. Zhotovitel je oprávněn dílo dokončit již před uvedeným termínem.
2.
V případě nesplnění povinnosti objednatele uvedené v Článku II., odst. 1. této smlouvy si zhotovitel vyhrazuje právo prodloužit dobu plnění o takový počet dní, o který je objednatel v prodlení se splněním své povinnosti dle Článku II., odst. 1. této smlouvy. Článek V. Místo a způsob předání díla
1.
Zhotovitel se zavazuje dílo objednateli předat na adrese: Magistrát města Opavy, odbor kancelář primátora, Horní náměstí 69, 746 26 Opava.
2.
Objednatel je povinen dílo převzít, jen je-li provedeno řádně, bez vad a nedodělků a bude-li splňovat všechny náležitosti dle této smlouvy.
3.
Zhotovitel je povinen vyzvat objednatele k převzetí díla alespoň 7 pracovních dnů před navrhovaným dnem předání a převzetí. Přílohou této výzvy musí být provedené dílo, resp. url adresa, na níž bude kompletní dílo k nahlédnutí, aby se mohl objednatel před převzetím díla s dílem předběžně seznámit a aby měl lhůtu pro prvotní ověření, zda je dílo provedeno řádně a nevykazuje zjevné vady či nedodělky.
4.
Zjistí-li objednatel, že dílo není provedeno řádně nebo že vykazuje vady či nedodělky, sdělí tuto skutečnost zhotoviteli na navrženém dni předání a převzetí a své stanovisko odůvodní; o tom se smluvní strany zavazují sepsat záznam. (Tím nejsou dotčena práva objednatele z vad díla, které objednatel při předběžném seznámení se s dílem neodhalil nebo které vyjdou najevo dodatečně.) Zhotovitel je pak oprávněn opětovně vyzvat objednatele k převzetí díla až poté, co vytčené vady, nedodělky i jiné nedostatky díla odstraní.
5.
O předání a převzetí díla bude sepsán předávací protokol, který sepíše zhotovitel a který bude zejména obsahovat: označení díla, označení objednatele a zhotovitele, odkaz na tuto smlouvu – číslo a datum uzavření této smlouvy, zahájení a ukončení prací na prováděném díle, přehled prací provedených na díle, prohlášení objednatele o převzetí díla, datum a místo sepsání protokolu, jména a podpisy zástupců objednatele a zhotovitele.
6.
Předávací protokol musí být sepsán ve dvojím vyhotovení a musí být podepsán oběma smluvními stranami. Po jednom vyhotovení obdrží každá smluvní strana. Článek VI. Cena díla
1.
Cena díla se sjednává dohodou smluvních stran jako cena nejvýše přípustná takto: •
Celková cena díla bez DPH: 237.522,- Kč (slovy: dvěstětřicetsedmtisícpětsetdvacetdvakorunčeských).
•
DPH 21%: .49.879,60- Kč Celková cena díla s DPH: 287.401,60 Kč.
2.
Součástí sjednané ceny jsou veškeré práce a dodávky, poplatky a jiné náklady nezbytné pro řádné a úplné provedení díla, včetně vyřízení veškerých případných autorských práv nebo licenčních poplatků, dopravy díla na místo dodání a všech ostatních prací uvedených v této smlouvě a souvisejících s provedením díla.
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
3.
Cena zahrnuje i případné zvýšené náklady spojené s nárůstem vstupních nákladů, a to až do doby ukončení a předání díla.
4.
V případě změny sazby daně z přidané hodnoty (DPH) se celková cena včetně DPH adekvátně změní tak, aby částka odpovídající dani z přidané hodnoty při konstantní celkové ceně bez DPH odpovídala platné právní úpravě. Článek VII. Platební podmínky
1.
Smluvní strany se dohodly, že cena díla bude zaplacena ve dvou splátkách, přičemž výše první splátky se rovná 50 % celkové ceny včetně DPH (tzn. 143.700,80 Kč), výše druhé splátky se rovná 50 % celkové ceny včetně DPH (tzn. 143.700,80 Kč).
2.
První splátka ceny díla je splatná na základě daňového dokladu – faktury –, kterou je zhotovitel oprávněn vystavit poté, co objednatel podpisem předávacího protokolu úspěšně potvrdí ukončení tzv. interního testovacího provozu dle harmonogramu uvedeného v Příloze č. 2.
3.
Druhá splátka ceny díla je splatná na základě daňového dokladu – faktury –, kterou je zhotovitel oprávněn vystavit poté, co objednatel podpisem předávacího protokolu dílo převezme po úspěšném ukončení tzv. vnějšího testovacího provozu dle harmonogramu uvedeného v příloze č. 2.
4.
Daňový doklad (faktura) musí obsahovat dále uvedené náležitosti: a) adresa objednatele pro doručování faktur: Magistrát města Opavy, odbor finanční a rozpočtový, Horní náměstí 69, 746 26 Opava, b) adresa objednatele uvedená na faktuře: Statutární město Opava, Horní náměstí 69, 746 26 Opava; IČ a DIČ, c)
evidenční číslo smlouvy pro fakturaci,
d)
identifikaci příslušného odboru včetně kontaktní osoby, jejich sídlo,
e)
označení zhotovitele, jeho sídlo, IČ a DIČ,
f)
číslo faktury,
g)
den vystavení faktury a den splatnosti
h)
označení peněžního ústavu a číslo účtu, na který se má platit,
i)
soupis provedených prací za fakturační období,
j)
fakturovanou částku,
k)
označení díla,
l)
razítko zhotovitele a podpis oprávněné osoby,
5.
Splatnost daňového dokladu – faktury – činí 14 kalendářních dnů ode dne doručení faktury objednateli.
6.
Platba za dílo bude provedena v Kč na bankovní účet zhotovitele, který bude uveden ve faktuře.
7.
Objednatel neposkytuje zálohy na provádění díla.
8.
Nebude-li faktura obsahovat náležitosti uvedené v této smlouvě nebo bude chybně vyúčtována cena, je objednatel oprávněn vrátit ji zhotoviteli k doplnění, přičemž ve vadné faktuře vyznačí důvod vrácení. V takovém případě se ruší doba splatnosti stanovená vadnou fakturou a nová lhůta splatnosti započne běžet doručením bezvadné faktury objednateli.
9.
Zhotovitel prohlašuje, že ke dni podpisu smlouvy není označen správcem daně jako „nespolehlivý plátce“ ve smyslu § 106a a § 109 odst. 3 zákona č. 235/2004 Sb. v platném znění, a zavazuje se, že pokud se stane nespolehlivým plátcem v době ode dne podpisu této smlouvy do úplného splnění závazků z ní vyplývajících, ihned (nejpozději do 5 pracovních dnů) od zveřejnění skutečnosti, že zhotovitel je nespolehlivým plátcem, tuto skutečnost písemně oznámí objednateli. Smluvní strany se v této souvislosti výslovně dohodly, že pokud bude v okamžiku uskutečnění zdanitelného plnění správcem daně zveřejněná skutečnost, že zhotovitel je nespolehlivým plátcem, objednatel je oprávněn část ceny odpovídající dani z přidané hodnoty zaplatit přímo na účet správce daně dle § 109 a zákona č. 235/2004 Sb. v platném znění; toto plnění se považuje za řádné splnění dluhu
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
objednatele vůči zhotoviteli. 10.
Smluvní strany se dále výslovně dohodly, že pokud číslo účtu zhotovitele, na který bude objednatel povinen uhradit cenu díla, nebude zveřejněno způsobem umožňující dálkový přístup ve smyslu § 96 zákona č. 235/2004 Sb., o dani z přidané hodnoty, ve znění pozdějších předpisů, je objednatel oprávněn část ceny odpovídající dani z přidané hodnoty zaplatit přímo na účet správce daně ve smyslu § 109a zákona č. 235/2004 Sb., o dani z přidané hodnoty, ve znění pozdějších předpisů. Taková úhrada bude považována za řádné splnění dluhu objednatele vůči zhotoviteli. Článek VIII. Záruční a jiné podmínky
1.
Dílo má vady, jestliže jeho formální a obsahové vlastnosti neodpovídají požadavkům uvedeným v této smlouvě nebo jiné dokumentaci vztahující se k provedení díla.
2.
Zhotovitel odpovídá za vady, jež má dílo v době předání nebo které se vyskytly v záruční době.
3.
Zhotovitel poskytuje na dílo záruku za jakost v délce 36 měsíců od převzetí díla objednatelem.
4.
Objednatel je povinen reklamovat vady díla písemně u zhotovitele bez zbytečného odkladu po jejich zjištění. V reklamaci budou vady popsány či uvedeno, jak se projevují. Objednatel je oprávněn v reklamaci uvést volbu svého nároku z vady díla; neuvede-li objednatel v reklamaci jiný nárok, má se za to, že požaduje bezplatné odstranění vady.
5.
Případné vady se zhotovitel zavazuje odstranit do 5 pracovních dnů od oznámení vady objednatelem, pokud se smluvní strany nedohodnou jinak. Článek IX. Smluvní pokuta
1.
V případě prodlení zhotovitele se splněním jeho povinnosti dílo řádně a včas ukončit a předat je objednateli, je zhotovitel povinen zaplatit objednateli smluvní pokutu ve výši 0,05% z celkové ceny díla za každý i započatý den prodlení.
2.
V případě prodlení zhotovitele se splněním jeho povinnosti dle Článku VIII. odst. 5 této smlouvy, je zhotovitel povinen zaplatit objednateli smluvní pokutu ve výši 0,05% z celkové ceny díla za každý i započatý den prodlení.
3.
V případě prodlení objednatele se splněním jeho povinnosti dílo zaplatit ve lhůtě splatnosti, je objednatel povinen zaplatit zhotoviteli smluvní pokutu ve výši 0,05% z dlužné částky za každý i započatý den prodlení.
4.
Smluvní pokuty sjednané touto smlouvou zaplatí povinná smluvní strana nezávisle na tom, zda a v jaké výši vznikne druhé smluvní straně škoda, kterou lze vymáhat samostatně. Článek X. Povinnost mlčenlivosti a autorská práva
1.
Smluvní strany se zavazují zachovávat mlčenlivost o všech informacích, které se při vzájemné spolupráci dozvěděly, a to i po ukončení této spolupráce.
2.
Jelikož dílo je výsledkem tvůrčí autorské činnosti, předáním díla převádí zhotovitel bez jakýchkoliv omezení na objednatele i výhradní práva k užití díla (či jeho části) a jeho přizpůsobování (upravování) dle aktuálních potřeb objednatele bez časového a územního omezení, vše k naplnění účelu vytvoření ucelené webové prezentace Statutárního města Opavy. Objednatel má tedy právo dílo (či jeho část) mimo jiné dále rozmnožovat, upravovat či zpracovávat. Tímto nejsou dotčena další licenční práva uvedená v Příloze č. 1.
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Článek XI. Provádění díla 1.
Zhotovitel se zavazuje k řádnému provedení díla v souladu s touto smlouvou a případnými dalšími pokyny objednatele.
2.
Zhotovitel je povinen provést dílo na svůj náklad a na své nebezpečí ve sjednané době.
3.
Zhotovitel díla může pověřit jeho provedením jinou osobu, při provádění díla jinou osobou má zhotovitel odpovědnost, jako by dílo prováděl sám.
4.
Zhotovitel je povinen upozornit objednatele bez zbytečného odkladu na nevhodnou povahu věcí převzatých od objednatele nebo pokynů daných mu objednatelem k provedení díla; pokud tak zhotovitel neučiní, odpovídá za vady díla způsobené použitím nevhodných věcí předaných objednatelem nebo pokynů daných mu objednatelem.
5.
Zjistí-li zhotovitel při provádění díla skryté překážky bránící řádnému provedení díla, je povinen to bez odkladu písemně oznámit objednateli a navrhnout mu další postup.
6.
Zhotovitel se zavazuje realizovat práce vyžadující zvláštní odbornou způsobilost nebo povolení podle příslušných předpisů pouze osobami, které příslušné podmínky splňují.
7.
Smluvní strany prohlašují, že ve věcech souvisejících s plněním této smlouvy jsou za ně oprávněny jednat následující osoby (případnou změnu těchto osob je smluvní strana povinna oznámit písemně druhé smluvní straně, přičemž tato změna nabývá účinnosti doručením písemného oznámení druhé smluvní straně), příp. osoby těmito osobami písemně pověřené: - za objednatele: ve věcech projektových i smluvních: Mgr. Ondřej Skácel, pracovník vztahů k veřejnosti Magistrátu města Opavy, tel. +420 553 756 354, mobil: +420 734 648 051, e-mail:
[email protected] (tím není a nesmí být dotčena pravomoc orgánů objednatele, zejména rady a zastupitelstva Statutárního města Opavy, v otázkách, které podléhají jejich rozhodnutí) - za zhotovitele: ve věcech smluvních: Jiří Němec, jednatel, tel.: 775728494, e-mail:
[email protected] ve věcech projektových: Pavol Hudran, projektový manažer, tel.: 775210833, e-mail:
[email protected]
8.
Veškerá vzájemná komunikace mezi smluvními stranami musí probíhat mezi výše uvedenými oprávněnými osobami nebo s vědomím těchto oprávněných osob. Článek XII. Závěrečná ustanovení
1.
Zhotovitel nemůže bez souhlasu objednatele postoupit svá práva (pohledávky) plynoucí z této smlouvy na třetí osobu.
2.
Změnit nebo doplnit tuto smlouvu mohou smluvní strany pouze formou písemných dodatků, které budou vzestupně číslovány, výslovně prohlášeny za dodatek k této smlouvě a podepsány oprávněnými zástupci smluvních stran.
3.
Tato smlouva je vyhotovena ve 4 stejnopisech s platností originálu, z nichž zhotovitel obdrží 1 vyhotovení a objednatel 3 vyhotovení.
4.
Tato smlouva vzniká a nabývá účinnosti dnem jejího podpisu oběma smluvními stranami.
5.
Tato smlouva byla uzavřena svobodně a vážně, veškerá její ustanovení jsou určitá a smluvním stranám srozumitelná, což smluvní strany stvrzují svými podpisy.
6.
Smluvní strany tímto výslovně souhlasí s tím, že tato smlouva může být bez jakéhokoliv omezení zveřejněna na oficiálních internetových stránkách Statutárního města Opavy (www.opava-city.cz). Souhlas se zveřejněním se týká i případných osobních údajů uvedených v této smlouvě, kdy je tento odstavec smluvními stranami brán jako souhlas se zpracováním osobních údajů ve smyslu zákona
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
č. 101/2000 Sb., o ochraně osobních údajů a o změně některých zákonů, ve znění pozdějších předpisů, a tedy Statutární město Opava má mimo jiné právo uchovávat a zveřejňovat osobní údaje v této smlouvě obsažené. 7.
Doložka platnosti právního úkonu dle ustanovení § 41 zákona č. 128/2000 Sb., o obcích (obecní zřízení), ve znění pozdějších předpisů: O uzavření této smlouvy rozhodla Rada Statutárního města Opavy svým usnesením č. 2405/67 RM 13 ze dne 2.9.2013.
8.
Nedílnou součást smlouvy tvoří tyto přílohy: •
Příloha č. 1 – Specifikace díla
•
Příloha č. 2 – Časový harmonogram.
V Ostravě dne 18.9.2013
V Opavě dne 23.9.2013
za DERIVA Solutions s.r.o.
za objednatele
…...........…...........…...........…........... Jiří Němec, jednatel v.r.
…...........…...........…...........…........... Roman Štefek, jednatel v.r.
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
…...........…...........…...........…........... prof. PhDr. Zdeněk Jirásek, CSc., primátor
v.r.
Příloha č. 1 - Specifikace díla Kalkulované položky díla Přípravná fáze / ostatní
Analýza projektu a výběr redakčního systému SVN – zavedení verzování projektu Instalace na server a konfigurace Implementace CS jazykové mutace administrace Projekt management Import obsahu pomocí XML
Front-End: Design a šablony
Homepage a layout Samostatná zpráva (text, tabulky, formuláře) Seznam zpráv nebo záznamů v katalogu Dílčí navigace v rámci jednoho tématu Fotogalerie Mapa se zajímavostmi Kalendář akcí Diskuse Ankety Úřední deska Varianty: městská policie, infocentrum a 8 městských částí Nároky na výkon – Front-End Implementace šablon do redakčního systému
Funkcionalita
Videa a fotografie (Práce s obrázky) Kalendář akcí Diskuse + captcha Ankety + captcha Úřední deska Určování pořadí prvků na stránce Mapa se zajímavostmi Implementace Google Analytics Integrace sociálních sítí Integrace fulltextového vyhledávání Systém oprávnění Požadavky na koncepci a funkčnost systému URL, řízení indexace a XML sitemapy Zavedení 7 jazykových mutací Datování, revize, zneplatňování a odstraňování obsahu Metadata Editor obsahu (WYSIWYG) Práce s připojovanými soubory Podpora pro e-mailing Webová prezentace na 11. subdoménách Nároky na výkon – systém
Manuály
Dokumentace CSS tříd a JS fcí Pravidla pro vytváření obsahu Základní dokumentace k redakčnímu systému Drupal
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Detailní specifikace díla Předmět poptávky:
Vytvoření ucelené webové prezentace statutárního města Opavy zahrnující jednotlivé webové prezentace města: město, městská policie, infocentrum a 8 městských částí. Weby budou téměř shodné, budou se lišit pouze prvky layoutu, barevností a drobnými grafickými prvky.
Struktura díla:
Dílo se skládá ze dvou částí: 1. Uživatelské rozhraní veřejně přístupného webu (front end), 2. Redakční systém, včetně uživatelského rozhraní administrace webu (back end). Součástí zakázky je import části obsahu webu poskytnutých v XML, a to v rozsahu dvou mandays (16 hodin).
Front end:
Tato část zahrnuje návrh a realizaci uživatelského rozhraní veřejně přístupných stránek webu. Požadovaný výstup zahrnuje: drátěné modely (wireframy) stránek a dílčích obsahových či interakčních prvků (homepage, samostatná zpráva, dílčí navigace v rámci jednoho tématu, fotogalerie, mapa se zajímavostmi, seznam zpráv nebo záznamů v katalogu, kalendář akcí), grafický návrh stránek a dílčích obsahových či interaktivních prvků (homepage, samostatná zpráva, dílčí navigace v rámci jednoho tématu, fotogalerie, mapa se zajímavostmi, seznam zpráv nebo záznamů v katalogu, kalendář akcí), práce související s propojením front endu a back endu (přizpůsobení HTML šablon, stylů a klientských skriptů), úpravy front endu i back endu na základě uživatelského testování, A/B testů a zkušeností z první fáze provozu. Samotné testování provede objednatel ve vlastní režii, ladění na základě těchto testů provede zhotovitel. Výchozí podklady Výchozími podklady pro práci na front-endu jsou specifikace díla a wireframy vybraných typů stránek prvků (homepage, samostatná zpráva, dílčí navigace v rámci jednoho tématu, fotogalerie, mapa se zajímavostmi), které byly součástí poptávky a byly dodány zhotovitelem. Návrh struktury webových stránek bude dodán objednavatelem na počátku realizační fáze a bude dopracována společným úsilím objednatele a zhotovitele. Grafické práce musí vycházet z grafického manuálu statutárního města Opavy, který bude dodán na počátku realizační fáze. Layout stránek Layout stránek (ve smyslu šířky stránky a rozvržení obsahových bloků) bude navržen metodou mobile first tak, aby se dynamicky přizpůsoboval vlastnostem a rozměrům výstupního zařízení. Především se jedná o velikost písma, vertikální rytmus řádků, rozměry klikacích/dotykových prvků a šířku textových i grafických prvků. Výstupními zařízeními, pro která bude layout stránek přizpůsoben, se myslí: mobilní telefon typických rozměrů s orientací na výšku i na šířku, tablet obvyklých rozměrů s orientací na výšku i na šířku, notebooky a stolní displeje obvyklých rozměrů, tiskový výstup na papír formátu A4 na výšku a případně i na šířku. U mobilních telefonů a tabletů se zároveň předpokládá přizpůsobení dotykovému ovládání (minimální ergonomické rozměry dotykových prvků, nezávislost na hover stavech). Konkrétní hranice mezi různými šířkami výstupního zařízení budou pro každý typ stránky navrženy individuálně tak, aby byl co nejvíce respektován charakter obsahu. U některých typů stránek tak mohou vzniknout třeba jen dvě varianty layoutu, u jiných jich bude navrženo více. Veškerá přizpůsobení výstupnímu zařízení budou probíhat jen na úrovni front endu, tj. na klientovi. Back end bude generovat pouze jeden typ výstupu nezávislý na výstupním zařízení. Technologie použité na realizaci front endu Na realizaci front endu budu použity standardizované technologie vykazující plnou přístupnost, dostatečnou kompatibilitu se současnými zařízeními a maximální morální životnost. Jako optimální řešení se nám jeví použití zpětně kompatibilního HTML 5 v kombinaci s CSS 3, JavaScriptem a rozšířenými javascriptovými knihovnami typu jQuery, Modernizr apod. Zhotovitel může využít některý z rozšířených frameworků pro HTML 5 (např. HTML5 Boilerplate), avšak plně zodpovídá za dodržení licenčních podmínek. Plnou přístupností se rozumí jednak přístupnost pro osoby se specifickými potřebami ve smyslu příslušné legislativy pro weby státní správy a samosprávy a jednak schopnost zobrazit a používat obsah webu na všech kompatibilních zařízeních. Kompatibilními zařízeními se rozumí stolní počítače s prohlížeči Internet Explorer, Firefox,
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Chrome, Safari a Opera a dále mobilní prohlížeče standardně dodávané s mobilními operačními systémy Android, iOS a Windows. V aktuálně nejrozšířenějších prohlížečích (v případě Internet Exploreru od verze 8 včetně) na desktopových operačních systémech Windows, Mac OS a Linux, jakož i na mobilních operačních systémech Android, iOS a Windows předpokládáme plně funkční a použitelné zobrazení i ovládání. Jednotlivé stránky web musí jít též snadno tisknout. Nad rámec základního HTML bude zdrojový kód stránek obsahovat i sémantické značkování vybraných objektů (události, místa, osoby apod.) podle specifikace Schema.org. Data potřebná pro toto značkování bude generovat back end. Práce s videem a fotografiemi Videa budou primárně hostována na veřejných serverech typu YouTube a do obsahu budou vkládána včetně přehrávače. Není proto potřeba vyvíjet vlastní přehrávač. Prohlížení fotografií bude zajištěno vlastním prohlížečem, případně bude implementován prohlížeč 3. strany. V takovém případě zhotovitel zodpovídá za licenční podmínky. Kalendář Kalendář akcí bude zobrazovat všechny akce v něm vložené na základě uživatelem nastaveného filtru. U akcí bude možné nastavit datum, čas, místo, délku trvání, periodicitu a další poznámky. Prezentovat obsah kalendáře bude možné jak výpisem akcí za uživatelem stanovené časové období, tak také pomocí graficky zpracovaného kalendáře s denním, týdenním a měsíčním náhledem. Diskuse Samostatná stránka, která bude umožňovat zaslání dotazu. Správce se pak rozhodne, zda otázku publikuje veřejně i s odpovědí, nebo odpoví neveřejně. Ankety Možnost tvorby webového formuláře, který bude obsahovat uzavřené, polouzavřené nebo otevřené otázky. Dále bude možné zasílat jako přílohu soubory omezené velikosti. Jako ochranu před spamem bude implementována capcha. Úřední deska Součástí webových stránek bude také elektronická úřední deska, která bude splňovat zákonem dané podmínky pro elektronické úřední desky měst a obcí. Bude možné vkládat dokumenty ve formátu PDF, doplňovat poznámkami. Každý zápis bude automaticky označen unikátním identifikátorem. K záznamu bude možné přidělit odbor, kterého se informace týká, datum vyvěšení, dobu aktuálnosti, dobu skutečného sejmutí, téma (z předem definovaných). Podle těchto informací půjde záznamy také třídit a filtrovat. Určování pořadí prvků na stránce Určování pořadí a priorit prvků na stránce v rámci daného rámce bude možné pomocí systému drag&drop. Práce s mapami Na webu se budou velmi často zobrazovat interaktivní mapy. Technologií k jejich zobrazování bude Google Maps API v. 3 a mapový portál města. Data pro zobrazování budou z back endu předávána ve formátu JSON nebo jiným dohodnutým způsobem. Od zhotovitele se předpokládá dokonalá znalost Google Maps API a schopnost navrhnout vyvinout optimální řešení na míru potřebám webu. Mezi základní funkční požadavky na zobrazování a ovládání map patří: zobrazení umístění jednoho či více objektu různých typů reprezentovaných standardními či na míru vytvořenými ikonami (placemarky), slučování (clustrování) placemarků v závislosti na přiblížení mapového výřezu, práce s více vrstvami mapových objektů, které si může uživatel zapínat a vypínat, zobrazení tras kódovaných ve formátu GPX, generování výškového profilu a informací o vzdálenosti ze zobrazovaných tras, vyhledávání objektů a automobilových tras mezi dvěma místy. Požadavky na funkčnost map mohou být později rozšířeny v závislosti na uživatelském testování webu. K řešení zobrazování map na webu mohou být použita funkční řešení třetích stran, která splňují výše uvedené požadavky. Implementace Google Analytics Návštěvnost webu bude měřena a analyzována pomocí Google Analytics. Od zhotovitele se očekává velmi dobrá znalost problematiky implementace měřicích kódů Google Analytics na
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
běžné weby, mobilní weby i interaktivní internetové aplikace. Integrace sociálních sítí Technické řešení front endu musí umožňovat snadnou implementaci standardních interaktivních prvků (widgetů) nejrozšířenějších sociálních sítí, jako je Facebook, Google+, Twitter a FourSquare. Integrace fulltextového vyhledávání Zhotovitel dodá vlastní, fulltextové vyhledávání nebo integruje řešení třetí strany. Fulltextové vyhledávání bude indexovat i obsah souborů ve formátu PDF, DOC, DOCX, XLS, XLSX, RTF, ODT, ODS. Style guide Zhotovitel dodá podrobnou dokumentaci všech CSS tříd a javascriptových funkcí včetně vzorů a příkladů jejich použití v obsahu webu. Back end:
Požadovaný výstup zahrnuje: funkční implementaci back endu a administračního rozhraní redakčního systému Drupal, funkční prototyp celého webu generující všechny veřejné stránky v čistém HTML bez jakéhokoli dalšího formátování (CSS), práce související s propojením front endu a back endu (přizpůsobení HTML šablon, stylů a klientských skriptů), příručku pro redaktory a správce redakčního systému v elektronické podobě. Zhotovitel vytvoří příručku popisující základní funkce (z veřejných zdrojů), kterou doplní o popis ovládání na míru vytvořené funkcionality. Pro detailnější popis se předpokládá využití veřejných zdrojů a diskusního fóra. Výchozí podklady Výchozími podklady pro práci na back endu jsou zejména specifikace a hrubé wireframy vybraných typů stránek (homepage, samostatná zpráva, dílčí navigace v rámci jednoho tématu, fotogalerie, mapa se zajímavostmi). Obecně ke koncepci a funkčnímu rozsahu redakčního systému Základem back endu bude Drupal – univerzální systém na správu obsahu (redakční systém) typického obsahového webu. Tato zadávací dokumentace dále podrobněji určuje nároky na redakční systém, které nemusí být chápány jako běžné, a ty části systému, na které jsou kladeny specifické nároky. To ovšem neznamená, že redakční systém nemusí vhodným způsobem plnit běžné a pro tento typ systémů de facto standardní funkce podle v současnosti uznávaných best practices (viz Web Content Accessibility Guidelines 2.0; Pravidla tvorby přístupného webu). Systém oprávnění Od redakčního systému očekáváme flexibilně přizpůsobitelný systém uživatelských oprávnění rozlišující minimálně tyto úrovně: 1. Veřejnost – právo zobrazit veřejně přístupné stránky. 2. Vyhrazený přístup – právo zobrazit různé neveřejně přístupné stránky. Uděluje se pro konkrétní stránky individuálně registrovaným uživatelům. 3. Autor – právo vložit do systému novou stránku včetně obsahu a své vlastní stránky editovat, dokud nejsou zveřejněny. 4. Editor – právo publikovat (zveřejnit) stránky. 5. Administrátor – všechna dostupná oprávnění. Práva vyšších stupňů automaticky zahrnují i práva nižších stupňů. Systém oprávnění může být složitější a flexibilnější, než je výše stanovené minimum. Web i celý server musí být bezpečný a odolný proti napadení viry, hackery, spamem apod. Požadavky na koncepci a funkčnost systému URL, řízení indexace a XML sitemapy Webová prezentace se musí řídit metodikou SEO. Níže uvádíme některá zásadní pravidla. Výchozí URL nové stránky se autorovi nabídne na základě přednastavení pro typ stránky, její polohu v navigační struktuře a názvu stránky. Toto URL ale může autor stránky libovolně změnit, dokud stránka není zveřejněna. Po zveřejnění může URL měnit již jen Editor. Dále se na koncepci URL kladou tyto nároky: Jedna stránka musí mít právě jedno URL. Je nepřípustné, aby se na jednom URL nacházelo za určitých podmínek více stránek nebo aby se jedna stránka nacházela na více různých URL. Za různá URL se považují i URL lišící se jen počtem, hodnotami či
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
pořadím parametrů za otazníkem. URL není zbytečně dlouhé, nemá zbytečné parametry, složky či číselné identifikátory. Pokud se URL trvale změní, je třeba vytvořit přesměrování ze starého URL na nové pomocí stavového kódu 301. Je možné nastavit přesměrování 301 nebo 302 z libovolného na libovolné URL. URL, které může být potřeba zakázat v robots.txt, jde definovat v rozumných skupinách pomocí hvězdičky. V URL se používají jen malá písmena anglické abecedy, číslice, tečky, lomítka a spojovníky. URL veřejně dostupné (nepersonalizované) stránky nesmí obsahovat údaje potřebné pro personalizaci (např. session ID). Každá jazyková mutace je umístěna na samostatné skupině URL (subdoména nebo složka). Jazyk stránky musí být jednoznačně určen jejím URL; nesmí se odvozovat z cookies. Kořen domény může přesměrovávat na jazykovou mutaci podle nastavení preferovaného jazyka v prohlížeči. Každé stránce resp. skupině stránek lze nastavit požadované hodnoty meta robots. Výchozí nastavení (index, follow) není třeba nastavovat a do stránky zapisovat. Každou stránku resp. skupinu stránek lze zařadit do robots.txt. Jednotlivým stránkám nebo skupinám stránek jde nastavovat link rel=”canonical” (a případně též og:url podle protokolu Open Graph). Systém automaticky či na vyžádání generuje XML sitemapy. Lze vytvářet samostatné sitemapy pro jednotlivé typy stránek či sekce navigační struktury. O každé stránce lze rozhodnout: zda v sitemapě bude, s jakou prioritou v sitemapě bude, jakou bude mít výchozí frekvenci aktualizace, v které sitemapě bude, lze-li vytvářet více sitemap. Je-li již k dispozici dostatek dat, měla by být frekvence aktualizací nastavována automaticky. Po aktualizaci stránky se automaticky nastaví datum poslední aktualizace i v sitemapě. Volitelně jde určit, zda má na datum poslední aktualizace vliv doplňkový uživatelský obsah (typicky komentáře pod článkem). Pro skupiny stránek (typy stránek, sekce navigační struktury apod.) lze definovat výchozí hodnoty ovlivňující zařazení do sitemap. Do XML sitemapy lze přidat důležité obrázky a videa. Pro jednotlivé sekce stránek se generují RSS resp. ATOM kanály
Jazykové mutace Obsah a veřejné stránky webu budou v sedmi jazykových mutacích: česky, anglicky, německy, polsky, francouzsky, španělsky a rusky. Jazykové mutace budou asymetrické, tj. některá mutace může obsahovat víc stránek či jiné stránky než mutace jiné. Administrační rozhraní redakčního systému bude pouze v jazyce českém, společné pro všechny jazykové mutace. Datování, revize, zneplatňování a odstraňování obsahu Ke každé stránce se eviduje datum publikování a datum poslední revize či aktualizace. Datovány mohou být i dílčí informace na stránce (typicky např. komentáře). Tato data lze na stránce zobrazit. V systému půjde každé stránce nastavit doba platnosti nebo datum následující revize. V případě vypršení doby platnosti se pak zpráva bude archivovat a nebude přístupná z veřejné části webových stránek. U vypršení data revize systém vhodnou formou upozorní zodpovědnou osobu na nutnost kontroly informací na stránce. Je-li stránka ve výjimečných případech odstraněna bez náhrady, musí vracet stavový kód 404 nebo 410. Při krátkodobé poruše vrací server status 503 Service Unavailable. Metadata K jednotlivým stránkám a/nebo dílčím objektům na stránkách lze v administraci zadat minimálně tato metadata: titulek (obsah prvku title), hlavní nadpis, text odkazu na stránku v navigační struktuře, meta description, shrnutí stránky (anotace) zobrazovaný na nadřízené navigační stránce,
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
atribut alt u obrázků, atribut rel u odkazů.
Nároky na výkon Návštěvnost webu očekáváme v řádech stovek návštěv denně, ve výjimečných a krátkodobých špičkách (např. po odkázání na jiném, hodně čteném webu) tisíce návštěv během několika hodin. Očekáváme, že za těchto podmínek se budou všechny stránky načítat velmi rychle, na běžném vysokorychlostním připojení maximálně v řádu jednotek sekund. Pro účely výkonových úspor na straně serveru očekáváme použití prostředků, jakými jsou kešování celých stránek a/nebo obsahových bloků, automatické předgenerování náhledových obrázků v potřebných rozměrech, používání HTTP hlavičky If-Modified-Since, minifakaci, vhodné slučování a kešování připojených souborů (CSS, JavaScript) apod. Editor obsahu Editor obsahu stránek a dílčích obsahových bloků, který bude k dispozici redaktorům, musí umožňovat jak editaci ve WYSIWYG režimu, tak editaci v čistém HTML. Mezi oběma režimy půjde libovolně přepínat a vizuální editor bude generovat plně transparentní a standardní HTML kód. Podpora vkládání z MS Word a MS Excel a čištění vloženého kódu. Volitelně půjde zapnout automatické ukládání konceptu editovaného obsahu a veškeré provedené změny se budou ukládat v archivu verzí. Žádná změna stránky se nebude publikovat bez výslovného příkazu/povolení editora a kdykoli se bude možné vrátit k libovolné archivované verzi obsahu. Práce s obrázky Obrázky se budou nahrávat (uploadovat) do systému v originálním rozlišení a systém si je sám bude zmenšovat na potřebné rozměry při zachování co nejvyšší obrazové kvality. Do obsahu stránek bude možné obrázky vkládat v různých rozměrech a s různým umístěním, včetně obrázků obtékaných zprava, zleva či z obou stran textem. Obrázkům v textovém obsahu i mimo něj bude vždy možné přiřadit název (titulek) a podtitulek. Práce s připojovanými soubory Do systému bude možno nahrávat soubory ke stažení (typicky PDF, formáty MS Office, OpenOffice). Odkazy na ně bude možno vkládat do stránek volitelně buď přímo do textu zprávy, nebo jako seznam souborů ke stažení. Souborům bude vždy možné přiřadit název (titulek) a podtitulek. Bude možno k jednotlivým souborům nastavit začátek a konec doby publikování. Bude možno nastavit atribut „vyhrazený přístup“ pro soubory dostupné jen registrovaným návštěvníkům. Podpora pro e-mailing Back end bude umožňovat export e-mailových adres uživatelů do externího systému. Implementace funkcionalita je plánována po předání díla na požádání objednavatele. Příručka Součástí dodávky back endu bude i příručka pro ovládání a nastavování administrace členěná podle typických uživatelských rolí (autor, editor, administrátor) a jejich úkolů. Společné podmínky pro front end i back end:
Technologie použité na realizaci Obecnými požadavky na technologii jsou: nízké náklady na implementaci, nízké náklady na rozšiřitelnost nezávislou na původním zhotoviteli, nízké výkonové nároky na server, kódování znaků v UTF-8, volná licence, tj. možnost šíření a úpravy zdrojových kódů bez dodatečných nároků na autorskou odměnu. Licenční podmínky Předáním front endu i back endu přechází na objednatele i veškerá převoditelná autorská práva k dílu, včetně práva na další šíření a libovolné úpravy zdrojových kódů bez nároků na dodatečnou autorskou odměnu či licenční poplatky. Autorství autorů bude vyznačeno pouze ve zdrojových kódech a případně v uživatelském rozhraní administrace, nikoli na běžně viditelném místě veřejně přístupných stránek webu. Zhotovitel poskytne kopii webu, včetně programového klíče, kódu a databáze, veškerých dat tak, aby objednatel mohl obnovit (zprovoznit) web i bez aktivní pomoci zhotovitele. Zhotovitel tato data aktualizuje (za poplatek) na vyžádání objednatele. Alternativně se zhotovitel zavazuje zprovoznit aktuální kopii webu, včetně administrace a všech dat na hostingu stanoveném objednatelem.
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Příloha č.2 – Harmonogram realizace díla Milníky realizace díla dle uvedeného harmonogramu.
Lhůta (počíná běžet Bod
Popis
Zodpovědnost
dnem uzavření smlouvy)
1.
Uzavření Smlouvy o dílo
Zhotovitel, objednatel
0. týden
2.
Objednatel doplní chybějící podklady pro potřeby zhotovování díla – na základě písemného požadavku a soupisu těchto podkladů ze strany zhotovitele
Objednatel
do 3. týdnů
3.
Tvorba díla dle specifikace popsané v příloze č. 1, interní testování na straně zhotovitele, zpřístupnění pracovních verzí na serveru zhotovitele
Zhotovitel
do 12. týdnů
4.
Zahájení tzv. interního testovacího provozu: objednateli bude zpřístupněna testovací verze díla na webovém serveru zhotovitele.
Zhotovitel, objednatel
do 13. týdnů
5.
Akceptační testy objednatele, předání připomínek zhotoviteli k zapracování
Objednatel
do 14. týdnů
6.
Úprava díla podle připomínek objednatele a následný podpis předávacího protokolu o úspěšném ukončení tzv. interního testovacího provozu + následná fakturace první splátky ceny díla
Zhotovitel
do 15. týdnů
7.
Zahájení tzv. vnějšího testovacího provozu: předání aplikace do ostrého provozu na webovém serveru objednatele a zveřejnění této testovací verze díla veřejnosti
Zhotovitel
do 16. týdnů
8.
Předání připomínek zhotoviteli k zapracování a jejich průběžné zapracováni
Objednatel, zhotovitel,
do 20. týdnů
9.
Finální úprava díla podle připomínek objednatele a následný podpis předávacího protokolu o převzetí finálního díla + následná fakturace druhé splátky ceny díla
Zhotovitel, objednatel
do 21. týdnů
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Dílo bude realizováno podle následující posloupnosti prací: Analýzy, dokumenty & Projekt management Analýza pluginů a výběr finálních Analýza a návrh konfigurace pro systém i pluginy Analýza úřední desky Analýza přístupnosti, mikroformátů
Návrh a design
CSS/XHTML šablony
Funkcionalita
Odladění finální struktury webu Úprava wireframů do finální podoby
Instalace Drupalu, konfigurace serveru a SVN Implementace schválených pluginů, jazykové mutace
Design (mobil) Korektura (mobil)
Programování nové funkcionality
Design (desktop) Korektura (desktop) Design (tablet) Korektura (tablet)
Analýza oprávnění Pravidla pro vytváření obsahu (Obecně) Manuál pro vkládání obsahu (Drupal)
Dokumentace CSS tříd a JS funkcí Školení práce se systémem Předávací protokol
DERIVA Solutions s.r.o. Daliborova 424/21, 70900 Ostrava – Mariánské Hory, IČ: 28573366 Zapsaná v obchodním rejstříku vedeném Krajským soudem v Ostravě, oddíl C, vložka 32635
Kódování (mobil) Kódování (desktop) Kódování (tablet) Kódování (finalizace šablon) Implementace šablon
Konfigurace systému a pluginů podle analýzy Vytvoření variant pro subdomény Ladění funkcionality v rámci šablon a tiskové CSS Interní testování v prohlížečích, Nasazení aplikace na subdomény, testování přístupnosti import obsahu z XML Interní testování aplikace, nastavení oprávnění a ladění výkonu Testování zákazníkem (A/B), ladění Testování zákazníkem (A/B), ladění Testování zákazníkem, ladění Testování zákazníkem, ladění
Testovací spuštění webu, ostré spuštění webu
