$('#artwork_content').html("\u000A\u000A\u000A\u000A\u000A\u003Cul class\u003D\u0022gallery\u002Dul\u0022\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_01_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_01_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Koncept chytrých hodinek 1\u0022 height\u003D\u0022280\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_02_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_02_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Koncept chytrých hodinek 2\u0022 height\u003D\u0022280\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_03_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_03_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Koncept chytrých hodinek 3\u0022 height\u003D\u0022280\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_04_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_04_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Koncept chytrých hodinek 4\u0022 height\u003D\u0022280\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_05_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2013/06/28/thumbs/prochazka\u002Dtomas_smart\u002Dwatch_05_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Koncept chytrých hodinek 5\u0022 height\u003D\u0022280\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u003C/ul\u003E\u000A\u003Cdiv class\u003D\u0022gallery\u002Ddiv\u0022\u003E\u000A\u0009\u003Ch3\u003ETomáš Procházka\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003EKoncept chytrých hodinek\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EStudie uživatelského rozhraní malých zařízení\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EVysoká škola uměleckoprůmyslová v Praze \u003C/strong\u003E\u000A\u0009\u003C/p\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Ch4\u003EAnotace\u003C/h4\u003E\u000A\u0009\u0009\u003Cp\u003EKoncept chytrých hodinek\u003Cbr /\u003ESemestrální úkol v ateliéru Prof. Vaňka. Letní semestr 2013.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EZajímal jsem se o uživatelské rozhraní malých nositelných zařízení.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003ELayout standardních vizuálních médií (kniha, časopis, plakát či webová stránka) je dvourozměrný. Pokud je médium malé (např. mobilní telefon), nezbývá místo pro layout. Médium tvoří pouze tok informací za sebou, jednorozměrný prostor. Experimentoval jsem s nejmenšími médii, u kterých je čitelnost lidským okem na hraně. Řešením může být nularozměrný prostor – pouze jedna konkrétní informace s minimem ovládacích prvků.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EChytré hodinky mi nabídnou můj nákupní seznam, když vejdu do obchodu.\u003Cbr /\u003ENabídnou mi elektronickou platbu, pokud se blížím ke kase.\u003Cbr /\u003ENabídnou mi ovladač televize, pokud sedím v obýváku.\u003Cbr /\u003ENabídnou mi kalendář nadcházejících událostí při mé cestě do práce.\u003Cbr /\u003ENabídnou mi záznam mé sportovní aktivity, pokud nějakou zaregistrují.\u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EMobilní zařízení (telefony a tablety) se právě teď stávají důležitějšími než klasické stolní počítače. Dalším krokem budou možná malá nositelná zařízení.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Excelentní studenský design\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u003C/ul\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u000A\u0009\u003Ciframe class\u003D\u0022fb\u002Dlike\u0022 src\u003D\u0022//www.facebook.com/plugins/like.php?href\u003Dhttp://www.studentskydesign.cz/cs/2012/artwork/358\u0026amp\u003Bsend\u003Dfalse\u0026amp\u003Blayout\u003Dstandard\u0026amp\u003Bwidth\u003D450\u0026amp\u003Bshow_faces\u003Dfalse\u0026amp\u003Baction\u003Dlike\u0026amp\u003Bcolorscheme\u003Dlight\u0022 scrolling\u003D\u0022no\u0022 frameborder\u003D\u00220\u0022 style\u003D\u0022border:none\u003B overflow:hidden\u003B width:450px\u0022 allowTransparency\u003D\u0022true\u0022\u003E\u003C/iframe\u003E\u000A\u003C/div\u003E"); $('#content-left .filter li').removeClass('active'); $('#content-left').find('.content').fadeOut(250).filter(function() { return $(this).data('category') == 'galerie' }).fadeIn(250).find('p').cstypo(); if ($slider !== undefined) { $slider.destroyShow(); } var $slider; // $('.gallery-ul:visible').find('li').first().find('img').imagesLoaded(function(){ $('#artwork_content .gallery-ul').not('.active').addClass('active'); $slider = $('#artwork_content .gallery-ul.active').height($('#artwork_content .gallery-ul.active').find('li').first().find('img').attr('height')).bxSlider({ infiniteLoop: false, prevText: '', nextText: '', hideControlOnEnd: true, onNextSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } , onPrevSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } }); // }); // content left - fancybox $('#artwork_content .gallery-ul li a.fbox').click(function(e){ e.preventDefault(); var thumb = $(this).attr('href'); $.fancybox({ href: thumb, overlayOpacity: 0.8, overlayColor: '#fff', showCloseButton: false, hideOnContentClick: true, padding: 0 }); return false; }); $(document).keydown(function(e) { if (e.keyCode == 37) { // left $slider.goToPreviousSlide(); } if (e.keyCode == 39) { // right $slider.goToNextSlide(); } });