Koncepce: Web

Technický odbor působí v oblasti správy, údržby a vývoje technických systémů strany a jejích technických zařízení a poskytuje servis ostatním orgánům strany.

Moderátor: Technický odbor

Odpovědět
Uživatelský avatar
Jakub.Michalek
Poslanec/poslankyně Parlamentu ČR
Příspěvky: 12336
Registrován: 22 čer 2009, 14:54
Profese: poslanec
Bydliště: Žižkov - Praha 3
Dal poděkování: 5377 poděkování
Dostal poděkování: 20687 poděkování
Kontaktovat uživatele:

Koncepce: Web

Příspěvek od Jakub.Michalek »

Ahoj, dneska jsme se s Vojtou Pikalem koukali na web a stránka se načítala cca 9 sekund. Vedle toho se nám poměrně často stává, že web je nedostupný. Webová prezentace je velice komplikovaná a zahrnuje v sobě věci, které normálního návštěvníka pouze rozptylují. Obsah webu jsou i náhodné výkřiky lidí (wiki), takže vznikají imho zbytečné spory o věci jako je homoskinheadská platforma. Lepší chvilky už má naše wiki v roli webu za sebou (Piznam). Rozhodnutí kdysi nasadit místo webu wiki je dnes podle mého názoru již překonané (také jsem se na něm podílel) a od té doby vznikla a rozšířila se řada nových technologií (generátory statických webů apod.)

Proto Ondra v koncepci uvedl, že by měla být webová prezentace oddělená od wiki. Protože ve vlákně nebyl žádný odkaz, zakládám tohle vlákno a přemýšlel jsem o několika tezích, které bych zde rád probral. Nejsem rozhodně odborník na weby, ale pár už jsem jich podílel a baví mě to, tak budu rád, když mě opravíte nebo doplníte :)

Co má být web Pirátů?

Jednoduchá a jasná internetová stránka, která obsahuje autoritativní informace, které veřejnost hledá, je nepřetržitě rychle dostupná a je hlavním kanálem pro oslovení širokých mas voličů.

Komentář: Web je tedy vymezen jako komunikační kanál navenek, neměl by obsahovat zbytečně podrobné informace jako jsou zápisy ze schůzí, které jsou ukládány jinde (např. na redmine nebo wiki). Web by měl mít jednoduchou strukturu.

Jaké sociální skupiny web navštěvují, co na něm hledají a jaký chceme, aby si odnesly dojem?
  • noví návštěvníci chtějí zjistit, co to jsou ti Piráti, o kterých slyšeli; chceme, aby opustili mýty o Pirátské straně, brali nás jako otevřenou a poctivou stranu, která přináší nový vítr do politiky, zastupuje jejich zájmy a dělá ji zábavnější, případně nám také dali like na facebooku a stali se příznivci (zadali e-mail pro další pravidelné informace,
  • příznivci a členové hledají odpovědi na zajímavé otázky, na které narazili při diskusi se svými přáteli, hledají možnost jak se zapojit, podpořit naši činnost a stát se členy, příznivci také sledují stanoviska na webu k aktuálním otázkám, vidí zde kalendář celostátních akcí s pozvánkami; chceme, aby sdíleli jednotlivé internetové stránky na sociálních sítích, přihlásili se k odběru aktualit (případně jako dobrovolníci), navštěvovali akce, na které jsou pozváni, stali se členy, darovali straně peníze a zapojili se do našich projektů,
  • odborná veřejnost hledá oficiální stanoviska k zásadním politickým tématům a událostem a podkladové materiály, a dále objektivní údaje využitelné při politických srovnáních; chceme, aby odcházeli z našeho webu s dojmem přehlednosti, modernosti, aktuálnosti a profesionality a měli k Pirátům náklonnost,
  • političtí oponenti hledají možnosti, jak zkopírovat části Pirátského webu a využít je k vlastnímu prospěchu; naším cílem je schopné lidi z jiných politických stran konvertovat nebo je aspoň přimět prosazovat naše principy v jejich stranách,
  • voliči hledají informace pro srovnání s ostatními politickými stranami, zejména program pro dané volby, kandidáty, činnost a jiné důvody, proč Piráty volit či nevolit; chceme, aby snadno našli pro ně nejdůležitější témata, aby se na základě prezentace rozhodli Piráty volit a viděli všechny prospěšné věci, které pro ně Piráti dělají (veřejně prospěšné projekty), zejména aby nás vnímali po právu jako úplně jinou stranu než ostatní politické strany,
  • novináři hledají vyjádření Pirátů k aktuální záležitosti nebo politický postoj, případně informace o představiteli strany; chceme, aby informace předávali veřejnosti autentické a sympatizovali s Pirátským hnutím, které má nezávislost médií jako jeden ze svých cílů.
V souladu s Ondrovou koncepcí (předpokládám, že za Standy Štipla bude stále aktuální) budou z webu vyčleněny služby, na které je vedena samostatná webová aplikace (sbírka předpisů, registr smluv, redmine, e-shop, wiki apod.) To však nestačí, protože je prezentaci třeba zjednodušit tak, aby jejím primárním příjemcem byly výše uvedené cílové skupiny a aby jim byl web přizpůsoben. Příkladem chybného nastavení je fundraising, který dnes zobrazuje částku ležící na účtu místo částky, kterou vybíráme na fundraisingový cíl! (Tedy fakticky odrazujeme možné dárce hned na titulní stránce.) Schopnost plnit vytyčené úkoly je třeba od počátku testovat na normálních lidech všech věkových a sociálních skupin.

Obsah webu

Co by tedy podle mého názoru měl web obsahovat:

kdo jsme?
  • program (včetně zpracování podle témat/cílových skupin),
  • lidé - předsednictvo, zastupitelé, senátor,
  • kraje - prezentace krajských sdružení a jim podřízených místních sdružení s kontaktními údaji,
  • transparence - stránka s odkazem na registr smluv, registr lobbistů, účetnictvím a dalšími informacemi, které často uvádíme
  • kontakt
co pro vás děláme
  • aktuality - hlavní kampaň a tiskové zprávy,
  • prosazování programu
  • projekty - Svobodná hudba a další projekty s veřejným užitkem,
  • kalendář s akcemi
  • dokázali jsme
vítejte na palubě
  • odběr e-mailů nebo RSS - s možností uvést svou polohu a přihlásit se jako dobrovolník - bude se ukládat do externího systému,
  • darovat na kampaň (platební brána)
  • registrovat se jako příznivec
  • požádat o členství
Principy fungování

Web je v celém svém fungování příkladem uplatňování politiky strany (citování autorů, github, odpovědnost).
Web je časově neomezeně a rychle dostupný (statický web pomocí generátoru, jednoduché styly a skripty, minifikace) a zobrazování na všech zařízeních (responsive design).
Web není používán jako náhražka jiných webových aplikací strany.
Web je klonovatelný pomocí github a v případě likvidace serveru znovu nahoditelný.
Na web přispívají autorizované osoby, v každém kraji je vyškolen aspoň jeden správce.
Web dodržuje rozšířené konvence a standardy webdesignu.
Web je grafickým základem pro všechny ostatní webové aplikace strany (např. horní lišta).
Každý informace je snadno dohledatelná do 3 kliků.

Jakub Michálek, předseda poslaneckého klubu Pirátů a vedoucí resortního týmu Spravedlnost
Nenič mě, sloužím všem. :)

Uživatelský avatar
Ondrej.Profant
Technický odbor
Příspěvky: 7962
Registrován: 22 dub 2009, 23:55
Profese: Náměstek člena vlády
Bydliště: Praha 8
Dal poděkování: 15004 poděkování
Dostal poděkování: 8366 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Ondrej.Profant »

Skvěle popsáno. Zkusil jsme jeden kontakt, zda by to nechtěl zkusit nadhodit návrh (neb podobný web dělal) - snad si najde čas.
Tito uživatelé poděkovali autorovi Ondrej.Profant za příspěvek:
Tobias.Esner

profant.eu
náměstek vicepremiéra pro digitalizaci
vedoucí resortních týmů Informatika

Uživatelský avatar
Jakub.Michalek
Poslanec/poslankyně Parlamentu ČR
Příspěvky: 12336
Registrován: 22 čer 2009, 14:54
Profese: poslanec
Bydliště: Žižkov - Praha 3
Dal poděkování: 5377 poděkování
Dostal poděkování: 20687 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Jakub.Michalek »

Co vidím v případě statického webu jako mírně problematické je zadávání tiskových zpráv lidmi z krajů. Ale my je ten git naučíme :)
Tito uživatelé poděkovali autorovi Jakub.Michalek za příspěvky (celkem 3):
Tobias.Esner, Frantisek.Kopriva, Vaclav.Klecanda

Jakub Michálek, předseda poslaneckého klubu Pirátů a vedoucí resortního týmu Spravedlnost
Nenič mě, sloužím všem. :)

Uživatelský avatar
Ondrej.Profant
Technický odbor
Příspěvky: 7962
Registrován: 22 dub 2009, 23:55
Profese: Náměstek člena vlády
Bydliště: Praha 8
Dal poděkování: 15004 poděkování
Dostal poděkování: 8366 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Ondrej.Profant »

Tiskovky prostě pošlou v MarkDownu někomu z pověřenců pro web (myslím, že objem není takový, aby se to nezvládalo rychle).

profant.eu
náměstek vicepremiéra pro digitalizaci
vedoucí resortních týmů Informatika

Uživatelský avatar
Frantisek.Kopriva
Mladé Pirátstvo
Příspěvky: 2472
Registrován: 10 říj 2013, 20:37
Profese: Engagement manager
Bydliště: Praha
Dal poděkování: 5500 poděkování
Dostal poděkování: 3437 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Frantisek.Kopriva »

Výborně, bravo! Jsem rád, že se to konečně rozhoupává. :) Já osobně už mám z naší wiki také fóbii a stydím se známým posílat odkaz směřující na ni. :D Tahle koncepce (pro interní záležitosti wiki, pro veřejnost klasický web) se mi moc líbí a chtěl bych, aby nějakým způsobem (šablona, odkazy na nadřazená sdružení, editační rozhraní typu wordpress i pro neajťáky) zahrnovala i KS a MS. Konkrétně tedy, aby si každé MS mohlo založit svůj web, který si bude moct samo spravovat a který bude vypadat k světu. ;)
Naposledy upravil(a) Frantisek.Kopriva dne 25 led 2015, 00:31, celkem upraveno 1 x.

Pirátský profil |< >| Engagement manager datově-analytických projektů |< >| začínající bubeník |< >| člen RT EZO & Lidská práva |< >| Emeritní politik, věčný aktivista

Stanislav.Stipl
Člen KS Královehradecký kraj
Příspěvky: 2067
Registrován: 04 úno 2012, 23:32
Profese: programátor
Dal poděkování: 1584 poděkování
Dostal poděkování: 3193 poděkování

Re: Koncepce: Web

Příspěvek od Stanislav.Stipl »

Dlouhé načítání je dáno mimo jiné přetížením serveru lori. Postupným přesunem služeb na druhý server se tato situace zlepší. OFFTOPICOndro, prosím, přidej mi ten klíč na Hermes... Obecně souhlasím, že je třeba začít řešit i podobu samotného webu. Nicméně zároveň je třeba se zabývat otázkou, zda bude dřív slepice, nebo vejce. Zobrazení fundraisungu je závislé na systému pro FO, registrace dobrovolníků/regp je závislá na systému pro PO/AO... Také bychom měli požádat o součinnost Mediální odbor, který k tomu určitě má co říct. Ale dá se říct, že nový web je možné považovat za prioritu a všechny funkce nemusí být dostupné hned od jeho spuštění.

Souhlasím s tím, že by wiki měla být do budoucna oddělená, s Jakubovým popisem problémů současného webu a až na detaily i s požadavky na nový web.

Šel bych cestou využití front-end frameworku (bootstrap, foundation), který sám o sobě zajistí splnění části požadavků (responzivnost, navigace). Můžeme tak dosáhnout moderního a přehledného webu i bez nutnosti (nikoliv bez možnosti) využít služeb grafika. Zda se vydat cestou generované statické stránky (Jekkyl) je otázkou. Představa, že je celý web včetně obsahu na GitHubu je lákavá, na druhou stranu napojení na další systémy pak bude obtížnější (ale řešitelné).

Pokud jde o weby krajských sdružení, v případě využití Jekkyl nebo obdobného generátoru bych prosazoval spíše jejich decentralizaci na subdomény a do samostatných repozitářů. Odpovědný správce krajského webu dostane přímo práva k repozitáři.
Nutnost, aby se alespoň jeden člen krajského sdružení uměl git, považuji za výhodu. Pokud to však některá krajská sdružení nezvládnou, bude zde možnost poslat zprávu v Markdownu, jak píše Ondra, nebo v nejhorším případe i "ve Wordu".

edit: Trochu jsem procházel konkurenci a určitou inspirací nám může být web SZ a částečně i web Svobodných. Naopak weby sněmovních stran jsou spíš ukázkou, co nedělat (byť náš současný je horší).
Tito uživatelé poděkovali autorovi Stanislav.Stipl za příspěvky (celkem 3):
Frantisek.Kopriva, Vaclav.Klecanda, Vojtech.Pikal

test

Stanislav.Stipl
Člen KS Královehradecký kraj
Příspěvky: 2067
Registrován: 04 úno 2012, 23:32
Profese: programátor
Dal poděkování: 1584 poděkování
Dostal poděkování: 3193 poděkování

Re: Koncepce: Web

Příspěvek od Stanislav.Stipl »

Frantisek Kopriva píše:Výborně, bravo! Jsem rád, že se to konečně rozhoupává. :) Já osobně už mám z naší wiki také fóbii a stydím se známým posílat odkaz směřující na ni. :D Tahle koncepce (pro interní záležitosti wiki, pro veřejnost klasické weby) se mi moc líbí a chtěl bych, aby nějakým způsobem (šablona, odkazy na nadřazená sdružení, editační rozhraní typu wordpress i pro neajťáky) zahrnovala i KS a MS. Konkrétně tedy, aby si každé MS mohlo založit svůj web, který si bude moct samo spravovat a který bude vypadat k světu. ;)
Wordpress to asi nebudeOFFTOPICjen přes mou mrtvolu, ale psát v Markdown a poslat výsledek do gitu se člověk naučí za chvíli.
Tito uživatelé poděkovali autorovi Stanislav.Stipl za příspěvky (celkem 3):
Frantisek.Kopriva, Lukas.Novy, Ondrej.Profant

test

Uživatelský avatar
Jakub.Michalek
Poslanec/poslankyně Parlamentu ČR
Příspěvky: 12336
Registrován: 22 čer 2009, 14:54
Profese: poslanec
Bydliště: Žižkov - Praha 3
Dal poděkování: 5377 poděkování
Dostal poděkování: 20687 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Jakub.Michalek »

Díky Standovi za komentáře, dovolím si stručnou reakci (rovněž jsem požádal o vyjádření vedoucího mediálního odboru Víťu Konečného, tak snad nás také obohatí, abychom pro tento projekt měli zaujatý tým :))
Stanislav Stipl píše:Zobrazení fundraisungu je závislé na systému pro FO, registrace dobrovolníků/regp je závislá na systému pro PO/AO... Také bychom měli požádat o součinnost Mediální odbor, který k tomu určitě má co říct. Ale dá se říct, že nový web je možné považovat za prioritu a všechny funkce nemusí být dostupné hned od jeho spuštění.
Tak pro fundraisingové cíle stačí udělat nějaké jednoduché synchronizovátko, které si jednou za hodinu šáhne na web banky a vypíše tam sponzory. Pro newsletter bych se divil, kdyby neexistovaly nějaké nástroje (jde to zabudovat do statického webu, tak to měl Obama na kampaňovém webu, stejně tak jako dynamická část s platební bránou).
Šel bych cestou využití front-end frameworku (bootstrap, foundation), který sám o sobě zajistí splnění části požadavků (responzivnost, navigace). Můžeme tak dosáhnout moderního a přehledného webu i bez nutnosti (nikoliv bez možnosti) využít služeb grafika.
Na dosavadních systémech používáme foundation, asi by bylo dobré se toho držet, protože to není tak tuctové jako bootstrap, ale zároveň je to dost rozšířené. Přesto bych prosil o to, abychom angažovali profi grafika, aby ten web byl čistý. Web by měl navazovat na upravený grafický manuál, na čemž snad začne pracovat Domča.
Pokud jde o weby krajských sdružení, v případě využití Jekkyl nebo obdobného generátoru bych prosazoval spíše jejich decentralizaci na subdomény a do samostatných repozitářů. Odpovědný správce krajského webu dostane přímo práva k repozitáři.
Ano, to by jistě bylo dobré. Napadlo mě rozdělit to do modulů, které git umožňuje, ale nejsem na to žádný expert, takže možná budou i jiná řešení. Určitě by měly existovat poddomény (byť lidé si je většinou stejně nezapamatují, proto musí být hlavně snadné se na krajskou stránku dostat z titulní stránky). Vedle toho bychom měli trvat na tom, aby technický odbor (tým developerů) držel vrchní oprávnění ke všem dílčím repozitářům a aby podweby měly shodný vzhled a lišily se jen obsahem.
Tito uživatelé poděkovali autorovi Jakub.Michalek za příspěvky (celkem 2):
Stanislav.Stipl, Vaclav.Klecanda

Jakub Michálek, předseda poslaneckého klubu Pirátů a vedoucí resortního týmu Spravedlnost
Nenič mě, sloužím všem. :)

Stanislav.Stipl
Člen KS Královehradecký kraj
Příspěvky: 2067
Registrován: 04 úno 2012, 23:32
Profese: programátor
Dal poděkování: 1584 poděkování
Dostal poděkování: 3193 poděkování

Re: Koncepce: Web

Příspěvek od Stanislav.Stipl »

Jakub Michalek píše: Tak pro fundraisingové cíle stačí udělat nějaké jednoduché synchronizovátko, které si jednou za hodinu šáhne na web banky a vypíše tam sponzory. Pro newsletter bych se divil, kdyby neexistovaly nějaké nástroje (jde to zabudovat do statického webu, tak to měl Obama na kampaňovém webu, stejně tak jako dynamická část s platební bránou).
Nepochybně bude "něco" sahat přes API do banky, ostatně tak je tomu i dnes. Jde ale o to, jak se tento obsah dostane na statickou stránku. Jak jsem již uvedl, technicky řešitelné to je (např přes JS nebo přes iframe), ale je to trochu "rovnák na ohýbák". Podobně lze vložit také formulář pro newsletter, přičemž systém pro rozesílání bych nechal na jinou debatu. Co ale půjde na statické stránce řešit poměrně těžko je například vyhledávání. U registru smluv se používá JS na straně klienta, což ale má své limity. Řešením by bylo například Google Custom Search, který ale nebude vzhledově úplně v souladu se zbytkem webu a navíc je otázkou, zda je jeho využití vůbec v souladu s politikou strany.
Jakub Michalek píše: Na dosavadních systémech používáme foundation, asi by bylo dobré se toho držet, protože to není tak tuctové jako bootstrap, ale zároveň je to dost rozšířené. Přesto bych prosil o to, abychom angažovali profi grafika, aby ten web byl čistý. Web by měl navazovat na upravený grafický manuál, na čemž snad začne pracovat Domča.
Foundation a grafik - proč ne. Nejlépe kdyby se jednalo o dobrovolníka - v rámci eurokampaně fungoval tým grafiků velice dobře. OFFTOPICKdybych byl zlý, řekl bych, že to bylo skoro jediné, co fungovalo. Opět bych zdůraznil potřebu součinnosti s MO.
Jakub Michalek píše: Ano, to by jistě bylo dobré. Napadlo mě rozdělit to do modulů, které git umožňuje, ale nejsem na to žádný expert, takže možná budou i jiná řešení. Určitě by měly existovat poddomény (byť lidé si je většinou stejně nezapamatují, proto musí být hlavně snadné se na krajskou stránku dostat z titulní stránky). Vedle toho bychom měli trvat na tom, aby technický odbor (tým developerů) držel vrchní oprávnění ke všem dílčím repozitářům a aby podweby měly shodný vzhled a lišily se jen obsahem.
O modulech mám nastudované jen základní informace, ale obávám se, že to není úplně v souladu s mou představou o fungování webů oblastních sdružení. Ale to je ještě na další studium a diskuzi. Každopádně weby bude mít TO pod kontrolou uvedeným i dalšími způsoby.
Tito uživatelé poděkovali autorovi Stanislav.Stipl za příspěvek:
Ondrej.Profant

test

Uživatelský avatar
Jakub.Michalek
Poslanec/poslankyně Parlamentu ČR
Příspěvky: 12336
Registrován: 22 čer 2009, 14:54
Profese: poslanec
Bydliště: Žižkov - Praha 3
Dal poděkování: 5377 poděkování
Dostal poděkování: 20687 poděkování
Kontaktovat uživatele:

Re: Koncepce: Web

Příspěvek od Jakub.Michalek »

Když už mluvíme o webu, tak jsme s Mikulášem prošli náš současný web na google analytics (vyhodnocují se výsledky pravidelně??) a nestačili jsme se divit. Začnu nejprve obecným rozložením zájmu a pak proberu titulní stránku.

Navštěvované stránky podle dopadu
Titulní stránka, 771 tis.
Program, 105 tis. (lidé si čtou i volební program)
TZ Sleduju seriály, 90 tis. (sdíleno velkými weby)
Lidé, 36 tis. (stránka s minimem fotek :-()
Členství, 38 tis. (konverzní poměr téměř nulový, stránka zcela odpudivá!)
Svobodná hudba, 28 tis. (celkem populární projekt)
Organizační struktura, 32 tis. (odkaz z titulní stránky webu! :-()
Hledání 34 tis.
Okrskové volební komise, 24 tis. (dobrý konverzní poměr)
Regiony 24 tis.
Ivan Bartoš 27 tis.
Stanovy 20 tis.
Finanční odbor 13 tis.
Kontakt 13 tis.
Grafika 8 tis.
Dary 13 tis.
Dvanáctero, drogy, 13 tis.
Konzultace copyright 12 tis.
Grafika 8 tis.
FAQ poplatky KS 9 tis.

Z toho je celkem dobře patrné, co lidé na našem webu hledají a odkud tam chodí. Webová stránka Pirátů by měla být udělaná tak, aby výše uvedené odkazy byly co nejdostupnější.

Co se týče titulní stránky, pak 0,5 % klikne na odkaz mapa webu, který neexistuje (?!). 13% klikne na organizační strukturu, která je schovaná pod názvem O nás (?!). 8% klikne na členství. 3 % na kontakt, 20 % kliká na věci, co nikam nevedou, 4 % lidí zaujme naše hlavní kampaň (banner, není ovšem podtrženo slovo klikněte, takže to lidi asi nepochopí), 2 % odejdou na fórum. Aktuální kampaně lákají cca 18 % lidí. Pouze 1,5 % klikne na tlačítko bankovní převod (proč takto krkolomně?, proč je kolem toho částka, kterou máme, místo fundraisingového cíle?). Tiskové zprávy mají minimální čtenost, lepší jsou stanoviska bez jezdících obrázků. Stanoviska jsou nazvaná většinou nepopisně (např. stanovisko k tomu a tomu) a jako taková mají 1 %. Popisněji nazvaná stanoviska k pařížským útokům a očkování mají podstatně větší čtenost cca 5 %. 1% klikne na náš stav účtu. Není vůbec jasné, proč máme dva feedy, když rozlišení je formální (stanoviska vs. TZ). Lidi nezaujme název tisková zpráva, protože si pod tím představí něco formálního a nudného.

Myslím, že tyto informace bychom měli průběžně vyhodnocovat, jinak to sledování ga nemá smysl.
Tito uživatelé poděkovali autorovi Jakub.Michalek za příspěvky (celkem 7):
Stanislav.Stipl, Ondrej.Profant, Dominika.Michailidu, Frantisek.Kopriva, Oldrich.Fischer, Adam.Zabransky, Vojtech.Pikal

Jakub Michálek, předseda poslaneckého klubu Pirátů a vedoucí resortního týmu Spravedlnost
Nenič mě, sloužím všem. :)

Odpovědět

Zpět na „Technický odbor“