Tvorba přizpůsobivých webových rozhraní

Save this PDF as:
 WORD  PNG  TXT  JPG

Rozměr: px
Začít zobrazení ze stránky:

Download "Tvorba přizpůsobivých webových rozhraní"

Transkript

1 Tvorba přizpůsobivých webových rozhraní Diplomová práce Bc. Jiří Stránský vedoucí práce doc. Ing. Jiří Sochor, CSc.

2 Zadání práce Tvorba přizpůsobivých webových rozhraní (PC, mobil, tablet) z technického pohledu Na straně klienta Na straně serveru Webová rozhraní pro mobilní zařízení s různými hustotami bodů na displeji SW knihovna pro Ruby on Rails Přizpůsobení na straně serveru (detekce, větvení)

3 Kontext práce Růst chytrých telefonů a mobilního internetu Aktuální příležitosti pro byznys Interim Project Narubi Webové aplikace použitelné napříč zařízeními Start v rámci SSME Interim Project, podzim 2011

4 Přehled technik přizpůsobení Na straně klienta Responsive web design Na straně serveru Úprava výstupu serveru Přesměrování na samostatné aplikace

5 Responsive web design Realizován pomocí CSS Doplňkově také JavaScript Všem klientům stejná odpověď serveru Klienti upravují vykreslení dle svých vlastností Nejčastěji dle rozlišení displeje

6 Responsive web design

7 Úprava výstupu serveru Detekce typu zařízení Skupiny počítač, mobil, (tablet) Heuristika pracující s HTTP hlavičkou (user-agent) nebo volba pomocí URL, uložení cookie, Výpis HTML dokumentu se pozmění dle typu zařízení

8 Úprava výstupu serveru

9 Samostatné aplikace Detekce typu zařízení Skupiny počítač, mobil, (tablet) Heuristika pracující s HTTP hlavičkou (user-agent) nebo volba pomocí URL, uložení cookie, Klient je přesměrován na jednu z více aplikací dle typu zařízení

10 Samostatné aplikace

11 Srovnání technik Na straně klienta (Responsive web design) Přesnější a jemnější úpravy dle vlastností zařízení Menší zásah do struktury aplikace Na straně serveru Šetrnější na množství přenesených dat Lze provádět výraznější změny Samostatné aplikace umožňují i změnu workflow Techniky lze do jisté míry kombinovat

12 Rozdílnost mobilních displejů Kvalita displejů (hustota pixelů) se může násobně lišit napříč zařízeními. 125 dpi (HTC Wildfire) vs. 326 dpi (iphone 4) Na iphone by se rozhraní vykreslilo téměř 3x menší Řešení: průhled (virtuální vykreslovací plocha) Nastavitelný webovou aplikací Prozatím nestandardizováno, rozdíly v implicitním chování prohlížečů

13 Průhled šířka a hustota pixelů Simulovaná šířka displeje Implicitně nastavena pro nepřizpůsobivá rozhraní Vypnout pro přizpůsobivá rozhraní Simulovaná hustota pixelů Možnost sjednotit velikost virtuálního pixelu Implicitní nastavení prohlížečů nejsou stejná

14 Implicitní nastavení

15 Bez virtualizace <meta viewport= width=device-width, target-densitydpi=device-dpi >

16 Implicitní simulace hustoty px <meta viewport= width=device-width >

17 Doporučená simulace hustoty px <meta viewport= width=device-width, target-densitydpi=medium-dpi >

18 Knihovna Mobvious SW knihovna přizpůsobení na straně serveru Výběr verze rozhraní (detekce typu zařízení) Konfigurace návrhový vzor Strategie Základní strategie: heuristika nad řetězcem user-agent, URL pattern matching, cookie Větvení kódu aplikace Rozděleno na dva moduly Mobvious výběr rozhraní (pro Rails, Sinatra, ) Mobvious-Rails větvení kódu (pouze pro Rails)

19 Knihovna Mobvious ukázka Konfigurace detekčního modulu Mobvious Mobvious.configure do config config.strategies = [ Mobvious::Strategies::Cookie.new([:mobile, :tablet, :desktop]), Mobvious::Strategies::MobileESP.new(:mobile_tablet_desktop) ] end Větvení kódu pomocí modulu Mobvious-Rails <% for_device_type :mobile do %> <%= stylesheet_link_tag 'mobile_styles' %> <% end %>

20 Knihovna Mobvious počty stažení Mobvious Mobvious-Rails

21 Použití výsledků práce Techniky přizpůsobení Vykreslování na různých displejích Získání základní orientace Klíčové vývojářské znalosti hodí se při tvorbě téměř každé přizpůsobivé webové aplikace Knihovna Mobvious Pro Ruby (Ruby on Rails) webové aplikace Open-source, nerestriktivní licence MIT Dobrá dokumentace a unit testy

22 Děkuji za pozornost Otázky?

KIV/PIA 2012 Ing. Jan Tichava

KIV/PIA 2012 Ing. Jan Tichava KIV/PIA 2012 Ing. Jan Tichava Opera Mini Zobrazených stránek za měsíc 90 G 80 G 70 G 60 G 50 G 40 G 30 G 20 G 10 G 0 G January 2011 May 2011 September 2011 January 2012 May 2012 September 2012 State of

Více

Připravte svůj e-shop pro mobilní zařízení s pomocí Responsive Web Designu

Připravte svůj e-shop pro mobilní zařízení s pomocí Responsive Web Designu Připravte svůj e-shop pro mobilní zařízení s pomocí Responsive Web Designu Michal Horák, PeckaDesign Co je to Responsive Web Design? Je to způsob tvorby webu, který umožňuje přizpůsobení webu cílovému

Více

Mít či nemít mobilní verzi e- shopu? aneb jak na tvorbu mobilní verze e- shopu

Mít či nemít mobilní verzi e- shopu? aneb jak na tvorbu mobilní verze e- shopu Mít či nemít mobilní verzi e- shopu? aneb jak na tvorbu mobilní verze e- shopu Michal Horák, PeckaDesign Proč mobilní verze webu? Protože lidé už neprohlíží web pouze na klasickém počítači Je zde mnoho

Více

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Webové aplikace Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni Harmonogram Dopolední blok 9:00 12:30 Ing. Dostal Úvod, XHTML + CSS Ing. Brada,

Více

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace Obsah HLEDEJCENY.mobi Mezi Vodami 1952/9 e-mail: info@hledejceny.cz HLEDEJCENY.mobi... 1 Mobilní verze e-shopu... 1 Důvody instalace... 1 Výhody... 2 Co je k mobilní verzi potřeba... 2 Objednávka služby...

Více

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA Metodický list č. 1 Způsob zakončení : Úvod Technologie webových aplikací Protokol HTTP Po zvládnutí tématického celku bude student mít základní přehled o problematice programování internetových (webových)

Více

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS Stanislav Machalík 1 Anotace: V příspěvku jsou popsány základy tvorby responzivního webu, online aplikací a informačních

Více

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Návrh webové stránky responsivní design strana 2 WEB Dříve: místo pro prezentaci a umístění dat prohlížeče pouze na PC Nyní: platforma

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

Protokol HTTP 4IZ228 tvorba webových stránek a aplikací

Protokol HTTP 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2006/11/23 15:11:51 $ Obsah Úvod... 3 Co je to HTTP... 4 Základní model protokolu... 5 Struktura požadavku v HTTP 1.0 a

Více

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita Aktivní webové stránky Úvod: - statické webové stránky: pevně vytvořený kód HTML uložený na serveru, ke kterému se přistupuje obvykle pomocí protokolu HTTP (HTTPS - zabezpečený). Je možno používat i různé

Více

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13 Obsah Úvodem 9 1. Úvod do Ajaxu 11 Jak Ajax funguje? 13 Popis 13 Ukázky 13 Jaké jsou možnosti tvorby interaktivních webových aplikací? 15 Co je třeba znát? 16 Jak fungují technologie Ajaxu 16 Jak funguje

Více

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Návrh stránek 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...

Více

Tvorba webových stránek

Tvorba webových stránek Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových

Více

Publikování map na webu - WMS

Publikování map na webu - WMS Semestrální práce z předmětu Kartografická polygrafie a reprografie Publikování map na webu - WMS Autor: Ondřej Dohnal, Martina Černohorská Editor: Filip Dvořáček Praha, duben 2010 Katedra mapování a kartografie

Více

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium KAPITOLA 4 V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium tvoří třetí pilíř responzivního webdesignu. Jedná se o rozšíření specifikace

Více

InternetovéTechnologie

InternetovéTechnologie 8 InternetovéTechnologie webdesign, mobile first Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky Webové stránky a aplikace - Webové stránky - množina vzájemně propojených stránek, které obsahují informace

Více

Stav e-commerce v ČR se zaměřením na platební metody 9/18/2013 2

Stav e-commerce v ČR se zaměřením na platební metody 9/18/2013 2 Platby kartou na internetu trendy, výzvy a vize Připravil Václav Keřka Září 2013 Stav e-commerce v ČR se zaměřením na platební metody 9/18/2013 2 Kde se nakupuje na internetu? Odhad počtu českých e-shopů

Více

10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

10. SEO Obsah meta, konkrétní elementy v html kódu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 10. SEO Obsah meta, konkrétní elementy v html kódu Web pro kodéry (Petr Kosnar, ČVUT, Obsah Obsah stránek Meta data Meta Title Meta Description Meta Keywords Zdrojový kód Odkazy Vyhledávací roboty Přesměrování

Více

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 12.2.2015 Webové aplikace Úvod strana 2 Vyučující Ing. Jiří Lýsek, Ph.D. Ing. Oldřich Faldík https://akela.mendelu.cz/~lysek/ https://akela.mendelu.cz/~xfaldik/wa/

Více

Název: On-line tvorba webu Anotace:

Název: On-line tvorba webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

Webové rozhraní pro datové úložiště. Obhajoba bakalářské práce Radek Šipka, jaro 2009

Webové rozhraní pro datové úložiště. Obhajoba bakalářské práce Radek Šipka, jaro 2009 Webové rozhraní pro datové úložiště Obhajoba bakalářské práce Radek Šipka, jaro 2009 Úvod Cílem práce bylo reimplementovat stávající webové rozhraní datového úložiště MU. Obsah prezentace Úložiště nasazené

Více

Přístup k poště MS Office 365 mají pouze studenti 1. a 2. ročníku EkF prezenčního studia. Přístup k ostatním službám mají všichni studenti.

Přístup k poště MS Office 365 mají pouze studenti 1. a 2. ročníku EkF prezenčního studia. Přístup k ostatním službám mají všichni studenti. Obsah Přihlášení k Office 365... 1 Nastavení přeposílání (předávání) doručené pošty... 2 Instalace plného balíku aplikací Office 365 Pro Plus pro studenty... 3 Přihlášení v plné verzi Office 365 Pro Plus

Více

Část 1 Moderní JavaScript

Část 1 Moderní JavaScript Obsah Část 1 Moderní JavaScript Kapitola 1 Moderní programování v JavaScriptuh.................... 13 Objektově orientovaný JavaScript................................13 Testování zdrojového kódu......................................

Více

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ Slezská univerzita v Opavě Obchodně podnikatelská fakulta v Karviné SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ Distanční studijní opora Jména autorů Ing. Josef Botlík

Více

CZ.1.07/1.5.00/34.0527

CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

Olga Rudikova 2. ročník APIN

Olga Rudikova 2. ročník APIN Olga Rudikova 2. ročník APIN Redakční (publikační) systém neboli CMS - content management system (systém pro správu obsahu) je software zajišťující správu dokumentů, nejčastěji webového obsahu. (webová

Více

BRIEF & KONCEPCE / ETAPA O.

BRIEF & KONCEPCE / ETAPA O. ÚVOD Každá prezentace je aktuální v momentě svého spuštění. Po nějaké době začne, alespoň v nějakém ohledu, stárnout. Obsahově, vizuálně či technologicky. Vždy se až nějakou dobu po svém spuštění ukáže,

Více

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice INOVACE PŘEDMĚTŮ ICT MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Zpracoval: Jaroslav Kotlán srpen 2009s Úvod Modul Programování

Více

Otevřený katastr (OK)

Otevřený katastr (OK) Otevřený katastr (OK) Karel Jedlička, Jan Ježek, Jiří Petrák smrcek@kma.zcu.cz, h.jezek@centrum.cz, jiripetrak@seznam.cz Západočeská univerzita v Plzni, Fakulta aplikovaných věd, katedra matematiky oddělení

Více

Virtualizace desktopů

Virtualizace desktopů Jaroslav Dvořák 8.8.2013 Telč Virtualizace desktopů Móda nebo skutečné přínosy? Agenda Vysvětlení pojmů Demo Srovnání jednotlivých přístupů Omezení technologií Požadavky na nasazení Licence Diskuze 2 Pojmy

Více

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Webová grafika, struktura webu a navigace, použitelnost a přístupnost Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace

Více

Měření teploty, tlaku a vlhkosti vzduchu s přenosem dat přes internet a zobrazování na WEB stránce

Měření teploty, tlaku a vlhkosti vzduchu s přenosem dat přes internet a zobrazování na WEB stránce ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE Fakulta elektrotechnická Katedra mikroelektroniky Měření teploty, tlaku a vlhkosti vzduchu s přenosem dat přes internet a zobrazování na WEB stránce Zadání Stávající

Více

SADA VY_32_INOVACE_PP1

SADA VY_32_INOVACE_PP1 SADA VY_32_INOVACE_PP1 Přehled anotačních tabulek k dvaceti výukovým materiálům vytvořených Ing. Janem Prašivkou. Kontakt na tvůrce těchto DUM: prasivka@szesro.cz Úvod do informatiky VY_32_INOVACE_PP1.PRA.01

Více

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

Efektivní vývoj mobilních aplikací na více platforem současně. Mgr. David Gešvindr MCT MSP MCPD MCITP gesvindr@mail.muni.cz

Efektivní vývoj mobilních aplikací na více platforem současně. Mgr. David Gešvindr MCT MSP MCPD MCITP gesvindr@mail.muni.cz Efektivní vývoj mobilních aplikací na více platforem současně Mgr. David Gešvindr MCT MSP MCPD MCITP gesvindr@mail.muni.cz Osnova 1. Kam míří platforma Windows Phone 2. Seznámení s univerzálními Windows

Více

Administrační rozhraní Drupalu

Administrační rozhraní Drupalu Administrační rozhraní Drupalu Možnosti, flexibilita, uživatelská nastavení Zaměřeno přednostně na Drupal 7 Eva Rázgová, Mojžíš Stupka Výchozí administrační rozhraní, Drupal 7 Pozn.: prezentace vychází

Více

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek

rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek rychlý vývoj webových aplikací nezávislých na platformě Jiří Kosek Co je to webová aplikace? příklady virtuální obchodní dům intranetový IS podniku vyhledávací služby aplikace jako každá jiná přístupná

Více

UŽIVATELSKÉ ŠKOLENÍ LOTUS NOTES

UŽIVATELSKÉ ŠKOLENÍ LOTUS NOTES STANDARDNÍ ŠKOLENÍ UŽIVATELSKÉ ŠKOLENÍ LOTUS NOTES UŽIVATELSKÉ ŠKOLENÍ LOTUS NOTES Komplexní školení zaměřené na získání uživatelských znalostí pro práci se systémem Lotus Notes. Účastník získá ucelené

Více

Ethernetový komunikátor ETH-BOX1

Ethernetový komunikátor ETH-BOX1 Ethernetový komunikátor ETH-BOX1 NÁVOD K POUŽITÍ Poslední aktualizace: 22.12.2011 Ethernetový komunikátor ETH-BOX1 1 Malý ethernetový komunikátor umožňující pohodlné ovládání libovolného zařízení přes

Více

SINEMA Server V13 Pro plně transparentní sítě Siemens, s.r.o. 2015. Všechna práva vyhrazena. siemens.cz/sinema

SINEMA Server V13 Pro plně transparentní sítě Siemens, s.r.o. 2015. Všechna práva vyhrazena. siemens.cz/sinema TIA na dosah SINEMA Server V13 Pro plně transparentní sítě siemens.cz/sinema SINEMA Server Vladimír Ševčík Promotér a konzultant Industrial Switches & Routers SCALANCE & RUGGEDCOM Siemens, s.r.o. Organizační

Více

Jihomoravský kraj Žerotínovo nám. 3/5, 601 82 Brno

Jihomoravský kraj Žerotínovo nám. 3/5, 601 82 Brno Jihomoravský kraj Žerotínovo nám. 3/5, 601 82 Brno Váš dopis zn.: Ze dne: Č. j.: JMK 69719/2013 Sp. zn.: S-JMK 169134/2010 ORR Vyřizuje: Ing. Grmolcová, Mgr. Megová Telefon: 541 651 392, 541 651 338 Počet

Více

Techniky a nástroje pro optimalizaci webových stránek

Techniky a nástroje pro optimalizaci webových stránek ZVYŠOVÁNÍ ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ Techniky a nástroje pro optimalizaci webových stránek Bogdan Walek ÚVOD DO PROBLEMATIKY

Více

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_033.ICT.34 Tvorba webových stránek MS Visual Studio 2010 - HTML Číslo projektu: CZ.1.07/1.5.00/34.0744

Více

Optimalizace webové stránky se zaměřením na mobilní zařízení

Optimalizace webové stránky se zaměřením na mobilní zařízení Univerzita Palackého v Olomouci Pedagogická fakulta Katedra technické a informační výchovy Obor: Přírodopis se zaměřením na vzdělávání a informační výchova se zaměřením na vzdělávání Optimalizace webové

Více

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice Návod k prezentačnímu mapovému portálu Obsah: 1. Úvod... 3 2. Obecná část mapového portálu...

Více

Název: Design webu Anotace:

Název: Design webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

ČSFD.cz - technická specifikace reklamních formátů

ČSFD.cz - technická specifikace reklamních formátů 1. Bannery 1. banner musí být ve formátu jpg, png, gif (sekce 1.2), HTML5 (sekce 1.3), swf, swc (sekce 1.3) nebo jako externí script, který banner vykreslí (sekce 1.4) 2. rozměry bannerů musí být následující

Více

4D Mobile! Úvod! Achitektura 4D Mobile!

4D Mobile! Úvod! Achitektura 4D Mobile! 4D Mobile Úvod Wakanda, publikovaná 4D SAS, je platforma pro vývoj a publikování webových aplikací vnitřně založena na standardních technologiích: jako je JavaScript a HTML5. Můžete použít "4D Mobile",

Více

PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB

PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB ÚTVAR ROZVOJE HLAVNÍHO MĚSTA PRAHY PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB Ústav rozvoje hlavního města Prahy publikuje prostřednictvím ArcGIS Serveru mnohé webové mapové služby (v souřadnicovém

Více

Uživatelské hodnocení kvality a dostupnosti ICT služeb. Zbyšek Chvojka, Mylène Veillet

Uživatelské hodnocení kvality a dostupnosti ICT služeb. Zbyšek Chvojka, Mylène Veillet Uživatelské hodnocení kvality a dostupnosti ICT služeb Zbyšek Chvojka, Mylène Veillet 2 QoE*- Kvalita uživatelské zkušenosti Definice a obsah I. Interakce s IS Monitorování Business transakcí QoE Reportování&

Více

ArcGIS Server 10. Řešení pro sdílení geodat

ArcGIS Server 10. Řešení pro sdílení geodat ArcGIS Server 10 Řešení pro sdílení geodat ArcGIS Server 10 ArcGIS Server je komplexní nástroj, který představuje platformu pro poskytování služeb GIS umožňujících pořizování, správu a analýzu prostorových

Více

ArcGIS for Server. V oblasti správy, vizualizace a zpracování prostorových dat nabízí ArcGIS for Server tyto možnosti:

ArcGIS for Server. V oblasti správy, vizualizace a zpracování prostorových dat nabízí ArcGIS for Server tyto možnosti: ArcGIS for Server ArcGIS for Server ArcGIS for Server je komplexní nástroj, který představuje platformu pro poskytování GIS služeb umožňujících pořizování, správu a analýzu prostorových dat a jejich vizualizaci.

Více

Obsah. O autorech 9 Earle Castledine 9 Myles Eftos 9 Max Wheeler 9 Odborný korektor 10. Předmluva 11 Komu je kniha určena 12 Co se v knize dočtete 12

Obsah. O autorech 9 Earle Castledine 9 Myles Eftos 9 Max Wheeler 9 Odborný korektor 10. Předmluva 11 Komu je kniha určena 12 Co se v knize dočtete 12 O autorech 9 Earle Castledine 9 Myles Eftos 9 Max Wheeler 9 Odborný korektor 10 Předmluva 11 Komu je kniha určena 12 Co se v knize dočtete 12 Poděkování 15 Earle Castledine 15 Myles Eftos 15 Max Wheeler

Více

NOVÁ ŘÍDICÍ JEDNOTKA PRO xcomfort RF SMART MANAGER. 2012 Eaton Corporation. All rights reserved.

NOVÁ ŘÍDICÍ JEDNOTKA PRO xcomfort RF SMART MANAGER. 2012 Eaton Corporation. All rights reserved. NOVÁ ŘÍDICÍ JEDNOTKA PRO xcomfort RF SMART MANAGER xcomfort možnosti použití ovládání chytrým telefonem nebo z tabletu Osvětlení Eaton Vzdálené ovládání a dohled Žaluzie & rolety RF xcomfort Bezpečnostní

Více

PHP framework Nette. Kapitola 1. 1.1 Úvod. 1.2 Architektura Nette

PHP framework Nette. Kapitola 1. 1.1 Úvod. 1.2 Architektura Nette Kapitola 1 PHP framework Nette 1.1 Úvod Zkratka PHP (z anglického PHP: Hypertext Preprocessor) označuje populární skriptovací jazyk primárně navržený pro vývoj webových aplikací. Jeho oblíbenost vyplývá

Více

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost

Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 Elektronická podpora zkvalitnění výuky CZ.1.07 Vzděláním pro konkurenceschopnost Registrační číslo projektu: CZ.1.07/1.5.00/34.0553 CZ.1.07 Vzděláním pro konkurenceschopnost Projekt je realizován v rámci Operačního programu Vzdělávání pro konkurence schopnost, který je spolufinancován

Více

Studentská tvůrčí a odborná činnost STOČ 2013

Studentská tvůrčí a odborná činnost STOČ 2013 Studentská tvůrčí a odborná činnost STOČ 2013 TVORBA ROZŠIŘUJÍCÍHO MODULU PRO WEBOVÝ PROHLÍŽEČ Stanislav Kocurek Vysoká škola báňská - Technická univerzita Ostrava Fakulta strojní 17. listopadu 15/2172

Více

Workshop DSP 2013. Jan Medek, DiS. Data Agentura INFOPHARM s.r.o.

Workshop DSP 2013. Jan Medek, DiS. Data Agentura INFOPHARM s.r.o. Workshop DSP 2013 Jan Medek, DiS. Data Agentura INFOPHARM s.r.o. Co je to imos? CRM aplikace se specializací na farmaceutický segment umožňující práci s výsledky zpracovaných dat Datové sběrné pošty a

Více

Router Modbus RTU RS485 / Modbus TCP

Router Modbus RTU RS485 / Modbus TCP M036 Router Modbus RTU RS485 / Modbus TCP Shrnutí M036 je router Modbus RTU /RS485 na Modbus TCP / Ethernet s možností napájení PoE. Použití Funkce připojení přístrojů s komunikací Modbus slave RTU / RS485

Více

BARTECH INVENTURA HIM BARTECH. Řešení inventarizace hmotného majetku. BARTECH, s.r.o. Velkomoravská 527/33, 695 01 Hodonín, www.bartech.

BARTECH INVENTURA HIM BARTECH. Řešení inventarizace hmotného majetku. BARTECH, s.r.o. Velkomoravská 527/33, 695 01 Hodonín, www.bartech. INVENTURA HIM BARTECH Řešení inventarizace hmotného majetku ÚVOD http://www.bartech.cz http://www.inventura-majetku.cz Programové řešení k inventarizaci hmotného investičního majetku Ruční datové terminály

Více

Jak vybrat správný firewall. Martin Šimek Západočeská univerzita

Jak vybrat správný firewall. Martin Šimek Západočeská univerzita Jak vybrat správný firewall Martin Šimek Západočeská univerzita EurOpen.CZ, Měřín, 5. října 2015 Obsah prezentace K čemu je firewall? Co je to firewall? Kam svět spěje? Nová generace firewallů? Jak vypadá

Více

Část IV - Bezpečnost 21. Kapitola 19 Bezpečnostní model ASP.NET 23

Část IV - Bezpečnost 21. Kapitola 19 Bezpečnostní model ASP.NET 23 5 Obsah O autorech 15 O odborných korektorech 15 Úvod 16 Rozdělení knihy 16 Komu je tato kniha určena? 18 Co potřebujete, abyste mohli pracovat s touto knihou? 18 Sdělte nám svůj názor 18 Zdrojové kódy

Více

Nová áplikáce etesty zá te z ove testová ní

Nová áplikáce etesty zá te z ove testová ní Nová áplikáce etesty zá te z ove testová ní Verze 0.4 Datum aktualizace 28. 11. 2014 1 Obsah 1 Úvod... 2 1.1 Podpora - kontakty... 2 1.2 Zdroje... 2 1.3 Zkratky... 2 2 Předpoklady pro testování... 3 2.1

Více

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo projektu: CZ.1.07/1.5.00/34.0410 Číslo šablony: 20 Název materiálu: Android vs ios Ročník: Identifikace materiálu: Jméno autora: Předmět:

Více

Inteligentní elektroinstalace Ego-n Vzorový rozpočet pro rodinný dům

Inteligentní elektroinstalace Ego-n Vzorový rozpočet pro rodinný dům Inteligentní elektroinstalace Ego-n Vzorový rozpočet pro rodinný dům ABB s.r.o. Elektro-Praga Půdorysy: 1.NP Přízemí Úvod Účelem tohoto vzorového orientačního rozpočtu je seznámit investory/koncové uživatele

Více

Obsah. Začínáme programovat v Ruby on Rails 9. Úvod 11. 1. Vítejte v Ruby 15. O autorovi 9 Poděkování 9

Obsah. Začínáme programovat v Ruby on Rails 9. Úvod 11. 1. Vítejte v Ruby 15. O autorovi 9 Poděkování 9 Začínáme programovat v Ruby on Rails 9 O autorovi 9 Poděkování 9 Úvod 11 Komu je kniha určena 11 Jak je kniha uspořádána 11 Co ke knize potřebujete 12 Konvence 12 Zdrojový kód 13 Poznámka redakce českého

Více

VÝPOČETNĚ NÁROČNÉ APLIKACE S VYUŽITÍM VIRTUALIZACE PRACOVNÍCH STANIC NA BÁZI INTEGRACE TECHNOLOGIÍ MICROSOFT VDI A SUN RAY

VÝPOČETNĚ NÁROČNÉ APLIKACE S VYUŽITÍM VIRTUALIZACE PRACOVNÍCH STANIC NA BÁZI INTEGRACE TECHNOLOGIÍ MICROSOFT VDI A SUN RAY VÝPOČETNĚ NÁROČNÉ APLIKACE S VYUŽITÍM VIRTUALIZACE PRACOVNÍCH STANIC NA BÁZI INTEGRACE TECHNOLOGIÍ MICROSOFT VDI A SUN RAY Ivo Martiník, David Bochenek VŠB-Technická univerzita Ostrava Ekonomická fakulta

Více

Jan Horák. Pilíře řešení

Jan Horák. Pilíře řešení Jan Horák Pilíře řešení Nová generace systémů Důsledek rozvoje a změn informatiky ve zdravotnictví: Nové technologie Výkonnost, mobilita, velikost monitorů, dotykové ovládání, vzdálené přístupy Nové možnosti

Více

Internetové služby isenzor

Internetové služby isenzor Internetové služby isenzor Aktuální snímek z webové kamery nebo aktuální teplota umístěná na vašich stránkách představují překvapivě účinný a neotřelý způsob, jak na vaše stránky přilákat nové a zejména

Více

Šifrování Autentizace Bezpečnostní slabiny. Bezpečnost. Lenka Kosková Třísková, NTI TUL. 22. března 2013

Šifrování Autentizace Bezpečnostní slabiny. Bezpečnost. Lenka Kosková Třísková, NTI TUL. 22. března 2013 Šifrování Autentizace ní slabiny 22. března 2013 Šifrování Autentizace ní slabiny Technologie Symetrické vs. asymetrické šifry (dnes kombinace) HTTPS Funguje nad HTTP Šifrování s pomocí SSL nebo TLS Šifrování

Více

Střední odborná škola a Střední odborné učiliště, Hořovice

Střední odborná škola a Střední odborné učiliště, Hořovice Kód DUM : VY_32_INOVACE_DYN.1.02 Název materiálu: Anotace Autor Jazyk Očekávaný výstup 02 WAMP - prostředí pro běh dynamických stránek ve Windows DUM je pro žáky průvodcem instalací běhového prostředí

Více

Co sledovat a jak měřit u mobilního webu

Co sledovat a jak měřit u mobilního webu Co sledovat a jak měřit u mobilního webu Jaký je rozdíl mezi měřením klasického webu v porovnání s webem mobilním. Specifika mobilního webu z pohledu sledování návštěvnosti. The Art of Mobile Development

Více

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě

Gymnázium Vincence Makovského se sportovními třídami Nové Město na Moravě VY_32_INOVACE_INF_BU_01 Sada: Digitální fotografie Téma: Princip, kategorie digitálů Autor: Mgr. Miloš Bukáček Předmět: Informatika Ročník: 3. ročník osmiletého gymnázia, třída 3.A Využití: Prezentace

Více

MAPA PARKOVÁNÍ A BEZBARIÉROVÉHO PŘÍSTUPU IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX

MAPA PARKOVÁNÍ A BEZBARIÉROVÉHO PŘÍSTUPU IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX MAPA PARKOVÁNÍ A BEZBARIÉROVÉHO PŘÍSTUPU IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX ÚŘAD MĚSTSKÉ ČÁSTI PRAHA 2, NÁMĚSTÍ MÍRU 600/20, 120 39, PRAHA 2 RESPONZIVNÍ DESIGN - tento design zaručuje,

Více

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu.

Zobrazování bannerů podporují pouze nově vytvořené šablony motivů vzhledu. Bannerový systém ProEshop od verze 1.13 umožňuje zobrazování bannerů na popředí e-shopu. Bannerový systém je přístupný v administraci e-shopu v nabídce Vzhled, texty Bannerový systém v případě, že aktivní

Více

Z internetu do nemocnice bezpečně a snadno

Z internetu do nemocnice bezpečně a snadno Z internetu do nemocnice bezpečně a snadno Petr Hron, S.ICZ a.s. 2014 1 Z internetu do nemocnice bezpečně a snadno Identifikace problému Co je k tomu potřeba Bezpečný vzdálený přístup Bezpečnostní architektura

Více

Vedoucí práce: Ing. Petr Soukup, Ph.D. Fakulta stavební Katedra mapování a kartografie Obor Geoinformatika

Vedoucí práce: Ing. Petr Soukup, Ph.D. Fakulta stavební Katedra mapování a kartografie Obor Geoinformatika Diplomová práce Vedoucí práce: Ing. Petr Soukup, Ph.D. České vysoké učení technické v Praze Fakulta stavební Katedra mapování a kartografie Obor Geoinformatika 19. ledna 2011 U vod Pra ce s daty Porovna

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2 téma: Úvod do praktika z ICT cíl praktika: organizace výuky, plán výuky, bezpečnost práce pomůcky: počítač, internet, starší cvičné počítače - organizace výuky - seznámení s plánem praktika IVT - seznámení

Více

MAPA OBCHODU A SLUŽEB IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX ÚŘAD MĚSTSKÉ ČÁSTI PRAHA 2, NÁMĚSTÍ MÍRU 600/20, 120 39, PRAHA 2

MAPA OBCHODU A SLUŽEB IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX ÚŘAD MĚSTSKÉ ČÁSTI PRAHA 2, NÁMĚSTÍ MÍRU 600/20, 120 39, PRAHA 2 MAPA OBCHODU A SLUŽEB IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX ÚŘAD MĚSTSKÉ ČÁSTI PRAHA 2, NÁMĚSTÍ MÍRU 600/20, 120 39, PRAHA 2 RESPONZIVNÍ DESIGN - tento design zaručuje, že zobrazení stránky

Více

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

Řízení přístupu k elektronickým informačním zdrojům

Řízení přístupu k elektronickým informačním zdrojům Řízení přístupu k elektronickým informačním zdrojům Petr Vandrovec České vysoké učení technické v Praze, Výpočetní a informační centrum 11. konference o profesionálních informačních zdrojích Praha, 24.

Více

Easy to use remote experiments WITHOUT laboratory systems. doc. RNDr. František (Jiří) (ISES) Lustig, CSc., MFF-UK Praha

Easy to use remote experiments WITHOUT laboratory systems. doc. RNDr. František (Jiří) (ISES) Lustig, CSc., MFF-UK Praha Easy to use remote experiments WITHOUT laboratory systems doc. RNDr. František (Jiří) (ISES) Lustig, CSc., MFF-UK Praha ICTE Rožnov pod Radhoštěm 2013 Trend počítačem podporovaných experimentů: ISES -

Více

Mobilní aplikace ve světě ERP. Asseco Solutions, a.s. a Simac Technik ČR, a.s.

Mobilní aplikace ve světě ERP. Asseco Solutions, a.s. a Simac Technik ČR, a.s. Mobilní aplikace ve světě ERP Michal Hanko Petr Kolda Asseco Solutions, a.s. a Simac Technik ČR, a.s. Skupina Asseco Solutions Asseco Solutions je průkopníkem a vizionářem na poli informačních systémů

Více

VERZE 1.1.1, 1.1.2, 1.2 VIVO.LUNDEGAARD.EU

VERZE 1.1.1, 1.1.2, 1.2 VIVO.LUNDEGAARD.EU CMS LARS VIVO VERZE 1.1.1, 1.1.2, 1.2 VIVO.LUNDEGAARD.EU Jiří Tonar TWITTER #VivoMorning @LundegaardJerry ÚVOD PROGRAM SEMINÁŘE Content Management System LARS Vivo slouží ke snadnému vytváření a editaci

Více

Webové informační systémy Ing. Jiří Šilha, LANius s.r.o.

Webové informační systémy Ing. Jiří Šilha, LANius s.r.o. Webové informační systémy Ing. Jiří Šilha, LANius s.r.o. Hlavní rozdíly lokálního informačního systému pro knihovny a webového řešení Software jako služba. Osnova prezentace Vysvětlení základních pojmů

Více

Obsah. Úvod 11 Zpětná vazba od čtenářů 13 Errata 14 Poznámka ke kódům 14

Obsah. Úvod 11 Zpětná vazba od čtenářů 13 Errata 14 Poznámka ke kódům 14 Úvod 11 Zpětná vazba od čtenářů 13 Errata 14 Poznámka ke kódům 14 KAPITOLA 1 Nové rysy Windows 8 a 8.1 15 Nové uživatelské rozhraní 15 Rychlý náběh po zapnutí 16 Informace v prvním sledu 16 Nové prezentační

Více

MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ

MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ MATLABLINK - VZDÁLENÉ OVLÁDÁNÍ A MONITOROVÁNÍ TECHNOLOGICKÝCH PROCESŮ M. Sysel, I. Pomykacz Univerzita Tomáše Bati ve Zlíně, Fakulta aplikované informatiky Nad Stráněmi 4511, 760 05 Zlín, Česká republika

Více

SINEMA Server V13 Pro plně transparentní sítě Siemens, s.r.o. 2015. Všechna práva vyhrazena. siemens.cz/sinema

SINEMA Server V13 Pro plně transparentní sítě Siemens, s.r.o. 2015. Všechna práva vyhrazena. siemens.cz/sinema TIA na dosah SINEMA Server V13 Pro plně transparentní sítě siemens.cz/sinema Současný stav bez SINEMA Serveru Simatic NET V13 SNMP OPC server - Dlouhodobý monitoring sítě průmyslového Ethernetu / Profinetu

Více

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Bitmapový formát (rastrový obrázek) Většina z používaných grafických formátů (JPEG, PNG, TGA, BMP) obsahuje popis rastrového obrázku jako celku ukládají

Více

Plutino Přehledná správa a sledování zakázek

Plutino Přehledná správa a sledování zakázek Plutino Přehledná správa a sledování zakázek Plutino : Přehledná správa a sledování zakázek Aplikace Plutino je určena malým a středním firmám, které chtějí spolehlivě, ale přitom jednoduše sledovat své

Více

+420 271 752 042 info@h1.cz www.h1.cz

+420 271 752 042 info@h1.cz www.h1.cz SEO Optimalizace pro vyhledávače Jan Tichý +420 271 752 042 info@h1.cz www.h1.cz Cesty k dosahování cílů webu PPC Bannery E-mailing Přirozené výsledky Zpětné odkazy Silná značka Affiliate Offline reklama

Více

Prototyping konfigurace linuxových serverů. horizontální škálování Deltacloud API

Prototyping konfigurace linuxových serverů. horizontální škálování Deltacloud API Prototyping konfigurace linuxových serverů horizontální škálování Deltacloud API 2 Prototyping IT infrastructury v cloudu 3 Prototyping IT infrastructury v cloudu Prototyping IT infrastructury v cloudu

Více

ISSS 2006. Přínosy GIS. GEPRO pro veřejnou správu v ČR. Vojtěch Zvěřina

ISSS 2006. Přínosy GIS. GEPRO pro veřejnou správu v ČR. Vojtěch Zvěřina ISSS 2006 Přínosy GIS řešení firmy GEPRO pro veřejnou správu v ČR Vojtěch Zvěřina GIS nástroj laika i specialisty Geografický informační systém je nástrojem, který je schopen poskytnout správné informace

Více