SlideShare a Scribd company logo
1 of 11
Download to read offline
Inovácie I. 
Content elements
Problém
User story
Riešenie?
Riešenie?
Výhody 
• radikálne viac "formátovacích" možností (taby, galéria, 
slider atď) 
• jeden kód obsluhujúci všetkých klientov (future proof) 
• mega použiteľnosť 
• zjednotenie: 
• tvorby obsahu webu 
• tvorby newslettrov (iné content elements) 
• prototypovania
Potenciálne 
problémy 
• flexibilita content elements 
• nechať zadné vrátka cez rozumné API na ľahké 
rozširovanie 
• nahradí to len textareu? Či celý web, napr. vrátane 
hlavičky a pätičky? Ako potom budeme vyvíjať? a čo 
dynamický obsah? 
• čo responzivita? 
• Frontend alebo backend? Live edit frontend s admin 
panelom?
Prototypovanie s 
content elements 
• začnime projekt tak, že default inštaláciu dáme klientovi 
• hneď získava skill v manažovaní, pýta sa priebežne a 
eliminujeme waterfall jednorazové zaškolenie potom 
• nevytvárame obsah 2x, v rôznych nástrojoch, všetko je 
konzistentné 
• robíme kvalitnejšie detailnejšie nie statické WF, ale 
interaktívne prototypy 
• klient môže robiť inline notes(a la Uxpin) 
• môžeme mať pekné modré prototypy :)
Prototypovanie s 
content elements
Ako na to? 
• vyriešiť potenciálne problémy 
• technicky: 
• Composer package s Nette 
• Kubko 
• JS-heavy app 
• Miňo? 
• návrhovo: 
• rýchly proof of concept 
• rýchla prvá verzia 
• refaktoring v2 (po pár použitiach)
Ďakujem 
za pozornosť. 
Čo si o tom myslíte vy?

More Related Content

Viewers also liked

Výkon webových animácií
Výkon webových animáciíVýkon webových animácií
Výkon webových animáciíblueweb_sk
 
project report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineproject report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineAyush Khurana
 
Nunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMNunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMMiguel Silva
 

Viewers also liked (9)

Sws
SwsSws
Sws
 
Jun 2015
Jun 2015Jun 2015
Jun 2015
 
Sketch 3
Sketch 3Sketch 3
Sketch 3
 
Bwa
BwaBwa
Bwa
 
Výkon webových animácií
Výkon webových animáciíVýkon webových animácií
Výkon webových animácií
 
Academy4
Academy4Academy4
Academy4
 
Academy vol.6
Academy vol.6Academy vol.6
Academy vol.6
 
project report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineproject report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machine
 
Nunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMNunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLM
 

Similar to Content elements

Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvality
Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvalityWordcamp 2015 Bratislava Ivan Potancok - kontrola kvality
Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvalityvibration.sk
 
Kontrola kvality webového projektu - Ivan Potančok - WordCamp2015
Kontrola kvality webového projektu� - Ivan Potančok - WordCamp2015Kontrola kvality webového projektu� - Ivan Potančok - WordCamp2015
Kontrola kvality webového projektu - Ivan Potančok - WordCamp2015vibration.sk
 
Webové prostredie na výuku refaktorizácii
Webové prostredie na výuku refaktorizáciiWebové prostredie na výuku refaktorizácii
Webové prostredie na výuku refaktorizáciisamxkafejesik
 
qweqweqweqweqweqweqweqweqweqweqweqweqweqwe
qweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqwe
qweqweqweqweqweqweqweqweqweqweqweqweqweqwesamxkafejesik
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Savione
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)wcsk
 
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan PotančokDaily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančokvibration.sk
 
Drupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieDrupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieJozef Toth
 
responsive webdesign - vibration.sk
responsive webdesign - vibration.skresponsive webdesign - vibration.sk
responsive webdesign - vibration.skvibration.sk
 
Záverečná úloha KPI
Záverečná úloha KPIZáverečná úloha KPI
Záverečná úloha KPIhull666666
 
WAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémWAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémMário Babej
 
Prečo Wodpress nie je už len o blogu
Prečo Wodpress nie je už len o bloguPrečo Wodpress nie je už len o blogu
Prečo Wodpress nie je už len o bloguMatej Kukucka
 
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Catana0605
 

Similar to Content elements (17)

Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvality
Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvalityWordcamp 2015 Bratislava Ivan Potancok - kontrola kvality
Wordcamp 2015 Bratislava Ivan Potancok - kontrola kvality
 
Kontrola kvality webového projektu - Ivan Potančok - WordCamp2015
Kontrola kvality webového projektu� - Ivan Potančok - WordCamp2015Kontrola kvality webového projektu� - Ivan Potančok - WordCamp2015
Kontrola kvality webového projektu - Ivan Potančok - WordCamp2015
 
Webové prostredie na výuku refaktorizácii
Webové prostredie na výuku refaktorizáciiWebové prostredie na výuku refaktorizácii
Webové prostredie na výuku refaktorizácii
 
qweqweqweqweqweqweqweqweqweqweqweqweqweqwe
qweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqwe
qweqweqweqweqweqweqweqweqweqweqweqweqweqwe
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)
 
Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)Respnsive webdesign (Ivan Potančok)
Respnsive webdesign (Ivan Potančok)
 
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan PotančokDaily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
 
Drupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieDrupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácie
 
responsive webdesign - vibration.sk
responsive webdesign - vibration.skresponsive webdesign - vibration.sk
responsive webdesign - vibration.sk
 
Web dizajn
Web dizajnWeb dizajn
Web dizajn
 
19.03.18 - Noc UX Designu / Stano Rykalský
19.03.18 - Noc UX Designu / Stano Rykalský 19.03.18 - Noc UX Designu / Stano Rykalský
19.03.18 - Noc UX Designu / Stano Rykalský
 
Digitálne chuťovky s ADMA 16.3.2017: SEO pre e-commerce projekty v roku 2017 ...
Digitálne chuťovky s ADMA 16.3.2017: SEO pre e-commerce projekty v roku 2017 ...Digitálne chuťovky s ADMA 16.3.2017: SEO pre e-commerce projekty v roku 2017 ...
Digitálne chuťovky s ADMA 16.3.2017: SEO pre e-commerce projekty v roku 2017 ...
 
Záverečná úloha KPI
Záverečná úloha KPIZáverečná úloha KPI
Záverečná úloha KPI
 
WAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémWAME IS - modulárny informačný systém
WAME IS - modulárny informačný systém
 
Prečo Wodpress nie je už len o blogu
Prečo Wodpress nie je už len o bloguPrečo Wodpress nie je už len o blogu
Prečo Wodpress nie je už len o blogu
 
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
Návrh a realizácia web stránky skriptovacím jazykom PHP vrátane administračné...
 
Zajacek_Michal_KPI
Zajacek_Michal_KPIZajacek_Michal_KPI
Zajacek_Michal_KPI
 

More from blueweb_sk

Marketingova sobota
Marketingova sobotaMarketingova sobota
Marketingova sobotablueweb_sk
 
Internetova akademia
Internetova akademiaInternetova akademia
Internetova akademiablueweb_sk
 
Poradca podnikatela
Poradca podnikatelaPoradca podnikatela
Poradca podnikatelablueweb_sk
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sablueweb_sk
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sablueweb_sk
 
Pecha kucha Bytča
Pecha kucha BytčaPecha kucha Bytča
Pecha kucha Bytčablueweb_sk
 
3 kroky zjednávania
3 kroky zjednávania3 kroky zjednávania
3 kroky zjednávaniablueweb_sk
 
Academy vol.13
Academy vol.13Academy vol.13
Academy vol.13blueweb_sk
 
Defensive programming
Defensive programmingDefensive programming
Defensive programmingblueweb_sk
 

More from blueweb_sk (20)

Marketingova sobota
Marketingova sobotaMarketingova sobota
Marketingova sobota
 
Internetova akademia
Internetova akademiaInternetova akademia
Internetova akademia
 
Shopcomm 2013
Shopcomm 2013Shopcomm 2013
Shopcomm 2013
 
Poradca podnikatela
Poradca podnikatelaPoradca podnikatela
Poradca podnikatela
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sa
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sa
 
Pecha kucha Bytča
Pecha kucha BytčaPecha kucha Bytča
Pecha kucha Bytča
 
SPSŠ
SPSŠSPSŠ
SPSŠ
 
IRR 2015
IRR 2015IRR 2015
IRR 2015
 
Gvarza
GvarzaGvarza
Gvarza
 
Girls day
Girls dayGirls day
Girls day
 
Biznis camp
Biznis campBiznis camp
Biznis camp
 
Zaklady SEO
Zaklady SEOZaklady SEO
Zaklady SEO
 
3 kroky zjednávania
3 kroky zjednávania3 kroky zjednávania
3 kroky zjednávania
 
Academy vol.13
Academy vol.13Academy vol.13
Academy vol.13
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 
Frontend
Frontend  Frontend
Frontend
 
Defensive programming
Defensive programmingDefensive programming
Defensive programming
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 

Content elements

  • 6. Výhody • radikálne viac "formátovacích" možností (taby, galéria, slider atď) • jeden kód obsluhujúci všetkých klientov (future proof) • mega použiteľnosť • zjednotenie: • tvorby obsahu webu • tvorby newslettrov (iné content elements) • prototypovania
  • 7. Potenciálne problémy • flexibilita content elements • nechať zadné vrátka cez rozumné API na ľahké rozširovanie • nahradí to len textareu? Či celý web, napr. vrátane hlavičky a pätičky? Ako potom budeme vyvíjať? a čo dynamický obsah? • čo responzivita? • Frontend alebo backend? Live edit frontend s admin panelom?
  • 8. Prototypovanie s content elements • začnime projekt tak, že default inštaláciu dáme klientovi • hneď získava skill v manažovaní, pýta sa priebežne a eliminujeme waterfall jednorazové zaškolenie potom • nevytvárame obsah 2x, v rôznych nástrojoch, všetko je konzistentné • robíme kvalitnejšie detailnejšie nie statické WF, ale interaktívne prototypy • klient môže robiť inline notes(a la Uxpin) • môžeme mať pekné modré prototypy :)
  • 10. Ako na to? • vyriešiť potenciálne problémy • technicky: • Composer package s Nette • Kubko • JS-heavy app • Miňo? • návrhovo: • rýchly proof of concept • rýchla prvá verzia • refaktoring v2 (po pár použitiach)
  • 11. Ďakujem za pozornosť. Čo si o tom myslíte vy?