Kratka predstavitev in navodila za uporabo programov Viri: Google SketchUp 3DVIA Shape WIX JUVAN, Urška. Računalniško podprto 3d risanje in predstavitev oblazinjenega pohištva : diplomsko delo. Maribor: [U. Juvan], 2011. 59 f., ilustr. http://dkum.unimb.si/izpisgradiva.php?id=20331 DOLENC, Kosta. Uporaba programa Google SketchUp za 3D oblikovanje in vizualizacijo v osnovni šoli : diplomsko delo. Maribor: [K. Dolenc], 2010. 133 f., ilustr. http://dkum.uni-mb.si/dokument.php?id=16023. [COBISS.SI-ID 17797128] http://sketchup.google.com/ [15. 07. 2011] http://www.3dvia.com/products/3dvia-shape/ [15. 07. 2011] http://www.wix.com/ [15. 07. 2011] KAZALO 3.1 Predstavitev programa Google SketchUp... - 2-3.2 Predstavitev programa 3DVIA Shape... - 10-4. OBLIKOVANJE SPLETNIH STRANI... - 14-4.1 Barva besedila... - 15-4.2 Barvne sheme in svetovni splet... - 17-4.3 Uporaba slik in animacij... - 18-4.4 Zvok... - 19-4.5 Domena... - 19-4.6 Spletni portal Wix... - 20-5. EKSPERIMENTALNI DEL DIPLOMSKE NALOGE... - 26-5.1 Delo s programsko opremo Google SketchUp... - 26-5.2 Delo s programsko opremo 3DVIA Shape... - 35-5.3 Delo s programsko opremo Wix... - 42-6. REZULTATI z diskusijo... - 47 - - 1 -
3.1 Predstavitev programa Google SketchUp Google SketchUp je brezplačna izvedba programa, ki je narejen za preprosto skiciranje tridimenzionalnih modelov in je pridobil v zadnjem času zelo veliko uporabnikov. V orodje so vgrajeni številni pripomočki in je prilagojen osnovnemu uporabniku, ter opremljen s preprostimi video navodili, ki nam predstavijo možnosti dela s programom. Oblikujemo lahko bivalne prostore, urejamo parke, igrišča in vrtove itd. [23]. Google je izdelal tudi nov portal (http://sketchup.google.com/3dwarehouse) za objavo 3D modelov. Objavljeni model je možno povezati z njegovo geolokacijo in si ga ogledati v Google Earth-u. To pa je zelo uporabno pri umestitvi obravnavanega objekta v prostor 3D virtualni prostor [12]. 3D Warehouse je internetna galerija 3D modelov, ki jih dnevno prispevajo in nalagajo uporabniki programa SketchUp. Zbirka je na voljo vsem in vsi modeli v njej so zastonj. V zbirki lahko najdemo tudi mednarodno predstavljene zbirke, poseben poudarek pa je na Google Earth modelih, ki pa imajo strožje omejitve glede objave. Trenutno je v zbirki že več milijonov modelov in številka se vedno povečuje [13]. Osnova skiciranju v programu Google SketchUp je preprosto risanje robov bodočega modela v 3D prostoru, enako, kot bi uporabljali svinčnik in papir. Zmožnost programa SketchUp, da samodejno zazna tip in naravo tako skiciranih linij, zagotavlja zapolnitev oblike in s tem izdelavo 3D teles. SketchUp temelji na konceptu metode potisni/povleci (Push/Pull). Ta omogoča, da s klikom miške na poljubno površino in z njenim vlečenjem ali potiskanjem ustvarjamo 3D oblike. Tako uporabnik hitro oblikuje zahtevno 3D geometrijo s pomikanjem ploskev ali robov [12]. Program Google SketchUp dobimo na spletnem naslovu http://sketchup.google.com/. Izberemo, kateri operacijski sistem imamo in program namestimo. Ob zagonu programa se nam pokaže pozdravno okno, v katerem se nahajajo začetne informacije o programu, slika 3.1.1. - 2 -
Slika 3.1.1: Pozdravno okno Ko izberemo predlogo, ki je primerna modelu, ki ga rišemo in to potrdimo, se nam prikaže delovno okolje, ki je razdeljeno na štiri glavne dele, slika 3.1.2. Menijska vrstica Orodna vrstica Delovna površina Statusna vrstica Slika 3.1.2: Delovno okolje Na delovni površini je vizualno prikazan 3D prostor oziroma koordinatni sistem. Vsebuje tri ravnine: - 3 -
X os, ki je predstavljena z rdečo barvo. Y os, ki je predstavljena z modro barvo. Z os, ki je predstavljena z zeleno barvo. Polne črte pomenijo pozitivno os, črtkane pa negativno. Središče je tam, kjer se stikajo vse črte. Vidljivost koordinatnega sistema lahko izklopimo v menijski vrstici Pogled > Osi (ang. View > Axes). Menijska vrstica vsebuje večino orodij, ukazov, nastavitev programa. Meniji, ki se nahajajo v vrstici so: Datoteka (ang. File), vsebuje ukaze ki so povezani z datoteko modela, kot nov, ustvari, shrani, uvozi in izvozi. Urejanje (ang. Edit), vsebuje ukaze ki spreminjajo geometrijo modela, kot so ustvari in spremeni skupine, ustvari komponente, kopiraj, prilepi in izreži. Pogled (ang. View), vsebuje ukaze ki spreminjajo prikaz entitet znotraj modela. Kamera (ang. Camera), vsebuje ukaze za spreminjanje pogleda na model. Risanje (ang. Draw), vsebuje vse ukaze za risanje modela in je alternativa orodni vrstici in bližnjicam na tipkovnici. Orodja (ang. Tools), vsebuje ukaze za ustvarjanje in spreminjanje modela in je alternativa orodni vrstici in bližnjicam na tipkovnici. Okno (ang. Windows), vsebuje ukaze za prikaz lastnosti modela in upravljanje z modelom. Pomoč (ang. Help), vsebuje ukaze, povezane s pomočjo za uporabo programa. Orodna vrstica se nahaja pod vrstico z meniji in vsebuje orodja, ki omogočajo ustvarjanje in spreminjanje modela, slika 3.1.3. Ob namestitvi so v orodno vrstico vključena samo začetna orodja. Slika 3.1.3 : Orodna vrstica, Začetna orodja Ostala orodja lahko vključimo posamično v menijski vrstici Pogled > Orodne vrstice (ang. View > Toolbars), kjer imamo na razpolago paleto različnih orodij razvrščeno po sklopih. - 4 -
Lahko pa vključimo najbolj pogosto uporabljena orodja, ki se nahajajo pod imenom Veliki set orodij (ang. Large Tool Set) slika 3.1.4. Slika 3.1.4: Orodna vrstica, Veliki set orodij Program omogoča tudi velike ikone orodij z vklopom v menijski vrstici Pogled > Orodne vrstice > Velike ikone (ang. View > Toolbar > Large Buttons). Statusna vrstica se nahaja na dnu delovne površine, slika 3.1.5. Slika 3.1.5: Statusna vrstica Statusna vrstica vsebuje: Geolokacijski gumb (ang. Georeferencing), ki vsebuje informacije o geografski lokaciji trenutnega modela. Model ima lahko tri stanja: o Nima geografske reference o Ima lokalno geografsko referenco znotraj programa o Ima geografsko referenco v Google Earth Atributski gumb (ang. Credits), vsebuje informacije o lastniku modela. Google prijavni gumb (ang. Google login), prijava v Googlov račun. Okno za vpis mer, prikaz in vpis dimenzij modela. Dimenzij dejansko ne vpisujemo v okence, ampak jih samo vtipkamo na tipkovnici med operacijo, mere ki jih vpisujemo, se samodejno prikazujejo v okencu [13]. Osnovne funkcije programa Google SketchUp S klikom na izberemo orodje Select. Orodje nam omogoča izbiro posameznih elementov. Pri oblikovanju posameznih delov risbe, je zelo pomembno, da označimo samo tiste elemente, - 5 -
ki jih želimo preoblikovati. Google SketchUp nam namreč omogoča oblikovanje tistih elementov, ki so označeni (npr. označene elemente premikamo, vrtimo, barvamo...) [15]. Orodje Arc je orodje za risanje krivulj. Uporabljamo ga tako, da najprej določimo začetno in končno točko krivulje, oziroma premico, ki je vzporedna eni od osi, slika 3.1.6. Slika 3.1.6: Narisana premica, ki je vzporedna eni od osi. Nato s premikanjem miške določimo želeno obliko. Na koncu še kliknemo in tako obdržimo obliko krivulje, slika 3.1.7. Slika 3.1.7: Narisana želena oblika krivulje. Orodje Freehand je orodje za risanje poljubnih linij. Risanje je enostavno. Najprej vklopimo omenjen gumb, nato pa s pomočjo desnega miškinega gumba določimo obliko. Če želimo dobiti neko zaključeno ploskev, povežemo začetno in končno točko krivulje in tako se lik obarva s temno sivo barvo, slika 3.1.8. Slika 3.1.8: Narisana poljubna linija in zaključena ploskev. - 6 -
Orodje Push/Pull je orodje za ustvarjanje 3D modela. Z omenjenim orodjem preprosto spremenimo volumen lika. Najprej narišemo poljubno zaključeno ploskev nato kliknemo na in oblikujemo 3D lik, slika 3.1.9. Slika 3.1.9: Narisan lik in dodan volumen liku. Orodje Text je orodje za vstavljanje besedila. Preprosto kliknemo na orodje, se postavimo na mesto, kjer želimo, da bo besedilo pisalo in napišemo, kar želimo, slika 3.1.10 [9]. Slika 3.1.10: Vstavljanje besedila Kadar želimo poimenovati, napisati lastnost določenega objekta, kliknemo npr. na rob in potegnemo na mesto, kjer želimo besedilo. Prednastavljeno je, da se nam izpiše dolžina roba, vendar lahko besedilo poljubno spremenimo. Enako velja za ploskve, itd. 3D Text je orodje za vstavljanje 3D besedila. To storimo tako, da kliknemo na ikono. Odpre se nam pogovorno okno, kjer nastavimo lastnosti 3D besedila, slika 3.1.11. - 7 -
Velikost besedila Izbočenost Slika 3.1.11: Vstavljanje 3D besedila Ko izberemo nastavitve kliknemo Place. Besedili postavimo z miško na mesto, kamor smo si ga zamislili (samodejna orientacija) [15]. Orodje Orbit je orodje, s pomočjo katerega si lahko lik, oziroma sliko, ki smo jo narisali, ogledamo z vseh strani in tako vidimo vse sestavne dele, ki jih brez premikanja ne bi mogli videti, slika 3.1.12. Slika 3.1.12: Ogled slike z druge strani Orodje Paint Bucket je orodje, s katerim izbranim elementom določimo barvo ali vrsto materiala. Ob kliku na ikono se nam prikaže okno, kjer lahko izberemo barvo ali vrsto materiala za določen element, slika 3.1.13. - 8 -
Slika 3.1.13: Okno, ki se nam prikaže pri izbiri barve oz. materiala Npr., če želimo, da je model oblazinjenega pohištva izbrane barve oziroma materiala, ki ga lahko tudi prenesemo iz svoje mape, enostavno izberemo želeno barvo oz. vzorec tkanine, se postavimo na izbran model, ter kliknemo, slika 3.1.14. Slika 3.1.14: Model oblazinjenega pohištva - 9 -
Orodje Dimension je orodje za kotiranje, s katerim preprosto določimo dimenzije lika. Dimenzije določimo tako, da kliknemo na ikono, se postavimo na premico ali krožnico tako, da se ta označi z modro barvo, nato kliknemo in potegnemo miško v smeri kjer želimo, da se bo določena dimenzija izpisala, slika 3.1.15. Slika 3.1.15: Določevanje dimenzije lika Orodje Move je orodje, ki nam omogoča premikanje robov, stranic ali pa kar celih predmetov v prostoru. Predmete premikamo tako, da se postavimo na določen lik in ko se ta označi z modro barvo, ga s potegom premaknemo na želeno mesto, slika 3.1.16 [9]. Slika 3.1.16: Prikaz premika predmeta z orodjem Move 3.2 Predstavitev programa 3DVIA Shape 3DVia Shape je brezplačen program za 3D oblikovanje. Preko internetne strani www.3dvia.com si lahko na svoj računalnik naložimo brezplačno različico. Namestitev poteka preko namestitvenega čarovnika, zato ne potrebujemo naprednega znanja. Program 3DVIA Shape zelo spominja na Google SketchUp, vendar se v mnogih stvareh programa tudi razlikujeta. Tako npr. program ne omogoča shranjevanja narisanih slik na računalnik (plačljiva verzija to omogoča). Imamo pa alternativno rešitev, saj nam po vsaki dokončani risbi vmesnik ponudi shranjevanje narisane slike v njihov spletni arhiv. Dostop do slike imajo potem vsi uporabniki (ali pa ne, če tako nastavimo). Za delo s programom potrebujemo internetno povezavo. Preden začnemo z uporabo, se moramo prijaviti, saj brez prijave delo s programom ni mogoče, slika 3.1.17. - 10 -
Slika 3.1.17: Okence za prijavo v program 3Dvia Shape Ko se uspešno vpišemo, nam čarovnik ponudi začetno uvajanje, kjer kmalu opazimo veliko podobnost (uporabe orodij) z Google SketchUp-om, slika 3.1.18. Slika 3.1.18: Okence, kjer lahko izberemo začetno uvajanje. - 11 -
Opis splošnih funkcij Slika 3.1.19 prikazuje kratek opis splošnih funkcij programa 3DVia Shape. Namigi in nasveti za delo z določenim orodjem (se spreminja, ko imamo izbrano določeno orodje). Orodna vrstica Ukazi za spreminjanje pogleda in osnovnih parametrov. Slika 3.1.19: Opis splošnih funkcij programa 3Dvia Shape Preglednica 3.1.1 prikazuje orodja, ki so nam na voljo v orodni vrstici in kratek opis uporabe orodij. Preglednica 3.1.1: Orodna vrstica Ikona Orodje Uporaba Izberi Orodje za izbiranje elementov slike. Svinčnik Lok Pravokotnik Mnogokotnik Krog Kopiraj original Potisni/Povleci Oblika Barvaj Radirka Orodje za risanje ravnih črt. Orodje za risanje krivulj. Orodje za risanje pravokotnikov. Orodje za risanje mnogokotnikov. Orodje za risanje krogov Orodje, ki kopira površine in črte v enotni oddaljenosti od originala. Orodje za dodajanje ali odvzemanje volumna. Orodje za premik, razteg, zasuk. Orodje za barvanje in dodajanje tekstur ali materialov. Orodje za brisanje črt, površin. - 12 -
Preglednica 3.1.2 prikazuje ukaze za spreminjanje pogleda in osnovnih parametrov in uporabo teh orodij. Preglednica 3.1.2: Ukazi za spreminjanje pogleda in osnovnih parametrov. Ikona Uporaba Iskanje 3D risb na spletu Objava risbe na spletu Razveljavi/Uveljavi Nastavitev okolice Pomoč Premik levo/desno, naprej/nazaj Rotacija kamere Povečava Kamera na tla Nastavljanje orientacije Merilo Zgornja pomožna vrstica Pomožna vrstica na vrhu se spreminja glede na to, katero orodje imamo izbrano. V njej piše, katero tipko moramo pritisniti npr., če imamo izbrano orodje Select, da bomo lahko označili več elementov hkrati (tipka CTRL). Za vsa orodja je poskrbljeno, da nam pomožna vrstica z namigi olajša delo, oziroma pove kako izbrano orodje čim bolje uporabiti [16]. - 13 -
4. OBLIKOVANJE SPLETNIH STRANI Splet je medij neštetih možnosti, je forum izmenjevanja znanja, prožilec političnih in socialnih sprememb, nepogrešljiv vir informacij in nenazadnje prostor, ki posamezniku omogoča skoraj neomejeno kreativno izražanje. Zaradi spleta so se korenito spremenile naše navade, način dela in izobraževanja, zato lahko z gotovostjo rečemo, da je splet eden izmed večjih izumov človeštva nasploh [25]. Skozi leta uporabe interneta so se uporabniki le-tega navadili določenih stvari, zato moramo biti vedno pazljivi, preden izumljamo kaj novega [25]. Pri oblikovanju spletnih strani je potrebno določiti: Namen spletne strani (Ali želimo deliti veselje do hobija, prodajati artikle ali ustvariti skupnost, kjer bomo v zameno za plačilo interesentom omogočali članstvo?) Tematiko spletne strani (Tematika lahko govori o hišnih ljubljenčkih, adrenalinskih športih, proizvodnji avtomobilov, popotovanjih, itd. S čim se torej ukvarjamo?) Kdo bodo naši potencialni obiskovalci (Potencialni obiskovalci so tisti, ki naj bi jih naša tematika zanimala, ki naj bi iskali rešitev v sklopu tega, kar delamo najbolje ali pa bi radi kupili produkt ali storitev, ki jo ponujamo. Ali jim lahko rešimo problem?) Kaj je tisto, kar naj bi privabilo obiskovalce? (Kaj imajo oni od nas? Kaj brezplačnega jim lahko ponudimo?) Ponudnika spletnih storitev (Ali bo to naš prijatelj, študent, grafični oblikovalec ali podjetje?) Način in izvedbo izdelave spletne strani ali spletne trgovine (Bo naš poudarek na lepem videzu, vsebini ali interakciji z našimi potencialnimi obiskovalci?) Način pridobivanja novih kupcev in komunikacije z njimi (Uvrstitev spletne strani v iskalnikih je ključna stvar za pridobivanje novih kupcev. Kako nagovoriti potencialne kupce, za katere vemo da potrebujejo naš produkt ali storitev?) [24]. Oblikovanje spletnih strani šteje med vizualne komunikacije. Udejanjamo ga z uporabo barv, razmerij, tipografije, oblik, tekstur in ostalih elementov. Vsak izmed teh elementov spreminja - 14 -
čustveno razpoloženje posameznika. Oblika spletne strani je prvo, kar bo njen uporabnik najprej zaznal. Zaznal bo barve, razporeditev, grafike in šele nato se bo posvetil vsebini. Pri vsaki stvari, ki jo oblikujemo za nekega končnega uporabnika, je vedno potrebno vedeti, kaj je bistvo, ki ga mora izdelek sporočati, saj je oblika temu do neke mere podrejena. S pomočjo postavitve, velikosti, barvitosti in drugih načinov poudarjanja lahko oblikovalec vodi uporabnikovo oko po spletni strani in mu na ta način podaja bistvene informacije. Oblikovanje kot tako je pravzaprav ustvarjanje sožitja in sozvočja med barvami, kontrasti, tipografijo, prostorom, liki, teksturami, slikami in mnogimi ostalimi elementi. Vsak od teh elementov ima velik vpliv na uporabnika [17]. 4.1 Barva besedila Med izdelavo prikaza informacij na zaslonu je potrebno uskladiti barve s slikami in z besedilom. Poleg vizualnega učinka je zelo pomembna čitljivost besedila. Čitljivost besedila kot eden izmed osnovnih elementov grafičnega oblikovanja in kreiranja predstavlja pomemben dejavnik, ki ga moramo upoštevati pri izbiri barve. Dober izbor barv za besedilo, naslov in podnaslov neposredno doprinese k hitrejšemu in jasnejšemu branju, hitrejši zaznavi sporočila in s tem tudi k učinkovitejši uresničitvi osnovnih ciljev grafičnega oblikovanja. Rezultati raziskav so pokazali, da je najboljši izbor za hitro čitljivost besedila izbira črnih črk na rahlo oranžnem ozadju. Druge izbire zmanjšujejo čitljivost besedila. Naslovi morajo biti kratki in debelejši, medtem ko se moramo poševnega besedila čimbolj izogibati, ker zmanjšuje čitljivost besedila za štirideset odstotkov. Barva besedila se najbolj spreminja pri povezavah (ang. Links), ki jih sicer usklajujemo z oblikovanjem spletne aplikacije, vendar je vseeno priporočljiva uporaba standardnega označevanja povezav. - 15 -
Po mnogih raziskavah, pri katerih so merili potreben čas za branje določenega besedila, je nastala naslednja tabela, slika 4.1.1, v kateri je po vrstnem redu označeno, kakšnih barv naj bosta besedilo in ozadje [3]. Slika 4.1.1: Tabela, ki (po vrstnem redu) prikazuje kakšnih barv naj bosta besedilo in ozadje Vsi navedeni rezultati zasnovo na znanstvenih metodah preverjanja fenomena barve in njenem psihološkem delovanju. Vedno je potrebno upoštevati, da obstajajo izjeme in da se takšni rezultati ne morejo vedno uporabiti kot stroga pravila, vendar pa lahko služijo kot smerokaz za funkcionalno in učinkovito uporabo barv pri oblikovanju grafičnih uporabniških vmesnikov. Vsekakor je potrebno večkrat preizkusiti in testirati, kako uporabljene barve vplivajo na delo uporabnika [3]. - 16 -
4.2 Barvne sheme in svetovni splet Ko izbiramo način izdelave ustrezne barvne sheme, moramo poznati različne nivoje pomembnosti vsakega posameznega področja na spletni strani za uporabnika. Najprej predvidevamo, da bo uporabnika najbolj zanimala vsebina spletne strani, zato mora biti vsebina hitro berljiva. Najmanj zanimivo za uporabnike bo verjetno podnožje. Navigacijska vrstica je pomembna, vendar samo toliko, da uporabnik vidi, kam se lahko še premakne. Naslov spletne strani mora biti nekako ločen od strani, ker bo uporabniku pokazal, kje se nahaja, slika 4.2.1 [3]. Slika 4.2.1: Predloga spletne strani Vsebina spletne strani je najpomembnejša, zato mora biti najbolj razvidna. To pomeni, da mora biti ozadje zelo rahlo obarvano, medtem ko mora biti besedilo zelo poudarjeno z nasičenimi barvami in z močnim kontrastom. Primerna izbira je črno besedilo na belem ozadju. Naslov strani; to področje naj bo zelo kontrastno, tako da bo uporabnik takoj vedel, kje se nahaja. Naslov mora imeti drugačno podobo kot preostalo besedilo, zato za vsebino spletne strani uporabimo na primer reverzne barve. Navigacijski meni naj ne vleče preveč pozornosti nase. Čeprav je pomemben za uporabnika, ne sme biti pomembnejši od vsebine strani. Običajno se uporablja temnejše ozadje kot pri besedilu in drugačen tip črk kot pri vsebini spletne strani. Besedilo, ki ga je možno izbrati kot povezavo, je tudi bolj poudarjeno. Besedila, ki se ne izbirajo (na primer informacija o avtorski zaščiti), so manj kontrastna v primerjavi z ozadjem. - 17 -
Stranski okvirček; čeprav ga ne uporabljamo na vseh spletnih straneh, je pogosto uporaben način prikaza dodatnih, zanimivih informacij, ki so bolj izpostavljene. Okvirček mora biti jasno ločen od vsebine spletne strani, vendar mora omogočati enostavnost branja. To pomeni, da moramo uporabiti rahlo obarvano ozadje in dovolj kontrastno besedilo za lažje branje. Podnožje je najmanj pomembno, zato mora biti ta informacija najmanj opazna in kričeča. Izbiramo barve s srednjim kontrastom, vendar moramo paziti, da so še vedno prijetne na oko. Nikoli ne smemo imeti na spletni strani področja, ki bi povzročalo težave pri branju [3]. 4.3 Uporaba slik in animacij Hiter prenos spletne strani k uporabniku je pomemben, saj je nepotrpežljivost obiskovalcev že pregovorna. K hitrejšemu prenosu najbolj doprinese zmanjševanja števila in kvalitete slik ter zmerna uporaba animacij na posamezni spletni strani. Slike, grafični in animacijski elementi zagotovo polepšajo spletno stran, vendar pa ne smejo tvoriti večine vsebine. Za ozadje spletne strani je bolje uporabiti več slik, ki ozadje sestavijo po delih, kot pa eno samo veliko sliko. Na spletu se praviloma uporabljajo formati slik jpg, gif in png, ki sliko stisnejo, da zasede manj prostora na disku in se zato v spletnem brskalniku uporabnika naloži hitreje. Za preproste slike z do 256 barvami se uporablja format gif, za kvalitetnejše pa jpg ali png. Izogibati se je treba tudi uporabi slik za gumbe. Te močno povečajo velikost spletne strani in so tudi vzrok za njeno počasno odpiranje. Upoštevajmo, da lahko namesto slik v gumbih uporabimo preproste ikone, ki zelo popestrijo videz spletne strani. Stran je za uporabnika veliko prijetnejša na pogled, kot pa je to v primeru uporabe kratkih in suhoparnih besedil na hiperpovezavi ali ukazu. Izbor ikon in ikonskih animacij je na spletu praktično brezmejen [14]. Del oblike spletne strani predstavljajo tudi različne animacije animirane fotografije, video posnetki, predstavitve izdelkov, itd. Animacije produktov so lahko za uporabnika zelo dobrodošle, saj na ta način bolj natančno spozna določen izdelek. Vendar je potrebno biti pazljiv pri količini animiranih»informacij«, saj lahko preveč t.i. utripajočih informacij povzroči ravno nasprotno od želenega [17]. - 18 -
4.4 Zvok V času slabših internetnih povezav je bil zvok na spletnih straneh omejen na različno kratko trajajoče zvoke, ki praviloma niso trajali več kot eno sekundo in so bili namenjeni zgolj dodatnemu poudarjanju gumbov. Dandanes je zvok enakovreden partner pri večpredstavnostnih spletnih straneh. Poleg že omenjenih zvočnih učinkih na gumbih ga je možno slišati kot zvočno kuliso (ustvarjanje vzdušja) spletne strani ali pa je namenjen predstavitvi nekega točno določenega zvočnega posnetka (npr. glasbeniki lahko na svojih straneh predvajajo svoje najbolj popularne pesmi) [17]. 4.5 Domena Internetna domena je ekskluzivni internetni naslov, ki identificira in imenuje računalnik, ki je povezan na internet. Ime domene mora biti enostavno, kratko in jedrnato. Pomembno je, da si ga enostavno zapomnimo [24]. Domena je sestavljena iz dveh delov imena domene in končnice (com, net, org, si itd). Ime domene je bistvenega pomena za priklic strani, kar pomeni, da je potrebno temu pred registracijo nameniti veliko pozornost. Pred registracijo domene se je potrebno še malce vrniti k ciljni publiki spletne strani. Če gre večinoma za slovensko govoreče uporabnike, potem je najbolj smiselno registrirati domeno s končnico.si. V primeru nemško govoreče ciljne publike sta najbolj primerni končnici.at in.de, pri hrvaški ciljni publiki je najbolj primerna domena.hr itd. V kolikor pa je spletna stran namenjena uporabnikom iz različnih držav, je najboljša izbira končnica.com. Zadnji trendi kažejo, da je v primeru daljšega imena domene najbolje izpustiti vezave in ime podjetja/blagovne znamke pisati kot eno besedo [17]. - 19 -
4.6 Spletni portal Wix Svetovni splet raste zelo hitro, saj lahko spletno stran izdela praktično vsakdo in jo postavi na splet. S pomočjo spletnih strani imamo danes dostop do ogromne količine raznovrstnih informacij [14]. Da bi bile spletne strani vidne na uporabnikovem računalniku, je potrebno imeti program, ki je sposoben te strani tudi prikazati. Ti programi se imenujejo brskalniki, saj je njihov»glavni namen«brskanje in prikazovanje informacij, najdenih s pomočjo interneta. Na spletne strani je možno poenostavljeno gledati kot na digitalizirane prospekte, brošure, predstavitve, letake, itd. Vse strani vsebujejo informacije, ki jih želi ponudnik posredovati morebitnemu uporabniku. Vsaka spletna stran je sestavljena iz vsaj ene strani, v veliki večini primerov pa spletno stran tvori večje število (pod)strani [17]. Spletni portal Wix, ki je namenjen za izdelavo flash spletnih strani, je brezplačni program, ki si ga lahko prosto naložimo na svoj računalnik in z njim oblikujemo lastno spletno stran [14]. Flash nam omogoča več kot le animacije, z njim lahko ustvarimo interaktivne igre, omogoča nam vključevanje videa in avdia, poleg tega pa rešuje problem omejitve uporabe poljubne pisave. Flash je vsekakor zelo zmogljivo orodje, vendar nikakor ni primerno za vse vrste spletnih mest. Uporabimo ga na primer za izdelavo strani z malo vsebine, ne pa za izgradnjo vsebinsko bogatega portala [25]. Za izdelavo spletne strani na spletnem portalu Wix ni potrebno veliko tehničnega znanja, saj nam program omogoča preprosto sestavljanje spletnih strani. Slika 4.6.1 prikazuje vstopno stran spletnega portala Wix. Slika 4.6.1: Wix vstopna stran - 20 -
S pomočjo Wix.com lahko samostojno izbiramo ozadje, slike, tekst, animacijo in še marsikaj. Omogoča nam atraktivno predstavljanje in pregledovanje fotografij ter video posnetkov. Pred začetkom dela si moramo ustvariti svoj račun. V obrazec za uporabniško registracijo Sign Up moramo vnesti svoj e-poštni naslov in izbrano geslo, slika 4.6.2. Ko dobimo potrditveno e-sporočilo, se prijavimo v spletno programsko okolje s pomočjo obrazca Login. Slika 4.6.2: Uporabniška registracija in prijava Po uspešni prijavi nam je v izbiri Create na voljo veliko že pripravljenih brezplačnih in plačljivih spletnih predlog, izmed katerih izberemo poljubno, a ustrezno našim željam, slika 4.6.3 [14]. Slika 4.6.3: Izbira predloge spletne strani - 21 -
Ko si izberemo spletno predlogo, začnemo z oblikovanjem spletne strani, kjer imamo na voljo različne aplikacije, slika 4.6.4. Slika 4.6.4: Wix delovno okolje V nadaljevanju bom predstavila nekaj osnovnih aplikacij za oblikovanje spletne strani, ki jih ponuja program Wix. Orodje Page Parts nam omogoča izbiro ozadja, okvirja, sredine strani, površine, menijev in gumbov, slika 4.6.5. S pomočjo teh elementov kreiramo obliko spletne strani. Slika 4.6.5: Orodja za oblikovanje spletne strani Slika 4.6.6: Nekaj možnosti izbire podmenijev orodja za oblikovanje spletne strani. - 22 -
Z orodjem Media lahko dodajamo slike, video posnetke, glasbo ali svoje datoteke, slika 4.6.7. Slika 4.6.7: Orodje za dodajanje medijev Clip Art je orodje, s katerim si izberemo različne oblike, izrezke, črte/linije, animacije, ikone, Slika 4.6.8. Slika 4.6.8: Možnosti izbire orodja Clip Art Slika 4.6.9: Nekaj podmenijev orodja za izbiro različnih izrezkov, oblik, črt/linij. Z orodjem Text lahko izbiramo vrsto pisave, ki jo želimo uporabiti, oblikujemo odstavke in po želji dodajamo opombe, katerih način izgleda izberemo z klikom na ikono Notes (Opombe), slika 4.6.10. Slika 4.6.10: Orodje za oblikovanje besedila - 23 -
Slika 4.6.11 prikazuje različne podmenije orodja za oblikovanje besedila. Slika 4.6.11: Možnosti orodja za oblikovanje besedila. Orodje Galleries (Galerije) je namenjeno za oblikovanje različnih vrst vrtiljakov, matrik, animacij, itd., kamor naložimo npr. svoje slike in jih predstavimo na način, ki nam najbolj ustreza, slika 4.6.12. Slika 4.6.12: Orodje Galerije z možnostmi oblikovanja. Slika 4.6.13 prikazuje nekaj podmenijev, ki so nam na voljo pri kliku na ikono Galerije. Slika 4.6.13: Nekaj podmenijev, ki so na voljo pri orodju Galerije. - 24 -
Orodje Widgets predstavlja pripomočke, kjer lahko izberemo avdio in video predvajalnike, RSS (Really Simple Syndication), ki je preprost način za hiter pregled informacij iz različnih spletnih strani, slika 4.6.14 [7]. V orodju Pripomočki najdemo tudi obrazec kamor lahko vpisujemo svoje komentarje in obrazec, kjer vpišemo svoje podatke, da nas lahko obiskovalci kontaktirajo. S klikom na ikono Google Maps (Google zemljevidi) bomo lahko poiskali geografske podatke in zemljevide, ki jih ponuja podjetje Google. Dosegljivi so zemljevidi držav sveta, zemljevidi večjih mest ter satelitske slike celega sveta [27]. Na spletno stran lahko dodamo Google Maps, kjer lahko poiščemo zemljevid in označimo lokacijo našega podjetja. PayPal omogoča varno e-plačevanje s kreditnimi karticami; možnost za slovenske spletne trgovine in posameznike. PayPal je podjetje (v lasti ebaya), ki se uporablja za anonimno, hitro in varno poslovanje [21]. Ikona ecommerce predstavlja e-trgovino oz. e-trgovanje, kjer lahko ustvarimo spletno trgovino in imamo tako možnost prodaje preko spleta. Kot zadnjo ikono v tej vrsti je ikona z imenom Html (Hyper Text Markup Language) kar pomeni jezik za označevanje nadbesedila; je označevalni jezik za izdelavo spletnih strani in drugih dokumentov, ki vsebujejo tekst, grafiko in hiperpovezave [4]. Slika 4.6.14: Orodja iz skupine Pripomočkov (Widgets). Slika 4.6.15 prikazuje možnosti izbire podmenijev orodja Pripomočki (Widgets).. Slika 4.6.15 : Nekaj možnosti izbire podmenijev iz skupin orodja Pripomočki - 25 -
5. EKSPERIMENTALNI DEL DIPLOMSKE NALOGE Namen diplomskega dela je spoznavanje in učinkovita uporaba programov Google Sketch Up in 3DVIA Shape. Osredotočila sem se tudi na konstrukcijo oblazinjenega pohištva in na materiale, ki se uporabljajo in ki so danes aktualni. V eksperimentalnem delu diplomske naloge sem s programsko opremo Google SketchUp in nato še s programom 3DVIA Shape oblikovala 3D modele oblazinjenega pohištva. Narisala sem nekaj različic oblazinjenega pohištva, na katere sem nato nanašala različne teksture. V zadnjem delu diplomske naloge sem se osredotočila na oblikovanje spletne strani s programsko opremo Wix, kjer sem prikazala modele oblazinjenega pohištva z različno teksturo. 5.1 Delo s programsko opremo Google SketchUp Google SketchUp si lahko namestimo iz spletnega mesta http://sketchup.google.com., slika 5.1.1. Na tem spletnem mestu lahko najdemo brezplačno verzijo ter plačljivo Pro verzijo. Program deluje v operacijskih sistemih Windows in Mac. Razlog, da je podjetje Google izdalo SketchUp v brezplačni verziji je, da bi zajeli in ustvarili 3D informacije vsega, kar je na svetu. Namesto, da bi se zanašali na majhne skupine profesionalnih ustvarjalcev, je SketchUp namenjen vsakomur, ki ga to zanima. SketchUp deluje na osnovi površinskega modeliranja. Vsak model je izdelan iz neskončno tanke površine. Tudi predmeti, ki delujejo polno, so sestavljeni iz različnih površin, znotraj pa so votli. Izdelava modelov v SketchUp-u je podobno izdelavi modelov iz tankega papirja. Taka izdelava modela je preprostejša, saj nam ni potrebno skrbeti, kaj je znotraj modela. Programi, ki delujejo na principu površinskega modeliranja, so primarno namenjeni vizualizaciji. Modele lahko rišemo v naravni velikosti in izjemni natančnosti, ali pa rišemo brez omejitev [13]. S programom Google SketchUp sem narisala pet različnih modelov oblazinjenega pohištva, na katere sem nanašala različne teksture. Najprej je bilo potrebno izbrani program namestiti na računalnik. - 26 -
Slika 5.1.1: Domača spletna stran Google Sketchup S klikom na ikono Google SketchUp 8 aktiviramo program. Slika 5.1.2: Ikona programa Google SketchUp 8 Z aktivacijo programa, slika 5.1.2, se nam najprej prikaže pozdravno okno, kjer nam je na voljo zavihek za učenje, možnost ogleda videa za učenje, pomoč uporabnikom, itd. S klikom na predlogo za uporabo programa Google SketchUp se nam prikaže delovno okolje. Preden začnemo z delom, si nastavimo orodja na vidno polje, in sicer da vklopimo Large Tool Set, kot prikazuje slika 5.1.3 [9]. - 27 -
Slika 5.1.3: Izbira orodja Large Tool Set ( Veliki set orodij ) V orodni vrstici izberemo ustrezno orodje, ki omogoča ustvarjanje in spreminjanje modela, slika 5.1.4. Slika 5.1.4 : Orodna vrstica risanja in preoblikovanja V naslednjem koraku je predstavljen potek risanja izbrane kotne sedežne garniture. Najprej sem izbrala orodje za risanje pravokotnikov. Z izbiro orodja se kazalec spremeni v svinčnik z majhnim kvadratom. Pravokotnik lahko narišemo poljubnih mer ali točnih mer. Postopek risanja pravokotnika poljubnih mer Z levo miškino tipko kliknemo na izhodiščno točko in povlečemo diagonalno do končne točke, kjer z klikom potrdimo. Tako dobimo pravokotnik, ki je sestavljen iz 4 črt in notranje površine. Če smo se v procesu zmotili lahko s tipko ESC proces prekinemo. Postopek risanja pravokotnika točnih mer Z levo miškino tipko kliknemo na izhodiščno točko, v okence za vpis mer v statusni vrstici vpišemo želene mere pravokotnika in potrdimo s tipko ENTER na tipkovnici. - 28 -
Mere, ki jih vpišemo, so v enakih enotah kot v predlogi, ki je bila izbrana na začetku. Vpis je sestavljen iz stranic a in stranica b, ter ločen s podpičjem. Ko narišemo pravokotnik, uporabimo orodje za dodajanje ali odvzemanje volumna, kjer lahko uporabimo postopek za risanje dodajanja ali odvzemanja poljubnega volumna, kakor tudi postopek risanja točnega volumna. Postopek za dodajanje ali odvzemanje poljubnega volumna Izberemo orodje Potisni/Povleci in postavimo kazalec na želeno površino, ki se obarva z rumenimi pikami. Z levo miškino tipko kliknemo na površino in povlečemo navzgor ali navzdol. Postopek za dodajanje ali odvzemanje točnega volumna Izberemo orodje Potisni/ Povleci in postavimo kazalec na želeno površino, ki se obarva z rumenimi pikami. Z levo miškino tipko kliknemo na površino in v okno za vpis mer, v statusni vrstici vpišemo višino dviga ali odvzema in potrdimo s tipko ENTER na tipkovnici. Mera, ki jo vpišemo, je v enakih enotah kot je v predlogi, ki je bila izbrana na začetku [13]. Za risanje okroglin oblazinjenega pohištva sem uporabila orodje za risanje krožnih lokov. S pomočjo tega orodja sem oblikovala ostre robove stranic v rahlo zaobljene, slika 5.15. Slika 5.1.5: Narisan pravokotnik z dodanim volumnom in krožnim lokom - 29 -
Pri risanju krožnih lokov lahko prav tako rišemo poljubno ali točnih mer. Postopek risanja krožnih lokov poljubnih mer Z levo miškino tipko kliknemo izhodiščno točko in povlečemo do končne točke, kjer s klikom potrdimo dolžino tetive. Nato pa z vlečenjem miške pravokotno na tetivo, določimo simetrale tetive, ter kliknemo za potrditev. Če smo se v procesu zmotili lahko s tipko ESC proces prekinemo. Postopek risanja krožnih lokov točnih mer Z levi miškino tipko kliknemo izhodiščno točko in v okno za vpis mer, v statusni vrstici, vpišemo dolžino tetive. S pritiskom tipke ENTER na tipkovnici potrdimo dolžino. Nato vpišemo v okno za vpis mer, dolžino simetrale tetive, ki je pravokotna na tetivo in potrdimo s tipko ENTER na tipkovnici. Mera, ki jo vpišemo, je v enakih enotah kot je v predlogi, ki je bila izbrana na začetku. V naslednjem koraku sem dodala še en pravokotnik, in sicer za nekaj centimetrov daljšega, slika 5.1.6. Zopet sem uporabila orodje Push/Pull za dodajanje oz. odvzemanje volumna, ter orodje za oblikovanje krožnih lokov. Slika 5.1.6: Narisana pravokotnika z dodanim volumnom in oblikovanim robom Pri risanju naslonjala sem uporabila orodje svinčnik, ki ga uporabljamo za risanje črt. Črte lahko rišemo poljubno ali točnih mer. Postopek risanja poljubne črte Z levo miškino tipko kliknemo izhodiščno točko in povlečemo do končne točke, kjer s klikom potrdimo. Če smo se v procesu zmotili lahko s tipko ESC proces prekinemo. - 30 -
Postopek risanja črte točnih mer Z levo miškino tipko kliknemo izhodiščno točko in v okno za vpis mer, v statusni vrstici, vpišemo želeno mero in potrdimo s tipko ENTER na tipkovnici. Mera, ki jo vpišemo, je v enakih enotah kot v predlogi, ki je bila izbrana na začetku. Vpišemo dolžine črte. Črte, ki jih rišemo, se nam lahko obarvajo v barve koordinatnega sistema. To pomeni, da je črta, vzporedna s koordinatno osjo, enake barve. Z združitvijo črt v sklenjen lik ustvarimo površino znotraj lika. Črte se lahko uporabljajo tudi za deljenje ali združevanja površin [13]. Najprej sem s svinčnikom narisala vzporedne črte, ki so se združile in tako tvorile površino. Z orodjem Push/Pull, sem dodala volumen in nato naslonjalo oblikovala z orodjem za risanje krožnih lokov, slika 5.1.7. Slika 5.1.7: Narisan naslonski del oblazinjenega pohištva Z orodji za risanje pravokotnika, dodajanjem volumna in risanjem krožnega loka, sem narisala stranico oblazinjenega pohištva, slika 5.1.8. - 31 -
Slika 5.1.8: Narisana stranica sedežne garniture Na koncu sem pri tej različici oblazinjenega pohištva narisala še vzglavnike. Pri risanju leteh sem kot osnovo uporabila orodje za risanje kroga. Z izbiro orodja za risanje kroga se kazalec spremeni v svinčnik s krogom. Pri risanju kroga lahko zopet rišemo poljubno ali točnih mer. Postopek risanja kroga poljubnih mer Z levo miškino tipko kliknemo izhodiščno točko in povlečemo do končne točke, kjer s klikom potrdimo, tako dobimo krog. Če smo se v procesu zmotili lahko s tipko ESC proces prekinemo. Tako narisan krog ima svojo površino. Postopek risanja kroga točnih mer Z levo miškino tipko kliknemo izhodiščno točko in v okno za vpis mer, v statusni vrstici, vpišemo želeno mero. Mera, ki jo vpišemo, je v enakih enotah kot je v predlogi, ki je bila izbrana na začetku [13]. Najprej sem narisala krog in mu dodala volumen. Z orodjem za risanje krožnega loka sem oblikovala vzglavnik, katerega sem z orodjem Premakni (ang. Move) pritrdila na sedežno garnituro, slika 5.1.9. Z istim orodjem sem kopirala še preostala dva vzglavnika in ju pritrdila na model oblazinjenega pohištva. - 32 -
Slika 5.1.9: Premik vzglavnika na model oblazinjenega pohištva Orodje Premakni je namenjeno za premikanje, kopiranje in raztegovanje modela. Z izborom orodje se kazalec spremeni v dve prekrižani obojestranski puščici rdeče barve. Postopek premikanja Model označimo, izberemo orodje Premakni, z levim miškinim gumbom kliknemo na model in z vlečenjem miške premaknemo model na želeno mesto. Postopek kopiranja modela Model označimo, izberemo orodje Premakni in pritisnemo tipko CRTL. Kazalec se spremeni v dve prekrižano obojestranski puščici rdeče barve z znakom +. Z levo miškino tipko kliknemo na model in z vlečenjem miške premaknemo kopijo modela na želeno mesto. Postopek raztegovanja modela Izberemo orodje Premakni, z levim miškinim gumbom kliknemo na želeno črto na modelu in z vlečenjem miške raztegujemo model v različne smeri [13]. - 33 -
Slika 5.1.10 prikazuje končni videz narisanega modela oblazinjenega pohištva. Slika 5.1.10: Končni videz modela Za lepšo podobo modela je še potrebno dodati teksturo, za to uporabimo orodje za barvanje in dodajanje tekstur ali materialov. Z izbiro orodja se kazalec spremeni v lonček z barvo. Postopek Prikaže se nam pogovorno okno Materiali (ang. Materials), kjer lahko izbiramo med različnimi vrstami barv, tekstur in materialov, slika 5.1.11. V pogovornem oknu Materiali izberemo barvo, teksturo ali material ter kliknemo z levo miškino tipko na površino, kjer želimo pobarvati. Celoten model pobarvamo z eno barvo tako, da ga najprej označimo, izberemo barvo, teksturo ali gradivo in z levo miškino tipko kliknemo na njega. Iz modela lahko izberemo barvo tako, da pritisnemo tipko ALT. Kazalec se spremeni v kapalko. S klikom na pobarvano površino se v pogovornem oknu trenutna barva spremeni v izbrano barvo [13]. - 34 -
Slika 5.1.11: Nanašanje različnih tekstur na model 5.2 Delo s programsko opremo 3DVIA Shape Program 3DVia Shape omogoča ustvarjanje 3D modelov, dodajanje tekstur in objavo modela na brezplačni spletni strani. S pomočjo orodij, ki jih program ponuja, lahko oblikujemo preproste oblike, kot so krogi in pravokotniki in tudi bolj zapletene elemente. Ko si naložimo brezplačno različico programa 3DVia Shape, kliknemo na ikono, s čimer aktiviramo program, slika 5.2.1. Slika 5.2.1: Ikona programa 3DVia Shape - 35 -
Preden začnemo z uporabo programa, se je potrebno prijaviti. V okence vpišemo svoje uporabniško ime in geslo, slika 5.2.2. Slika 5.2.2: Prijavno okno Če je prijava uspešna, se nam prikaže delovna površina, orodna vrstica in ostali ukazi za spreminjanje pogleda, slika 5.2.3. Slika 5.2.3: Delovna površina Sedaj lahko začnemo z delom. V nadaljevanju bom opisala potek risanja ene izmed petih različic oblazinjenega pohištva in hkrati predstavila nekaj osnovnih orodij, ki sem jih najpogosteje uporabljala pri risanju oblazinjenega pohištva. Risanje začnemo z orodjem za risanje štirikotnika. S klikom na ikono se nam kazalec spremeni v majhen štirikotnik. Izberemo si izhodiščno točko in povlečemo, ob straneh pa se nam hkrati prikažejo dimenzije lika v centimetrih, če pa se polju bolj približamo in želimo - 36 -
imeti bolj natančne mere, se nam prikažejo milimetri. Ko narišemo lik določenih dimenzij, slika 5.2.4, to potrdimo s klikom levega miškinega gumba. Slika 5.2.4: Narisan pravokotnik S klikom na ikono Push/Pull lahko dodajamo ali odvzamemo volumen, slika 5.2.5. Z levo miškino tipko kliknemo na površino pravokotnika in povlečemo navzgor. Istočasno se nam prikažejo mere za koliko cm oz. mm smo dodali ali odvzeli volumen liku. Slika 5.2.5: Dodajanje volumna liku - 37 -
V naslednjem koraku sem narisala še zgornjo ploskev in stranico modela prav tako z orodjem za risanje štirikotnika. S klikom na ikono za risanje krožnih lokov (ang. Arc) oblikujemo robove. Z levo miškino tipko kliknemo izhodiščno točko in povlečemo do končne točke, kjer s klikom potrdimo obliko tetive. Nato z orodjem za dodajanje/odvzemanje volumna (ang. Push/Pull) odvzamemo volumen in nastane zaokrožen rob, slika 5.2.6. Slika 5.2. 6: Risanje krožnih lokov Z orodjem za risanje črt, kakor tudi z orodjem za dodajanje/odvzemanje volumna, ter z orodjem za risanje krožnih lokov, sem oblikovala naslonski del oblazinjenega pohištva, slika 5.2.7. S klikom na ikono za risanje črt lahko narišemo sklenjen lik, ki ga lahko poljubno oblikujemo z orodji, ki so nam na voljo. Črte se lahko uporabljajo za deljenje ali združevanje površin. - 38 -
Slika 5.2.7: Naslonski del oblazinjenega pohištva Vzglavnika, kakor tudi stranice oblazinjenega pohištva, sem oblikovala z že omenjenim orodjem, za risanje štirikotnika in z orodjem za dodajanje/odvzemanje volumna. Za lepšo obliko blazin in stranic pa sem uporabila orodje Deform, ki je namenjeno za premik,razteg ali zasuk predmeta. S klikom na ikono Deform izbočimo in pomanjšamo, slika 5.2.8. lahko narisani predmet premikamo, rotiramo, raztegnemo, Slika 5.2.8: Premik vzglavnika na model oblazinjenega pohištva - 39 -
Z orodjem za risanje kroga (ang. Circle) sem oblikovala noge oblazinjenemu pohištvu, slika 5.2.9. Najprej sem narisala poljuben krog na dnu modela in ga oblikovala z orodjem za dodajanje/odvzemanje volumna. S klikom na ikono Select sem označila narisano nogo modela. Nato sem s tipko Ctrl+C nogo kopirala in s tipkama Ctrl+V prilepila na želeno mesto. Slika 5.2.9: Oblikovane noge modela Slika 5.2.10 prikazuje končni videz narisanega modela oblazinjenega pohištva. Slika 5.2.10: Končni videz narisanega modela - 40 -
S klikom na ikono Paint Program nam tudi omogoča dodajanje tekstur. lahko izbiramo med različnimi vrstami barv, tekstur in materialov. Za nanašanje tekstur oblazinjenemu pohištvu sem uporabila vzorce, ki sem jih fotografirala v trgovini s pohištvom. Slika 5.2.11: Nanašanje teksture na model oblazinjenega pohištva Slika 5.2.12: Različne teksture na modelu oblazinjenega pohištva - 41 -
5.3 Delo s programsko opremo Wix Pred samim začetkom dela s programsko opremo Wix, sem si izbrala predlogo spletne strani, slika 5.3.1. Slika 5.3.1: Predloga spletne strani Spletna stran je sestavljena iz naslednjih komponent: Naslovna stran Galerija Kontakt. S klikom na ikono Page Parts se nam prikažejo meniji, s pomočjo katerih lahko oblikujemo spletno stran. Na voljo imamo izbiro oblike ozadja, okvirja strani, centra strani, menijev, itd. Kot barvo ozadja sem si izbrala rdečo v kombinaciji s črno, slika 5.3.2. Slika 5.3.2: Barva ozadja spletne strani - 42 -
S klikom na ikono Page Center se nam prikažejo možnosti za izbiro oblike sredine strani, slika 5.3.3. Slika 5.3.3: Možne različice za izbiro središča strani Po izbiri oblike osrednjega dela spletne strani, sem začela z oblikovanjem njene vsebine. Najprej sem oblikovala naslov spletne strani, kjer sem si s klikom na ikono Text >Title izbrala vrsto pisave, slika 5.3.4. Slika 5.3.4: Možnosti izbire vrste pisave - 43 -
S klikom na ikono Media > Pics > Upload, lahko naložimo svoje slike, ki jih potrebujemo za izdelavo spletne strani, slika 5.3.5. Slika 5.3.5: Slike oblazinjenega pohištva Da povežemo spletne strani med seboj, moramo ustvariti menije, ki jih oblikujemo s klikom na ikono Page Parts > Menus, slika 5.5.6. Tukaj imamo na razpolago široko paleto različnih barv in oblik menijev, tako horizontalnih kot vertikalnih. Slika 5.5.6: Izbira menijev - 44 -
Ko sem izdelala naslovno stran spletne strani, slika 5.5.7, sem začela oblikovati Galerijo slik, kjer sem oblikovala dve podstrani. Na eni sem prikazala slike programa Google SketchUp, na drugi pa slike programa 3DVia Shape. Slika 5.5.7: Naslovna stran spletne strani S klikom na ikono Page Parts > Page Groups oblikujemo podstrani. V meniju Galleries > Slider sem izbrala način predstavitve posameznih slik oblazinjenega pohištva in vstavila slike, ki sem jih naložila iz svojih datotek, slika 5.5.8. Vse modele oblazinjenega pohištva sem tudi ustrezno poimenovala. Slika 5.5.8: Oblikovani podstrani in vstavljene slike - 45 -
Če želimo, da se obiskovalci obrnejo neposredno na nas, je priporočljiva uporaba kontaktnega obrazca. Za oblikovanje elementa Kontakt kliknemo na ikono Widgets >Contact Form, kjer lahko izbiramo med kontaktnimi obrazci, ki so nam na voljo, slika 5.5.9. Slika 5.5.9: Izbira formularja za kontakt - 46 -
6. REZULTATI Z DISKUSIJO Za diplomsko nalogo sem si izbrala temo Spletni katalog oblazinjenega pohištva. Delala sem s prosto dostopnimi spletnimi programi. Za 3D risanje oblazinjenega pohištva sem uporabila program Google SketchUp in 3DVia Shape. Spletno stran pa sem oblikovala s pomočjo spletnega portala Wix. Najprej sem začela spoznavati osnovne funkcije programa Google SketchUp. Ogledala sem si video posnetke s preprostimi navodili, ki jih ponuja program. Nato sem začela z oblikovanjem modelov oblazinjenega pohištva. Narisala sem pet različnih modelov, na katere sem nanašala različne teksture, slika 6.1. Teksture, ki sem jih nanašala, sem fotografirala v trgovini s pohištvom. Slika 6.1: Različice oblazinjenega pohištva narisane, s programom Google SketchUp. Pri delu s programsko opremo 3DVia Shape sem si ravno tako morala najprej pogledati nekaj učnih video posnetkov in osvojiti osnovne funkcije, ki jih program ponuja. Tudi s tem programom sem narisala pet različnih modelov oblazinjenega pohištva, na katere sem nanašala različne teksture, katere sem fotografirala z digitalnim fotoaparatom, slika 6.2. - 47 -
Slika 6.2: Različice oblazinjenega pohištva, narisane s programom 3DVia Shape. Če primerjam oba programa, s katerima sem delala, ima vsak določene prednosti in slabosti. Program Google SketchUp: za delo ne zahteva omrežne ali internetne povezave, razen takrat, ko želimo uvoziti model iz galerije modelov, omogoča shranjevanje narisanih slik na računalnik, ima na voljo veliko izbiro različnih orodij s katerimi lahko oblikujemo predmet, omejen je le pri oblikovanju izboklin (npr. pri risanju vzglavnikov), na narisane modele lahko nanašamo različne materiale, vzorce in teksture, ki so nam na voljo, lahko pa prenesemo teksture iz svojih grafičnih datotek, katere imamo tudi možnost spreminjati. Program 3DVia Shape: za delo s programom potrebujemo internetno povezavo, ne omogoča shranjevanja narisanih slik na računalnik; po vsaki dokončani risbi lahko narisane slike shranimo v njihov spletni arhiv, ima na voljo orodja, s katerimi lahko lepo oblikujemo narisane modele in jih lahko postavimo tudi v različna okolja, na narisane modele lahko nanašamo različne materiale, vzorce in teksture; lahko prenesemo teksture iz svojih datotek, katerih se ne da spreminjati (npr. sprememba velikosti vzorca na oblazinjenem pohištvu ali sprememba barve vzorca). - 48 -
Wix je prosto dostopni spletni program, ki nam nudi oblikovanje spletnih strani. Na voljo imamo veliko orodij s katerimi lahko oblikujemo spletno stran po naših željah in zmožnostih. Program se da osvojiti z nekaj truda, seveda so dobrodošli tudi učni video posnetki, ki nam služijo kot pomoč pri delu. V naslovni strani Spletnega kataloga oblazinjenega pohištva je kratek opis o tem, kaj prikazuje spletni katalog, slika 6.3. Slika 6.3 Naslovna stran spletne strani Različice modelov narisane s programoma Google SketchUp in 3DVia Shape sem predstavila v Galeriji na spletni strani Wix, slika 6.4. Slika 6.4: Galerija slik - 49 -
Na koncu sem vključila še kontaktni obrazec, slika 6.5. Slika 6.5: Kontaktni obrazec - 50 -