SPECIÁL: Jak probíhal vývoj nové verze

Co zapříčinilo vznik nové verze, jak vypadala homepage v průběhu vývoje, co vše se změnilo s jejím příchodem nebo co se do konečné verze nedostalo? Na tyto otázky a mnohem více se budu snažit odpovědět v tomto poměrně rozsáhlém článku, kde ukážu i prvotní nákresy portálu a jeho služeb, povím i několik perliček ze zákulisí, přiblížíme si potřeby, proč nová verze vlastně nakonec vzniknout musela, a podíváme se i do budoucnosti portálu. Nenecháme chladné ani spekulace kolem nové verze a všechny se je budu snažit vysvětlit či vyvrátit a v neposlední řadě nakoukneme i do zcela nové administrace. Pokud vás tedy vývoj Programujte – verze 3.0 – zajímá, zvu vás do úplných počátků…

Leden 2007 – přesněji 6. 1. 2007 – posvátné datum, kdy se všechno změnilo. Tedy, v daný den se vlastně nezměnilo absolutně nic, nicméně tehdy vznikla vůbec první myšlenka ohledně vzniku nové verze našeho portálu. Do redakce nám došel poměrně kritický e-mail – ne že bychom takové nedostávali, dostávali, ale opravdu poskrovnu, jelikož většina příchozích e-mailů hodnotící portál jako celek byla pozitivních. A i když byly negativní, adekvátně jsem odpověděl. Tento byl jiný – změnil můj pohled na „starou“ verzi a vlastně až postupem času (při vývoji) jsme zjistili, jak hrozná „stará“ verze vlastně je (nevím jak ostatní, ale já a Frosty určitě).

Ten vas web je neco desneho a poukazuji na nej jako na jednu z nejvestich hruz ceskeho internetu (horsi uz jsou snad jen psiccy pobihajici napric obrazovky a "snezeni" + jine infantiloviny-voloviny). Naprosta neprehlednost preplacanosti jakymisi obskurnimi pseudografickymi patvary. O vyslednem kodu stranky ani nemluve. Zkratka diletantizmus. Obsah taky nic moc...
Kdyby byla stranka jen s bilym podladem a pismen jednotne velikosti rezu treba Times..., byla by mnohem MNOHEM vzhlednejsi a prehlednejsi. Takhle je na ni omamzite poznat, ze ji delal nejaky adolescent. Hnus!!! Howgh

From: "Anonymous Remailer (austria)" <mixmaster zavináč remailer dot privacy dot at>
Comments: This message did not originate from the Sender address above. It was remailed automatically by anonymizing remailer software.

Historie vývoje nové verze – pozadí příběhu

O několik dní později již vznikaly prvotní verze „nové“ verze, ovšem zdaleka se nepodobaly té, jak ji vidíte dnes. Abych řekl pravdu, pracovní verze byly pouze 2 – ta první byla považována za hotovou, nicméně jsem ji při svých obvyklých choutkách přepracoval a výsledkem je tedy de facto právě verze, kterou vidíte. Nevznikaly tedy žádné desítky designů, layoutů atp., vznikl jeden, ten byl mírně přepracován a následně vypuštěn. Mnozí se možná můžou podivovat nad tímto „počtem“, ale já osobně nejsem zastánce toho udělat několik variací jedné a té samé služby a poté si vyberte. Předpokládám, že to, co se líbí mně, se bude líbit i ostatním (asi to zní sobecky a nadneseně, ale věc se má tak, že většině se výsledek opravdu líbí :)). Někdy jsem samozřejmě zaslepen nevědomostí či osobním pohledem, a proto mi k dokonalosti pomohla právě redakce portálu – je na místě jim zde poděkovat, takže: Děkuji celé naší redakci, celému našemu týmu při obětavosti a vytrvalosti, jakou se mnou počas vývoje nové verze měli (mnohdy to nebylo zrovna lehké), nejvíce bych měl asi poděkovat Frostymu, Zdenymu, DeaLerovi, hrachovi, Zelenáčovi a Lukáši Chadrabovi. Nejraději bych samozřejmě poděkoval úplně všem tím, že bych je zde vyjmenoval, ale oni dobře vědí, že jim děkuji za to, co pro portál (a mě) udělali.

Je vcelku úsměvné, jak jsme v polovině února plánovali vypuštění nové verze (např. 26. 2. 2007 měla být uzávěrka na podcast, víkend na to vypuštění nové verze. Někdo tam dokonce zavtipkoval, že si do kalendáře píše datum vypuštění nové verze 1. června 2007 (což znělo tehdy komicky, když už bylo téměř vše hotové), ale realita byla jinde. Nová verze nebyla vypuštěna později proto, aby bylo vše dokonalé, ale proto, že do vývoje zasáhlo hodně dalších věcí, resp. do mého života, což postupně vedlo k oddalování ohlášení vydání. Dvaadvacátého ledna 2007 jsem psal do naší redakční nástěnky, jak bude probíhat vypuštění a přechod na novou verzi (ano, již tehdy byla hotová téměř stabilní verze „nové“ verze, ovšem té „první“ verze, která byla poté přepracována na „druhou“ – finální – novou verzi ;) ); 30. 1. 2007 jsem publikoval první náhled redakci (pouze screenshot článku, který byl posléze ukázán i čtenářům); 2. 3. 2007 jsem oznámil vypuštění nové verze redakci pro testování (během pár hodin dvě stovky příspěvků, povětšinou těšících se na již mnohdy proklínanou novou verzi. Nemůžu vás ochudit o to, co se dělo v redakci, a vzhledem k tomu, že tento článek je opravdu komplexní, budu sem vkládat i úryvky z dané doby (koho to nezajímá, ať přeskočí).

Ihned poté následovaly reakce à la nepřehlednost, problémy s orientací (na stránce) a další reakce, ale to se po pár minutách nová verze začala líbit a počáteční mlha byla pryč, což mě uklidnilo po prvotních reakcích, po kterých jsem zůstal v mírném transu a napětí na další reakce. Nebudu už protahovat, vše nakonec dopadlo dobře a bez nadsázky snad mohu říct, že valná většina redakce byla z nové verze nadšena (a zbytek smířen). Ale abychom nechodili kolem horké kaše, redakce kritizovala tehdy první verzi, takže zde se můžete podívat, jak to tenkrát vypadalo:

Zde pak jeden test vlastního CSS stylu, kdy šířka layoutu stránky byla variabilní s tmavým pozadím:

Koncem května začalo panovat mírné napětí v redakci, jelikož se nevyskytovaly téměř žádné zprávy ohledně vývoje nové verze. V průběhu září a října to pak mnohdy už opravdu vřelo, nová verze za dveřmi, ale stále ne a ne zaťukat, což mnohé naštvalo. Samotný říjen pak byl zřejmě nejnáročnější měsíc mého života, administrace byla testována v průběhu přechodu na novou verzi (tedy v neděli). Samotná nová verze byla také vypuštěna cca s dvouhodinovým zpožděním (22.27) a reakce na ni? Téměř žádné. Nicméně na druhý den to vypuklo, doslova horda reakcí a k nevíře mě i ostatních: valné většině se líbila, téměř nulové negativní reakce, většinou pochvalné až bohulibé příspěvky vynášející novou verzi do nebes. Co dodat, byl jsem šťastný a myslím, že nejen já.

Rád bych se ale ještě vrátil k tomu, proč vlastně došlo ke zpoždění, když – i když zatím ta první – verze portálu již byla hotova. Krátce: dvoutýdenní vážnější nemoc, stěhování, které zabralo také několik týdnů, práce na dalším projektu, stěhovali jsme firmu do nových prostor (= druhé stěhování) a hlavní příčinou byl protahovaný dlouhý vývoj. Jeho negativním důsledkem totiž je, že se vám po jistém čase přestává líbit něco, co jste udělali již dříve (před 2 měsíci) a máte pak nutkání to přepracovat. Jsem navíc velký perfekcionista, takže jsem ladil vše do „posledního pixelu“ a nechtěl jsem vypustit něco, co by nebylo dle mých představ (či představ redakce) nebo nedokončený projekt (tedy s chybějícími částmi apod.). I přesto, že zdržení tedy bylo markantní, myslím si, že stálo za to.

Nákresy aneb jak to vypadalo nejdříve na papíře

Nová verze jednou přijít musela

O tom není pochyb, phpRS systém je opravdu vyjímečný redakční systém a Jiří Lukáš odvedl kus práce (momentálně chystaná nová verze ho posune ještě dále) a celkově bych vlastně každému, kdo neumí (ale chce se naučit) skriptit v PHP, doporučil právě phpRS, jehož zdrojový kód lze bez větších znalostí upravit k obrazu svému a ve výsledku si také stáhnout dnes již obsáhlou sbírku pluginů. Nicméně jsem díky své tehdejší nevědomosti (nestavěl jsem tenkrát portál, chtěl jsem pouze prostor pro psaní svých lekcí k programovacímu jazyku C++) „napráskal“ do systému spousty chyb (validátor jich hlásil pěkných 363) a systém se tak stal velmi těžce upravitelným pro budoucí potřeby. A než-li ho opravit, zkusil jsem napsat vlastní (mou blbostí bylo opravdu do systému zaneseno tolik chyb, u kterých by oprava trvala celkově stejně dlouho jako vývoj nové verze, a proto je nemělo již cenu opravovat). Zde tedy vyjadřuji dík Jiřímu Lukášovi, který mě vlastně nevědomky naučil skriptovat v PHP a MySQL a poskytl tak základní pilíř pro budoucí portál. Spolupráce s phpRS systémem však neskončila, od letošního roku spolupracujeme jako partneři na Anketě o nejlepší phpRS web (ročník 2007 je za námi, u dalšího ročníku se zapojíme mnohem více) a podporujeme tak nadále rozvoj a rozšíření tohoto ryze českého redakčního systému.

Jiné redakční systémy nevyhovovaly

Většina redakčních systémů vám poskytne perfektní správu pro publikaci článků, téměř u všech redakčních systémů tak můžete lehce publikovat, řídit, třídit, kategorizovat a doinstalovávat menší či větší množství pluginů. Tím však vesměs jeho možnosti končí, maximálně si můžete přidávat do menu jednotlivé stránky. Programujte však již od prvotní myšlenky na novou verzi mělo větší cíl – vznik podcastu, videoarchivu, kalendáře akcí a dalších sekcí, proto nebylo jiné volby, než udělat vlastní redakční systém ušitý přímo na míru portálu tak, aby byl maximálně rozšířitelný pro budoucí vývoj, maximálně variabilní pro plánované změny a maximálně efektivní. Jistě, nedosahuje možná kvalit mnohých úspěšných redakčních systémů, nicméně si myslím, že má všechny funkce potřebné pro naši věc, a to včetně těch nadstandardních služeb či dokonce i mnohdy vyjímečných funkcí, které byste na ostatních redakčních systémech hledali marně.

Peníze nejsou třeba, každý je chce aneb každý chce svůj portál

Dříve to tak nebylo. Když jsem chtěl publikovat já, neměl jsem kde. PCsvět končil, Interval byl moc odborný a Živě beru jako bulvár. Chtěl jsem psát lekce jazyka C++, nikterak technicky, ale laickým způsobem, aby látku pochopil opravdu každý potencionální zájemce, k tomu jsem chtěl přidat úkoly (dovolím si podotknout, že ty zaznamenaly obrovský úspěch – 3 900 odevzdaných úkolů ke dnešnímu dni), ale nebylo kde lekce publikovat, nedosahoval jsem požadované odbornosti. Proto vznikl web s lekcemi, později web s několika kurzy a nakonec portál.

Dnešní svět je jiný. Den co den na fóru hledá kdejaký uživatel redaktory pro „svůj portál“, ovšem s tím, že jejich RS je postaven na velmi komunitních redakčních systémech (určených pro masy), mnohdy není ani v češtině či v horším případě redakční systém daný člověk ještě ani nenainstaloval, ale již hledá ovečky. Píšu ovečky proto, že mi přijde pošetilé se přidávat a vůbec vytvářet stále kopie jiných portálů a stále dokola a dokola, mnohdy na doménách 3. řádu a se zcela nesmyslnými názvy. Dnešní doba je taková, že hosting a doménu si může zaplatit kdejaký student základní školy, takže pokud to myslím vážně, obětuji 2 jídla u McDonald's. Pokud ne, nemůžu se poté divit, že mě neberou vážně ani potencionální zájemci. A další důvod, proč si myslím, že dané portály neuspějí, je ten, že autor tohoto již předem slavného a opěvovaného portálu jde jen za jedním – ziskem, přitom redaktorům nenabízí zhola nic (budiž mi důkazem nasazený Google AdSense a reklamní partnerské programy na weby bez jakéhokoliv obsahu). A kdo tvrdí, že pro provoz portálu potřebuje peníze? Není pravda. Programujte běží bez jakékoliv finanční podpory, stačilo se snažit, sehnat zpočátku partnery, poté výdaje začne hradit reklama. A že je třeba platit všem zúčastněným a je tedy potřeba stále vydělávat a vydělávat? Redakce Programujte nedostává žádné honoráře (nikdo je nedostává, ani já), všichni to děláme z jednoho prostého důvodu – baví nás to. Mě osobně psaní baví a miluju zdejší komunitu, proto tu jsem. Pro hodně lidí myslím platí to samé.

Na druhou stranu, pokud chci psát, je potřeba něco o něčem vědět. Pokud tedy nic neumím, nemám tedy o čem psát a nemám žádné znalosti, nezakládám portál a nesháním další „do teamu“. Ti, kteří mají o čem psát a vědí tedy něco o něčem, se můžou přidat k již existujícím zaběhnutým projektům a vytěží z toho mnohem více, ať po stránce finanční či duševní.

Koncept a cíle portálu

Myšlenka zůstává stále stejná – chceme předávat získané zkušenosti dále, a to vstřícnou formou. Máte-li o čem psát a chcete se stát členy naší redakce, naší komunity, můžete se přidat a účastnit se tak na rozvoji tohoto projektu. Nikdo zde nemá svázané ruce – nebudete pouhými pisateli, ale můžete se aktivně podílet na rozvoji portálu, jeho soutěžích, akcích, projektech, vést svůj vlastní kurz i s úkoly, seriál, publikovat vaši diplomovou práci, seznámit nás s aktuálními problémy, získávat nové zkušenosti, navázat nové kontakty, polemizovat nad výroky dalších lidí a mnohé další. Dáme vám prostor, dáme vám volnost, nabídneme zázemí, pomoc a vstup do komunity skvělých lidí. Být členem redakce není práce – je to zábava a radost.

Nová verze toho nabízí mnohem více, než verze původní. Přibylo osm zcela nových sekcí, diskuzní fórum prošlo výraznou evolucí a moderniací, jakou prošel i samotný portál. Celý portál je portován i pro mobilní zařízení, textová čtecí zařízení či nevidomé – PDA verze – nebyly portovány pouze články, ale téměř veškeré sekce a funkce portálu.

Náhledy na portál v PDA verzi

Vychází i zcela nový Newsletter (nyní již pouze týdenní) a portál má i svůj vlastní blog.

PROGRAMUJTE.COM/BLOG

PROGRAMUJTE.COM/?AKCE=NEWSLETTER

Na výše uvedený log bych vás rád pozval – jedná se o místo, kde budou uváděny všechny novinky na portálu, plánované změny, nové funkce a možnosti. A vy je můžete sami ovlivnit. Nebudou tam tedy pouze oznámení, ale konkrétní věci k diskuzi. Chcete mít váš oblíbený portál ještě komfortnější, personalizovanější, chybí vám nějaká funkce či byste uvítali jiné chování již existující? Dejte o tom vědět v našem logu. Budeme se tomu rádi věnovat, prodiskutujeme všechny možnosti a vybereme tu nejlepší. Vždy jsem se řídil tím, co chtějí čtenáři, proto neváhejte s námi diskutovat.

Samotný log bude i trošku osobnějším blogem mě samotného, takže občas se tam můžou objevit příspěvky z oblasti IT nebo ze života.

Pardubický bug

V průběhu vývoje došlo při testování k zajímavému chování. DeaLerovi a Lukáši Chadrabovi se vždy rozhodil profil na portálu – nikomu jinému. Všichni ostatní měli profil zobrazen normálně a pouze tito dva – oba z Pardubického kraje – měli rozhozený layout. Bug byl proto nazván „pardubický bug“ a až později se zjistilo, že měli ve svém účtu již sledovaná vlákna z fóra, což zapříčilo zobrazení jiných dat (a tedy následné chyby). Ovšem do té doby jsme byli všichni z této chyby zmateni :-).

Samotný vývoj měl hodně nástrah a propastí

Zpočátku jsem stál před několika problémy: například co udělat s už tak obsáhlým menu, kolika sloupcový layout zvolit, jaké bloky zachovat, tabulkový vs. non-tabulkový layout a celkově zakomponování zcela nových (a toliko chtěných) funkcí. Bylo jasné, že zachovat třísloupcový layout by byla hloupost, jelikož hlavní prostor jsem chtěl dát článkům. Proto je nyní také menu „dodatečně“ na pravé straně a nikterak široké, navíc s možností dočasného či trvalého skrytí. Hlavní menu s kategoriemi bylo přesunuto pod samotné logo a je čtyřúrovňové (nyní jsou využívány max. tři úrovně). Z původních téměř dvou desítek bloků tak byly zachovány pouze čtyři + byly přidány některé další. Jedním z posledních, ale neméně důležitých, aspektů bylo propojit administraci s portálem, aby editace již existujících článků byla co nejjednodušší, uživatelsky komfortní a aby redaktor mohl být identifikován (aniž by se přihlásil do administrace). Vše se nakonec povedlo.

Administrace

Ta nyní běží na vlastní doméně, spojení je šifrováno SSL certifikátem s kompletními logy. Nová administrace poskytuje mnohem vyšší pohodlí než administrace původní, a to jak pro mě, jako admina, tak pro korektory či redaktory. Publikace článků je mnohem rychlejší, efektivnější a přívětivější, jsou zachovány všechny verze článku napříč jeho historií a mnoho dalšího. Zavedli jsme také galerii logotypů, vytvořili redakční konference a umožnili vkládat pageview (příkladové stránky k lekcím kurzů, k článkům obecně).

Náhled do administrace

CuroBOT

O CuroBOTovi toho asi prozatím moc nevíte. Ve staré verzi se staral o chod portálu a dokázal některé příkazy zautomatizovávat. Pokud tedy budeme mluvit o CuroBOTovi, který byl ve staré verzi (CuroBOT v1), v nové verzi se nachází CuroBOT jak jinak než ve verzi třetí (CuroBOT v3) a jeho pravomoce jsou značně za hranicemi verze staré.

CuroBOT se tedy v základu stará o jakékoliv exporty a statistiky. Má v sobě tak primitivní funkce, jako generování RSS, newsletteru a obsahu u různých služeb. Dále se stará o  likvidaci spamu na portálu, a to před vložením, při vložení i po vložení (rozumějte: při vkládání se testuje ukládaný řetězec, po uložení se denně prohledávají všechny příspěvky zpětně a poté se toto chování [z logů] aplikuje ještě před samotným vložením [a znepřístupní například formulář]). Existuje 7 stupnů ochrany před spamem. V základu jsme na stupni 1, jakmile bude ochrana vždy prolomena, přejde se dočasně či trvale na vyšší stupeň. Bát se kontrolních obrázků (captcha) nemusíte, ty jsou součástí až 7. stupně. Nové pravomoce CuroBOTa jsou například automatické vydávání článků, přepočet příspěvků, komentářů a vláken; konzola pro jednoduché příkazy (které lze zadat i z mobilního telefonu → e-mail → vykonání; například clanek → 2007080908 → vydat → dnes a článek je vydán), logování přístupů či jakýchkoliv změn ve článcích, report chyb a 404 stránek. CuroBOT tedy dokáže na jistý čas zastat práci admina nebo s jeho pomocí řídit portál „vzdáleně“ pomocí SMS či e-mailů. Dohlíží nad celým portálem jako ruka Boží a sleduje vás ;-). Mimochodem, jeho jméno – prostě jsem mu dal jméno po svém stvořiteli, nehledejte v tom žádné hluboké myšlenky. A jak CuroBOT vlastně vypadá? Ano! CuroBOT má svoji vlastní podobu! (Jo a svoji soukromou poštu vybírá opravdu jen občas :-)).

Profil CuroBOTa

A budoucnost?

Ohledně budoucnosti portálu se nejvíce dočtete v našem logu. Ale tak zhruba: Plánujeme zvýšit kvalitu vydávaných článků, a to jak obsahově, tak i po grafické či typografické stránce. Chceme být aktuálnější, více psát o tématech, o kterých se moc nepíše, a více se specializovat na moderní záležitosti. Chceme nabídnout více zábavy, více logických hříček a více soutěží. Máme v plánu i akce v terénu, ale o tom blíže později na našem logu. A protože chceme také psát o tom, co zajímá vás, je v nové verzi k dispozici sekce Články na přání, kam můžete vkládat témata, která vás zajímají, a my se budeme snažit vašim přáním vyhovět.

Jeden z návrhů na promo videa k videotutoriálům

Trochu statistiky

Při vývoji Programujte jsem sepsal celkem 47 250 řádků zdrojového kódu. Samotný vývoj trval bez odmlk něco přes 6 měsíců včetně práce na grafice, návrhu, testování a hlavně úvah (myslím, že téměř polovinu času mi sebraly samotné úvahy nad tím, jak to bude vypadat, jak bude vypadat struktura databáze a co a jakým způsobem bude propojeno). V databázi je vloženo přes 10 tisíc obrázků, přes 46 tisíc příspěvků ve fóru, skoro 13 tisíc komentářů a za dobu Programujte bylo vydáno 77 hlavních anket.

Čeká nás toho opravdu hodně, takže se máte na co těšit, pokud nám zůstanete věrní…