Internetowy przewodnik po kompleksie "Riese" z wykorzystaniem technologii WebGL.

Podobne dokumenty
Dodatkowo planowane jest przeprowadzenie oceny algorytmów w praktycznym wykorzystaniu przez kilku niezależnych użytkowników ukończonej aplikacji.

Strona wizytówka od 400 zł

KARTA KURSU (realizowanego w module specjalności) Modelowanie 3D

RFP. Wymagania dla projektu. sklepu internetowego B2C dla firmy Oplot

1 Podstawowe informacje 2. 2 Tworzenie gry Rejestracja do gry Lista gier 7. 4 Gry Archiwalne 8. 5 Lista Graczy 9

KARTA KURSU (realizowanego w module specjalności) Modelowanie 3D

Referat Pracy Dyplomowej

PRZEWODNIK PO PRZEDMIOCIE

D O K U M E N T A C J A

VectraPortal. VectraPortal. wersja Instrukcja użytkownika Podstawowa funkcjonalność serwisu. [czerwiec 2016]

Problemy techniczne. Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Przeglądarka Internet Explorer

5.4. Efekty specjalne

5.2. Pierwsze kroki z bazami danych

Problemy techniczne. Jak wyłączyć obsługę plików cookie w przeglądarkach internetowych? Przeglądarka Internet Explorer

Tworzenie prezentacji w MS PowerPoint

Rodzina Evernote, czyli pomoc w projekcie

Tomasz Grześ. Systemy zarządzania treścią

Grafika komputerowa i wizualizacja

REFERAT PRACY DYPLOMOWEJ Temat pracy: SUDOKU - Algorytmy tworzenia i rozwiązywania

Poniżej przykładowa treść. W Państwa przypadku wskazany będzie inny link aktywacyjny oraz numer ID użytkownika.

Plan wykładu. Akcelerator 3D Potok graficzny

Google Earth. Co to jest Google Earth? Co to jest KML? Skąd można pobrać Google Earth?

WYMAGANIA EDUKACYJNE Z ZAJĘĆ KOMPUTEROWYCH W KLASIE 4 SZKOŁY PODSTAWOWEJ

Programowanie gier 3D w HTML5. Andrzej P.Urbański Politechnika Poznańska

E-geoportal Podręcznik użytkownika.

PRZEWODNIK PO PRZEDMIOCIE

Laboratorium modelowania oprogramowania w języku UML. Ćwiczenie 1 Wprowadzenie do narzędzia CASE. Materiały dla nauczyciela

DESIGNER APPLICATION. powered by

OPIS WYMAGAŃ FUNKCJONALNO-TECHNICZNYCH dla zamówienia: Zaprojektowanie, wykonanie i uruchomienie serwisu do obsługi zgłoszeń dla miasta Torunia

OGŁOSZENIE O ZAMÓWIENIU O WARTOŚCI PONIŻEJ EURO. Zn. spr. ZG /2014

PRZEWODNIK PO PRZEDMIOCIE

TECHNOLOGIA INFORMACYJNA

ZAPYTANIE OFERTOWE NA ZAPROJEKTOWANIE, WDROŻENIE, UTRZYMANIE I ADMINISTROWANIA STRONY INTERNETOWEJ W RAMACH REALIZACJI ZADANIA PUBLICZNEGO PN

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

Przedmiotowy system oceniania z zajęć komputerowych - klasa 4

Praktyczne zastosowanie grafiki komputerowej

Laboratorium 4: Routing

Spis treści. Od autorów / 9

Modelowanie i wstęp do druku 3D Wykład 1. Robert Banasiak

BIMx Building Information Model Explorer

która metoda jest najlepsza

Instrukcja obsługi systemu zarządzania treścią w MDK

PRZEWODNIK PO PRZEDMIOCIE

Automatyczne tworzenie trójwymiarowego planu pomieszczenia z zastosowaniem metod stereowizyjnych

GRY KOMPUTEROWE 3D OpenGL DirectX Ogre3D Crystal Space ClanLib Irrlicht SDL Ardor3D jmonkey Engine GRY KOMPUTEROWE 2D ORX Troll2D

INSTRUKCJA obsługi certyfikatów

GLKit. Wykład 10. Programowanie aplikacji mobilnych na urządzenia Apple (IOS i ObjectiveC) #import "Fraction.h" #import <stdio.h>

4. Podstawowa konfiguracja

Perspektywy dualnego systemu kształcenia zawodowego w Polsce

Xylect. Xylect. Program doboru produktów Xylem

The Binder Consulting

TWORZENIE PREZENTACJI MS POWERPOINT

Scenariusz lekcji. opisać strukturę prezentacji i budowę poszczególnych slajdów; opisać etapy projektowania prezentacji multimedialnej.

Wprowadzenie do prezentacji multimedialnych

Rzeczywistość rozszerzona w praktyce muzealnej

Projekt K.I.K. Podręcznik użytkownika. Paweł Kieliszczyk, Bartłomiej Kucharczyk, Michał Skrzypkowski, Szymon Wilczek

Adobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.

Instrukcja szybkiego rozpoczęcia pracy

Piotr Dynia. PowerPivot. narzędzie do wielowymiarowej analizy danych

Podręcznik użytkownika platformy e-learningowej

Instrukcja szybkiego rozpoczęcia pracy

Wstawianie grafiki. Po wstawieniu grafiki, za pomocą znaczników możemy zmienić wielkość i położenie grafiki na slajdzie.

Przykłady wybranych fragmentów prac egzaminacyjnych z komentarzami fototechnik 313[01]

Jak stworzyć własny blog w kreatorze Click Web?

Comarch isklep24 Ulotka v. 5.1

Format KML w oprogramowaniu GIS

LABORATORIUM 8,9: BAZA DANYCH MS-ACCESS

Uniwersytet Mikołaja Kopernika. Wydział Matematyki i Informatyki Wydział Fizyki, Astronomii i Informatyki Stosowanej

AKTUALNA OFERTA ORAZ MOŻLIWOŚĆ ZAKUPU LICENCJI:

Funkcje aplikacji. strona 1

Instrukcja programu OKEYE. LOCIN Sp. z o.o.

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

Informatyka kl. 1. Semestr I

PODRĘCZNIK CZYTELNIKA

ZAPYTANIE OFERTOWE. w sprawie udzielenia zamówienia na usługi zaprojektowania, stworzenia, utrzymania

Instytut Sterowania i Systemów Informatycznych Uniwersytet Zielonogórski. Zaawansowane metody grafiki w reklamie. Laboratorium. 3dsmax wprowadzenie

POLITYKA PLIKÓW "COOKIES"

Instrukcja użytkownika systemu S4

REFERAT PRACY DYPLMOWEJ. Temat pracy: Projekt i realizacja warstwy serwerowej gry internetowej

Drodzy Czytelnicy, w POMOCY znajdziecie informacje i podpowiedzi jak poruszać się po platformie IBUK Libra i korzystać z dostępnych narzędzi

Zapytanie ofertowe na stworzenie strony internetowej w języku niemieckim

Webowy generator wykresów wykorzystujący program gnuplot

Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Przewodnik... Tworzenie Landing Page

Spis treści. 1. Platforma e-learningowa Funkcje platformy Produkcja ekranów szkolenia Blended-learning...

Wymagania edukacyjne z informatyki w klasie V

INSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie II. Tworzenie nowej karty pracy a. Obiekty b. Nauka pisania...

Ogłoszenie o zamówieniu

WIZUALIZER 3D APLIKACJA DOBORU KOSTKI BRUKOWEJ. Instrukcja obsługi aplikacji

ZAPYTANIE OFERTOWE. 2. Opis przedmiotu zamówienia Zamówienie dotyczy usług o numerze CPV 724

Uniwersytet Zielonogórski. Kurs: Autodesk 3D Studio MAX Komputerowa grafika 3D. 3dsmax Teksturowanie obiektów 3D

Do korzystania ze strony elektronicznej rekrutacji zalecamy następujące wersje przeglądarek internetowych:

Instrukcja wgrywania Certyfikatu Klienta do przeglądarki Mozilla Firefox. System Bankowości Internetowej KIRI BS 2012

GUI - projektowanie interfejsów

Wymagania dla cyklu dwugodzinnego w ujęciu tabelarycznym. Gimnazjum nr 1 w Miechowie

KORZYSTANIE Z BAZY DANYCH UpToDate

Tworzenie modeli ciała ludzkiego dla potrzeb modelowania pola elektromagnetycznego. Bartosz Sawicki, Politechnika Warszawska

NAZWA PRODUKTU: Ukryta Kamera Podsłuch w Ładowarce FullHD WiFi USB MicroSD S160 Cechy produktu

Transkrypt:

Przedmiot: Zastosowanie informatyki w gospodarce Prowadzący: dr inż. Tomasz Walkowiak Projekt: Internetowy przewodnik po kompleksie "Riese" z wykorzystaniem technologii WebGL. Dokumentacja projektowa Grupa: Adrian Bielewicz Paweł Gancarz Wojciech Nawracała Radosław Fijołek Michał Bartusiak Krzysztof Materla 1

Spis treści 1. Realizacja zadań przez poszczególne osoby... 3 2. Cel projektu... 3 3. Przewidywane technologie wykorzystywane w realizacji projektu... 3 4. Wymagania funkcjonalne... 3 5. Wymaganie niefunkcjonalne... 6 6. Harmonogram prac nad projektem... 6 7. Krótka analiza ryzyka... 6 8. Makieta przewodnika... 7 9. realizacji projektu... 7 10. Zamknięcie projektu... 11 2

1. Realizacja zadań przez poszczególne osoby Adrian Bielewicz kierownik grupy Paweł Gancarz opracowanie engine`u, opracowanie modelu Radosław Fijołek opracowanie engine`u, opracowanie modelu Wojciech Nawracała opracowanie dokumentacji projektowej Krzysztof Materla opracowanie modelu, opracowanie strony www przewodnika Michał Bartusiak opracowanie modelu, opracowanie strony www przewodnika 2. Cel projektu Celem projektu jest stworzenie multimedialnego przewodnika po kompleksie Reise. Opracowane zostaną trzy wybrane obiekty: Włodarz (Wolfsberg, największy), Walim Rzeczka (Dorfbach), Jugowice (Hausdorf). Realizacji projektu umożliwi wirtualną podróż po kompleksie Olbrzym Reise. Miara: Multimedialny przewodnik zwiększy prawdopodobieństwo przyciągnięcia nowych zwiedzających, nawet z dalszych części kraju. 3. Przewidywane technologie wykorzystywane w realizacji projektu Projekt zostanie wykonany z wykorzystaniem technologii WebGL i gotowego silnika Copperlicht. 4. Wymagania funkcjonalne Id wymagania 1 Możliwość wyboru jednego z 3 obiektów do zwiedzenia Funkcjonalne Użytkownik ma mieć możliwość wyboru jednego z 3 obiektów składających się na kompleks Reise. Danie możliwości wyboru obiektu, którym zainteresowany jest użytkownik przewodnika Ograniczenia i warunki 3 obiekty kompleksu Reise Dane wejściowe Wynik Materiały pomocnicze przypadku 3

Id wymagania 2 Możliwość zwiedzania obiektu z perspektywy pierwszej osoby. Funkcjonalne Użytkownik ma mieć możliwość wyboru widok z perspektywy własnej osoby jak w grze komputerowej. Lepsze poruszanie się kompleksie dzięki przewodnikowi multimedialnemu. Ograniczenia i warunki 3 obiekty kompleksu Reise Dane wejściowe Wynik Materiały pomocnicze przypadku Id wymagania 3 Możliwość wyświetlenia mapy obiektu w 2D i poprzez kliknięcie przeniesienie się w wybrane miejsce. Funkcjonalne Użytkownik ma mieć możliwość szybkiego wyboru miejsca w kompleksie. Lepsze poruszanie się kompleksie dzięki przewodnikowi multimedialnemu. Ograniczenia i warunki 3 obiekty kompleksu Reise Dane wejściowe Wynik Materiały pomocnicze przypadku Id wymagania 4 Możliwość zobaczenia informacji na temat różnych miejsc umieszczonych na ściennych tablicach. Funkcjonalne/opcjonalne Użytkownik ma mieć możliwość otrzymania szczegółowych informacji o danym miejscu w kompleksie. Lepsze poruszanie się kompleksie dzięki przewodnikowi multimedialnemu. Ograniczenia i warunki 3 obiekty kompleksu Reise Dane wejściowe Wynik Materiały pomocnicze przypadku 4

Id wymagania 5 Możliwość zrobienia zdjęć podczas zwiedzania. Funkcjonalne / opcjonalne Użytkownik ma mieć możliwość zrobienia zdjęcia wybranego fragmentu modelu 3D Archiwizacja na użytek zwiedzającego. Ograniczenia i warunki 3 obiekty kompleksu Reise, rozdzielczość zdjęcia Dane wejściowe Wynik Materiały pomocnicze przypadku Id wymagania 6 Możliwość ocenienia określonych miejsc znajdujących się w obiekcie i na jej podstawie utworzenie listy TOP 10 Funkcjonalne / opcjonalne Użytkownik ma mieć możliwość oceny wybranych miejsc w obiektach kompleksu. Wzrost popularności i atrakcyjności wybranych miejsc kompleksu. Ograniczenia i warunki 3 obiekty kompleksu Reise, 10 pozycji Dane wejściowe Wynik Materiały pomocnicze przypadku Id wymagania 7 Możliwość dodania swoich wrażeń w formie notatki do określonych miejsc. Funkcjonalne / opcjonalne Użytkownik ma mieć możliwość wpisu notatki do wybranego miejsca. Archiwizacja na użytek zwiedzającego. Ograniczenia i warunki 3 obiekty kompleksu Reise, długość notatki. Dane wejściowe Wynik Materiały pomocnicze przypadku 5

5. Wymaganie niefunkcjonalne Id wymagania 8 Przewodnik będzie działać w przeglądarce internetowej. Niefunkcjonalne / wymagane Realizacja projektu Ograniczenia i warunki Dane wejściowe Wynik Materiały pomocnicze przypadku Id wymagania 9 Przewodnik będzie wykonany z wykorzystaniem technologii WebGL i zastosowaniem silnika Copperlicht. Niefunkcjonalne / wymagane Realizacja projektu Ograniczenia i warunki Dane wejściowe Wynik Materiały pomocnicze przypadku 6. Harmonogram prac nad projektem Uruchomienie i prezentacja działającego engine u (13 marca 2012). Prezentacja poruszania się po modelu pierwszego obiektu w stanie surowym (3 kwietnia 2012). Prezentacja modeli reszty obiektów (24 kwietnia 2012). Nałożenie tekstur oraz umieszczenie tablic informacyjnych (14 maja 2012). 7. Krótka analiza ryzyka Ryzyko niepowodzenia projektu jest duże. Wynika przede wszystkim z czynników technologicznych i czynnika ludzkiego. Po pierwsze pracę będą wykonywane w oparciu o nową technologię. Po drugie osoby tworzące projekt niekoniecznie miały wcześniej 6

kontakt z wybraną technologią. Z tego powodu ciężko określić też ile czasu zajmie poznanie jej do stopnia który umożliwia optymalne wykorzystanie. Dodatkowym czynnikiem ograniczającym projekt jest czas. Termin zakończenia projektu jest ustalony z góry. W celu ograniczenia kłopotów z komunikacją pomiędzy osobami biorącymi udział w projekcie założono grupę dyskusyjną. 8. Makieta przewodnika Uproszczony model przewodnika z uwzględnieniem 3 obiektów; Jugowice, Walim Rzeczka, Włodarz: Przewodnik po kompleksie Reise Mapka Model 3D Jugowice, galeria Mapka WalimRzeczka Mapka Włodarz Model 3D, galeria Model 3D, galeria 9. realizacji projektu a) Zastosowane technologie Do realizacji projektu została wykorzystana stosunkowo młodą techonologia WebGL. Bazuje ona na możliwościach języka JavaScript. WebGL oparty jest na OpenGL ES 2.0, dzięki któremu uzysjujemy dostęp do grafiki 3D. Na dzień dzisejszy technologia jest wspierana przez następujące przeglądarki internetowe: Mozilla Firefox, Google Chrome i Apple Safari oraz Opera w wersji 11 i wyższej. Do pracy z WebGL em został użyty jeden z ogólnodostępnych frameworków CopperLicht. Jest on dedykowana do tworzenie gier. Został on zintegrowany 7

z edytorem CopperCube, który służy do tworzenia i modelowania scen 3D. Zarówno edytor jak i framework tworzony jest przez firme Abiera. W przypadku projektu, narzędzie CopperCube było głownie wykorzystywane do publikowania modelu wybranego obiektu z kompleksu Rise w przewodniku. Największy udział w realizacji projektu miało oprogramowanie Maya firmy Autodesk. Jest ono szeroko wykorzystywane w przemyśle filmowym. Jest to pakiet narzędzi do zastosowania typowo profesjonalnego. Narzędzie jest bardzo zaawansowane i oferuje duże możliwości przy tworzeniu i edycji modeli trójwymiarowych. Maya jest programem komercyjnym i w przypadtku takiego tego oprogramowania, wymagany jest zakup drogiej licencji. Do celów projektu została jednak wykorzystana licencja edukacyjna. b) Problemy związane z realizacją projektu Podczas realizacji projektu powstał szereg różnych problemów. Narzędzie CopperCube okazało mało praktyczne i zamodelowanie w nim obiektów byłoby żmudne i czasochłonne. Z tego względu zdecydowano się poszukać innego programu do modelowania. Wybrano oprogramowanie Maya. Jednak CopperCube miał dużą zalete. Gotowy model można w łatwy sposób opóblikować na stronie www przewodnika. Oprogramowanie Maya to edytor dla profesjonalistów dlatego do jego sprawnej obsługi potrzebne jest bardzo dobre zapoznanie się z tym narządziem. Program jest na tyle skomplikowany, że opanowanie jego obsługi wymaga sporo czasu. Proces tworzenia przewodnika można opisać następująco. Najpierw zamodelowano obiekty kompleksu Rise w aplikacji Maya. Następnie gotową siatkę modelu 3D wyeksportowano do pliku. Ten następnie był importowany do programu CopperCube. Po zaimportowaniu modelu nakładano tekstury oraz oświetlenie. Dużo trudności sprawiło dobre ustawienie oświetlenia. Wynika to z technologii WebGL, która nie posiada automatycznego wsparcia dla światła. Aby poruszując się po obiekcie móc zobaczyć ściany i inne tekstury muszą zostać dodane punkty oświetlenia. Wadą użytej technologii jest to, że oświetlenie jest generowane tylko w pobliżu wierzchołków. A w przypadku pozostałych miejscach powierzchni modelu wartość oświetlenia jest uśredniana. Zbyt mała liczba wierzchołków 8

składających się na siatke modelu powodowała, że obiekt jest oświetlony za słabo lub tylko po jednej stronie korytarza obiektu. Aby lepiej oświetlić model można zwiększyć liczbę wierzchołków na siatce obiektu w Maya i. Jednak zwiększenie ich liczby powoduje znaczący wzrost wagi eksportowanego pliku. Dodatko pojawia się problem z zaimportowanym modelem w CopperCube, który zostaje źle odtworzony z siatki. Efekt widać na zdjęciu poniżej: Jak widać model jest zupełnie nieczytelny. Został źle zaimportowany. Aby model został prawidłowo odtworzony prawidłowo została zmniejszona liczba wierzchołków modelu na etapie edycji w Maya i: 9

Jeżeli model został prawidłowo zaimportowany to wyglądał następująco: c) Strona internetowa przewodnika Adres przewodnika: http://www.blizzmord.pl/copperlicht/rise/index.html Strona głowna: 10

Na mapce możemy wybrać jeden z obiektów i przenieść się do jego modelu 3D: 10. Zamknięcie projektu a) Realizacja wymagań projektu Wymaganie nr 1 Możliwość wyboru jednego z 3 obiektów do zwiedzenia Zrealizowane w 100%. Wymaganie nr 2 Możliwość zwiedzania obiektu z perspektywy pierwszej osoby. Zrealizowane w 100%. Wymaganie nr 3 Możliwość wyświetlenia mapy obiektu w 2D i poprzez kliknięcie przeniesienie się w wybrane miejsce. Niezrealizowane. Przyczyna: ograniczony czas na realizacje. Powstała jedynie mapa statyczna dla każdego obiektu. Wymaganie opcjonalne. 11

Wymaganie nr 4 Możliwość zobaczenia informacji na temat różnych miejsc umieszczonych na ściennych tablicach. Niezrealizowane. Przyczyna: ograniczony czas na realizacje. Wymaganie opcjonalne. Wymaganie nr 5 Użytkownik ma mieć możliwość zrobienia zdjęcia wybranego fragmentu modelu 3D Niezrealizowane. Przyczyna: ograniczony czas na realizacje. Wymaganie opcjonalne. Wymaganie nr 6 Możliwość ocenienia określonych miejsc znajdujących się w obiekcie i na jej podstawie utworzenie listy TOP 10 Niezrealizowane. Przyczyna: ograniczony czas na realizacje. Wymaganie opcjonalne. Wymaganie nr 7 Możliwość dodania swoich wrażeń w formie notatki do określonych miejsc. Niezrealizowane. Przyczyna: ograniczony czas na realizacje. Wymaganie opcjonalne. Wymaganie nr 8 Przewodnik będzie działać w przeglądarce internetowej. Zrealizowane w 100%. Przewodnik działa w kompatybilnych przeglądarkach: : Mozilla Firefox, Google Chrome i Apple Safari oraz Opera w wersji 11 i wyższej. Wymaganie nr 9 Przewodnik będzie wykonany z wykorzystaniem technologii WebGL i zastosowaniem silnika Copperlicht. Zrealizowane w 100%. b) Podsumowanie i wnioski 12

13