DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== video collaboration / aggregation / archive online tools ======

in progress..

  * terminologia je neznama dedina, niekedy pouzivam skrolovat a niekedy scrollovat, casto sa uchylujem ku poslovenceniam anglictiny.

Kazdy web si uchovava nejake jedinecne nadradene menu. Nieco ako navigacia prvej urovne ktora sa nemeni a menia sa len jednotlive sposoby interakcie v roznych castiach stranky.

Vsade len jednodimenzionalne vyhladavanie. Nemozne hladat podla viacerych termov naraz a robit na nich operacie. (okrem toho jedineho channel4 navigovanie cez tv program)

vacsina webov ma na uvodnej obrazovke v strede nejaky dominantny vizualny prvok - banner, mapu, video - na ktory sa pozornost navstevnika zamera ako prva.


===== Video on demand =====

  * podla toho ake serialy su najpopularnejsie na danej stranke by sa dal spravit profil pouzivatelov ktory ju najviacej navstevuju.. Niekde to je Family guy, niekde NCIS, niekde saturday night live.

Celkovo je video on demand charakteristicke: 
  * centralnostou silneho vizualneho prvku v strede obrazovky - interaktivny banner sluziaci ako uputavka / navigacia, pripadne hned video.
  * snahou o co najefektivnejsiu prezentaciu obsahu na danej stranke, prostrednictvom odporucani, pribuznych videi, kategorii, playlistov a rebrickov.
  * "socializacou" obsahu pomocou roznych strategii zdielania, folksonomii, komentovania, sledovania uzivatelov a kanalov alebo hodnotenia videi ci ich pridavania do oblubenych.

==== Hulu.com ====

  * http://www.hulu.com/ - video streaming portal

{{:gnd:screens:huku_index.png?50}}

1. Index stranky. Hore hlavna navigacia. V strede najvyraznejsi velky animovany banner na nejaku aktualnu show, banner sa obmiena + je v nom mozne navigovat cez ponuku portalu. Pod bannerom vyber z obsahu rozdeleny na "popular episodes / clips" / "featured content". Vyber organizovany do stlpcov, naviguje sa skrolovanim nizsie. Nalavo este par navigacnych rebrickov pre tip od operatora, a popularne filmy/epizody, pripadne posledne pridany obsah.

 {{:gnd:screens:hulu_channels.png?50}} 

2. Klik v menu hore na channels, tj. na index obsahu podla zanru / temy. Hore interaktivna video navigacia s obrazkami ku kazdemu zanru, dole podrobnejsie rozpisane zanre cisto v texte.

{{:gnd:screens:hulu_mostpop.png?50}} 

3. Klik v menu hore na "most popular", tj. na sort obsahu podla popularity / hodnotenia. Viacero filtrov/agregacnych prvkov: 
  * moznost vybrat si z typov (TV, Movies) v zanroch
  * moznost vybrat si popularitu/ranking za dane casove obdobie (all time favs su saturday night live a family guy ;)
  * samotne videa, top 20 organizovane v gride, s popisom cez hover, linkou na cely serial, s linkou na cely zaner, s linkou na prehratie videa.
  * dole moznost skrolovat cez cely rebricek ( sipky )


{{:gnd:screens:hulu_collections.png?50}} 

4. Klik v menu hore na "collections", tj. agregacia podla nejakych random tem. Podobne ako pri "most popular" filtre hore, potom obsah, potom moznost skrolovat dalej dozadu.. 

{{:gnd:screens:hulu_collection.png?50}} 

5. Hned sa prehrava prve video z kolekcie. Pod nim moznost pozriet reviews, diskusie, pod tym zoznam dalsich videi v kolekcii. 

{{:gnd:screens:hulu_series.png?50}}

6. Vybraty serial z menu. Hore navigacne menu, nasleduje velky banner s grafickou identitou seriala + odklik na prehranie pilotnej / poslednej casti, nizsie moznost klikov na diskusie, reviews, nasleduje zoznam poslednych dielov serialu vo forme ikoniek, az potom vo forme textu, nakoniec komentare uzivatelov. Zoznamy je mozne filtrovat podla viacerych kriterii ako popularita, ranking, airdate, etc..

 {{:gnd:screens:hulu_watch.png?50}}

7. Klik na nejaku cast serialu. Vizual rovnaky s tym ze v banneri bezi hned epizoda, inac vsetko to iste ako pri "series". Vo video prehravacom okienku moznosti: "embed, share, details, full screen, pop out, lower lights"

==== Fancast.com ====

  * http://www.fancast.com/ - video streaming portal

{{:gnd:screens:fancast_index.png?50}} 

1. Index. Podobne ako pri hulu animovany banner s meniacim sa vyberom "featured" obsahu. Moznost rovno hladat obsah cez banner. Hore nejake menu na serialy a filmy + whats on tv a takisto news & gossip. Pod bannerom ikonkovany zoznam videi rozdeleny podla zanrov s odklikmi na prehravanie. Neda sa sortit. Napravo dalsie featured veci, news, pripadne opat nejake top 10, etc.

{{:gnd:screens:fancast_episodes.png?50}} 

2. Zoznam serialov podla abecedy (!). Nalavo zoznamy zanrov a producentov, napravo rozne top vybery. Horne menu zostava rovnake, len sa zvyrazni sekcia v ktorej sa uzivatel nachadza.

{{:gnd:screens:fancast_movies.png?50}} 


3. Ten isty princip ako zo serialmi, az nato ze obsah su filmy. 

{{:gnd:screens:fancast_watch.png?50}}

4. Pozeranie videa. Takmer cez celu obrazovku video player. Pod videom moznosti ako embed, post (na socialne siete), email, rate, fullscreen, etc. Nizsie moznost pozerat trailery, klipy, fotky. V pravom menu kontextovy vyber podobnych filmov.

==== Video.tvguide.com ====

  * http://video.tvguide.com - online video guide
{{:gnd:screens:tvguide_indexx.png?50}} 

1. Index kde je dominantnym prvkom search. Nizsie par vybranych epizod, a potom v roznych oddieloch (todays best, exclusive, selected networks) dalsie. Napravo aj fotogaleria alebo top news.

{{:gnd:screens:tvguide_networks.png?50}} 

2. Klik na "browse by networks". Len abecedny zoznam.

{{:gnd:screens:tvguide_show.png?50}} 

3. Klik na "tv shows". Skor zoznam/databaza oproti hulu a fancast. Na indexe hned zaujem velky search bar, nalavo menu "Browse", pod tym nejaky maly ikonizovany vyber par filmov a hned abecedny zoznam obsahu. Menu komplikovane, prevazuje text nad grafikou.

{{:gnd:screens:tvguide_watch.png?50}}

4. Pozeranie videa. Pomerne malo moznosti oproti Hulu a Fancast, je mozne len "buzz-nut" na yahoo, alebo pridat na facebook. Pod video rovno formular na komentare, napravo zase "related links".

==== Tv.com ====

  * http://www.tv.com/ - online video streamin
{{:gnd:screens:tvcom_index.png?50}} 

1. Index. Princip podobny Hulu a Fancast: dominantny je belky banner ako uputavka na rozne serialy, kt. sa obmiena. Tuna nadovazok ku obrazku aj maly motivacny text. Nad bannerom hlavne navigacne menu, search, pod nim narozdiel od predobrazov v hlavnom stlpceku dominuju clanky o TV/Serialoch, etc. Nalavo vyber zo serialov, spotlight a hd videa, napravo uz zvycajne top 20 zoznam videi + tv listing (co akurat ide v telke). 


{{:gnd:screens:tvcom_shows.png?50}} 

2. Shows. Celkom zabavne/zaujimavo spravene browsenie cez zoznam serialov. Opat interaktivny banner ale tentokrat je v nom grid zo vsetkych videi, su usporiadane do stvrcovej mriezky a reprezentovane ikonkou. Cez tuto mriezku sa da scrolovat bud z velkej vzdialenosti, alebo si zazoomovat na jednotlive videa a pohybovat sa cez ne. Mriezka sa da zmensit zvolenim zelaneho zanru. Pomocou scrollovania myskou sa da zvolit uroven "zoomu". Pod bannerom sa nachadza Top 100 zoznam podla popularity, po kliknuti na browse all sa ukazu uz klasicke filtre (podla popularnosti, abecedy, ratingu, s navigaciou cez stranky hore aj dole)

{{:gnd:screens:tvcon_videos.png?50}}

3. Videos. Graficky zoznam videi zoradenych podla nejakych kategorii (picks, popular, recent, expiring, hd 1080p) cez ktory sa da bud vertikalne scrollovat alebo sa cez neho klikat v menu. 

 {{:gnd:screens:tvcom_watch.png?50}}

4. Watch. Pod playerom ktory je umiestneny v ciernom pase je pruh v ktorom sa da navigovat cez dalsie casti serialu. Nizsie je priestor pre komentare. Ziadne social network prepojenia. 


==== BBC iPlayer ====

  * http://www.bbc.co.uk/iplayer/ - bbc's video streamer
{{:gnd:screens:bbc_iplayer.png?50}} 

1. Home
Na uvodnej stranke v prvej urovni taby poskytujuce moznost vyberu tv kanalov, radia, kategorii a abecedneho zoznamu. Pod tabmi su featured videa/shows, ked na nich user zajde myskou zobrazi sa na nich kratky popis. Featured obsah sa da aj skrolovat ako inde. Pod featured videami su styri stlpce. Prvy nalavo je vertikalne rozdeleny na polovicu, v jednej sa daju zvoli BBC tv kanaly, v druhej sa hned ukaze aktualny program par hodin +- okolo sucasneho casu. Druhy stplec poskytuje na vyber sadu BBC radii., pod nim opat nejake featured videa. Treti stlpec obsahuje najpopularnejsi obsah, je mozne prepinat medzi radiom a tv, takisto hned kliknutim prehravat. Stvrty stplec je informacny o BBC playeri, tym ze je to verejnopravne medium asi musia babkam vysvetlovat co a ako :)

{{:gnd:screens:bbc_categories.png?50}} 

2. Kategorie
Tab menu zostava zachovane, pod nim jednoducha tabulka vyplnena nadpisom kategorie a obrazkom. Sortovanie takmer ziadne, len podla TV / Radio. 

{{:gnd:screens:bbc_category.png?50}} 

3. Kategoria
Standard. Hore zostava menu s tabmi, nalavo je mozno zvolit si jemnejsie rozlisenie danej kategorie, pripadne ine kategorie. V centre pozornosti je featured obsah, pod nim zoznam vsetkych shows, ktory je mozne triedit podla abececdy alebo casu, a posuvat sa v dalsich strankach. Stlpec napravo je vyberom najpopularnejsieho obsahu.

{{:gnd:screens:bbc_channels.png?50}} 

4. Channels
Podobne ako kategorie, jednoducha mriezkova struktura tabulky s vyberom kanalov - kazdy ma uvedene dve most recent / alebo most popular shows na okamzite pustenie. Ziadna moznost triedenia - tych kanalov je ale len 10.

{{:gnd:screens:bbc_watch.png?50}}

5. Watch
Pozeranie videa je jednoduche, hore opat tab menu. pod nim samotne video bez moznosti odkazovat sa na social networky a posielat mailom, etc, pod nim skrolovatelny zoznam dalsich casti / pribuzneho obsahu.

==== Itv.com ====

http://www.itv.com/ - itv streaming video

{{:gnd:screens:itv_index.png?50}}\\
1. Index
Pofiderny, standardny interface. Pod zalozkovym menu velky banner pre featured obsah, bez moznosti skrolovania, pod nim dalsie tri s mensimi ikonkami. Na stranke este vidiet reklamy, nejake boxy s "most watched" a "you might like" vyberom. 

{{:gnd:screens:itv_shows.png?50}} \\
2. Shows.
Navigacia v shows je vyriesena ako tabulka s ikonkami, jedina moznost triedenia je cez abecedu, ziadna dalsia navigacia.

{{:gnd:screens:itv_show.png?50}}\\
3. Show
Obrazok z relacie v strede, nalavo kontextove menu ku danemu zanru obsahujuce infotainment, pod obrazkom moznosti pozerat higlights, alebo ukazky a related obsah ku serialu.

{{:gnd:screens:itv_watch.png?50}} \\
4. Watch
Interface na pozeranie videa je prestylizovany, snaziac sa zachovat vizualnu identitu serialu s nejakym textom, bez hociakych dalsich moznosti klikania, posielania, etc.

==== channel4.com ====
  * http://www.channel4.com - uk web tv 

{{:gnd:screens:channel4_index.png?50}}\\
1. Index\\
Krasny interaktivny vizual. Featured content cez celu obrazovku, menu zabudovane do obrazu. Navigacia cez mensie ikonky funguje tak ze sa roztiahnu ked na nich pride mys - zvyraznenie po zamerani pozornosti. Menu jednoduche zlozenene len zo styroch poloziek.

{{:gnd:screens:channel4_listings.png?50}}\\
2. Listings\\
Navigacia v 2d priestore. Hore je slider cez dni tyzna a mesiaca, napravo zase cez hodinu daneho dna. Okienko s listingom relacii je dalej rozdelene na pat stlpcov podla kanalov. Dole sa da navigovat cez dalsi/predchadzajuci den, hore v pravom rohu je tlacitko ktore ku listingom doplni aj zakladne informacie o relaciach pripadne ich schova. Nalavo hore je button umoznujuci zobrazit program v pristupnejsej forme bez sliderov s vypisanymi anotaciami ku relaciam.

{{:gnd:screens:channel4_programmes.png?50}} \\
3. Programmes\\
Hore velke menu na navigaciu poda abecedy. Napravo hore moznost hladat relaciu podla nazvu, zoznam hladanych relacii sa interaktivne meni podla kazdeho dalsieho napisaneho pismenka. V strede featured obsah + stlpec na triedenie obsahu podla kategorii (children, food, etc)

{{:gnd:screens:channel4_programme.png?50}} \\
4. Programme. \\
Nad hlavnym obrazkom ku danemu serialu je menu s info, moznostami zobrazit serie a epizody, klipy, obrazky zo serialu a pribuzne clanky. To iste je aj pod obrazkom ale vo viacej grafickej, interkativnej forme. Pribuzne clanky su super, takisto odklik na tweety o relacii.

{{:gnd:screens:channel4_play.png?50}}  \\
5. Watch\\
Prezeranie jednoduche, video, posledne dve shows pod nim, moznost zobrazit vsetky. Napravo vela reklamy.

==== vimeo.com ====

{{:gnd:screens:vimeo_index.png?50}}\\
1. Index\\
Na uvodnej stranke je najdolezitejsie promo/nabor novych clenov. 2x join vimeo, dost velky priestor pred text o vimeu, pod nim rozpisane nejake aspekty vimena, v stlpci napravo moznosti browsit cez vimeo skupiny, explore vimeo + staff blog. nizsie v strednom stlpci su featured videa. navigacia obmedzena na We like / explore / right now (nieco ako dashboard)

{{:gnd:screens:vimeo_home.png?50}}\\
2. Home\\
Hlavna navigacia je vpravo hore, pomocou dropdown menu. Druha uroven navigacie je klasicka zalozkova (inbox / my stuff / activity / discover). V centralnom stplci sa nachadzaju videa z okruhu ludi ktorych uzivatel na vimeu sleduje. V pravom stlpci mozno uploadnut video, zoznam online kontaktov, reklama a statistiky.

{{:gnd:screens:vimeo_categories.png?50}}\\
3. Categories\\
Navigacia je riesena zoznamom predefinovanych kategorii bez moznosti triedenia alebo vyhladavania. 

{{:gnd:screens:vimeo_category.png?50}} \\
4. Category\\
Navigacia v danej kategorii tiez nieje nic moc. Chyba moznost triedenia a hladania. Interface je neinteraktivny, ponuka sa nam len moznost klikania na par poslednych videi, suvisiacich ludi, kanalov a skupin, pripadne dole napravo prehlad poslednej aktivity v kategorii.

{{:gnd:screens:vimeo_video.png?50}} \\
5. Video\\
Prezeranie videa je v dobrej kvalite, interface je nenapadny. Moznosti prepajat na socialne siete, zvacsit video, ziskat link na embed, pripadne si ho dat medzi obludene. Pod videom priestor pre komentare, tagy, zoznam uzivatelov ktorym sa video pacilo, statistiky. Napravo v stlpci podobne videa a moznost video pridat do skupiny, kanalu. albumu..

{{:gnd:screens:vimeo_upload.png?50}}\\
6. Upload\\
Upload videa je velmi jednoduchy a intuitivny. Jednym klinmutim sa da zvolit video, po jeho uploade sa ponuka moznost nastavovat jeho atributy, pricom vsak uzivatel moze toto spravit aj neskor.

{{:gnd:screens:vimeo_upload2.png?50}}\\
6.2 Upload \\
V tomto menu je mozne nastavovat apekty suvisiace zo sukromim a moznostami obmedzenia divakov videa.

{{:gnd:screens:vimeo_upload3.png?50}}\\
6.3 Upload \\
Pridavanie spolutvorcov do "titulkov" :) 

{{:gnd:screens:vimeo_upload4.png?50}}\\
6.4 Upload \\
Moznost nahodit video do skupin alebo kanalov alebo albumov.

{{:gnd:screens:vimeo_upload5.png?50}}\\
6.5 Upload \\
Moznost pridat fotky z flickru ku videu.. 

Celkovo upload podla mna nic moc, bolo by to lepsie na jednej stranke vsetko (napriklad cez menu ktore by sa dali rozkliknut). 

==== youtube.com ====
{{:gnd:youtube_index.png?50}} \\
1. Index\\
Index na youtube poskytuje uzivatelovi moznost si uvodnu stranku usporiadavat pridavanim a odoberanim "modulov" ako su zoznamy popularneho obsahu, posledne pridane videa, a podobne. Inak sa na indexe nachadzaju spotlight, featured a recomended videa - odporucania funguju podla historie pozeranych videi. Interface sa sklada z jednoducheho a vyrazneho vyhladavacieho okienka a par moznosti ako Home, Videos a Channels. Stlpec napravo je okrem reklamy urceny prepajaniu sa cez socialne siete a poste.

{{:gnd:screens:youtube_profile.png?50}} \\
2. Profile\\
Profilu nadradeny je dominantny searchbox s generickym menu. Profil ma najvyraznejsi prvok posledne pridane video uzivatela, nad nim vyrazne moznosti zacat sledovat uzivatelovu buducu aktivitu, pripadne prepnut si profil do modu v ktorom vidiet len uzivatelove videa usporiadane do stvorcovej mriezky. V beznom mode su v profile viditelene este rozne moduly, zoznam ludi ktori sleduju tohto uzivatela, zoznam jeho poslednych videi, informacie o uzivatelovi, uzivatelovi priatelia, komentare ku uzivatelovi ..


{{:gnd:utube_video2.png?50}}\\
3. Video\\
Prezeranie videa. Interface j tuna uz celkom komplexny aby umoznil celu hlbku interakcie od jednoducheho a intuitivneho prezerania videi az po vyhladavanie podobnych, pripadne komentovanie alebo videoreakcie. Okrem default utube searchboxu a menu tu je hlavne okno s prehravanim videa, umoznujuce ho hned zdielat na socialnych sietiach pripadne navigovat do oboch stran cez pribuzne videa. Napravo sa nachadza kratka informacia o videu s linkou na video ako aj retazcom [pre pridavania (embedding) do webovych stranok. V stlpci napravo este dalsie videa od uzivatela a pribuzne videa ku prave pozeranemu. Pod samotnym videom moznosti si ho pridat do oblubenych, zdielat, pridat do playlistu pridadne nahlasit porusenie pravidiel, hodnotit video,. pozerat video odpovede a nakoniec diskusia ku videu s moznostou hodnotit diskusne prispevky.. nechyba ani reklama na chrome kedze utube bol kupeny googlom..

{{:gnd:screens:utube_channel.png?50}}\\
4. My Videos\\
Hlavne menu sa nemeni, zvysok je rozdeleny na dve casti - sekundarne menu napravo, a podla toho co sa v nom zvoli sa meni vacsia cast obrazovky napravo. Na  screenshote vidiet zoznam uploadnutych videi s moznostou triedit ich podla viacerich kriterii, vyhladavat v nich, pricom ku kazdemu videu je mozne okamzite vykonat okamzite nejaku z viacerich akcii - editovat, pridat titulky, zmazat alebo stiahnut, etc .. 



===== video blog / self.stream =====

==== Justin.tv ====

  * http://www.justin.tv/ - live broadcasting in a click


{{:gnd:screens:justintv_index.png?50}} \\
1. Index \\
Pozliepane z prvkov vlastnych roznym inym portalom. Centralny prvok je video zo zvukom ktore sa hned pusti na stranke, potom drop-down menu poskytujuce vyber kanalov, jazyka a napokon vyhladavanie. Zaujimava je ikonka broadcast. Vedla centralneho videa su uputavky na nasledujuce vysielania. Pod video zoznam clankov z oblasti popkultury.

{{:gnd:screens:justintv_life_channels.png?50}}\\
2. Kanaly \\
Su usporiadane v mriezke v centralnom stlpci ktory sa da posuvat nizsie. K videu sa zobrazia podrobnejsie informacie ked nad neho prejdeme myskou. Moznost triedit podla kategorie pripadne jazyka, na spodku centralneho stlpca moznost posuvat sa na dalsie stranky v kategorii.

{{:gnd:screens:justintv_channel.png?50}}\\
3. Kanal\\
Centralnym prvkom je videostream a nalavo leziace chatovacie okienko. Okrem toho sa tu ponuka standard v oblasti video-streamov: prelinkovatelnost na socialne siete, reklama, dalsie videa suvisiace s uzivatelom, pripadne odporucane, moznost individualnej grafickej upravy profilu..

{{:gnd:screens:justin_tv_stream.png?50}}\\
4. Streamovanie\\
Okienko na streamovanie sa nachadza vedla okienka v ktorom moze autor reagovat na chat a komentare divakov. 

==== tokbox.com ====

  * http://www.tokbox.com/ - TokBox is the simplest way for you to video chat with your friends, family and colleagues

{{:gnd:screens:tokbox_home.png?50}}\\
1. Home\\
Konecne iny princip, TokBox je zamerany na video chat, pozdravy a pohladnice. Menu v stlpci nalavo, v strede interface ALA pracovna plocha s okienkami co sa po nej daju hore-dole presuvat, + moznost chatovat priamo z browsera cez viacero IM sluzieb. Navigacia nalavo cez graficku aj textovu podobu (ikonky, vs text menu)

{{:gnd:screens:tokbox_videochat.png?50}}\\
2. Video Chat\\
plavajuce okienko s obrazom z kamery a so sirokymi moznostami prepajania na socialne siete a video-streaming stranky. Pod video je mozne s pozvanymi ucastnikmi chatu komunikovat cez text.

{{:gnd:screens:tokbox_inbox.png?50}} \\
3. Inbox\\
Je schranka s prijatymi video spravami, ktore je mozne prezerat, mazat, odpovedat, etc.. nic specialne. spravy sa nemozu hybat. nieco ako video smsky v teflone.

==== blogtv.com ====



  * http://www.blogtv.com/ - Founded in June 2007, blogTV.com is a leader in online video and live broadcasting, and is a new and popular web location where viewers from all over the world can come share their personal talents and opinions; LIVE!

{{:gnd:screens:blogtv_index.png?50}}\\
1. Index\\
Opat video co sa pusta automaticky pri loade stranky zo zivym streamom, potom zopar featured streamov hned vedla, pod tym klasicka zmes platenych reklam, uputavok na iny obsah, featured a most viewed obsahu.

{{:gnd:screens:blogtv_livenow.png?50}}\\
2. Live Now\\
Prehlad live videa. Bohata moznost triedit podla poctu divakov, vysky hodnotenia, pohlavia (:)), geografickej lokacie.. Videa zoradene v mriezke, s info o pocte divakov a hodnoteni, dole moznost prepinat sa na dalsie stranky.

{{:gnd:screens:blogtv_stream.png?50}}\\
3. Stream\\
Video / chat okienko. Dole nasleduju infosky a pribuzne videa, standard. Okolo okna z videom dost neintuitivne ikonky chatu + textove buttony na embed, subscribe a podobne. 

==== stickam.com ====

  * http://stickam.com/ - Whether you are famous for 15 or 15,000, Stickam is where you will find your friends and your fans, LIVE! Genericky live streaming brekeke.

{{:gnd:screens:stickam.png?50}}\\
1. Stickam\\
Podstandard v oblasti .. 

{{:gnd:screens:stickam-stream.png?50}} \\
2. Stream\\
Drevorubacsky nasekany interface kde vidiet vlastny livestream, a streamy ostatnych vstupov + moznost chatovat ..


===== platforms / media-silos / online-publishing =====

==== Cozimo.com ====
  * http://www.cozimo.com/ - Cozimo is an easy, cost-effective way for creative teams to get feedback and collaborate on visual media. 
{{:gnd:screens:cozimo_overwiev.png?50}}

1. Overview
Viacere urovne menu. Hore napravo menu pre uzivatela tykajuce sa stranky a nesuvisiace s jeho projektami. Nalavo stlpec obsahujuci stromovu strukturu pracovnych adresarov a "workgroups". Najviacej vyrazne su klasicke taby v strede. V tabe overview prehlad videi a poslednych sprav v danej "workgroup".

{{:gnd:screens:cozimo_files.png?50}}

2. Files
Okrem standardneho Cozimo menu pribudla dalsia uroven pod tabmi. Je tu moznost roznych foriem pridavania obsahu, napravo, menej dolezita moznost roznych sposobov zobrazenia obsahu. Pri kazdom videu je este moznost rozkliknut actions, ukaze sa menu s viacerymi moznostami manipulacie s video subormi. 

{{:gnd:screens:cozimo_collaborate.png?50}}

3. Collaborate
Ku predchadzajucim pribudne este dalsie moznosti. Pod tabmi su teda nejake zakladne nastavenia, a pod nimi novy riadok v menu ktorym sa daju vyvolavat plavajuce okna s chatom, zoznamom kolaboratorov, a z nastrojmi ktore modifikuju video, pridavaju anotacie, text, etc... Video je mozne posuvat v case, na casovej osi vidno kde su pridane nejake noticky. V tomto tabe je mozne sa presuvat po vsetkych videach vo foldri navigaciou napravo hore.. 

 {{:gnd:screens:cozimo_messages.png?50}}

4. Messages
V messages je to celkom prazdne, tento tab umoznuje prispievat komentarmi a odkazmi a odpovedat na ne. 

{{:gnd:screens:cozimo_workgroup.png?50}}

5. Workgroup
Vo workgroup je mozne pridavat a mazat foldre, rovnako ako uzivatelov pracujucich na projekte. Menu opat standard + minimum dalsich veci.

==== mediasilo.com ====

  * http://www.mediasilo.com/ - Virtually unlimited storage combined with the fastest available content delivery network means fast uploads and fast downloads anywhere in the world. Produkcny / kolaboracny online video tool. Za prachy ale s pristupnym demom.

Mediasilo je ako normalna desktopova apkikacia pracujuca v ramci browseru .. Mediasilo je online storage a archiving nastroj pre produkcne spolocnosti pracujuce s videom. je mozne videa tagovat, 

{{:gnd:screens:mediasilo1.png?50}}\\
1. Workspace\\
Dva stlpce oddelene plochou so zoznamom videosuborou. Moznost pozerat, anotovat videa, uploadovat videa. Pripadne si zvolit ine sposoby prace s materialom.

 {{:gnd:screens:mediasilo2.png?50}} \\
2. Asset details\\
Ukazuje akym sposobom su zobrazene metadata ku videu, popis videa a jeho prepis. Nic extra.

{{:gnd:screens:mediasilo3.png?50}}\\
3. Statistiky sledovanosti\\
Moznost zvolit obdobie ako rozsah pre statistiku. Oproti inym online stat softom dost malo moznosti. Nalavo zostava standardny nastrojovy panel

{{:gnd:screens:mediasilo4.png?50}}\\
4. Search\\
Vyhladavanie videa, "ineho", logovych poznamok podla viacerych kategorii. 

==== kaltura.com ====

  * http://corp.kaltura.com/ - Kaltura's open source video platform covers the complete lifecycle for online video.


{{:gnd:screens:k_dashboard.png?50}}\\
1. Dashboard\\
Jednoduche prehladne menu zo zaloziek. Z dashoboadu sa da jednym kliknutim dostat ku najdolezitejsim funkciam skrytym v ostatnych zalozkach.

{{:gnd:screens:k_content.png?50}}\\
2. Content\\
Kaltura je zaujimavejsia z pohladu funkcnosti ako z pohladu interfejsu, menu je jednoduche, pouzivaju sa okienka ktore vyskakuju po kliknuti na gombik rovnako ako na desktopoch. Da sa s nimi hybat ale je to zbytocne kedze je mozne otvorit len jedno okienko.

{{:gnd:screens:k_content1.png?50}}\\
3. Content 2\\
Prehlad video suborov k dispozicii.

{{:gnd:screens:k_content2.png?50}}\\
4. Content 3\\
Prehlad a manipulacia s playlistmi.

{{:gnd:screens:k_account.png?50}}
5. Account\\
Nastavenia a prehlad o pouzivatelskom ucte.

{{:gnd:screens:k_anal.png?50}}
6. Analytics \\
Prezeranie statistik.

{{:gnd:screens:k_app.png?50}}
7. Application \\
Moznost si nastavit vzhlad a funkcnost Kaltura playera.

==== Twidla.com ====

http://twidla.com - Twiddla calls itself a web-based meeting playground. 

{{:gnd:screenshot.png?50}}\\
1. Canvas\\
Interface je jednoduchy, tzv. web aplikacia, v hornej liste existuje par nastrojov na kreslenie, pisanie, manipulaciu s objektmi a geometrickymi tvarmi, naboku mame zase komunikacne okienko (chat), v dolnej liste zase moznost vybrat par roznych typov dat ako su obrazky, maily, matematicke vzorce.. V strede sa nachadza plocha na ktorej prebieha vizualna interakcia..

===== Ad-Hoc / Lotech / Mapping / Event driven collab =====

==== ushahidi.com ====

http://ushahidi.com/about - Our goal is to create a platform that any person or organization can use to set up their own way to collect & visualize information. The beta version platform is now available as an open source application that others can download for free, implement & use to bring awareness to crisis situations or other events in their own locales..


  * na ushahidi haiti je najzaujimavejsia uvodna stranka s mapu, plus nedokonalost zoznamu reportov na report podstranke.. 

{{:gnd:screens:ushahidi_index.png?50}}\\
1. Index\\
Na vrchu stranky je viditelne lokalne a medzinarodne cislo pre reportovani incidentov do mapy, pod nim nastroje na vyhladavanie v reportoch, vyzva na pomoc a tlacitko pre internetove oznamovanie incidentov. Niektore prvky menu sa viackrat opakuju (kontaktne cisla, odkliky na oznamenie incidentu) zjavne kvoli vacsej efektivity + aby uzivatel nemusel posuvat stranku az na zaciatok.
Dominantnym vizualnym prvkom je tuna mapa zobrazujuca port-au-prince s vizualizaciou krizovych oblasti z ktorych je najviacej reportov. Mapa je interkativna a da sa triedit podla druhu a kategorii incidentov (zdravotnicke pohotovsti, ohrozenia, logisticke pohotovosti, novinky o ludoch, etc). Mapa agreguje udalosti v case ktory sa da lubovolne nastavit, pripadne sa mapa moze nechat bezat ako video ktore zobrazuje vyvoj situacie za tento cas. Aktivitu v danej kategorii icnidentov vidiet aj na grafe pod mapou. Do mapy je mozne doplnat aj dalsie vrstvy zobrazujuce fungujuce medicinske zariadenia, stav mostov, epicentrum zemetrasenia a podobne. Druha polka indexu ma formu social-media agregatoru s najnovsimi tweetmi s tagom #haiti, vyzvou tagovat fotky z haiti, google aplikaciou na oznamovanie najdenych a nezvestnych osob, plus agregaciou clankov o haiti v mediach.


{{:gnd:screens:ushahidi_reports.png?50}}\\
2. Reports\\
Zoznam oznameni a ziadosti o pomoc zoradeny od posledneho pridaneho. Kliknutim na oznamenie sa da precitat jeho originalna (kreolska) verzia, cislo s ktoreho bolo osodlane a dalsie podrobnosti. Oznameniam je mozne pridavat alebo uberat hodnovernost. Takisto vnutri vidiet ci uz niekto zareagoval a vyslal pomoc (toto by mohlo byt viediet aj zvonku, takym sposobom aby bolo jasne ci este alebo uz netreba riesit). Tiez mi chyba moznost zmysluplneho triedenia/hladania oznamov, pripadne nejakej feature-extraction - automatickeho tagovania prispevkov pre ich strojovu klasifikaciu .. 

{{:gnd:screens:ushahidi_submit_report.png?50}}\\
3. Submit \\
Oznamovanie kritickych udalosti cez net. najdolezitejsi prvok je popis incidentu, potom vedla neho jeho lokacia na interaktivnej mape lokality (mozne zadat aj priamo suradnice z GPS zariadenia). Oznamenie je mozne zaradit do viacerych kategorii a pripojit linku na video, pripadne ku nemu nahrat fotky.

{{:gnd:screens:ushahidi_get_alerts.png?50}}\\
4. Alerts \\
V tejto podstranke je mozne udat svoju lokaciu a geograficky rozsah posobnosti a tak si predplatit notifikacie o prichadzajucich krizovych udalostiach ktore su v dosahu. Notifikacia je mozna cez telefonne cislo pripadne email. Graficky dominantny prvok je interaktivna mapa.


==== riff.instedd.org ====

http://riff.instedd.org - Although development of Riff has initially been focused on health-related detection scenarios, the underlying system is a general collaboration environment for content creation, social metadata annotation, and automated analysis with potential applicability in a wide range of areas. 

{{:gnd:screens:riff_instedd.png?50}}\\
1. Riff index\\
Zoznam Riff aplikacii na stranke instedd.com. Je mozne jednoduche vyhladavanie podla klucovych slov alebo priamo ist na Riff s konkretnym nazvom. V hlavnom stlpci sa nachadza zoznam aplikacii ku ktorym su zobrazene zakladne data ako popis aktivita a kto je vlastnikom.

{{:gnd:screens:evolve_features.jpg?50}}\\
2. Riff features\\
Anotovany screenshot z Riff aplikacie. Menu zlozene z troch stlpcov - nalavo polozka filtre, kde je mozne vyhladavat v agregovanych datach podla roznych zadefinovanych filtrov, pripadne vytvarat nove. V strede su jednotlive agregovane data tviriace vlakna podla podobnosti obsahu, tieto je mozne tagovat a anotovat, pripadne zaradzovat do roznych threadov. Napravo stlpec v ktorom je mozne vizualne sledovat oblak tagov, ptripadne ich vyvoj v case pomocou grafu, pripadne konfigurovat celu aplikaciu a pridavat alebo odoberat clenov, zdroje dat a pridavne moduly.

{{:gnd:screens:evolve_se_asia_1_.jpg?50}} {{:gnd:screens:ah1n1_map_05-17-2009.jpg?50}} {{:gnd:screens:h1n1_confirmed_05-23-2009_new.jpg?50}}\\
3. Riff examples\\
Priklady vyuzitia Riff aplikacie na sledovanie a skore varovanie v pripade epidemii. Na prvom obrazku vidiet Riff pre skore varovanie pre juhovychodnu Aziu, na mape su anotovane lokacie o ktorych sa v zdrojoch dat/mediach objavili zmienky o prepuknuti/vyskyte nejakej choroby.
Dalsie obrazky ukazuju Riff pre sledovanie vyskytu a sirenia chripky H1N1, druhy obrazok ukazuje zadefinovanie filtra pre sledovanie vyskytu v strednej Amerike, treti potvrdene vyskyty chripky vo Vychodnej Azii, Tichomori a Strednej a Severnej Amerike.



==== www.healthmap.org ====

http://www.healthmap.org/en - HealthMap brings together disparate data sources to achieve a unified and comprehensive view of the current global state of infectious diseases and their effect on human and animal health. This freely available Web site integrates outbreak data of varying reliability, ranging from news sources (such as Google News) to curated personal accounts (such as ProMED) to validated official alerts (such as World Health Organization). Through an automated text processing system, the data is aggregated by disease and displayed by location for user-friendly access to the original alert. HealthMap provides a jumping-off point for real-time information on emerging infectious diseases and has particular interest for public health officials and international travelers.

{{:gnd:healthmap_index.png?50}}\\
1. Index\\
Index je hlavna a a najdolezitejsia podstranka na Healthmap - uzivatelovi je okamzite dostupne vsetko co potrebuje (velmi podobne s ushanti). 
V primarnom menu je moznost vybrat si z viacerich jazykov, sa prepnut na ine pod-stranky, pripadne si zvolit specializovanu mapu ktora je spravena pre aktualne problematicke udalosti ako je Haiti alebo chripka H1N1. 

Dominantnym prvkom interface je svetova mapa na ktorej su zaznacene oblasti vyskytu chorob. Mapou je mozne manipulovat a nechavat si zobrazovat rozne preddefinovane oblasti ako su Europa, Azia, Afrika, Blizky Vychod a podobne. Mapou je mozne aj volne navigovat, pricom pocet a rozsah vyskytov chorob na nej zavysi od casoveho rozpatia ktore si moze uzivatel nastavit pomocou slideru pod mapou. Data na mape su aktualizovane kazdu hodinu.

V stlpci ktory je nalavo od mapy je mozne vypinat/zapinat rozne zdroje dat, ci uz su to verejne media, vedecke spravodajstvo, oficialne zdroje alebo reporty od ocitych svedkov. Dalej je mozne volit zobrazovanie roznych kategorii reportov, pripadne kategorii chorob ktorych sa reporty tykaju, takisto je mozne zobrazovat spravy len zo specifickej krajiny.

Pod mapou sa nachadza formular na oznamovanie ocitych svedectiev, pripadne spravodajstva ktore uniklo prednastavenym filtrom.

{{:gnd:healthmap_event.png?50}}\\
1.1 Index s reportom\\
Screenshot zachytava detail pouzivania mapy so zobrazenim dat ku reportu v Nemecku. Po kliknuti na titulku sa otvori nove okno s celym clankom a podrobnostami o udalosti.

{{:gnd:screens:healthmap_nearme.png?50}}\\
2. Outbreaks near me\\
Healtmap poskytuje zaroven aplikaciu na Android a IPhone ktora uzivatelovi poskytuje real-time informacie o hlasenych vyskytoch chorob v jeho blizkosti. Pomocou aplikacie je mozne odosielat informacie o chorobach o ktorych vie uzivatel.

 
===== Online Archives =====

 * v com spociva rozdiel medzi youtube a video archivmi ? 

==== Pad.ma ====

http://pad.ma

PAD.MA - short for Public Access Digital Media Archive - is an online archive of densely text-annotated video material, primarily footage and not finished films. The entire collection is searchable and viewable online, and is free to download for non- commercial use. 

{{:gnd:screens:padma_browse.png?50}}\\
1. Browse\\
Interface padmy je v dvoch urovniach, hore sa nachadza navigacia a moznosti triedenia, search, dole zase vyber narativnej linie, praca s vysledkami a moznost uploadnut video. Medzi tymito dvama sa zobrazuju ikonky z vybranych videi.

{{:gnd:screens:padma_browse2.png?50}}\\
2. Browse - Map\\
Dalsia moznost ako nachadzat videa je s pouzitim geografickej notacie. Uzivatel zada lokalitu alebo klika na mape a podla oblasti ktoru oznaci sa mu zobrazia tejto lokalite patriace videa. Moznost zadavat aj priame suradnice, pouziva sa google maps. Nalavo je klikatelny zoznam lokalit, napravo zase mapa.

{{:gnd:screens:video_info.png?50}}\\
3. Video - info\\
Jedna z dvoch urovni prezerania videa, umoznuje rychle a intuitivne preview videa skrz behanie myskou po horizontale jeho ikonky, ktorej obsah sa s tymto pohybom meni. V sekcii info je mozne sa dostat vyssie ku lokalite v ktorej sa video nachadza, alebo ho stiahnut alebo sa prepnut do editovacieho modu. Ako zvycajne, primarne menu zostava zachovane.

{{:gnd:screens:video_edit.png?50}}\\
4. Video - edit mode\\
V editovacom mode je mozne anotovat urcite useky videa textom a tagmi, pripadne prispievat ku transkriptu ktory sa meni v zavislosti od plynutia videa. Zaujimava funkcnost je aj linearna vizualizacia videa vdaka ktorej je lahke vidiet strihy a pohybu kamerov v ramci videa.


==== archivesaudiovisuelles.fr ====

http://www.archivesaudiovisuelles.fr - The Audiovisual Research Archives Program (ARA) of ESCoM welcomes you to its portal devoted to scientific and cultural heritage. ARA’s material covers all the human and social sciences and has an international focus on research, education, development, and intercultural dialogue. 

{{:gnd:screens:ara_index.png?50}}\\
1. Index\\
Najvacsiu pozornost na indexe uputa informacia a vyzva prispiet poznamkami ku planovanej reorganizacii organizacie. Dizajn je nesumerny a rozbity, v stplci nalavo vidiet ponuku roznych mnozin obsahu v archive, v centralnom stplci su zobrazene posledne zmeny, vybrane videa a mnozina tagov, navigacia je primarne textova a graficke prvky sa obmedzuju na malinke ikonky - screenshoty z ponukanych videi. Interface je celkovo neprehladny je na nom prilis vela navigacnych prvkov.

{{:gnd:screens:ara_topics.png?50}}\\
2. Topics\\
Zoznam tem v ktorych su zadelene videa v archive AAR je jednoducha textova navigacia. Temy su rozdelene do dvoch stplcov - socialne a humanitne vedy a historia vedy a technologii. Ku kazdej teme je zobrazeny pocet videi v archive ktore pod nu spadaju, takisto je moznost kategoriu sledovat cez RSS. 

{{:gnd:screens:ara_topic.png?50}}\\
3. Topic\\
Navigacia v danej teme je rovnaka vo zvysku stranky - primarne textova, videa spadajuce pod temu su zvlastne rozhadzane - striedavo je ikonka nalavo alebo napravo, uzivatel teda musi ocami behat pos tranke viacej v porovnani s moznostou ze by ikonky boli zarovnane. V ramci temy je mozne vyhladavanie podla viacerych kriterii a takisto navigacia do dalsich stranok so zoznamom videi v danej teme.

{{:gnd:screens:ara_video_anotate.png?50}}\\
4. Video prescreen\\
Stranka s informaciami o danom videu zobrazuje mnozstvo zbytocnych metadat ktore by sa patrilo schovat niekam kam si ich uzivatel pojde najst ak ho budu zaujimat a hned poskytovat moznost prehravat video, co sa vsak neda a je to mozne az po odkliku. Na stranke sa este nachadza obsirny popis tematiky a obsahu videa.

{{:gnd:screens:ara_video.png?50}}\\
5. Video watch\\
Prehravanie videa poskytuje moznost vybrat si z dvoch formatov - windows media video a adobe flash video v dvoch kvalitach - nizsej a vyssej. Video je rozdelene do pasazi, ktore zavysia od hlavnej temy o ktorej sa v danej pasazi rozprava. Uzivatel sa tak moze preklikat ku teme v danom videu ktora ho zaujima najviac. Pod prehravacom sa nachadzaju moznosti bookmarknut si video, odporucit ho znamim pripadne ho oznacit ako nefunkcne pre spravcov archivu.

==== watch.mit.edu ====

http://watch.mit.edu - video at MIT the gateway to online video collections


{{:gnd:screens:watchmit_index.png?50}}\\
1. Index\\
Na uvodnej stranke vidiet par "featured" videi, dominantne je vsak rozdelenie na tri stplce, ktore su MIT Community videos, Public lectures, a Course videos. Komunitne videa a verejne prednasky su zoznamy jednotlivych videi, zatialco stlpec videi z kurzov je zoznamom vedeckych disciplin z ktorych mozno pozerat video-prednasky. Na stranke sa este nachadza moznost vyhladavania videi.


{{:gnd:screens:watchmit_ocw.png?50}}\\
2. OCW Index\\
MIT OpenCourseWare je na svetovo znamim online archivom prednasok jednej z poprednych technickych univerzit. Podstranka ma teda OCW standardnu navigaciu (navigacne menu hore a nalavo). Video archiv je usporiadany podla kategorii ktorymi su jednotlive vedecke discipliny. Pod tymto zoznamom sa nachadza obsirnejsi v ktorom su pod kazdou kategoriou rozpisane jednotlive prednasky do nej spadajuce. Ku kazdej prednaske je ikonkami naznacene ci su k nej dostupne audio alebo video zaznamy, pripadne dalsie data. Jednotlive ikonky su vysvetlene v legende nad podrobnym zoznamom.

{{:gnd:screens:watchmit_course.png?50}}\\
3. Course \\
Podstranka ku jednotlivym kurzom je rozdelena na stlpec nalavo, v ktorom je mozne najst syllabus, zoznam literatury, ulohy a zoznam video prednasok, takisto stahovat materialyku prednaskam alebo ziskat hotovu citaciu do bibliografie. V centralnom stlpci je loho - ikonka prednasky, kratky popis a odklik na zoznam video-prednasok.

{{:gnd:screens:watchmit_lectures.png?50}}\\
4. Video lectures\\
Jednoducha podstranka zo zoznamom video-prednasok.

{{:gnd:screens:watchmit_lecture.png?50}}\\
5. Lecture \\
Prednaska poskytuje moznos stiahnut si zvukovu stopu z prednasky z roznych internetovych sluzieb ako je iTunes alebo Internet Archive, pripadne rovno pozerat video embednute v stranke prostrednictvom Youtube.

==== scottish screen archive ====

http://ssa.nls.uk - The Scottish Screen Archive is a film and video collection of over 100 years of Scotland's history.

{{:gnd:screens:ssa_index.png?50}}\\
1. Index\\
Index ma graficky banner, cez ktory sa daju vyhladavat videa. Pod nim sa nachadzaju rozne formy vyhladavania a prehladania videi - podla kategorii, miesta z ktoreho pochadzaju, temy videa, dekady, etc. Takisto je na hlavnej stranke moznost ihned pozerat vybrane video z archivu.

{{:gnd:screens:ssa_browse.png?50}}\\
2. Browse\\
Podstranka z celymi filmami obsahuje zoznam videi s ikonkami, nazvami, kratkym popisom a udajmi o videu. Zoznamom je mozne listovat. Napravo sa nachadza menu s moznostami prezerat videa podla inych klucov.

{{:gnd:screens:ssa_watch.png?50}}\\
3. Watch\\
Pozeranie videa je stranka na ktrej dominantnu ulohu zohravaju informacie a anotacie o videu, ktoreho obrazovka je umiestnena napravo hore. Video je mozne pridat do uzivatelovho personalizovaneho zoznamu videi, takisto ho syndikovat na socialnych sietiach a web2.0 sluzbach. Pod videom sa nachadza moznost vyhladavat podobne filmy podla dekady alebo tem ktorymi sa video zaobera. Po dopozerani videa sa v playeri zobrazi ponuka inych, pribuznych videi.

==== ubu web ====

http://ubu.com - UbuWeb is a completely independent resource dedicated to all strains of the avant-garde, ethnopoetics, and outsider arts. 

{{:gnd:screens:ubu_index.png?50}}\\
1. Index\\
Index ubu webu je striktne textovy. Tvori ho viacero vertikalnych stlpcov. Prvy obsahuje jednoduchy search-bar pod ktorym je navigacia a rozne nastroje: moznost sledovat ubu na twittri, pouzit RSS kanal, navigacia je vo forme kolekcii ktore su zadelene na film a video, etnopoeziu, zvuk a rozne ine kategorie. Dalsie stlpce su zoznamy posledne pridateho materialu, kratke zivotopisy vybranych umelcov, alebo obsah z ubuwebu zostavovany prizvanymi umelcami/kuratormi ktory zostavia vyber desiatich medii nachadzajucich sa v archive ubu webu. Aj napriek svojej textovosti je navigaciaa interface ubu webu prehladna.

{{:gnd:screens:ubu_video.png?50}} {{:gnd:screens:ubu_mp3.png?50}} \\
2. Zoznamy \\
Interface pre jednotlive kolekcie ubuwebu je minimalisticky, okrem tematickeho banneru sa tu nachadza odklik na hlavnu stranku a potom uz len abecedny zoznam vsetkych umelcov nachadzajucich sa v archive. Pod zoznamom umelcov je sprievodny text a linky na disgtributorov alebo lokacie kde mozno videa pozerat.

{{:gnd:screens:ubu_epstein.png?50}} \\
3. Umelec \\
Podstranka zo zonamom prac umelca obsahuje odkliky na vyssiu kolekciu (video, zvuk) a hlavnu stranku. Na podstrabke sa nachadza zoznam diel daneho umelca ktore su v archive a potom jeho biografia / kuratorsky text.

{{:gnd:screens:ubu_watch.png?50}} \\
4. Watch \\
Pustanie obsahu je najminimalistickejsou castou ubuwebu - nachadza sa tam len prehravac obsahu a odkliky na vyssie kategorie navigacie. Ziadne moznosti sindikovat ani pribuzne videa.
DokuWiki

User Tools

Site Tools

Page Tools
