Na tomto místě se bude nacházet oficiální zadání bakalářské práce.
|
|
- Milada Holubová
- před 8 lety
- Počet zobrazení:
Transkript
1 i Na tomto místě se bude nacházet oficiální zadání bakalářské práce.
2 ii
3 České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačové grafiky a interakce Bakalářská práce Využití technologie VRML pro prodej zboží a nabídku služeb Aleš Havlíček Vedoucí práce: Mgr. Jiří Danihelka Studijní program: Softwarové technologie a management Obor: Web a multimedia 25. května 2011
4 iv
5 v Poděkování Tímto bych rád poděkoval především celé své rodině za trpělivost a podporu, která mi byla věnována během tvorby této práce. Velké díky patří také vedoucímu práce panu Mgr. Jiřímu Danihelkovi, za jehož vstřícnost, ochotu a důležité rady jsem nesmírně vděčný.
6 vi
7 vii Prohlášení Prohlašuji, že jsem práci vypracoval samostatně a použil jsem pouze podklady uvedené v přiloženém seznamu. Nemám závažný důvod proti užití tohoto školního díla ve smyslu 60 Zákona č. 121/2000 Sb., o právu autorském, o právech souvisejících s právem autorským a o změně některých zákonů (autorský zákon). V Praze dne
8 viii
9 Abstract This bachelor thesis deals with the appropriate combination of a virtual reality (3D world) with a purchase at a classic internet shop. Through the 3D model of the classic shop and interactive environment brings the project online shopping closer to customers as close to the normal reality as possible. The goal of this thesis is the possibility of looking at actual data and information from online shop using the virtual reality. Abstrakt Tato bakalářská práce se zabývá vhodným spojením virtuální reality (3D světa) s nákupem v klasickém internetovém obchodu. Prostřednictvím 3D modelu kamenného obchodu a interaktivního prostředí se projekt snaží přiblížit zákazníkům nakupování na internetu co nejblíže k jejich běžné realitě nakupování. Přínosem této práce je tedy možnost procházet aktuální data a informace z internetového obchodu pomocí virtuální reality. ix
10 x
11 Obsah 1 Úvod Použité technologie Modelovací jazyk virtuální reality VRML Vhodnost použití jazyka VRML Programovací jazyk PHP Značkovací jazyk HTML Návrh vzhledu virtuálního obchodu Návrh exteriéru Návrh interiéru Získávání informací o mobilních telefonech PHP parsování Co je to parser? PHP Simple HTML DOM Parser Popis a implementace PHP skriptu Popis a implementace VRML scény Transformace OUTSIDE_SCENE Transformace INSIDE_SCENE Průchod virtuální scénou Redukce scény pro mobilní zařízení Redukce geometrie Redukce textur Komplikace během redukce scény Změny v redukované scéně Testování Měření v plnohodnotné scéně Měření v redukované scéně Závěr Literatura Seznam použitých zkratek Obsah přiloženého CD xi
12 xii OBSAH
13 Seznam ilustrací Model obchodu se zdroji inspirace 11 Úprava bézierových křivek ve tvaru symbolu.. 12 Mapování textury na válcové těleso.. 14 FluxStudio mapování textur Nabídka mobilních telefonů.. 17 Ukázka nástroje Decimate v programu Blender.. 19 Schéma získávání dat z Vodafone e-shopu Pohled venkovního viewpointu na vchod obchodu.. 34 Pohled druhého viewpointu na nabídku telefonů a zákaznické pulty Volba otázek pro interaktivní rozhovor 36 Ukázka přední a zadní strany panelu 36 Nastavení parametrů nástroji Poly Reducer.. 38 Dialogové okno funkce Uložit pro web a zařízení programu Adobe Photoshop.. 40 Redukovaná veze virtuální scény spuštěná v emulátoru xiii
14 xiv SEZNAM ILUSTRACÍ
15 Kapitola 1 Úvod Tato práce má za cíl posoudit vhodnost použití virtuální reality pro nabídku a prodej zboží a služeb na internetu. Přesněji tedy virtuální realita popsána pomocí jazyka VRML. Projekt od základu popisuje modelování interaktivního kamenného obchodu Vodafone, jeho okolí a interiér s autentickými doplňky značky Vodafone. Dále řeší vhodnou nabídku zboží. V tomto případě se zbožím rozumí mobilní telefony společnosti Vodafone, které lze prostřednictvím virtuálního obchodu objednat. Je zde kladen důraz především na přenesení aktuálních dat přímo z internetového obchodu a jejich vhodné zobrazení ve virtuálním světě. Toho je dosaženo za pomoci parsování HTML kódu webové stránky Vodafone prostřednictvím knihovny napsané v jazyce PHP. Další fáze práce spočívá ve zredukování virtuálního světa do takové podoby, aby se dal spustit i na mobilním telefonu (PDA). Jedná se zde o zjednodušení většiny geometrie do opravdu jednoduchých tvarů a také o co největší kompresi textur. Dal se zde samozřejmě předpokládat problém s výkonností takového mobilního zařízení. 1
16 2 KAPITOLA 1 ÚVOD
17 Kapitola 2 Použité technologie 2.1 Modelovací jazyk virtuální reality VRML Jazyk VRML je základním stavebním kamenem této práce. Přesnější je tedy označení VRML97, jak je dnes nazvána poslední verze jazyka. V poslední verzi byl definován v roce 1997 a zároveň se tak stal mezinárodním standardem ISO. VRML slouží pro popis interaktivní trojrozměrné scény za pomoci vektorové grafiky. Jedná se o textový formát souboru, jenž je založen na deklarativním programování. Slovo deklarativní tedy označuje, že za pomoci tohoto jazyka pouze definujeme to, jaký chceme provést úkon, a o provedení tohoto úkonu se již postará interpreter (speciální vykonávací program) jazyka. Jak je již zmíněno výše, VRML dokáže popsat nejen statický 3D svět, ale v jeho schopnostech je také možnost přidání interakce do takového světa. Díky zmíněné vlastnosti dokáže tento grafický nástroj reagovat na různé události (např.: kliknutí myši, táhnutí myší, detekce uživatele v určité oblasti) a spouštět tím tak další události (např.: přehrání zvukového klipu, transformace těles, změna barev, pozice uživatele). Virtuální scéna je popsána pomocí jednotlivých objektů, resp. uzlů, které jsou hierarchicky uspořádané do stromové struktury. Soubor VRML obsahuje na prvním místě hlavičku, ve které se definuje kódování celého textu. Poté následují většinou uzly WorldInfo (krátké informace o druhu virtuálního světa a o jeho autorovi), NavigationInfo (předdefinovaný způsob pohybu po scéně, jeho rychlost atd.) a ViewPoint (záchytné body ve scéně, do kterých se může postupně uživatel přemisťovat pouhým kliknutím na tlačítko). Po těchto základních deklaracích následují uzly, z nichž se dá rozdělit většina na statické a dynamické. Statické uzly popisují především tvar a vzhled těles, jejich textury, zvuky, světla, a různé seskupování uzlů. Dynamické uzly se naopak starají o změnu vlastností ostatních uzlů za pomoci generování určitých událostí. 3
18 Ve VRML souboru se také velmi často objevují příkazy pro definování tzv. prototypů uzel PROTO nebo EXTERNPROTO. Tato deklarace je jedna z nejmocnějších v celém jazyce VRML. Pomocí těchto příkazů lze totiž vytvořit vlastní uzel, s vlastními parametry. Následně lze pak tento uzel používat tam, kde je zrovna potřeba, jako je tomu u běžně předdefinovaných uzlů. Další silnou zbraní ve světě VRML je konstrukce příkazů DEF a USE. Za pomoci příkazu DEF lze snadno pojmenovat, resp. definovat uzel, který se má v souboru opakovat. Na druhé straně příkazem USE a definovaným jménem lze tento uzel znovu použít, aniž by se musel popisovat celý opakovaně. Této jazykové konstrukce se dá s elegancí využít při definici materiálů, tvarů, ale i složitějších struktur. Navíc za použití těchto příkazů se snadno ulehčí práce, celý kód se stane více přehledným a především by tyto příkazy měly napomoci k rychlejšímu vykreslení scény. Neméně důležitá je konstrukce příkazů ROUTE TO, pomocí které se popíše spojení mezi statickými a dynamickými prvky scény. Přesněji tedy tento příkaz propojí již definovaný uzel (příkazem DEF viz výše), jehož výstupem je nějaká událost, s dalším definovaným uzlem, jež tuto vyslanou událost přijme. Poslední zde popsaný příkaz bude uzel SCRIPT, který umožňuje použití skriptovacích jazyků JAVA a ECMAScript (většinou známý jako JavaScript). Tento uzel je tedy téměř všemocný a dodává tak jazyku VRML velkou variabilitu a možnost využití. Dokáže dodat většinu interaktivity statickým objektům ve virtuálním světě. 2.2 Vhodnost použití jazyka VRML Jazyk VRML je koncepčně postaven tak, aby se co nejvíce hodil do prostředí Internetu, přesněji do prostředí WWW. S jeho pomocí se lze odkazovat na určitá místa na Internetu, nebo dokonce data z Internetu přímo získávat a zobrazovat. To vše díky parametru url, do kterého lze například přímo vložit adresu odněkud z WWW. VRML scénu (soubor) lze snadno vložit do kódu jazyka HTML a zobrazit jej tak ve kterémkoliv webovém prohlížeči. Do kódu HTML lze VRML soubor (ve tvaru soubor.wrl) vložit pomocí tagu (značky) <embed>. Tento tag ovšem značí, že do HTML vkládáme soubor, který není přímo podporován, ale pomocí pluginu (zásuvného modulu) lze tento soubor zobrazit. Tady ovšem narážíme na jeden z největších problémů jazyka VRML. K zobrazení jeho souboru potřebujeme totiž doinstalovat určitou aplikaci 4
19 (plugin). Asi nejznámějšími aplikacemi pro prohlížení VRML světů jsou Cortona3D Viewer a BS contact. Obě aplikace jsou k dispozici zdarma. Instalace není nijak náročná pro běžného uživatele internetu, ale u mnoha uživatelů tato skutečnost znamená okamžité zatracení dané technologie, protože pro její spuštění musí ještě něco udělat. Až na jednu nevýhodu je tedy jazyk VRML ideální pro zobrazování na internetových stránkách a dává tak velice mnoho možností pro své uplatnění. Dodává schopnosti přiblížit uživatelům objekty ve 3D zobrazení a docílit tak realističtějšího pocitu při prohlížení internetových stránek. Existuje zajisté nesčetně odvětví, ve kterých se dá jazyk VRML uplatnit. Asi nejpodstatnější využití bude při zobrazování nejrůznějších produktů a výrobků, které nabízejí prodejci a výrobci při svém prodeji na internetu. Díky takovému zobrazení má uživatel možnost prohlédnout si produkt ze všech možných úhlů a stran. Může dokonce vyzkoušet i funkčnost takového produktu např. posouvat s různými částmi, dostat zvukovou nebo světelnou (grafickou) odezvu atd. Navíc např. při kliknutí na nějaký objekt (tlačítko) ve virtuálním světě se uživatel může snadno odkázat přímo na webovou stránku, kde již bude moci daný produkt zakoupit. Dané skutečnosti je právě využito v této práci. Další odvětví, ve kterém by se VRML mohlo využít, jsou různé vizualizace staveb např. pro prodej realit, pro zobrazování historických pamětihodností (které např. nejsou veřejnosti často přístupné) aj. Snadno se dá také představit umělecká galerie, ve které se jednoduše prochází za pomoci virtuálního světa a lze tak prohlížet nejrůznější umělecká díla. Ať jsou to klasické obrazy, různé plastiky, sochy, nebo dokonce nějaký interakční exponát, pomocí kterého sám uživatel vytváří umělecké dílo. Na takovýto druh zobrazení se VRML velice hodí. Případů, kde lze VRML s úspěchem využít, se zajisté najde celá řada. Výpisem všech možností se práce nezabývá, přesto je zde uvedeno pouze několik příkladů. Při psaní předchozího textu bylo čerpáno ze zdrojů [1], [2], [3], [4]. 2.3 Programovací jazyk PHP Jazyk PHP je velice rozšířený a oblíbený skriptovací jazyk pro tvorbu webových stránek s dynamickým obsahem. Nejčastěji bývá vložen přímo do kódu jazyka HTML mezi značky <?php?>. PHP je jazyk interpretovaný, což znamená, že daný PHP kód 5
20 musí vykonat (interpretovat) nějaký externí program (interpreter), jehož výstupem je výsledný čistý text, který je vložen na místo původního (provedeného) PHP kódu do HTML stránky. Jak již bylo zmíněno, PHP skript se musí někde vykonat. To místo, kde se vykoná se nazývá webový server. Asi nejznámějším webovým serverem je Apache. Díky tomu, že se PHP kód spouští na webovém serveru, je samotný jazyk PHP nezávislý na platformě. PHP je tedy velice oblíbený a to z mnoha důvodů. Syntaxe tohoto jazyka je velice jednoduchá, protože vychází z několika známých programovacích jazyků jako je Pascal, C, Java atd. PHP také disponuje širokou základnou funkcí a podporou mnoha knihoven. Další nespornou výhodou je snadná spolupráce s mnohými databázovými systémy, jako jsou např. MySQL, PostgreSQL, Oracle a další. Programovací jazyk PHP byl v tomto projektu použit nejen kvůli své jednoduchosti a přístupnosti, ale především díky existenci volně šiřitelné knihovny s názvem PHP Simple HTML DOM Parser. Pomocí této knihovny se dala získat data z oficiálních internetových stránek firmy Vodafone, vhodně je zpracovat a následně je využít pro zobrazení ve virtuálním obchodu téže firmy. O tom, jak přesně se PHP a zmiňovaná knihovna využila při tvorbě celého projektu, se bude detailněji zaobírat následující kapitola. Při psaní předchozího textu bylo čerpáno ze zdrojů [5], [6]. 2.4 Značkovací jazyk HTML Jazyk HTML se používá pro tvorbu základních webových stránek. Jeho počátky sahají až do roku 1989, kdy se poprvé začalo na jazyku pracovat. Za tolik let prošel jazyk HTML mnoha úpravami a byl vydán v různých verzích. Aktuální verze je HTML 5, která je poměrně čerstvá, a stále se na ní pracuje. HTML je tvořen tzv. tagy (značkami). Většina z nich je párových, což znamená, že každý tag má svojí otevírající a uzavírající verzi, a mezi tyto dvě verze každého párového tagu se vepíše text, který má být většinou zobrazen. Druh tagu potom určuje, jak se text zapsaný mezi jeho dvěma verzemi zobrazí. 6
21 V projektu je použit jazyk XHTML, což je vlastně rozšířená verze jazyka HTML o několik maličkostí. Tento jazyk je zde využit k utvoření základních webových stránek, tak aby do nich mohl být následně vložen PHP skript a soubor VRML. Níže je uvedená základní struktura HTML stránky, přičemž v tagu <body> je příklad vložení VRML souboru za pomoci tagu <embed>. Při psaní předchozího textu bylo čerpáno ze zdroje [7]. <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> </head> <body> <embed src="vodafone_center.wrl" border="0" width="800" height="600"> </body> </html> 7
22 8 KAPITOLA 2 POUŽITÉ TECHNOLOGIE
23 Kapitola 3 Návrh vzhledu virtuálního obchodu Protože jsou ve virtuální scéně nabízeny přímo produkty společnosti Vodafone, byl vzhled virtuálního obchodu z části inspirován skutečným vzhledem kamenných obchodů této společnosti. Jedná se tedy především o interiér, přesněji o tři základní prvky interiéru, což jsou: osvětlení zákaznických pultů, sedačky, zákaznické pulty. Ostatní prvky virtuální scény, kromě modelu prodavačky, již byly výsledkem autorovi tvůrčí činnosti. Žádost na zdokumentování prvků interiéru Vodafone obchodu byla bohužel zamítnuta. Důvod byl ten, že mohlo dojít ke zdokumentování bezpečnostních prvků Vodafone prodejny, což by bylo nepřípustné. Je nutno dodat, že se jednalo pouze o ústní žádost v jedné z pražských prodejen. K písemné žádosti by se asi společnost Vodafone stavěla jinak. Nezbylo tedy nic jiného, než vystačit pouze se zdroji nalezenými na síti Internet. Většina složitějších tvarů byla vymodelována ve 3D modeláři Blender. Z tohoto programu byly objekty exportovány přímo do souboru typu *.wrl, což je soubor jazyka VRML. Exportované objekty, jejichž geometrie je definována za pomoci uzlu IndexdFaceSet, byly následně upravovány přímo v editoru jazyka VRML (v programu VrmlPad). Až zde se také jednodušším objektům přiřazovaly textury a materiály. Na texturování složitějších tvarů (především válcového tvaru) byl použit software FluxStudio. 9
24 3.1 Návrh exteriéru Základním stavebním kamenem při návrhu exteriéru byl tvar samotného obchodu. Ten se musel odvíjet od způsobu nabídky zboží, v tomto případě mobilních telefonů. Nabídka mobilních telefonů byla vytvořena tak, že každá textura s mobilním telefonem byla umístěna na samostatný panel (desku) obdélníkového tvaru (podrobnější popis nabídky telefonů následuje v návrhu interiéru). Tyto panely bylo zapotřebí následně rozmístit po místnosti požadovaného tvaru. Aby byly panely dostatečně velké a byly zároveň ihned všechny viditelné po průchodu uživatele dveřmi, byl ihned zamítnut čtvercový, respektive obdélníkový půdorys obchodu. Následující možností byl obchod kruhového půdorysu, pro který bylo následně rozhodnuto. Modelování budovy Základem pro modelování tvaru obchodu byl tedy půdorysový kruhu v Blenderu objekt zvaný Circle, ze kterého pomocí funkce EXTRUDE (tažení, vytahování) a transformace vrcholů vzešel finální tvar budovy. Průchod do budovy dostal také tvar kruhu. Ten byl vytvořen pomocí boolovské funkce DIFFERENCE (rozdíl) tak, že od objektu budovy byl odečten objekt válcového tvaru. Nad vchod byla ještě umístěna plocha pro texturu s názvem obchodu. Následující ilustrace znázorňuje, kde byla nalezena inspirace pro tvar budovy a její finální tvar. 10
25 Ilustrace 1: Model obchodu se zdroji inspirace, zdroje: stav z Modelování vchodových dveří Dalším důležitým prvkem exteriéru a v tomto případě i interiéru byly vchodové dveře. Při jejich návrhu bylo namístě dodržet koncepci oblých tvarů. Museli být tedy také kulatého tvaru. Z estetického hlediska a čistě subjektivního názoru vzešel návrh na dvoudílné posunovací dveře, které bylo tedy nutné vhodně rozdělit na dvě části. Obyčejné rozdělení válcových dveří na dvě půlky se zdálo být fádní a neoriginální. Přišel tedy v úvahu nápad na rozdělení dveří na části ve tvaru symbolu jin-jang (symbol znázorňující rovnováhu sil a vzájemné doplňování). Dal se zde ale předpokládat problém s přesným vymodelováním obou částí tak, aby do sebe obě důkladně zapadaly. Tento problém opravdu nastal při prvním pokusu modelování v Blenderu. V první řadě bylo zapotřebí vložit do blenderu obrázek se symbolem jin-jang, aby mohl sloužit jako předloha pro přesné obkreslení tvaru dveří. Základ pro modelování byl Bezier Circle, neboli kruh definovaný za pomoci bézierových křivek. Jeho průměr 11
26 byl nastaven přesně podle průměru symbolu jin-jang. Následně byl objekt Bezier Circle duplikován a zároveň bylo deaktivováno jeho zobrazení ve scéně, aby nezavazel při obkreslování poloviny symbolu jin-jang. Základní Bezier Circle je tvořen čtyřmi kotevními body. Pomocí funkce Subdivide (rozdělení) bylo na kruh přidáno více kotevních bodů, aby se dal s větší přesností vytvořit požadovaný tvar. Každý kotevní bod má jeden nebo dva tzv. záchytné body. Transformací kotevních i záchytných bodů vznikl přesný tvar, tj. polovina symbolu jin-jang (Ilustrace 2). Pomocí funkce Extrude byl vytažen jak upravený tvar z křivek, tak jeho původní (skrytá) duplikovaná verze do požadované šířky. Posledním krokem bylo odečtení poloviny vymodelovaného symbolu od celého válce, který vznikl vytažením z duplikovaného kruhu. Znovu za pomoci boolovské funkce Difference. Takto vznikla i druhá polovina symbolu (dveří). Ilustrace 2: Úprava bézierových křivek ve tvaru symbolu, zdroj symbolu jin-jang: stav z
27 Modelování ostatních objektů z exteriéru U dalších prvků z exteriéru již nebude následovat detailní popis jejich vymodelování v softwaru Blender. Důvod je takový, že většina těchto objektů je již velmi jednoduchých tvarů, a proto nejsou ani nijak náročné na modelování. Jedná se o reklamní poutače, které jsou umístěny před vchodem, aby posílily dojem uživatele, že se jedná opravdu o vchodové dveře. Dále je tu samotná podlaha okolo obchodu, což je prostá rovinná plocha. Celý prostor kolem obchodu ohraničují čtyři stěny, které byly vytvořeny z objektu typu Cube (krychle). Posledním prvkem exteriéru vymodelovaným v Blenderu je kruhové ohraničení kolem stromů a jejich dno ve tvaru kruhové plochy. Zmíněné ohraničení bylo vymodelováno pomocí dvou válců tak, že od válce většího průměru se odečetl válec menšího průměru. Poslední prvky, které se ještě nachází v exteriéru virtuální scény, jsou stromy a lidé. To ovšem nejsou žádné 3D modely, jak by se na první pohled mohlo zdát. Tyto prvky jsou definovány přímo v jazyce VRML, a to uzlem Billboard. Tento uzel má za úkol dynamicky natáčet jeho potomky vždy čelem k avatarovi (uživateli), ať už se pohne kamkoliv. Defaultně se potomci uzlu Billboard natáčí podle osy Y, tato osa jde samozřejmě změnit. Jedná se tedy pouze o obdélníkovou plochu, která je určená pomocí uzlu IndexedFaceSet. Na tuto plochu byla následně nanesena částečně průhledná textura (buď člověka, nebo stromu). Ve výsledku působí tyto objekty na uživatele opravdu trojrozměrně, i když se jedná pouze o klasický 2D obrázek, který se dynamicky natáčí k uživateli. Tyto objekty jsou zde hlavně proto, aby vytvořily realističtější dojem z virtuální scény, a zároveň také proto, aby vyplnili prostor. Texturování exteriéru Většině objektů z exteriéru stačilo přiřadit texturu pouze v programu VrmlPad. Velkou nevýhodou zmíněného softwaru je absence vestavěného editoru pro mapování textur na složitější tvary. Jediný objekt, u kterého byl s texturováním problém, bylo válcové ohraničení kolem stromů. Jazyk VRML totiž i u válcového tělesa používá mapování textury stále jako na rovinnou plochu, proto dochází po obvodu válce na dvou místech (naproti sobě) k deformaci textury (Ilustrace 3). 13
28 Ilustrace 3: Mapování textury na válcové těleso Jsou zde dvě možnosti jak texturu na válec správně mapovat. První je ta, že se mapování nadefinuje ručně pomocí parametrů texcoord a texcoordindex. Prostřednictvím zmíněných dvou parametrů určíme body na rovinné textuře, a následně definujeme, jak se tyto body mají spojit (v jakém pořadí) s body na prostorovém tělese. Tento způsob mapování je ale u složitějších tvarů téměř neproveditelný. Druhá možnost je použití externího editoru, který umožňuje grafické mapování textur. V tomto případě byl použit program FluxStudio. Tento software umožňuje jak import, tak export souboru *.wrl. Podstatným kladem softwaru je možnost určit tvar tělesa, respektive jeho části, na které bude následně nanesena textura. Pokud tedy v tomto případě vybereme, že bude textura mapována jako na objekt válcového tvaru (Ilustrace 4), bude textura na objekt nanesena správným způsobem a na žádných místech nedojde k deformaci. Při psaní předchozího textu bylo čerpáno ze zdroje [1]. 14
29 Ilustrace 4: FluxStudio mapování textur 3.2 Návrh interiéru Při návrhu interiéru bylo snahou co nejvíce napodobit design značky Vodafone. O této značce je známo, že velice dbá na design svých obchodů a vůbec všeho, co je s touto značkou spojeno. Důraz při návrhu interiéru byl tedy kladen především na: časté používání červené barvy (základní barva značky Vodafone), kontrast použitých barev, moderní vzhled celého obchodu, napodobení tří základních prvků většiny Vodafone prodejen (zákaznický pult, sedačky, světla nad zákaznickým pultem). V interiéru se nachází ještě jeden významný prvek, a tím je postava prodavačky. Je zde umístěna kvůli interaktivnímu rozhovoru, který s ní může uživatel vést. Tato postava 15
30 byla převzata z internetové databáze 3D modelů a následně byla její geometrie zjednodušena v modeláři Blender. Návrh nabídky mobilních telefonů Nabídka mobilních telefonů je vlastně to nejdůležitější, o co v tomto projektu jde. Musela být navrhnuta tak, aby co nejefektivněji dokázala zaujmout uživatele. Musela také umožňovat pohodlné prohlížení, a to v dostatečné velikosti. V podstatě se rozhodovalo mezi dvěma způsoby. V prvním případě mohla být nabídka tvořena jedním velkým panelem, na kterém by byl obrázek mobilního telefonu, jeho označení, cena, informace o něm, tlačítko BUY (koupit) a tlačítko MORE INFORMATION. Na tomto velkém panelu by se nacházely šipky (doleva, doprava), pomocí nichž by se přecházelo na další, respektive předešlý mobilní telefon (tzv. listování). Nevýhoda tohoto způsobu je v tom, že takto tvořená nabídka nevypadá příliš efektně a ani se nepřibližuje situaci v reálných obchodech. Výhodou ovšem je, že při procházení celé nabídky nemusí uživatel nikam přecházet, stojí na jednom místě a pouze kliká na šipky. Další výhodou je, že zde není limit na množství takto nabízených mobilních telefonů. Druhá možnost, která byla zároveň zvolena, je následující. Každý mobilní telefon bude umístěn na samostatném menším panelu. Tento panel bude otočný, přičemž na přední straně bude obrázek telefonu, jeho označení, cena a dvě tlačítka BUY, INFO. Kliknutím na tlačítko INFO se panel otočí o 180. Na této straně panelu bude seznam jeho nejdůležitějších vlastností, tlačítko MORE INFORMATION a namísto tlačítka INFO bude na této straně tlačítko BACK, pomocí kterého se panel otočí zpět na stranu s obrázkem telefon. Tato možnost nabízení zboží je daleko efektnější pro uživatele a zároveň je možno vidět na jeden pohled všechny panely s telefony. Malou nevýhodou je, že při prohlížení všech mobilních telefonů musí uživatel přecházet mezi panely. Na druhou stranu se tento způsob podobá více reálné nabídce mobilních telefonu, kde je každý mobilní telefon samostatně vystaven. Větší nevýhodou je ovšem to, že jsme zde limitováni počtem panelů v závislosti na velikosti obchodu. V tomto případě jsme omezeni obvodem kruhové stěny obchodu, na které jsou panely s telefony umístěny. Tento problém lze ale řešit například druhou řadou panelů umístěnou nad první, přičemž by se tyto řady mohly měnit stisknutím nějakého tlačítka. 16
31 Ilustrace 5: Nabídka mobilních telefonů Modelování v Blenderu V Benderu byl vymodelován téměř celý interiér, až na panely s mobilními telefony, plochu s reklamou a model prodavačky. Při modelování šlo většinou o drobné úpravy základních geometrií (těles): podlaha, strop obchodu křivkový objekt BEZIER CIRCLE konvertovaný na objekt typu Mesh, kruhový plášť obchodu objekt CIRCLE vytažený pomocí funkce EXTRUDE, plocha s nápisem Offer of mobile phones - objekt PLANE, sedačky jeden menší a druhý větší objekt CYLINDER, nahoře nad větším válcem ještě BEZIER CIRCLE také konvertovaný na Mesh, zákaznický pult celý z objektů CUBE a CYLINDER. 17
32 Import modelu postavy Jak již bylo zmíněno výše, model postavy byl převzat z internetové databáze 3D modelů (turbosquid.com). Model zde disponoval několika formáty, z nichž byl nejvhodnější formát *.obj. Tento formát totiž jako jediný dokázal importovat 3D modelář Blender bez chyby. V Blenderu došlo k několika úpravám, které se týkaly především redukce geometrie. Importovaná postava byla velice detailně vymodelována a obsahovala mnoho částí, které byly absolutně zbytečné pro její využití v tomto projektu, proto byly tyto části z celého modelu odstraněny. Následuje výčet odstraněných částí: kompletní vnitřní kostra postavy, jedna vrstva vlasů, řasy, zuby a jazyk, hodinky. Pro zjednodušení geometrie byl zvolen nástroj Decimate, který redukuje počet vrcholů v dané geometrii, což má za následek i zredukování počtu hran a ploch. Po této redukci následovala ještě transformace paží směrem k tělu. Transformace bylo docíleno pouhým přesouváním a rotací vrcholů v editačním módu. Následující krok byl export z Blenderu do souboru jazyka VRML. Tento soubor se již upravil pomocí editoru VrmlPad, v němž byly jednotlivým částem postavy přiřazeny materiály. I přes velkou redukci geometrie se zdá být postava velice oblých tvarů. Této skutečnosti je v jazyce VRML docíleno pomocí parametru creaseangle uzlu IndexedFaceSet. Tímto parametrem se nastaví hraniční úhel mezi dvěma sousedními nerovinnými plochami geometrie, který má být ještě považován za oblý přechod mezi těmito plochami. Nastavením vysokého čísla např. 1.5, se tedy zdá, jako kdyby byla postava dokonale oblá bez jakýchkoliv hran. Při psaní předchozího textu bylo čerpáno ze zdroje [1]. 18
33 Ilustrace 6: Ukázka nástroje Decimate v programu Blender, zdroj původního modelu postavy: stav z
34 20 KAPITOLA 3 NÁVRH VZHLEDU VIRTUÁLNÍHO OBCHODU
35 Kapitola 4 Získávání informací o mobilních telefonech Důležitým přínosem této práce je také propojení virtuálního světa přímo s e-shopem firmy Vodafone. Pomocí PHP skriptu a s využitím knihovny PHP Simple HTML DOM Parser se z webové stránky Vodafone vyberou data o jednotlivých mobilních telefonech, které se uloží na server a následně se z nich vytvoří VRML soubor (nabídka mobilních telefonů na otáčecích panelech), který se poté za pomoci uzlu Inline vloží přímo do hlavní virtuální scény (Ilustrace 7). Data, která se přebírají z oficiálního e-shopu, jsou následující: název (označení) mobilního telefonu, obrázek mobilního telefonu, cena s tarifem a standardní cena, bodové informace, jež shrnují nejdůležitější vlastnosti telefonu, odkaz na webovou stránku, kde již lze mobilní telefon zakoupit. Tato data se na serveru aktualizují 1x denně, a to při prvním načtení webové stránky s virtuální scénou daného dne. Aktualizace se projeví zpožděním při načítání webové stránky. V případě, že celá aktualizace proběhne v pořádku, je o tom uživatel informován v liště Database status (nad oknem s virtuální scénou) zprávou Phone database updated. Při dalších návštěvách toho dne se již bude zobrazovat zpráva Pohne database is actual. Pokud dojde při parsování k nějaké chybě, např. když Vodafone změní kódování svých stránek a PHP parser nenajde požadované parametry, data na serveru se nezaktualizují a uživatel o tom bude informován zprávou Parser error: Phone database wasn t updated. Last update: (datum poslední aktualizace). 21
36 Požadavek dat data PHP Vodafone e-shop Parsovaná data data SCRIPT Web server Hlavní scéna vložená do webové stránky Inline {..} Vygenerovaný VRML soubor panels.wrl Ilustrace 7: Schéma získávání dat z Vodafone e-shopu 22
37 Kapitola 5 PHP parsování 5.1 Co je to parser? Parser může být popsán jako program, který na vstup dostane množství dat, ve kterých je schopen se zorientovat pomocí jejich struktury. Následně dokáže parser vyhledat požadované informace z tohoto vstupu a dodat je na svůj výstup. V tomto případě je vstupem pro parser XHTML kód, jehož strukturu určuje tzv. Document Object Model (DOM). S pomocí DOM a vstupních parametrů dokáže tedy parser přistupovat k požadovaným XHTML tagům a jejich obsah posílat na svůj výstup, kde může být dále zpracován. 5.2 PHP Simple HTML DOM Parser Jedná se o volně dostupnou open-source knihovnu napsanou v jazyce PHP 5+. Voláním funkcí z této knihovny lze opravdu snadnou cestou parsovat většinu HTML/XHTML stránek. Tato knihovna vyžaduje verzi PHP 5+. Mezi její další vlastnosti patří také schopnost parsovat i nevalidní HTML/XHTML stránky. K určení požadovaného tagu (elementu) tato knihovna využívá tzv. selektorů (speciální argumenty), jež jsou stejné jako u známého JavaScriptového frameworku jquery. Pomocí selektorů lze tedy například určit, že chceme najít HTML tag <h1>, který má parametr class="modry". Pro snadnější vysvětlení budou dále uvedeny názorné příklady. Při psaní předchozího textu bylo čerpáno ze zdrojů [8], [9], [10]. 23
38 Následující příklady jsou převzaty ze zdroje [10]. // Načte a vytvoří DOM objekt z URL nebo ze souboru $html = file_get_html(' // Najde všechny obrázky a zobrazí jejich webovou adresu foreach($html->find('img') as $element) echo $element->src. '<br>'; // Najde všechny odkazy a zobrazí jejich webovou adresu foreach($html->find('a') as $element) echo $element->href. '<br>'; // Najde všechny elementy, jejichž parametr class=foo $ret = $html->find('.foo'); // Najde všechny elementy, které mají atribut "id" $ret = $html->find('*[id]'); // Najde všechny odkazy a obrázky které mají atribut "title" $ret = $html->find('a[title], img[title]'); // Najde všechny <td> v <table> s atributem class=hello $es = $html->find('table.hello td'); // Ukázka vnořených selektorů // Najde všechny elementy <li> v elementech <ul> foreach($html->find('ul') as $ul) { foreach($ul->find('li') as $li) { // něco proveď } } 24
39 5.3 Popis a implementace PHP skriptu PHP skript si nejprve ověří, zda byla již v aktuální den webová stránka načtena a data o mobilních telefonech aktualizována, či nikoliv. Pokud se již tak stalo, přiřadí se do proměnné pouze zpráva o tom, že databáze telefonů je aktuální. V opačném případě se pokračuje na vytvoření DOM objektu z URL e-shopu Vodafone. Následně se již v cyklech hledají požadované obsahy nebo parametry elementů, které byly určeny příslušnými selektory. Tyto informace z vybraných elementů se přiřazují do proměnných typu pole. Tato pole (kromě pole s URL na obrázky telefonů), se poté pomocí PHP funkce serialize() převedou do jednoho velkého řetězce, který je následně uložen do textového souboru. V dalším kroku se tyto soubory načítají, a jejich obsah (dlouhý řetězec serializovaných dat) se zpětně převede opět na datový typ pole pomocí funkce unserialize(). Pole s odkazy na obrázky telefonů je využito ve funkci copy(), která zkopíruje obrázky ze zadaných odkazů na webový server. V následujícím kroku se načtená pole ze souborů použijí na vytvoření řetězce psaného již v jazyce VRML, který se poté uloží jako textový soubor panels.wrl. Tento soubor tedy definuje nabídku mobilních telefonů na otáčecích panelech s již aktuálními daty. Níže uvedené ukázky PHP skriptu jsou součástí souboru project.php. Nejedná se o souvislý kód, ale pouze o části kódu, které na sebe nemusejí navazovat. // načtení PHP knihovny include_once('simple_html_dom.php'); // Vytvoření DOM objektu $html = file_get_html (' 25
40 // Najde odkazy na mobilní telefony // V elementu h2 s parametrem class= 'ttleblue' hledá // elementy a (odkazy) foreach ($html->find('h2.ttleblue') as $element) { foreach ($element->find('a') as $result) { // str_replace nahrazuje řetězec '&' za znak '&' $array_href[$j] = ' str_replace('&', '&', $result->href); $j++; $continue = TRUE; // pokud je nalezeno 19 odkazů (podle počtu panelů // ve scéně) ukončí se oba cykly if ($j > 18) { break 2; } } } // uvolnění paměti $html->clear(); unset($html); // serializuje data (odkazy na mobilní telefony) // a uloží je do textového souboru $serialized_data["href"] = serialize($array_href); $file = fopen("parser/href.txt", "w+"); fwrite($file, $serialized_data["href"]); fclose($file); // načte ze souboru řetězec, který deserializuje a vloží // ho do proměnné (pole) $file1 = fopen("parser/href.txt", "r"); $count1 = filesize("parser/href.txt"); $serialized_string1 = fread($file1, $count1); $array_href = unserialize($serialized_string1); fclose($file1); 26
41 // Najde "bodové informace" o mobilních telefonech, // z původně uložených odkazů na mobilní telefony do pole, // a uloží je do dvourozměrného pole for ($m = 0; $m < 19; $m++) { // Vytváří DOM objekt z každého odkazu na m. telefon $html_mobile = file_get_html($array_href[$m]); // Pokud není odkaz funkční if (!($html_mobile)) { $status = "Parser error: Phone database wasn t updated. Last update: ". $save_date; $continue = FALSE; break; } else { } } $continue = FALSE; $n = 0; // Hledá elementy s parametrem id='#navlist'. // Jedná se o elementy <ul> - nečíslovaný seznam. // V <ul> pak vnořeným cyklem hledá elementy <li>, // tedy položky nečíslovaného seznamu foreach ($html_mobile->find('#navlist') as $ul) { foreach ($ul->find('li') as $li) { $array_info[$m][$n] = $li->innertext; $n++; $continue = TRUE; } } // Musí vyčistit paměť, aby nedošlo k přeplnění $html_mobile->clear(); unset($html_mobile); 27
42 KAPITOLA 5 PHP PARSOVÁNÍ 28
43 Kapitola 6 Popis a implementace VRML scény Celá VRML scéna je tvořena hlavním souborem vodafone_center.wrl, do kterého se načítají další wrl soubory pomocí uzlu Inline, nebo je z tohoto hlavního souboru odkazováno na externí prototypy, které jsou také uloženy jako soubory typu wrl. Hlavní soubor je rozdělen na dvě základní části pomocí transformací OUTSIDE_SCENE a INSIDE_SCENE. Tyto dvě transformace rozdělují scénu na venkovní a vnitřní část. Každá z těchto částí je nasvícena čtyřmi světly typu SpotLight. Před oběma transformacemi se ještě nacházejí deklarace externích prototypů, které se v transformacích používají. 6.1 Transformace OUTSIDE_SCENE Před transformací OUTSIDE_SCENE je deklarován pouze jeden prototyp a tím je prototyp Tree (strom) soubor tree.wrl. Tato transformace dále obsahuje potomky další transformace, které popisují všechny venkovní objekty: podlaha, stěny, hlavní budova, stojany před vchodem a další. Za detailnější popis stojí vchodové dveře. Ty se automaticky otevírají/zavírají a vydávají přitom zvuk. To vše díky detekci uživatele (avatara) za pomoci uzlu ProximitySensor. Tomuto senzoru se definuje velikost pole, do/z kterého když uživatel vejde, generuje tento senzor určitou událost. Ta je odeslána do skriptu SCRIPT_DOOR, který se stará o zbytek. Ukázka zmíněného skriptu následuje níže. V transformaci OUTSIDE_SCENE je dále definováno šest uzlů Tree (načtený externí prototyp) reprezentující natáčecí textury stromů (billboardy) a jejich ohraničení ve tvaru válce. Tyto uzly jsou definovány pomocí čtyř parametrů: poloha prototypu, čtyři souřadnice určující velikost billboardu, textura billboardu a samotná poloha billboardu vůči celému prototypu. Posledními objekty v této transformaci jsou samotné billboardy s texturami lidí. Je jich zde osm, přičemž při jejich definování je využívána 29
44 konstrukce DEF USE, proto se nejedná o 8x vloženou stejnou definici pouze s odlišnými parametry. Následuje ukázka ECMA skriptu SCRIPT_DOOR, která se nachází v hlavním souboru vodafone_center.wrl. # Skript na otevírání/zavírání dveří DEF SCRIPT_DOOR Script { field SFBool open FALSE #Příchozí událost od proximity senzoru eventin SFTime active #Příchozí událost od time senzoru eventin SFFloat time_changed #Odchozí událost výstup skriptu eventout SFFloat new_time url ["javascript: function active(value,time) { //Zneguje pouze proměnnou při vstupu avatara //do oblasti proximity senzoru //indikuje zda jsou dveře otevřené, nebo ne open =!open; } } function time_changed(value,time) { //Pokud jsou dveře otevřené, pošle vstupní //hodnotu rovnou na výstup. //Pokud jsou ale dveře zavřené, dá na //výstup hodnotu v podstatě opačnou, //proměnná value může být číslo (0-1) if (open) new_time=value; else new_time=1-value; } ",] 30
45 6.2 Transformace INSIDE_SCENE Před samotnou transformací jsou deklarovány tři externí prototypy, které jsou uvnitř následně využity: Desk (zákaznický pult), definován v souboru vodafone_desk.wrl, Seat (sedačka), definován v souboru seat.wrl, Lamp (světla, žárovky nad pultem), definován v souboru lamp.wrl. Tato transformace samozřejmě obsahuje také jednoduché objekty jako transformace OUTSIDE_SCENE, které není nutné popisovat. Jedná se opět pouze o vygenerované objekty programem Blender, kterým je přiřazen materiál a textury. Jedním z důležitých prvků v transformaci INSIDE_SCENE je načtení souboru panels.wrl pomocí příkazu Inline. Soubor je generován pomocí PHP skriptu a obsahuje aktuální data z e-shopu Vodafone. Neboli definici devatenácti panelů s nabídkou mobilních telefonů, které se nacházejí na stěně obchodu, za zákaznickými pulty. Všechny panely jsou definovány pomocí externího prototypu Panel, který je načten ze souboru panel.wrl. Zbývající tři prototypy (Seat, Desk, Lamp) jsou všechny ve scéně použity třikrát. U prototypu Lamp lze pomocí parametrů určit pouze umístění ve scéně a měřítko (velikost). Prototyp Seat má také pouze dva nastavitelné parametry a to je také umístění ve scéně a vrchní textura sedačky. Prototyp Desk již nabízí více parametrů umístění, velikost, natočení, textura zákaznické obrazovky, textura obrazovky prodejce a dvě textury časopisů. Prostřední zákaznický pult, za kterým stojí prodavačka, má namísto zákaznické obrazovky tři tlačítka. Na každém tlačítku je textura s otázkou, na kterou po kliknutí dostane uživatel zvukovou odpověď. Úplně posledním prvkem v transformaci INSIDE_SCENE je načtení souboru girl.wrl uzlem Inline. Jedná se o soubor s transformací, jež definuje postavu prodavačky. Tato transformace mimo jiné obsahuje i ProximitySensor (detekce polohy uživatele), který po příchodu uživatele před prostřední pult aktivuje zvuk s přivítáním zákazníka v obchodě. 31
46 Prototyp Panel Následuje ukázka parametrů prototypu Panel ze souboru panel.wrl: PROTO Panel [ field SFVec3f PANEL_TRANS #poloha field SFRotation PANEL_ROTATION #natočení field MFString PHONE_TEXTURE ["1.jpg"] #obrázek tel. field MFString TEXT_NAME ["Phone"] #Název tel. field MFString TEXT_PRICES ["Prices"] #Dvě ceny tel. field MFString LINK_URL [""] #Odkaz na stránku s tel. field MFString PHONE_DETAILS [""] #Bodové info o tel. field SFBool ADD_MONTHLY FALSE #Nabídka měsíce field SFBool ADD_NEW FALSE #Novinka v e-shopu ] Poslední dva parametry ADD_MONTHLY a ADD_NEW jsou oba typu SFBool a mohou tedy nabývat jedné z logické hodnoty TRUE/FALSE. Jsou zde proto, aby označily panely, na kterých je telefon měsíce nebo nový telefon v e-shopu. Tyto panely se poznají malou plochou (geometrie Box) s nápisem Monthly special, respektive New on eshop, která je dodána nad obrázek telefonu. Tímto přidáním se rozumí vložení potomka do uzlu základní transformace prototypu Panel. Toto vše obstarává ECMAscript s názvem SCRIPT_ADD, který se také nachází v souboru panel.wrl. Následuje ukázka tohoto skriptu. 32
47 DEF SCRIPT_ADD Script { eventout MFNode objects #Vystup skriptu VRML uzel field SFBool add_mont IS ADD_MONTHLY field SFBool add_new IS ADD_NEW url ["javascript: function initialize() { if (add_mont) { obj1 = Browser.createVrmlFromString( //Zde se nachází popis geometrie a //vzhledu přidané tabulky v jazyce VRML //textura s nápisem Monthly special ); objects = obj1; } } if (add_new) { obj2 = Browser.createVrmlFromString( //Zde se nachází popis geometrie a //vzhledu přidané tabulky v jazyce VRML //textura s nápisem New on eshop ); objects = obj2; } add_mont = false; add_new = false; } ",] 33
48 6.3 Průchod virtuální scénou Pro naprosto korektní průchod celou virtuální scénou je zapotřebí mít nainstalovaný jeden ze dvou webových prohlížečů Internet Explorer, nebo Google Chrome. Oba prohlížeče totiž jako jediní dovedou přehrát zvuky, které virtuální scéna obsahuje. Ostatní testované prohlížeče (Opera, Mozilla Firefox, Safari) zvuky nepřehrávají, ale jinak na nich lze samozřejmě celou virtuální scénu spustit a procházet ji. Dalším potřebným softwarem pro spuštění scény je některý z prohlížečů wrl soborů. Jsou to například Cortona 3D viewer, nebo BS Contact. Takový software se přidá do webového prohlížeče jako plugin a lze tak již virtuální scénu spustit. Po spuštění scény je uživatel situován na místo prvního viewpointu, tedy před vchod virtuálního obchodu (Ilustrace 8). Ilustrace 8: Pohled venkovního viewpointu na vchod obchodu 34
49 Po přiblížení ke dveřím se znakem společnosti Vodafone se tyto dveře za zvukového doprovodu automaticky otevřou. Po průchodu dveřmi se uživateli naskytne pohled téměř totožný s druhým viewpointem (Ilustrace 9), tedy pohled na zákaznické pulty a nabídku mobilních telefonů. Ilustrace 9: Pohled druhého viewpointu na nabídku telefonů a zákaznické pulty Pokud uživatel přijde k prostřednímu zákaznickému pultu, zahájí se virtuální rozhovor s prodavačkou přehráním uvítacího zvukového klipu. Dále může uživatel pokračovat ve virtuálním rozhovoru pomocí tří tlačítek s otázkami, na které mu bude odpovězeno také formou zvukového klipu (Ilustrace 10). Poslední, a zároveň nejdůležitější možnost interakce, je procházení nabídky mobilních telefonů. Po přistoupení k některému z panelů se uživatel doví název a dva druhy cen mobilního telefonu. Pokud již tyto informace uživateli dostačují pro nákup telefonu, má možnost kliknout na tlačítko BUY. Po kliknutí bude uživatel přesměrován na webovou stránku oficiálního e-shopu společnosti Vodafone, kde již bude moci vybraný telefon zakoupit. Pokud se ale uživatel bude chtít dozvědět více informací o mobilním telefonu, může kliknout na tlačítko INFO, po čemž se panel otočí (za zvukového doprovodu) 35
50 o 180. Na této straně panelu uživatel nalezne základní vlastnosti telefonu v několika bodech (podle toho, zda tyto údaje obsahují stránky Vodafone u některých levných telefonů tyto informace ani neuvádějí). Pokud ani tyto informace nebudou pro uživatele dostačující, může kliknout na tlačítko MORE INFORMATION a bude tak opět přesměrován na oficiální stránku s vybraným telefonem, kde se již nacházejí detailnější informace. Pro otočení panelu zpět do původní polohy musí uživatel kliknout na tlačítko BACK. Ilustrace 10: Volba otázek pro interaktivní rozhovor Ilustrace 11: Ukázka přední a zadní strany panelu 36
51 Kapitola 7 Redukce scény pro mobilní zařízení Možnost navštívit virtuální scénu pomocí mobilního zařízení, přesněji pomocí PDA, byl jeden z cílů této práce. První rozhodnutí se týkalo výběru vhodného prohlížeče wrl souborů. Volba probíhala opět mezi již zmíněnými prohlížeči, tedy Pocket Cortona a BS Contact mobile. Podle názvů je ale patrné, že se jedná o verze prohlížečů určené pro mobilní zařízení. Jednoznačně byl zvolen prohlížeč Pocket Cortona, a to hned ze dvou důvodů. Tento prohlížeč byl využíván již při tvorbě plnohodnotné verze virtuální scény a nebyl tedy důvod to v této situaci měnit. BS Contact mobile je navíc k dispozici pouze v testovací verzi, ve které se ani nepodařilo otevřít požadovaný wrl soubor. Software Pocket Cortona vyžaduje pro svůj běh na mobilním zařízení systém Microsoft Windows Mobile 2003 nebo novější. Testování virtuální scény pro PDA probíhalo na dvou zařízeních. Prvním bylo zařízení HTC Touch Pro a druhým byl emulátor systému Windows Mobile běžící na operačním systému Microsoft Windows 7. Na obou těchto zařízeních byl nainstalován systém Microsoft Windows Mobile 6.5. Samotná redukce virtuální scény pro PDA spočívala především ve dvou bodech. Prvním bylo zjednodušení geometrie objektů ve scéně a druhým bodem byla redukce použitých textur. Během zjednodušování geometrie bylo v jednom případě nezbytné zcela změnit tvar redukovaného objektu (vchodové dveře). V některých dalších případech si redukce vyžádala dokonce kompletní vypuštění objektů ze scény (postava prodavačky, text na panelech). Naopak některé objekty jednoduchých tvarů (zdi kolem budovy, stojany před vchodem) nedoznaly ve verzi pro PDA žádných změn. Redukce textur spočívala ve většině případů v zmenšení rozměrů obrázků a převodu do grafického formátu GIF. 37
52 7.1 Redukce geometrie Veškerá redukce geometre probíhala ve 3D modeláři Blender. Program nabízí dvě možnosti jak redukovat složité tvary. První možnost byla již využita pro zjednodušení geometrie postavy prodavačky, při níž se využil nástroj, respektive modifikátor zvaný Decimate. V tomto případě bylo využito druhé možnosti, a tou je použití skriptu zvaného Poly Reducer. Tento skript je aplikovatelný pouze v editačním módu Blenderu. ale ve svém principu je téměř totožný s modifikátorem Decimate. Přesto se ale najdou odlišnosti mezi těmito dvěma nástroji. Nástroj Poly Reducer je možno specifikovat více parametry (Ilustrace 12), dokáže udržet původní materiál ploch, umí zachovat UV souřadnice textur a podobně. Nejdůležitější výhodou oproti nástroji Decimate je ale schopnost zachovat věrnější tvar redukovaného objektu i při opravdu velkých redukcích. Ilustrace 12: Nastavení parametrů nástroji Poly Reducer Výše zmíněným způsobem byly redukovány všechny následující objekty, jež jsou uvedeny v tabulce (Tabulka 1). Tabulka porovnává počty ploch (Faces), ze kterých je tvořena geometrie objektů původní scény a scény redukované pro mobilní zařízení. Při psaní předchozího textu bylo čerpáno ze zdroje [11]. 38
53 Původní scéna - Počet ploch Redukovaná scéna - Počet ploch Hlavní budova Ohraničení kolem stromů + kruhová plocha pod nimi Vnitřní plášť (stěna) obchodu Podlaha obchodu Strop obchodu Sedačka Zákaznický pult Tabulka1: Porovnání počtu ploch geometrie objektů V průběhu redukce docházelo i k jistým nechtěným důsledkům. Díky zjednodušování geometrie se totiž některé objekty, respektive některé z jejich ploch, začaly protínat. V opačných případech se některé plochy protínat přestaly, a to na místech kde tomu tak původně bylo. Dělo se tak především u objektů, které byly v těsné blízkosti: hlavní budova vnitřní plášť budovy, vnitřní plášť budovy strop a podlaha. Tento důsledek byl následně opraven pomocí transformace jednotlivých ploch nebo pouze jejich vrcholů. Jak již bylo zmíněno výše, vchodové dveře nebyly upraveny pomocí skriptu Poly Reducer. Mělo to velice prostý důvod. Po zredukování geometrie kulatých dveří došlo totiž k tomu, že do sebe obě půlky dveří absolutně nepasovaly. Transformace obou polovin do takových tvarů které by do sebe zapadaly by byla nejen časově náročná, ale asi by i postrádala smysl. Nedokázal by se totiž zachovat původní záměr aby dveře zůstaly alespoň přibližně ve tvaru symbolu jin-jang a přitom nebyla jejich geometrie příliš složitá. Z těchto důvodů došlo k vytvoření dveří ve tvaru kvádru. Samozřejmě bylo nutné upravit tvar vchodu jak u budovy, tak u jejího vnitřního pláště. Další rozhodnutí ohledně redukce geometrie se týkalo postavy prodavačky. Znovu zde byl zvažován poměr redukce proti zachování tvaru tohoto objektu. Došlo ale na názoru, že postava prodavačky nemusí být nutně v mobilní verzi zachována. Ve výsledku byl tedy ze scény objekt postavy odstraněn. 39
54 7.2 Redukce textur Redukce textur spočívala u většiny z nich v následujících dvou krocích: zmenšení rozměrů (téměř u všech textur až na polovinu původní velikosti), převedení do formátu GIF s velmi nízkým počtem barev. Oba předchozí kroky byly aplikovány v jediném softwaru. Byl jím pokročilý grafický editor Adobe Photoshop CS4. Nabízí totiž výbornou funkci, kterou lze pohodlně ukládat obrázky do formátů určených především pro zobrazení na internetu. Jmenuje se Uložit pro web a zařízení. Pomocí této funkce lze měnit rozměry obrázku, určit požadovaný formát, jeho kompresi (v případě JPEG), počet barev (v případě GIF), kontrolovat výslednou velikost obrázku po optimalizaci atd. Ukázka dialogového okna s možným nastavením je na následujícím obrázku (Ilustrace 13). Ilustrace 13: Dialogové okno funkce Uložit pro web a zařízení programu Adobe Photoshop 40
55 7.3 Komplikace během redukce scény Po dokončení redukce geometrie zbývalo mobilní verzi otestovat. V klasické verzi Cortony nebyl sebemenší problém se spuštěním virtuální scény. Naopak se redukce projevila pohotovým načtením celé scény a celkovou rychlostí při procházení a interakci. Problém ovšem nastal při spouštění virtuálního světa ve verzi Cortony pro mobilní zařízení. Jak na zařízení HTC Touch pro, tak v emulátoru došlo při načítání světa k velké časové prodlevě. Ani po delším čekání (cca deset minut) se virtuální svět nepodařilo spustit. Výlučnou metodou (postupným odebíráním objektů ze scény) bylo zjištěno, že za onu časovou prodlevu může prototyp otáčejícího panelu. Přesněji šlo o problém při zobrazení dlouhých textů (název telefonu, dvě ceny, informace o telefonu), které byly přiřazovány do parametrů VRML uzlu Panel. Tyto texty jsou v prohlížeči rozloženy na mnoho trojúhelníků, což obrovským způsobem zpomaluje jejich zobrazení. Řešením mohla být pouze jedna věc. Nahrazení textů obrazovou texturou. Po této úpravě již nebyl s načtením scény na mobilním zařízení problém. O další komplikaci se opět postaral prototyp Panel. Z nějakého důvodu nefungovalo na mobilní verzi otáčení panelu o 180. Panel se vždy otočil o neznámý úhel a vrátil se do původní polohy, nebo zůstal vychýlený v nějakém nesmyslném úhlu. Zmíněný problém se ale nepodařilo vyřešit. Možnost otáčení panelu musela být tedy z redukované scény odebrána. 7.4 Změny v redukované scéně V následujících bodech je uvedeno, kterých změn doznala redukovaná scéna oproti verzi původní: zjednodušení geometrie objektů, redukce textur, komprese delších zvukových klipů (přivítání, odpovědi na otázky), absence modelu prodavačky, 41
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení
VíceVirtuální zákaznické centrum
České vysoké učení technické v Praze Fakulta elektrotechnická Bakalářská práce Virtuální zákaznické centrum Radek Sedláček Vedoucí práce: Mgr. Jiří Danihelka Studijní program: Softwarové technologie a
VíceŠablonovací systém htmltmpl vypracoval: Michal Vajbar, 2007. Šablonovací systém htmltmpl
Šablonovací systém htmltmpl 1 Představení šablonovacích systémů Každý, kdo se zabývá tvorbou webových aplikací dříve nebo později zjistí, že je vhodné oddělovat obsah aplikace od jejího vzhledu. Pokud
VíceMinebot manuál (v 1.2)
Minebot manuál (v 1.2) Pro Váš rychlý start s nástrojem Minebot jsme připravili tohoto stručného průvodce, který by Vám měl být pomocníkem při spuštění a používání služby. Tento stručný průvodce by vám
VíceMATURITNÍ PRÁCE dokumentace
MATURITNÍ PRÁCE dokumentace Jídelníček SŠIEŘ pro Android Martin Bartoň školní rok: 2012/2013 obor: třída: Počítačové systémy PS4.A ABSTRAKT Práce je zaměřená na problematiku tvorby Android aplikací,
Více3D Vizualizace muzea vojenské výzbroje
3D Vizualizace muzea vojenské výzbroje 3D visualization of the museum of military equipment Bc.Tomáš Kavecký STOČ 2011 UTB ve Zlíně, Fakulta aplikované informatiky, 2011 2 ABSTRAKT Cílem této práce je
VíceX36 WWW Šablony Martin Klíma xklima@fel.cvut.cz Čtryřvrstvá architektura Server Klient Prezentační logika Aplikační Logika Databáze 2 Výhody Jednotlivé vrstvy jsou nezávislé Lze je samostatně spravovat
VíceÚvod do PHP s přihlédnutím k MySQL
Root.cz - Úvod do PHP s přihlédnutím k MySQL Stránka č. 1 z 5 Úvod do PHP s přihlédnutím k MySQL 07.04.2000 Vhodná kombinace PHP a MySQL na dostatečně výkonném serveru poskytuje hodně možností. Hitem poslední
VíceMüllerova vila - interaktivní procházka
Zadání ii České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačů Diplomová práce Müllerova vila - interaktivní procházka Bc. Josef Suchý Vedoucí práce: Prof. Ing. Žára Jiří, CSc.
Více3 MOŽNÉ PŘÍSTUPY K TVORBĚ APLIKACÍ NAD SVG DOKUMENTY
3 MOŽNÉ PŘÍSTUPY K TVORBĚ APLIKACÍ NAD SVG DOKUMENTY 3.1 Tenký a tlustý klient Klientské aplikace nad XML dokumenty v prostředí internetu se dají rozdělit na dvě skupiny: tenký klient a tlustý klient.
VíceParametrizace, harmonogram
Parametrizace, harmonogram Modul slouží pro parametrizování informačního systému a pro vytváření časového plánu akademického roku na fakultě. Fakulty si v něm zadávají a specifikují potřebné "časové značky"
VícePHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě
PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především
VíceUZ modul VVISION poslední změna 1. 3. 2013
UZ modul VVISION poslední změna 1. 3. 2013 Obsah 1 Základní popis... - 2-1.1 Popis aplikace... - 2-1.2 Zdroje obrazových dat... - 2-1.3 Uložení dat... - 2-1.4 Funkcionalita... - 2-1.4.1 Základní soubor
VíceFotogalerie pro redakční systém Marwel Obscura v. 2.0
Fotogalerie pro redakční systém Marwel Obscura v. 2.0 postupy a doporučení pro práci redaktorů verze manuálu: 1.1 QCM, s. r. o., březen 2011 Podpora: e-mail: podpora@qcm.cz tel.: +420 538 702 705 Obsah
VíceFormuláře. Internetové publikování
Formuláře Internetové publikování Formuláře - příklad Formuláře - použití Odeslání dat od uživatele Možnosti zpracování dat Webová aplikace na serveru (ASP, PHP) Odeslání e-mailem Lokální script Formuláře
VíceRámcový manuál pro práci s programem TopoL pro Windows
Rámcový manuál pro práci s programem TopoL pro Windows Příkazy v nabídce Předmět Volba rastru rychlá klávesa F4 Příkaz otevře vybraný rastr; tj. zobrazí ho v předmětu zájmu. Po vyvolání příkazu se objeví
VíceRestaurator. Semestrání projekt předmětu PDA
Restaurator Semestrání projekt předmětu PDA Restaurator...3 Profil uživatele...3 Akivity...3 Systémová podpora...4 Kontext...4 Prototyp...4 Start systému...4 Start aplikace...6 Manuální zadání pozice pro
VíceNaučit se, jak co nejsnadněji přejít od verze TopoLu pro Windows k verzi TopoL xt. Cílem není vysvětlení všech možností programu.
Školení programu TopoL xt Přechod na TopoL xt z programu TopoL pro Windows Cíl: Obsah: Naučit se, jak co nejsnadněji přejít od verze TopoLu pro Windows k verzi TopoL xt. Cílem není vysvětlení všech možností
Více- 1 - Smlouva o dílo. uzavřená podle 536 a násl. obchodního zákoníku v účinném znění
- 1 - Smlouva o dílo uzavřená podle 536 a násl. obchodního zákoníku v účinném znění Přílohy : A Technická dokumentace a popis díla B Kalkulace ceny díla 1. Účastníci smlouvy Smluvní strany této smlouvy,
VíceHelios RED a Internetový obchod
(pracovní verze!) Helios RED a Internetový obchod Obsah dokumetace: 1. Úvod 2. Evidované údaje na skladové kartě 3. Přenos skladových karet z Helios RED do e-shopu 4. Přenos objednávek z e-shopu do Helios
VíceČá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íceNÁVOD jak na webinář přes WizIQ
NÁVOD jak na webinář přes WizIQ Obsah: Jak se dostanu na webinář?... 2 Použití manuálu bez tisku... 2 Co potřebuji k připojení na webinář?... 2 Jak se dostanu do vzdělávací třídy?... 2 Adobe Flash Enabler...
VíceUživatelský manuál Radekce-Online.cz
Uživatelský manuál Radekce-Online.cz (revize 06/2011) V prvním kroku třeba vstoupit do administrace na adrese www.redakce-online.cz kterou naleznete na záložce Administrace / Vstup do Administrace, pro
VíceRozcestník virtuálních světů
České vysoké učení technické v Praze Fakulta elektrotechnická Semestrální projekt Rozcestník virtuálních světů Radek Loucký Vedoucí práce: Mgr. Jiří Danihelka Studijní program: Softwarové technologie a
VíceM I S Y S - W E B. Intranet řešení systému MISYS. Verze 9.00. Příručka uživatele
M I S Y S - W E B Intranet řešení systému MISYS Verze 9.00 Příručka uživatele GEPRO s.r.o. Září 2008 Copyright GEPRO s.r.o. 2008 Ochranné známky GEPRO spol. s r.o. KOKEŠ, MISYS Ochranné známky Microsoft
VíceCADKON/TZB verze 2007.1
Stránka č. 1 z 12 Pospis propojení programů CADKON/TZB a PROTECH (TZ, DIMOSW) CADKON/TZB verze 2007.1 Výpočet tepelných ztrát Rozmístění otopných těles Vkládání těles z databáze PROTECHu Vykreslení půdorysných
VíceManuál k užívání aplikace Monitoringrejstriku.cz
Manuál k užívání aplikace Monitoringrejstriku.cz Verze aplikace 2.0, říjen 2015 Copyright 2014, Insolvence 2008, a.s. Omezující podmínky pro zveřejnění, poskytnutí údajů: Tento dokument obsahuje informace
VíceIndividuální projekt z předmětu webových stránek 2012 - Anketa Jan Livora
UŽIVATELSKÁ TECHNICKÁ DOKUMENTACE ANKETA : Individuální projekt z předmětu webových stránek 2012 - Anketa Jan Livora [2ITa] [sk1] 1 Obsah DŮLEŽITÉ UPOZORNĚNÍ!!!... 3 PROHLÁŠENÍ O AUTORSTVÍ:... 3 ANOTACE:...
Více(X)HTML. Internetové publikování
(X)HTML Internetové publikování 1 Prohlížeč Obsluhuje přenos a interpretuje obsah Hlavní prohlížeče Microsoft Internet Explorer Firefox Opera Safari WWW stránka WWW stránka dokument (soubor) s informacemi
VíceDatabázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku
Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250
VíceBarvy na počítači a grafické formáty
Barvy na počítači a grafické formáty Hlavním atributem, který se používá při práci s obrazem či s grafickými formáty, je barva. Při práci s barvami je důležité určit základní množinu barev, se kterou budeme
Více12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
Více4. POČÍTAČOVÉ CVIČENÍ
4. POČÍTAČOVÉ CVIČENÍ Cílem dnešního cvičení je vytvořit formuláře obsahující zaškrtávací pole a přepínací tlačítka. Vstupní pole pro zadání hesla
VíceNázev: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3
Název: VY_32_INOVACE_PG4102 Základní HTML značky Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s nejdůležitějšími
Vícepopis funkcí a nastavení (verze 2. 8) 2010-2015 MILAN PASTOR DIS., ING. MICHAL KOPECKÝ
2010-2015 popis funkcí a nastavení (verze 2. 8) MILAN PASTOR DIS., ING. MICHAL KOPECKÝ FIRMADAT S.R.O. Havlíčkova 1280,765 02 Otrokovice, tel.: 571 112 089 Obsah 1. Nastavení... 2 1.1. První přihlášení...
VíceCTUGuide (XXX-KOS) D1
CTUGuide (XXX-KOS) D1 Verze: 1.0 Předmět: PDA Mentor: Zdeněk Míkovec Autor: Petr Tarant, Martin Štajner, Petr Husák Datum: 14. 02. 2013 Obsah CTUGUIDE verze 1.0 1. Úvod... 3 1.1. Úvod do problematiky...
VíceAnimované modely šroubových ploch
Animované modely šroubových ploch Jaroslav Bušek Abstrakt V příspěvku jsou prezentovány animované prostorové modely přímkových a cyklických šroubových ploch, které byly vytvořeny jako didaktické pomůcky
VíceMožnosti interaktivní prezentace prostorových modelů na internetu
Prezentace k obhajobě diplomové práce Možnosti interaktivní prezentace prostorových modelů na internetu Autor: Bc. Miroslav Kopecký Praha, leden 2013 Katedra mapování a kartografie Fakulta stavební ČVUT
VíceElektronická Kniha jízd. www.knihajizd.info
Elektronická Kniha jízd www.knihajizd.info Jak to funguje O produktu Aplikace elektronické Knihy jízd Patriot Vám s využitím systému GPS (Global Positioning System) umožní jednoduše a spolehlivě sledovat
VíceDIGITÁLNÍ POVODŇOVÉ PLÁNY. M. Banseth
DIGITÁLNÍ POVODŇOVÉ PLÁNY M. Banseth Abstrakt Obsahem této prezentace je představení koncepce Povodňového informačního systému a jeho hlavních modulů a nezbytné vlastnosti digitálních povodňových plánů
VíceManuál k aplikaci WANAS
Manuál k aplikaci WANAS OBSAH 1 DŮLEŽITÉ INFORMACE PRO PRÁCI V NOVÉ VERZI APLIKACE WANAS.. 2 2 PROSTOROVÁ DATA... 3 2.1 POPIS HLAVNÍCH FUNKCÍ... 3 2.2 PRÁCE S DEFINIČNÍM BODEM SEGMENTU... 4 2.3 PRÁCE S
VíceTlačítkem Poskládej jiný počítač se hra vrátí na úvodní obrazovku a lze zvolit jiný obrázek.
PUZZLE POČÍTAČE Hra Puzzle počítače je psána pomocí příkazů Javascriptu, skriptovacího jazyka PHP a standardních příkazů HTML. Před vlastním spuštěním hry je možné seznámit se s nejznámějšími komponenty
VíceIdentifikátor materiálu: ICT-3-55
Identifikátor materiálu: ICT-3-55 Předmět Téma sady Téma materiálu Informační a komunikační technologie Počítačové sítě, Internet Funkce a přehled internetových prohlížečů Autor Ing. Bohuslav Nepovím Anotace
VíceObsah. Stručná historie World Wide Webu 7
KAPITOLA I Web bez tajemství 1 Kde se vzal web a jeho stránky 2 Kouzlo jménem HTML 3 Jak stránky připravovat 5 Webová grafika 6 Web aktivní a interaktivní 6 Na straně serveru 6 Jak studovat tuto knihu
VíceDATA ARTICLE. AiP Beroun s.r.o.
DATA ARTICLE AiP Beroun s.r.o. OBSAH 1 Úvod... 1 2 Vlastnosti Data Article... 1 2.1 Požadavky koncových uživatelů... 1 2.2 Požadavky na zajištění bezpečnosti a důvěryhodnosti obsahu... 1 3 Implementace
VíceMediální komunikace. Vysoká škola mezinárodních a veřejných vztahů PhDr. Peter Jan Kosmály, Ph.D. 4. 11. 2015
Mediální komunikace Vysoká škola mezinárodních a veřejných vztahů PhDr. Peter Jan Kosmály, Ph.D. 4. 11. 2015 Public relations, žurnalistika a komunikační kanály Základní prvky přenosu sdělení (lineární
VíceProgram pro flexibilní tvorbu evidencí. VIKLAN - Evidence. Uživatelská příručka. pro seznámení se základními možnostmi programu
Program pro flexibilní tvorbu evidencí VIKLAN - Evidence Uživatelská příručka pro seznámení se základními možnostmi programu Vlastimil Kubínek, Ing. Josef Spilka VIKLAN - Evidence Verse 1.11.8.1 Copyright
VíceVAR-NET INTEGRAL Manuál správce VNI 5.1 VAR-NET INTEGRAL. verze 0.2. Manuál správce VNI 5.1
Manuál správce VNI 5.1 verze 0.2 Manuál správce VNI 5.1 VARIANT plus, spol. s.r.o., U Obůrky 5, 674 01 TŘEBÍČ, tel.: 565 659 600 technická linka 565 659 655 (pracovní doba 7:30 15:00) www.variant.cz isb@variant.cz
VíceDUM 01 téma: Úvod do Corelu
DUM 01 téma: Úvod do Corelu ze sady: 1 tematický okruh sady: Vektorová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace: metodika:
VíceManuál programu HPSim
Manuál programu HPSim Základní informace o programu HPSim Program si můžete zdarma stáhnou z domovské stránky tohoto programu na adrese: http://www.winpesim.de. Tento software je volně šiřitelný pro potřeby
VíceNSWI096 - INTERNET JavaScript
NSWI096 - INTERNET JavaScript Mgr. Petr Lasák JAVASCRIPT JAK SE DNES POUŽÍVÁ Skriptovací (interpretovaný) jazyk Umožňuje interaktivitu Použití: Dialogy Kontrola dat ve formulářích Změny v (X)HTML dokumentu
VícePREPROCESOR POKRAČOVÁNÍ
PREPROCESOR POKRAČOVÁNÍ Chybová hlášení V C# podobně jako v C++ existuje direktiva #error, která způsobí vypsání chybového hlášení překladačem a zastavení překladu. jazyk C# navíc nabízí direktivu #warning,
VíceMetodika. Oznámení o vykonávání působností v agendě ve smyslu zákona č. 111/2009. Sb., o základních registrech. Verze 1.6
Metodika Oznámení o vykonávání působností v agendě ve smyslu zákona č. 111/2009 Sb., o základních registrech Verze 1.6 AIS RPP Působnostní určeno pro oznamovatele Oznámení o vykonávání působností č. 111/2009
VíceInformační systémy 2008/2009. Radim Farana. Obsah. Aktivní serverové stránky ASP. Active Server Pages. Activex Data Objects. LDAP database.
11 Vysoká škola báňská Technická univerzita Ostrava Fakulta strojní, Katedra automatizační techniky a řízení 2008/2009 Radim Farana 1 Obsah Tvorba webových aplikací. Active Server Pages. Activex Data Objects.
VíceNástroj WebMaker TXV 003 28.01 první vydání Únor 2009 změny vyhrazeny
Nástroj WebMaker TXV 003 28.01 první vydání Únor 2009 změny vyhrazeny 1 TXV 003 28.01 Historie změn Datum Vydání Popis změn Únor 2009 1 První verze (odpovídá stavu nástroje ve verzi 1.6.2) Obsah 1 Úvod...3
VíceAutomatizovaná tvorba prostorových modelů map
Katedra mapování a kartografie Stavební fakulty ČVUT Diplomová práce Téma: Automatizovaná tvorba prostorových modelů map 2002 Jan Havrlant Prohlášení Prohlašuji, že jsem diplomovou práci vypracoval samostatně
VíceManuál k aplikaci SDO PILOT v.0.2
Manuál k aplikaci SDO PILOT v.0.2 Základní informace o aplikaci Aplikace slouží pro zjednodušené vytváření dokumentů Souhrnů doporučených opatření pro Evropsky významné lokality. Vznikala přírustkovým
VícePopis licencování, nastavení a ovládání replikací - přenosů dat
Popis licencování, nastavení a ovládání replikací - přenosů dat Ing. Martin Klinger 1.6.2016 Co jsou replikace? Sdílení dat, tzv. replikace najdou své uplatnění všude tam, kde je potřeba výměna dat v online
VíceKolekce ArrayList. Deklarace proměnných. Import. Vytvoření prázdné kolekce. napsal Pajclín
Kolekce ArrayList napsal Pajclín Tento článek jsem se rozhodl věnovat kolekci ArrayList, protože je to jedna z nejpoužívanějších. Tento článek není kompletním popisem třídy ArrayList, ale budu se snažit
VíceJazyk VRML Technologie vývoje webových aplikací Marek Skalka, Adam Horáček 31.5.2008
Jazyk VRML Technologie vývoje webových aplikací Marek Skalka, Adam Horáček 31.5.2008 Obsah Co je VRML?... 3 Prohlžení VRML světů... 3 Navigační režimy... 3 Avatar... 4 Základní tělesa ve VRML...4 Příklad:
VíceVÝ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íceTvorba jednoduchých WWW stránek. VŠB - Technická univerzita Ostrava Katedra informatiky
Tvorba jednoduchých WWW stránek RNDr. Daniela Ďuráková VŠB - Technická univerzita Ostrava Katedra informatiky Vznik WWW technologie Vznik - CERN 1989-90, vedoucí projektu Tim Berners-Lee cíl - infrastruktura
VíceSpecifikace reklamních formátů HTML 5 pro nasazení do ibillboard Ad Server Verze 2/2015
Specifikace reklamních formátů HTML 5 pro nasazení do ibillboard Ad Server Verze 2/2015 Stránka 1 z 5 Datová velikost HTML 5 bannerů Záleží na formátu banneru. Dle specifikace SPIR, má každý formát banneru
VíceObrázek 6.14: Prohlížec nápovedy
JavaHelp Základní popis systému JavaHelp Soucástí vetšiny interaktivních aplikací je nápoveda (help) aplikace v Jave nejsou výjimkou. Systém JavaHelp je napsaný v Jave a je urcený pro aplikace vytvárené
VíceImplementovaný webový server HP LaserJet M9040/M9050 MFP Uživatelská příručka
Implementovaný webový server HP LaserJet M9040/M9050 MFP Uživatelská příručka Implementovaný webový server HP LaserJet M9040/M9050 MFP Uživatelská příručka Autorská práva a záruka 2007 Copyright Hewlett-Packard
VíceNávod na použití prezentační techniky
Laboratorní centrum Fakulty technologické Návod na použití prezentační techniky Střední posluchárna č. 113 Před použitím prezentační techniky pročtěte tento návod ApS Brno s.r.o., divize projekční techniky
VíceMobilní aplikace Novell Filr Stručný úvod
Mobilní aplikace Novell Filr Stručný úvod Únor 2016 Podporovaná mobilní zařízení Aplikace Novell Filr je podporována v následujících mobilních zařízeních: Telefony a tablety se systémem ios 8 novějším
Více7. Nástroje. 7.1 Pravopis. 7.2 Jazyk. Kapitola 7: Nástroje 47. Kontrola pravopisu
Kapitola 7: Nástroje 47 7. Nástroje Kontrola pravopisu 7.1 Pravopis V prezentaci Encian přichystejme dvě záměrné pravopisné chyby na prvním snímku. Slovo Váš nahradíme slovem Vaš a slovo přehledným nahradíme
VíceGenerování žádostí o kvalifikovaný certifikát a instalace certifikátu Uživatelská příručka pro prohlížeč Internet Explorer
Generování žádostí o kvalifikovaný certifikát a instalace certifikátu Uživatelská příručka pro prohlížeč Internet Explorer 1 První certifikační autorita, a.s. 8.9.2011 Obsah 1. Úvod... 3 2. Požadavky na
VíceRedakční systém pro skautské weby Poptávka
Redakční systém pro skautské weby Poptávka Obsah Obsah... 1 1. Základní Informace... 2 1.1. Název projektu... 2 1.2. Poptávající subjekt... 2 1.3. Odpovědné osoby... 2 1.4. Další informace... 2 2. Shrnutí
VíceNovinky verze 5.4x programu PRO100. 2015 Ecru by Ecru Software
by Ecru Software 2 Obsah 1 Úvod 3 2. Pohled 3 3. Snapování (přichytávání) 4 4. Snadná duplikace 5 5. Kótování 5 5.1. Automatické kótování 5.2. Manuální kótovací čáry 5.3. Vrstvy kót 6 7 9 6. Kapátko 10
VíceObsah. Část I Začínáme s jazykem AppleScript
Obsah Úvod... 13 Je tato kniha pro vás?...13 Jaká témata kniha pokrývá?...13 Proč je text vytištěný tolika různými druhy písma a k čemu jsou všechny ty podivné značky?...15 Zpětná vazba od čtenářů...16
VíceSEZNÁMENÍ S PROGRAMEM
SEZNÁMENÍ S PROGRAMEM Základní informace pro každého Následující popis je určen pro stručné a rychlé seznámení s programem a jeho ovládáním. Detailnější vysvětlení funkcí programu naleznete v českém i
VíceÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4
ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4 JEDNODUCHÉ PŘIHLÁŠENÍ 4 ADMINISTRAČNÍ PROSTŘEDÍ 5 PŘEPÍNÁNÍ JAZYKOVÉ VERZE 5 POLOŽKY HORNÍHO MENU 5 DOPLŇKOVÉ POLOŽKY MENU: 6 STROM SE STRÁNKAMI, RUBRIKAMI A ČLÁNKY 7 TITULNÍ
VíceTechnická specifikace předmětu veřejné zakázky Zhotovení interaktivního webového portálu a mobilních aplikací
Technická specifikace předmětu veřejné zakázky Zhotovení interaktivního webového portálu a mobilních aplikací 1 Členění zakázky... 2 1.1 Webový portál... 2 1.1.1 Obecné požadavky... 2 1.1.2 Seznam databází...
VíceUživatelská příručka systému pro administrátory obcí a manuál pro správce portálu
Softwarová podpora tvorby rozvojových dokumentů obcí Uživatelská příručka systému pro administrátory obcí a manuál pro správce portálu Verze 1.3 Zpracováno v rámci projektu CZ.1.04/4.1.00/62.00008 ELEKTRONICKÁ
VíceInovace firemnı webove aplikace SPEA-SYSTE M
Inovace firemnı webove aplikace SPEA-SYSTE M 1. ÚVOD Zkratka SPEA je synonymem pro Servis Průmyslové Elektroniky a Automatizace. Jedná se o ryze českou společnost zabývající se převážně opravami průmyslové
VíceUživatelská příručka
OM-Link Uživatelská příručka Verze: 2.1 Prosinec 2006 Copyright 2005, 2006 ORBIT MERRET, s r.o. I Nápověda k programu OM-Link Obsah Část I Úvod 3 Část II Základní pojmy a informace 3 1 Připojení... 3 2
VíceGenerování žádostí o certifikát Uživatelská příručka pro prohlížeč Apple Safari
Generování žádostí o certifikát Uživatelská příručka pro prohlížeč Apple Safari První certifikační autorita, a.s. 12.8.2011 Verze 7.07 Obsah 1. Úvod... 3 2. Požadavky na software... 3 3. Instalace kořenového
VícePříloha č. 18. Specifikace bloku PŘÍPRAVA. Příloha k zadávací dokumentaci veřejné zakázky Integrační nástroje, vstupní a výstupní subsystém
Název projektu: Redesign Statistického informačního systému v návaznosti na zavádění egovernmentu v ČR Příjemce: Česká republika Český statistický úřad Registrační číslo projektu: CZ.1.06/1.1.00/07.06396
VíceNÁVRH A REALIZACE WWW PREZENTACE ČKR
NÁVRH A REALIZACE WWW PREZENTACE ČKR Šárka Ocelková Ústav výpočetní techniky MU v Brně, Botanická 68a, 602 00 Brno, ČR E-mail: ocelkova@ics.muni.cz Abstrakt U zrodu www prezentace České konference rektorů
VíceNávod na práci s redakčním systémem webu VPŠ a SPŠ MV v Praze
Návod na práci s redakčním systémem webu VPŠ a SPŠ MV v Praze Abychom mohli na webu provádět úpravy, je nutné se přihlásit. Přihlašovací údaje jsou stejné jako do internetového počítače, resp. domény SKOLAMV.
VíceVŠEOBECNÉ SMLUVNÍ PODMÍNKY K DÍLU VYTVOŘENÍ INTERNETOVÉ PREZENTACE NEBO PREZENTACE S ELEKTRONICKÝM OBCHODEM
VŠEOBECNÉ SMLUVNÍ PODMÍNKY K DÍLU VYTVOŘENÍ INTERNETOVÉ PREZENTACE NEBO PREZENTACE S ELEKTRONICKÝM OBCHODEM Jiří Brož Spoma, Vlčkovická 224, 500 04 Hradec Králové, IČ 10470191, evidující úřad: - Magistrát
VíceXML Š ABLONY A JEJICH INTEGRACE V LCMS XML TEMPLATES AND THEIN INTEGRATION IN LCMS
XML Š ABLONY A JEJICH INTEGRACE V LCMS XML TEMPLATES AND THEIN INTEGRATION IN LCMS Roman MALO - Arnošt MOTYČKA This paper is oriented to discussion about using markup language XML and its features in LCMS
VíceTaskPool 2.9 administrátorský manuál
TaskPool 2.9 administrátorský manuál TaskPool 2.9 TaskPool 2.9: administrátorský manuál 2 TaskPool 2.9 iii Obsah 1. Úvod... 1 1.1. Vysvětlení pojmů... 1 1.2. Role v systému TaskPool... 2 1.3. Administrátorská
VíceELEKTRONICKÁ PORODNÍ KNIHA POPIS APLIKACE Michal Huptych, Petr Janků, Lenka Lhotská
ELEKTRONICKÁ PORODNÍ KNIHA POPIS APLIKACE Michal Huptych, Petr Janků, Lenka Lhotská Anotace Tento příspěvek popisuje aplikaci, která je převodem tzv. porodní knihy do elektronické podoby. Aplikace vzniká
VíceTeoretické minimum z PJV
Teoretické minimum z PJV Pozn.: následující text popisuje vlastnosti jazyka Java zjednodušeně pouze pro potřeby výuky. Třída Zavádí se v programu deklarací třídy což je část programu od klíčových slov
VíceCS WAVE Virtuální pracovní stůl svařování Malá verze Manuál uživatele
CS WAVE Virtuální pracovní stůl svařování Malá verze Manuál uživatele Version 4.0 14/04/2010 1 Tato příručka slouží všem uživatelům bez ohledu na jejich pracovní pozici a popisuje funkce, které poskytuje
VíceManuál k aplikaci JZShop II
Manuál k aplikaci JZShop II 3. vydání / 02-2015 Obsah Nákupní prostředí... 4 Můj první e-shop... 5 První seznámení s nákupním prostředím... 5 Proces zakoupení a objednání zboží... 14 Administrační rozhraní...
VíceDUM 14 téma: Barevné korekce fotografie
DUM 14 téma: Barevné korekce fotografie ze sady: 2 tematický okruh sady: Bitmapová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace:
VíceRobot bude XML stahovat každý den v brzkých ranních hodinách. Při nedostupnosti souboru nebo dlouhém načítání souboru nebude aktualizace provedena.
XML export kurzů na Evzdelavani.cz Jak XML import funguje? XML export kurzů vám umožní automatickou synchronizaci informací o nabízených kurzech (název, popis, lektor, termín, místo a další důležité informace)
VíceSPIRIT 2012. Nové funkce. SOFTconsult spol. s r. o., Praha
SPIRIT 2012 Nové funkce SOFTconsult spol. s r. o., Praha Informace v tomto dokumentu mohou podléhat změnám bez předchozího upozornění. 01/2012 (SPIRIT 2012 CZ) Revize 1 copyright SOFTconsult spol. s r.
VíceNavigace na webových stránkách
Navigace na webových stránkách Tato kapitola navazuje na kapitoly o přístupnosti, použitelnosti a optimalizaci webových stránek a podrobněji popisuje tvorbu informační architektury webových stránek, zejména
VíceTouchGuard Online pochůzkový systém
TouchGuard Online pochůzkový systém Uživatelský manuál TTC TELEKOMUNIKACE, s.r.o. Třebohostická 987/5 100 00 Praha 10 tel.: 234 052 111 fax.: 234 052 999 e-mail: ttc@ttc.cz http://www.ttc-telekomunikace.cz
VíceDUM č. 11 v sadě. 36. Inf-12 Počítačové sítě
projekt GML Brno Docens DUM č. 11 v sadě 36. Inf-12 Počítačové sítě Autor: Lukáš Rýdlo Datum: 06.05.2014 Ročník: 3AV, 3AF Anotace DUMu: WWW, HTML, HTTP, HTTPS, webhosting Materiály jsou určeny pro bezplatné
VíceIDEA Frame 4. Uživatelská příručka
Uživatelská příručka IDEA Frame IDEA Frame 4 Uživatelská příručka Uživatelská příručka IDEA Frame Obsah 1.1 Požadavky programu... 6 1.2 Pokyny k instalaci programu... 6 2 Základní pojmy... 7 3 Ovládání...
VíceMAWIS. Uživatelská dokumentace
MAWIS Uživatelská dokumentace Verze 27-11-2008 OBSAH OBSAH... 2 1) O MAPOVÉM SERVERU... 3 2) POTŘEBNÁ NASTAVENÍ... 3 Hardwarové požadavky... 3 Softwarové požadavky... 3 Nastavení Internet Exploreru:...
VíceMANUÁL MOBILNÍ APLIKACE GOLEM PRO OPERAČNÍ SYSTÉM ANDROID 4.X A VYŠŠÍ
MANUÁL MOBILNÍ APLIKACE GOLEM PRO OPERAČNÍ SYSTÉM ANDROID 4.X A VYŠŠÍ 1 OBSAH 1.Popis... 3 2.Ovládání aplikace...3 3.Základní pojmy... 3 3.1.Karta...3 3.2.Čtečka...3 3.3.Skupina...3 3.4.Kalendář...3 3.5.Volný
VíceMalý průvodce Internetem
Malý průvodce Internetem Úvod Toto povídání by mělo sloužit jako užitečný zdroj informací pro ty, co o Internetu zatím mnoho neví nebo o něm jen slyšeli a neví, co si pod tím slovem představit. Klade si
VíceTvorba modelu přilby z 3D skenování
Tvorba modelu přilby z 3D skenování Micka Michal, Vyčichl Jan Anotace: Příspěvek se zabývá přípravou numerického modelu cyklistické ochranné přilby pro výpočet v programu ANSYS. Přilba byla snímána ručním
Více