POROČILO PRAKTIČNEGA IZOBRAŽEVANJA

Transcription

1 VISOKOŠOLSKI STROKOVNI ŠTUDIJ Elektrotehnika Telekomunikacije POROČILO PRAKTIČNEGA IZOBRAŽEVANJA v podjetju Iskratel d.o.o. poslovna enota Maribor Čas opravljanja: Mentor v podjetju: od do Bojan Štok Študent: Vpisna številka: E-pošta: Telefon: Grega Ramšak grega151@gmail.com 41 /

2 - Poročilo praktičnega izobraževanja - Kazalo Kazalo... 2 Uvod... 3 O podjetju... 4 Mreža Iskratel... 5 Organizacijska struktura podjetja... 5 Poročilo... 6 Uporabljena orodja... 6 RMI test Excel to xml Terminal Applet za telnet in SSH Google gadget Pripomoček za prikaz vremena Grafičen prikaz plošč in prikaz spreminjanja stanja z Javo Grafičen prikaz plošč in prikaz spreminjanja stanja z JavaFX Google gadget za CDR Server Viri Priloge Izpis časov izmerjenih pri testiranju RMI storitve Navodila za uporabo Terminal applet-a Navodila za izdelavo in uporabo Google gadget-a... Navodila za namestitev in uporabo Google gadget-a za CDR klienta

3 - Poročilo praktičnega izobraževanja - Uvod Praktično izobraževanje sem opravljal v podjetju Iskratel d.o.o., poslovna enota Maribor, natančneje v sektorju za raziskave in razvoj. Med izobraževanjem sem opravljal več različnih nalog. Najpomembnejši sta bili grafično prikazovanje plošč in stanja ter Google gadget za CDR strežnik. Te in ostale naloge so opisane v poročilu. -3-

4 - Poročilo praktičnega izobraževanja - O podjetju Podjetje Iskratel je eden vodilnih ponudnikov sodobnih komunikacijskih rešitev z več kot petdesetletnimi izkušnjami v svetu telekomunikacij. Osnovna dejavnost je razvoj celovitih rešitev za komunikacijske potrebe informacijske družbe prihodnosti na področjih fiksne in mobilne telefonije, konvergenčnih omrežij, omrežij naslednje generacije ter upravljanja omrežij. Poslovna filozofija podjetja poleg sodelovanja s partnerji vključuje še podporne storitve - načrtovanje omrežij, izobraževanje in poprodajno podporo. Slika 1: Iskratelov logotip Za uspešno produktno strategijo stojijo lastna blagovna znamka komunikacijskih produktov in rešitev SI3, deloma tudi še SI2. Prav tako pa v rešitve integrirajo produkte njihovih partnerjev. Produkte za dostopovna omrežja dopolnjujemo s produkti fiksnih omrežij. Velik poudarek dajejo nadgrajevanju mobilnih GSM omrežij s tehnologijama GPRS in UMTS. Vse intenzivnejšemu zlivanju omrežij sledijo z novimi produkti s področja podatkovnih/ip omrežij, kjer je njihovo ključno vodilo varno evolucijsko nadgrajevanje obstoječih omrežij kupcev. Slika 2: Iskratelov portfelj Vizija razvoja vključuje sobivanje klasičnih tehnologij s tehnologijami tako imenovanih novih generacij (NGN, FMC, IMS,...). Vire usmerjajo v razvoj konvergenčnih proizvodov in celovitih rešitev ter razvoj omrežij prihodnje generacije, ki temeljijo na internetnem protokolu. Svojim kupcem in partnerjem nudijo paleto profesionalnih storitev, ki obsegajo svetovanje, izobraževanje, načrtovanje omrežij, gradnjo telekomunikacijskih omrežij in celovito tehnično podporo. -4-

5 - Poročilo praktičnega izobraževanja - Mreža Iskratel Mreža Iskratelovih podjetij: Mreža Iskratelovih predstavništev: Iskratel, Kranj, Slovenija IUT Moskva, Rusija Iskratel Electronics, Kranj, Slovenija IUT Sankt Peterburg, Rusija Iskrateling, Kranj, Slovenija IUT Krasnodar, Rusija Iskrauraltel, Ekaterinburg, Rusija IUT Nižni Novgorod, Rusija Monis, Harkov, Ukrajina IUT Vladivostok, Rusija Iskrabel, Minsk, Belorusija IUT Novosibirsk, Rusija ITS, Skopje, Makedonija Iskratel Moskva, Rusija ITG, Almaty, Kazahstan Iskratel Kijev, Ukrajina ITG, Bagdad, Irak Iskratel Minsk, Belorusija ITG, Moskva, Rusija Iskratel Almaty, Kazahstan Iskratel MMC, Azerbajdžan Iskratel Kišinjev, Moldavija Organizacijska struktura podjetja Slika 3: Organizacijska struktura podjetja Sektor za raziskave in razvoj je sestavljen iz več različnih oddelkov, razvoj strojne opreme, sistemi za upravljanje omrežja, sistemska verifikacija, multimedija, itd. Praktično izobraževanje sem opravljal v oddelku sistemi za upravljanje omrežja (ITRD) v odseku 4, ki je pod vodstvom Bojana Štoka in deluje v poslovni enoti Maribor. -5-

6 - Poročilo praktičnega izobraževanja - Poročilo Uporabljena orodja Uporabljal sem operacijski sistem Windows XP za običajno delo in Linux Red Hat za testiranje. Programi, katere sem uporabljal, so večinoma odprtokodni ali brezplačni. Seznam programov Seznam programov, ki sem jih uporabljal: Razvoj NetBaens Eclipse Google Gadget Editor SoapUI Java JDK (verzije 1.3, 1.5, 1.6) Java JRE (več verzij) JavaFX SDK 1.2 Testiranje Firefox - Firebug (plugin) - Konzola napak (Error console) Putty VMWare player HFS HTTP file server Google code hosting Phpnet.us (free hosting server) igoogle Chrome - Javascript error console Grafično oblikovanje Inkscape Gimp 2 SVG to JavaFX Graphics Converter Ostalo WinSCP JavaD TortoiseSVN -6-

7 - Poročilo praktičnega izobraževanja - NetBeans NetBeans je razvojno okolje za več programskih jezikov kot so Java, JavaFX, JavaScript, C, C+ +, Python, Ruby, SQL, PHP, HTML, CSS, itd. Poleg tega vsebuje veliko orodij za testiranje in nadzorovanje delovanja programov. Vključuje Tomcat, GlassFish, ipd. Prva verzija programa je izšla 1998 kot komercialni program, leta 2 pa je Sun izdal odprtokodno različico. Konec leta 27 je izšla različica 6. in se nadgrajevala do verzije 6.8, ki je izšla decembra 29. Za junij 21 pa je načrtovana različica 6.9. NetBeans se nenehno nadgrajuje in izboljšuje in je dostopen za Windows, Linux, Mac OS X in Solaris operacijske sisteme ( Slika 4: NetBeans okno pri pisanju JavaFX programa -7-

8 - Poročilo praktičnega izobraževanja - Eclipse Eclipse je prav tako razvojno okolje za več programskih jezikov. Izšel je kot odprtokodna različica Eclipse 3. leta 24. Nato je vsako leto junija izšla nova verzija. Trenutna verzija je Galileo Eclipse 3.5 (junij 29), za junij 21 pa je načrtovana različica Helios Eclipse 3.6. Tudi Eclipse je dostopen za vse večje operacijske sisteme ( Slika 5: Eclipse okno pri pisanju java razreda Google gadget Editor Google gadget Editor je Googlov spletni urejevalnik za gadgets pripomočke. Uporabljal sem ga za pisanje in shranjevanje pripomočkov za igoogle. Podrobnejše delovanje je v prilogi za Google gadget Pripomoček za prikaz vremena. Urejevalnik je dostopen na strani pri čemer je shranjevanje možno le z Googlovim računom. -8-

9 - Poročilo praktičnega izobraževanja - SoapUI SoapUI je program za testiranje in simuliranje spletnih storitev (Web Service). Trenutna verzija je SoapUI 3.5 kot odprtokodna in profesionalna verzija. SoupUI je dostopen za večino operacijskih sistemov na Na Slika 6 je prikazano testiranje spletne storitve IntToRoman. Aplikacija pretvori celoštevilčno število (21) v zapis z rimskimi številkami (MMX). Na sredini je okno z SOAP zahtevo, na desni pa odgovor na zahtevo. Program sem uporabljal za generiranje in testiranje SOAP zahtev za CDR strežnik pri nalogi Google gadget za CDR Server. Slika 6: SoapUI okno pri testiranju spletnega servisa Java in JavaFX Za pisanje in poganjanje Java (JavaFX) aplikacij je potrebna namestitev Java JRE zgolj za zagon in Java JDK za pisanje (javadoc dokumentacija) in prevajanje. Zaradi testiranja kompatibilnosti različnih verzij jave v nalogi RMI test sem uporabljal verzije 1.3, 1.5, 1.6 tako JRE kot JDK. Za ostale projekte pa 1.5 oz Vse verzije imajo še podverzije oz. posodobitve, tako je trenutna različica za javo Java JDK 1.6_18. Trenutna verzija JavaFX je JavaFX SDK Vse različice so dostopne na oziroma na -9-

10 - Poročilo praktičnega izobraževanja - Firefox Spletni brskalnik z vgrajenim prikazom napak. Za podrobnejše nadziranje napak je mogoče vključiti dodatek plugin Firebug, ki prikaže skoraj vse napake (Java, javascript, html, ). Uporabljal sem ga predvsem pri testiranju v nalogi Google gadget za CDR Server in Terminal Applet za telnet in SSH. Dostopno na Chrome Googlov spletni brskalnik z vgrajenim podrobnim prikazovanjem napak. Uporabljal sem ga pri istih nalogah kot Firebug. Dostopno na Putty Program za povezovanje na oddaljene računalnike (terminal). Uporabljal sem ga pri nalogi RMI test, Terminal Applet za telnet in SSH in Google gadget za CDR Server. Dostopen na VMWare player Uporabno orodje za testiranje programov na drugih operacijskih sistemih in povezavo med računalniki. Program zažene virtualni računalnik z operacijskim sistemom, ki ga naložimo na ta računalnik. Tako lahko na Windows OS poženemo VM-Ware Player (VM-Ware Workstation), s katerim poganjamo virtualni računalnik, na katerem teče Linux OS. Idealno, če nimamo na voljo več računalnikov za testiranje. Podobna programa sta VirtualPC od Microsoft-a in Virtual box od Sun-a. Dostopen na HFS HTTP file server Strežnik za datoteke in spletne strani. Odličen za testiranje spletnih strani, appet-ov in dostopa z drugih računalnikov. Dostopen na Google code hosting Googlova brezplačna storitev za shranjevanje odprtokodnih projektov (vsi projekti in datoteke so javni) z možnostjo primerjanja različnih verzij kode, ocenjevanja kode s strani drugih programerjev v projektu, sinhronizacije z lokalnim projektom preko SVN, vgrajeno wiki, itd. Dostopno na Z Googlovim računom pa se lahko odpre ali sodeluje na projektih. Phpnet.us (free hosting server) Brezplačna storitev za gostovanje spletnih strani. Uporabljal sem ga pri nalogi Google gadget za CDR Server za testiranje cross-domain blokiranja in uporabe crossdomain.xml datoteke. Dostopno na igoogle Googlova brezplačna storitev na kateri si lahko dodamo želene pripomočke gadgete. Dostopna s googlovim računom na

11 - Poročilo praktičnega izobraževanja Inkscape Odprtokodni program za vektorsko risanje. Večino grafičnega oblikovanja sem opravil s tem orodjem. Dostopen na Gimp 2 Odprtokodni program za risanje slik. Uporabil sem ga za oblikovanje rasterskih slik. Dostopen na SVG to JavaFX Graphics Converter Sun-ov pretvornik iz vektorskega formata SVG v FXZ format. Dostopen na WinSCP Program za prenos podatkov med računalniki. Dostopen na JavaD Program za pregled javinih datotek. Predvsem uporabno za pregledovanje že prevedenih javinih razredov in.jar datotek. Dostopen na TortoiseSVN Dodatek za Explorer za lažjo uporabo Subversion - SVN programa. Uporabljal sem ga za prenos podatkov na code.google. Dostopen na

12 - Poročilo praktičnega izobraževanja - RMI test Navodila Izdelaj RMI strežnik, ki izvede dve enostavni funkciji in uporabniški program, ki kliče funkciji na RMI strežniku. Preveri različne kombinacije operacijskih sistemov Windows in Linux ter različic jave. Pri tem izmeri: čas zagona strežnika čas nastavitve strežnika čas ustvarjanja registra čas do pripravljenosti strežnika na strani uporabnika: čas zagona čas do nastavitve čas do pridobitve podatkov iz registra čas za lookup čas prvega odziva konec programa Spoznavanje delovanja RMI Remote Method Invocation je javin vmesnik za izvajanje objektno orientiranega ekvivalenta RPC remote procedure calls (Klic oddaljene procedure). Uporablja se za oddaljeno izvajanje metod na strežnikih. Strežniški program, ki vsebuje RMI storitev mora implementirati vmesnik interface z definirano metodo, ki jo želimo klicati. Na podlagi vmesnika se generira stub datoteka, katero ob zahtevi bere klient. Vsa komunikacija med strežnikom in klientom poteka na TCP/IP nivoju. Tudi takrat, ko oba programa tečeta na istem računalniku. Za moj primer sem napisal strežnik, ki ustvari RMI storitev in razred, ki kliče razred StevecImpl. public class ServerProg { private static Registry registry; private static final int PORT = 127; public static void main(string[] argv) { try { registry = LocateRegistry.createRegistry(PORT); InterfaceStevec stevecimpl = new StevecImpl(); registry.bind("serverstevec", stevecimpl); catch (Exception e) { System.out.println("Napaka straznika!"); Program v RMI registru ustvari storitev 127 in jo zveže na razred StevecImpl. ServerStevec (določi začetno vrednost ) na vratih

13 - Poročilo praktičnega izobraževanja Razred StevecImpl vsebuje metodo številko. getstevec(), ki za vsak klic metode vrne za 1 povečano public class StevecImpl extends UnicastRemoteObject implements InterfaceStevec, java.io.serializable { private int stevec; public StevecImpl (int i) throws RemoteException { stevec = i; public int getstevec() throws RemoteException { return stevec++; Metode v tem razredu so definirane z vmesnikom InterfaceStevec: public interface InterfaceStevec extends Remote{ public int getstevec() throws RemoteException; Program s katerim kličemo zgornjo RMI storitev (klient) sem napisal na sledeč način: public class ClientProg { private static Registry registry; public static void main(string[] argv) throws IOException { try { registry = LocateRegistry.getRegistry("localhost", 127); System.setSecurityManager(new RMISecurityManager()); InterfaceStevec stevec = (InterfaceStevec) registry.lookup("serverstevec"); System.out.println("Stevec streznika: " + stevec.getstevec()); catch (Exception e) { System.out.println("Napaka!"); Program iz RMI registra na podlagi imena strežniškega računalnika in vrat pridobi podatke o storitvi. Z metodo registry.lookup("serverstevec") se spremenljivki priredi razred StevecImpl, ki je lociran na strežniški strani. Zdaj se lahko uporabijo metode, ki jih vsebuje ta razred. V zgornjem primeru se v konzolo izpiše vrednost števca. Klientu pripadajoč vmesnik, ki definira metodo, ima isto obliko, kot vmesnik na strežniški strani: public interface InterfaceStevec extends Remote{ public int getstevec() throws RemoteException;

14 - Poročilo praktičnega izobraževanja - Podpisovanje class-ov Pri povezavi na oddaljene računalnike se iz varnostnih razlogov vključi blokiranje povezave. Pravila za dovoljenja so določena v datoteki java.policy, ki se praviloma nahaja v namestitveni mapi jave (JDK in JRE). Programu lahko dovolimo izvajanje na dva načina: Konfiguracija java.policy datoteke. Lahko določimo, kateri program ima kakšno dovoljenje, programi v določeni mapi imajo dovoljenje za izvajanje. Ali pa dovolimo vsem programom izvajanje za določena vrata - port ali celoten sistem. Ta metoda je primerna le za lokalno delo oziroma za računalnike, katerim lahko spreminjamo datoteko. Primer dovoljenja brez omejitev: grant { permission java.security.allpermission; ; Program podpišemo z certifikatom. Tako lahko program distribuiramo in se uporabnik sam odloči ali bo dovolil njegovo delovanje. Primer podpisovanja.jar datoteke z certifikatom v ukazni vrstici console (cmd): C:\Program>keytool genkey alias mojcertifikat keypass keygeslo keystore certifikatstore storepass storegeslo Podrobno delovanje in podpisovanje je predstavljeno na spletni strani:

15 - Poročilo praktičnega izobraževanja - Aplikacije in meritve Zaradi lažjega zagona obeh programov sem napisal.bat datoteko. Strežnik se požene trikrat z različnimi verzijami jave (1.3, 1.5, 1.6). Klient se zažene trikrat z različnimi java verzijami in trikrat za različne verzije strežnika. Vse to sem ponovil v kombinaciji različnih operacijskih sistemov (Windows in Linux). Slika 7: Izpis strežniškega programa zagnanega na Windows XP in z javo 1.3 Ko se strežnik zažene, se izpišejo podatki o sistemu. V tem trenutku je strežnik nastavljen. V zgornjem primeru se je nastavil po 281 ms (Slika 7), po 312 ms od zagona se je ustvaril rmi register in po 78 ms je bil strežnik pripravljen za sprejemanje zahtev. Ko se klient poveže in zahteva vpogled metod, mu jih strežnik pošlje in izpiše, katere datoteke so bile poslane klientu. Reading: StevecImpl_Stub Reading: VsotaImpl_Stub Slika 8: Izpis uporabniškega programa zagnanega na Windows XP in z javo 1.3 Po zagonu klienta se izbere ime naslov računalnika na katerega se želimo povezati. Program je nastavljen po ms, stub datoteke prejme po 23 ms. Zatem se izvedejo klicane metode, v zgornjem primeru takoj po prejemu datotek. Naslednji dve metodi pa se izvedeta v 125 ms. Tako je celoten proces zaključen v 328 ms od izbire oddaljenega računalnika

16 - Poročilo praktičnega izobraževanja - Ugotovitve V splošnem so rezultati med seboj primerljivi in relativno enaki. Med testiranjem programa sem opazil, da je bistvena razlika med zagonom programa prvič in nadaljnjih zagonih istega programa. Zato sem pri merjenju dodal še čase dveh zagonov istega sistema za merjenje. Priloga Izpis časov izmerjenih pri testiranju RMI storitve

17 - Poročilo praktičnega izobraževanja - Excel to xml Navodila Excelovo xls datoteko, ki vsebuje pet stolpcev (areacode, dn, nodeid, portid, Ime naročnika), je potrebno pretvoriti v xml datoteko naslednje oblike: <subscribers> <subscribers areacode='1' dn='2' nodeid='3' portid='4' name='5' /> </subscribers> Za pretvorbo se uporabi makro visual basic. Delovanje Program ob pritisku na gumb "to XML" zahteva pot in ime datoteke, v katero shrani podatke. Nato poišče konec tabele in iz celic prepiše podatke v vrstice datoteke. areacode dn 1 2 nodeld 2 3 portid Ime naročnika 5 6 to XML Slika 9: Prikaz tabele z izvornimi podatki za pretvorbo Rezultat pretvorbe: <?xml version='1.' encoding='utf-8'?> <subscribers> <subscribers areacode='1' dn='2' nodeid='3' portid='4' name='5' /> <subscribers areacode='2' dn='3' nodeid='4' portid='5' name='6' /> </subscribers>

18 - Poročilo praktičnega izobraževanja - Terminal Applet za telnet in SSH Navodila Izdelati terminal za telnet in SSH, ki ga bo mogoče zagnati v brskalniku oziroma kot java applet. Program se mora avtomatsko prijaviti, če dobi potrebne vhodne parametre. Če teh ni se podatki vnesejo ročno. Podpirati mora tako telnet protokol kot SHH. Spoznavanje protokola in iskanje primerne knjižnice TELNET - TErminaL NETwork je omrežni protokol, uporabljen v internetu in lokalnih omrežjih za zagotavljanje dvosmerne interaktivne komunikacije. SSH - Secure SHell je omrežni protokol, ki dovoljuje izmenjavo datotek z uporabo varovanega kanala med dvema omrežnima napravama. Ustvarjen je bil kot zamenjava za telnet in ostale protokole, ki pošiljajo podatke nezavarovano. VT1 je video terminal, ki ga je izdelovalo podjetje Digital Equipment Corporation. Zaradi natančne izvedbe je postal standard za emulatorje terminalov. Za delovanje uporablja ASCII nabor znakov in ukazne sekvence - control sequences ali escape sequences s katerimi se izvajajo ukazi in ureja prikaz znakov. Izvedba vmesnika za telnet je za preprost prenos znakov oz. nizov enostavna. Podpora ukaznih sekvenc pa je nekoliko bolj zahtevna. Zaradi tega sem moral poiskati knjižnico, ki podpira uporabo ukaznih sekvenc oz. VT1 standard, in katere licenca je primerna za uporabo v komercialne namene. Knjižnic je dovolj. Nekatere so bolj zaprtega tipa z vgrajenim vmesnikom, ki se jih ni dalo integrirati v applet, nekatere z neprimerno licenco, itd. Odločil sem se za knjižnico JCraft ( Izdaja vsebuje funkcionalen vmesnik za prikaz in testiranje, ki sem ga vključil v applet, vendar ne podpira kopiranja in vnosa besedila v okno. Tako sem celoten prikaz prenesel iz grafičnega prikaza črk (z Graphics2D) na polje z besedilom. Pri tem je zaradi neskladnosti prišlo do nekaj napak pri lokaciji izpisanega besedila pri nekaterih aplikacijah kot so nano, ipd

19 - Poročilo praktičnega izobraževanja - Delovanje Za prikaz applet-a v brskalniku ga je potrebno vključiti v spletno stran. Tu se tudi določi vhodne parametre <param name="hostname" value="remotepc"/>, ki so potrebni za avtomatsko povezavo in prijavo na oddaljen računalnik, niso pa nujni za delovanje programa. Primer kode spletne strani za prikaz applet-a: <html> <head> <title>terminal Applet</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <applet id= "Terminal" codebase= " code= "html.terminalapplet.class" archive= "jsch jar, TerminalAppletS.jar" width= "6" height= "435"> <param <param <param <param <param <param <param </applet> </body> </html> name="hostname" name="username" name="password" name="avtosingin" name="ssh_telnet" name="stvrstic" name="extended" value="remotepc"/> value="user"/> value="pass"/> value="true"/> value=""/> value="24"/> value="false"/> Applet se lahko zažene v samostojnem oknu, kot Java Web Start. Za to je potrebna datoteka formata.jnlp, ki ima.xml strukturo. <?xml version="1." encoding="utf-8" standalone="no"?> <jnlp codebase=" href="launch.jnlp" spec="1.+"> <information> <title>terminalapplet</title> <vendor>student15</vendor> <homepage href=""/> <description>terminalapplet</description> <description kind="short">terminalapplet</description> <offline-allowed/> </information> <security> <all-permissions/> </security> <resources> <j2se version="1.5+"/> <jar eager="true" href="terminalapplet.jar" main="true"/> <jar href="lib/jsch jar"/> </resources> <applet-desc height="3" main-class="html.terminalapplet" name="terminalapplet" width="3"> <param name="hostname" <param name="username" <param name="password" <param name="avtosingin" <param name="ssh_telnet" <param name="stvrstic" <param name="extended" </applet-desc> </jnlp> value="remotepc"/> value="user"/> value="pass"/> value="true"/> value=""/> value="24"/> value="false"/>

20 - Poročilo praktičnega izobraževanja Program se lahko zažene kot običajna aplikacija, ki ji lahko podamo vhodne parametre ali pa jo zaženemo brez njih in podatke vpišemo ročno (naslov, uporabniško ime in geslo). Program podpira kopiranje in vstavljanje besedila v okno. Slika 1: Okno s prikazom delovanja v SSH načinu Ne podpira pravilno pa vseh Escape sequence, ki omogočajo prikaz tabel v terminalu. Priloga Navodila za uporabo Terminal applet-a - 2 -

21 - Poročilo praktičnega izobraževanja - Google gadget Pripomoček za prikaz vremena Navodila Izdelati google gadget za igoogle. Pripomoček naj prikaže trenutno vreme, temperaturo in čas za nastavljeno mesto. Podatki se posodobijo ob kliku na gumb. Za vir se uporabi Crossdomain problem Pri testiranju zajema podatkov s spletne strani sem hitro naletel na problem meddomenske komunikacije oz. pošiljanja podatkov (Cross domain blocking). Gre za varnostni ukrep zaradi zaščite podatkov, objavljenih na spletu. Teoretično bi s tem zaščitili nedovoljen prenos (uporabo, objavo, ) podatkov s spletnih strani, ki to ne dovoljujejo. Tako nisem mogel z lokalnega računalnika dostopati do želenih podatkov. Problem je rešil google z metodo gadgets.io.makerequest(), ki omogoči oz. olajša dostop do strani, ki dovoljujejo povzemanje podatkov. Orodja Pri tej nalogi sem se prvič resno uporabljal programski oz. skriptni jezik JavaScript, kar mi je vzelo precej časa, predvsem za spoznavanje jezika in izdelavo primerov po navodilih (tutorial). Primeri so vsebovali tudi predloge CSS, tako da sem bolje spoznal tudi te. Izdelava pripomočka: Obstajajo tri metode izdelave in objave pripomočka: 1. Na lokalnem računalniku in vključitev pripomočka preko lastne spletne strani ali strežnika 2. Na lokalnem računalniku in vključitev pripomočka preko google strežnika ( 3. Na googlovem Google Gadget Editor in neposredna vključitev na igoogle Sam sem izbral tretjo metodo. Uporaba Google Gadget Editor-ja je opisana v prilogi. Slika 11: Prikaz Google Gadget Editor-ja

22 - Poročilo praktičnega izobraževanja - Delovanje Pripomoček z AJAX tehnologijo pridobi podatke oz. spletno stran function makedomrequest(url) { var params = {; params[gadgets.io.requestparameters.content_type] = gadgets.io.contenttype.dom; gadgets.io.makerequest(url, response, params); ; Z strani sem poiskal želene podatke in jih izpisal na pripomoček. <yweather:condition text="cloudy" code="26" temp="-2" date="tue, 9 Mar 21 1:3 am CET" /> Opis vremena se avtomatsko prevede s pomočjo googlove aplikacije translate API. function gettranslate(element, text) { return google.language.translate(text, "en", "sl", function(result) { if (!result.error) { return result.translation; return null; );

23 - Poročilo praktičnega izobraževanja - Uporaba Pripomoček od odprtju strani avtomatsko pridobi podatke, prav tako ob vsaki posodobitvi strani in ob pritisku na gumb "Posodobi". Slika 12: Pripomoček na igoogle spletni strani Pripomočku so dodane nastavitve s katerimi nastavimo lokacijo, za katero želimo izvedeti vreme. Slika 13: Prikaz izbiranja lokacije. Priloga Navodila za izdelavo in uporabo Google gadget-a

24 - Poročilo praktičnega izobraževanja - Grafičen prikaz plošč in prikaz spreminjanja stanja z Javo Navodila Prvi del naloge je izdelati strukturni model plošč in priključkov za različne tipe modelov. Primer: Model IT1 Board ES 1 - Port 1 - Port 2 - Board ES 2 - Port 1 - Port 2 - Ti elementi morajo vsebovati določene lastnosti in metode. Model se prikaže z drevesno strukturo (file tree). Drevo na ima dva nivoja (Bord, port). Razširjena je lahko le ena plošča naenkrat. Ikone pred imenom naj se spreminjajo glede na stanje plošč in priključkov. Z desnim klikom na ploščo naj se odpre meni, ki ga generira razvijalec. Prav tako velja za plošče, vendar naj bo to drug meni. Ob dvojnem kliku na elementu naj se sproži dogodek (event). Drugi del naloge je grafični prikaz plošč in njihovega stanja. Program naj prikaže okvir z oštevilčenimi ploščami, ki se jim barva spremeni glede na njihovo stanje. Program naj podpira prikaz v ležečem in pokončnem položaju plošč. Za prikaz primerjaj različne pristope: Graphic2D knjižnico, kombinacijo Graphic2D in slik in prikaz vektorskih slik (naprimer.svg format). Poudarek je bil predvsem na prikazu vektorskih slik

25 - Poročilo praktičnega izobraževanja - Model Ustvaril sem tri razrede EquipmentModel, EquipmentBoard in EquipmentPort. Modelu sem dodal lastnosti: name, type, slotcount, vertical, centralposition in boardlist ter dodal metode za dostopanje do teh lastnosti in spreminjanje in metodo addboard za dodajanje plošč. Podobno sem storil za plošče in priključke. Ko sem se skozi primere seznanil z delovanjem in uporabo JTree komponente, sem jo vključil v projekt. Zaradi lažjega prikazovanja sem modelu dodal še metodo gettreemodel, ki ustvari primerno strukturo za drevesno strukturo. Ikone za prikazovanje stanja sem narisal v programu Inkscape in jih kot.png format vključil v projekt. Z metodo treerenderer sem omogočil spreminjanje ikone glede na stanje elementov. Slika 14: Prikaz drevesne strukture za EquipmentModel Ko je bil prikaz omogočen, sem dodal še vključitev menija za desni klik in dvojni klik za posamezen element. Vse sem vključil združil v razredu EquipmentTree, ki se ga lahko kliče kot običajno java komponento. Za preverjanje delovanja komponente sem dodal še naključno generiranje modela z ploščami in naključno spreminjanje stanja plošč in priključkov. Grafični prikaz Za predlogo sem dobil sliko, prikazano na Slika 15, kjer je prikazan model s šestnajstimi ploščami s sliko priključkov, imenom plošče in dvema prikazovalnikoma stanj (telo plošče in slika svetilne diode). Slika 15: Predloga za grafičen prikaz plošč V oblaku je ponazorjen prikaz lastnosti plošče (tooltip)

26 - Poročilo praktičnega izobraževanja - Prikaz z Graphic2D Po nekaj rešenih primerih sem pričel z vključevanjem v projekt. Najprej sem z programom narisal okvir z senčenjem (z fiksno velikostjo za 5 plošč), nato sem narisal še plošče z indikatorjem. Po uspešnem prikazu tega sem dodal generično nastavljanje širine okvirja glede na višino, širino in število plošč. Po veliko računanja in testiranja mi je uspelo izdelati enostaven prikaz plošč s programsko narisanimi simboličnimi priključki. Slika 16: Grafični prikaz modela z Graphic2D Nekoliko spremenjeno obliko sem vključil v vmesnik z modelom iz prvega dela naloge in naključnim generiranjem. Tako sem testiral delovanje in spreminjanje stanja in širine plošč. Slika 17: Prikaz testiranja z naključnim generatorjem stanj Tu sem tudi dodal prikaz menija in lastnosti plošč (tooltip)

27 - Poročilo praktičnega izobraževanja - Prikaz z Graphic2D in slikami Zaradi bolj realističnega prikaza priključkov sem preveril vključitev slike plošče oz. priključkov. Ker realne slike risbe plošč niso bile pripravljene, sem za testiranje (simbolične) priključke narisal sam. Rezultat je bil delujoč prikaz z zastarelim pogledom. Slika 18: Grafičen prikaz modela z Graphic2D in slikami priključkov Prikaz z vektorskimi slikami Prikazovanje plošč z vektorskimi slikami sem kar hitro ovrgel, saj se je že pri testiranju vnosa pokazalo, da je metoda počasna in vsekakor ne bi bila primerna za prikaz hitrega spreminjanja stanja in preklapljanja med različnimi modeli. Ugotovitve Izdelava drevesne strukture za model je potekala relativno hitro. Največje težave sem imel pri vključevanju menija in upravljanja z dogodki (event) za pravilno delovanje, predvsem zaradi nepoznavanja delovanja, kar sem odpravil z nekaj rešenimi primeri. Odziv same komponente na spreminjanje stanja elementov je precej dober. Brez težav deluje tudi pri osveževanju na nekaj 1 ms. Risanje z programom je bilo zanimivo, predvsem računaje postavitev in velikosti posameznih elementov. Na žalost pa prikaz izgleda zastarelo. Z nekoliko več programiranja bi se lahko dodalo nekaj prelivov, kar sem tudi testiral, vendar rezultat ni bil zadovoljujoč. Prikaz bi lahko izdelal s sestavljanjem slik, vnaprej pripravljenega prikaza, podobno kot pri uporabi css-a v.html datotekah, vendar bi tudi to upočasnilo sistem. Naloga je bila bolj priprava na naslednjo nalogo, prikaz z programskim jezikom JavaFX

28 - Poročilo praktičnega izobraževanja - Grafičen prikaz plošč in prikaz spreminjanja stanja z JavaFX Navodila Naloga je nadaljevanje prejšnje. Še vedno je potrebno grafično prikazati model, vendar je v tej nalogi v ospredju prikaz z vnaprej pripravljenimi vektorskimi slikami. Poleg tega mora biti aplikacija združljiva z javo oziroma se jo vključi v java program kot komponento. Spoznavanje z JavaFX Precej časa sem porabil za spoznavanje programskega jezika, ki vsebuje elemente jave, javascript-a ipd. Prva verzija jezika je izšla julija 28, sledil je izid JavaFX 1. decembra 28 in nato JavaFX 1.1 februarja 29. Trenutna verzija jezika je 1.2, ki je izšla junija 29. Z nekaj popravki pa je februarja 21 izšla pod-verzija Ker je to relativno svež jezik imajo trenutne verzije precej napak in neskladnosti. Tudi orodij za pisanje programa je malo ali pa prav tako še vsebuje napake. Še med mojim spoznavanjem jezika je izšel NetBeans 6.8, kjer so izboljšali vmesnik in podporo za JavaFX. Vendar še vedno ni bilo vgrajene podrobne dokumentacije (JavaDoc), zato sem večino znanja pridobil na forumih in blogih programerjev, ki so tudi sami testirali in se spoznavali z jezikom. Veliko težavo je predstavljala neskladnost z nekaterimi knjižnicami jave. Na primer izključili so skoraj celotno awt knjižnico. Tako je bilo potrebno spreminjati lastnosti plošče in priključka iz awt.color na številčni zapis barve ", 127, 255". Največja težava pa se je izkazala vključitev JavaFX kot komponente v javo. Sicer je verzija 1.1 to metodo podpirala vendar jo je Sun z verzijo 1.2 izključil. Tudi klicanje metod med javo in JavaFX ni podprto, kot bi lahko bilo

29 - Poročilo praktičnega izobraževanja - Kratka predstavitev jezika Programski del jezika je precej podoben javi, vendar je nekoliko enostavnejši za lažje implementacije. Pri zahtevnejših programih pa je nekoliko težje pisati, predvsem zaradi pomanjkanja dokumentacije. Grafičen del programa pa je precej podoben strukturi html-ja oz. css predloge. Enostaven program ima naslednjo strukturo: Stage { title: "Enostaven program" scene: Scene { width: 2, height: 8 content: [ Rectangle { x: 1, y: 1 width: 17, height: 5 fill: Color.LIGHTGRAY // Rectangle Text { font: Font { size: 16 x: 3 y: 35 content: "Vsebina programa" // Text ] Slika 19: Okno programa Kot osnovni element je oder Stage, ta vsebuje sceno Scene, ki vsebuje vse ostale elemente. V primeru Kvadrat Rectangle in na njem besedilo Text. Objekte vključimo pred oder. Primer za MojKvadrat, ki razširja Rectangle: class MojKvadrat extends Rectangle { override var x = 1; override var y = 2; Stage { title: "Enostaven program" scene: Scene { width: 2, height: 8 content: [ MojKvadrat { width: 17, height: 5 fill: Color.LIGHTGRAY // MojKvadrat ] // Scene // Stage Slika 2: Okno programa Trenutno je velika pomanjkljivost JavaFX grafičen vmesnik za neposredno oblikovanje grafičnih elementov, kot pri Flash-u. Sicer je že v NetBeans v veliko pomoč paleta, ki vsebuje večino najpogostejših komponent, efektov, barv, ipd. Poleg tega lahko vklopimo še JavaFX predogled, ki prikaže Stage. Sicer počasen vendar še vedno hitrejši kot zagon programa (uporabno le pri manjših aplikacijah)

30 - Poročilo praktičnega izobraževanja - Slika 21: Predogled stage-a v NEtBeans - 3 -

31 Vključitev vektorskih slik Ker so vektorske slike v ozadju s kodo postavljeni elementi, bi se jih moralo enostavno preoblikovati z programsko kodo oziroma jih prikazati v programu. Slika 22: Primer vektorske slike plošče Sun je izdal program SVG to JavaFX Graphics Converter v sklopu JavaFX 1.2 Production Suite, sklop vsebuje še dodatek (plugin) za Adobe Ilustrator in Adobe Photoshop, ki vsi pretvorijo oz. shranijo vektorski zapis v.fx oziroma v.fxz datoteko (JavaFX format za vektorsko sliko). Vendar tudi ti slik ne pretvorijo brez napak ali pa ne podpirajo vseh elementov vektorske slike. Prav tako so ostali pretvorniki imeli pomanjkljivosti (ne podpirajo pretvorbe: besedila, prelivov, robov in nekaterih oblik). Knjižnica batik ne podpira pretvorbe besedila in nekaterih oblik. Program za risanje Inkscape podpira neposredno shranjevanje v.fx format vendar uporablja batik knjižnico. Ostali pretvorniki, ki sem jih preveril so imeli podobne pomanjkljivosti. Sam sem se odločil za risanje testnih plošč z programom Inkscape in pretvorbo z Sun-ovim SVG to JavaFX Graphics Converter. Pri tem sem se držal omejitev pretvornika. Tako sem po nekaj primerih dobil želeno obliko in vse vsebovane elemente z prelivi in besedilom (razen preliva barve besedila). Na podlagi tega sem lahko napisal navodila za oblikovalca slik plošč. Slika 23: Plošča za testiranje pretvornika Vektorska slika vsebuje dva elementa, ki ji spreminjam ozadje plošče (rdeča kvadratka v levem spodnjem kotu sta del ozadja) in indikator (rdeč krog v sredini slike). Obema je potrebno spreminjati samo barvo polnila. Ozadje uporabim tudi za določanje velikost plošče. Slika 24 predstavlja pretvorjeno ploščo in prikazano v JavaFX programu. Ozadje slike sem nastavil na prosojno in indikator obarval zeleno. Slika 24: Pretvorjena plošča prikazana z programom JavaFX Na sliki je prav tako razvidno, da pretvornik ni pravilno pretvoril barve besedila "Text". Kar je ena od omejitev pretvornika

32 Vključevanje v JavaFX program je enostavno, potreben je razred, ki razširja FXDNode razred. Z potjo (url) do.fxz datoteke določimo mesto, kje išče sliko in jo prebere. Primer: Spremenljivki polsca odredimo razred EqViewBoardNode, katerem nastavimo pot url. var plocsa = EqViewBoardNode { url: "file:/c:/prog/adsl.fxz" Tako spremenljivka plosca vsebuje sliko plošče, ki jo lahko obdelujemo v programu. Na enostaven način jo lahko prikažemo na sledeč način: Stage { title : "Prikazi plosco" scene: Scene { fill:color.white width: 7 height: 2 content: [ plosca ] //Scene // Stage Razred EqViewBoardNode mora potem takem imeti naslednjo obliko: public class EqViewBoardNode extends FXDNode { public override var url; public var bkgcolor: Color on replace { ozadje.fill = bkgcolor; ; public-read var height: Number; public-read var width: Number; public-read protected var ozadje: Rectangle; override protected function contentloaded() : Void { try { ozadje = getnode("ozadje") as Rectangle; ozadje.fill = bkgcolor; height = ozadje.height; width = ozadje.width; catch (e) { //println("node ozadje not found! Reason: {e"); throw new EquipmentViewException("EqViewBoardNode()> Node ozadje not found! Reason: {e"); // contentloaded S sledečo kodo iz slike dobimo ozadje, ki mu preberemo višino, širino in določimo barvo. ozadje = getnode("ozadje") as Rectangle; ozadje.fill = bkgcolor; height = ozadje.height; width = ozadje.width; Naknadno pa mu lahko spreminjamo barvo (v primeru na zeleno): board.bkgcolor = Color.GREEN; Slika 25: Prikaz plošče z spremenjenim ozadjem (zelena kvadratka levo spodaj)

33 Povezava Java-JavaFX in JavaFX-Java Kot sem že omenil povezljivost med javo in javafx ni najboljša. Tako na primer ni možno neposredno klicati metod javafx razredov, ampak preko vmesnikov (interface), reflection metode, itd. V večini primerov je potrebno veliko dodatne kode. Poleg tega je JavaFX razrede v java projektu potrebno prevesti (compile) z javafxc prevajalnikom (compiler), java razreda pa kot običajno z javac prevajalnikom, kar pomeni dodatne komplikacije pri sestavi in izdelavi končnega izdelka. Pri vključevanju JavaFX v javo kot komponento je podobna situacija. Poleg tega, da je večina rešitev na spletu za statičen-končen prikaz komponente brez nadaljnjega spreminjanja elementov. V obratni smeri je stvar podobna. Iz JavaFX razredov je možno klicati java metode z minimalnimi spremembami java razredov. JavaFX tudi ne vsebuje oz. ne podpira nekaterih knjižnic in metod, ki so v javi običajne. Pri vključevanju JavaFX v javo kot komponento znotraj JavaFX projekta je situacija ista kot pri zgoraj opisanem java projektu. Zakaj je sploh potrebno vključiti JavaFX v javo kot komponento in ne enostavno aplikacijo napisati povsem v JavaFX? Pri manjših aplikacijah to ni ovira. Pri večjih, kot je ta, ki združuje več drugih java komponent, razredov in knjižnic, pa to skoraj ni mogoče. Zato je bilo potrebno najti primerno rešitev. Rešitve Razvoj aplikacije za prikaz Zaradi nepoznavanja jezika sem se odločil, da bom naprej spisal samostojno aplikacijo, ki prikaže model s ploščami in vzporedno iskal rešitev za vključitev in povezavo jezikov. Najprej sem napisal isto strukturo za model kot pri prejšnji nalogi. Ter jo uporabil za generiranje prikaza plošč. Plošče sem narisal kar v JavaFX. Pozneje sem vključil.fxz datoteke, ki sem jih pretvoril iz.svg formata (Slika 23). Ko sem postavil plošče v želeno zaporedje in jim spreminjal barvo stanja, velikost in jih obračal pokončno - položno, sem se lotil implementiranja prikaza menija in prikaza lastnosti (tooltip). Ker JavaFX še ne vsebuje komponente menija, sem ga sprogramiral in oblikoval sam. Tako sem storil tudi za prikaz lastnosti. Slika 26: Meni v JavaFX Slika 27: Prikaz lastnosti plošče v JavaFX

34 Dodal sem tudi izjeme Exception, dogodke event in poslušalce listener, napake in sprožene dogodke. Končna oblika prikaza plošč je prikazana na spodnji sliki. Slika 28: Končna oblika prikaza testnih plošč v JavaFX Vključitev v javo Na spletu sem našel nekaj rešitev za klic metod razredov JavaFX in le eno za vključitev JavaFX scene v javo. Za klicanje metod iz JavaFX sem uporabil vmesnike Interface s sledečo metodo: public class MySceneToComponent { private ObjectValue sceneasobject; public MySceneToComponent (String sceneclass) { FXLocal.Context contexts = FXLocal.getContext(); FXClassType classref = contexts.findclass(sceneclass); FXLocal.ObjectValue obj = (ObjectValue) classref.newinstance(); sceneasobject = obj; public ObjectValue getsceneasobject() { return sceneasobject; Za vključitev JavaFX scene v javo sem pa dodal še nekaj kode in dobil skupno kodo: public class MySceneToComponent { private JComponent sceneascomponent; private ObjectValue sceneasobject; public MySceneToComponent (String sceneclass) { FXLocal.Context contexts = FXLocal.getContext(); FXClassType classref = contexts.findclass(sceneclass); FXLocal.ObjectValue obj = (ObjectValue) classref.newinstance(); FXFunctionMember getpeer = classref.getfunction("impl_getpeer"); FXLocal.ObjectValue peer = (ObjectValue) getpeer.invoke(obj); SwingScene scene = (SwingScene)peer.asObject(); sceneascomponent = (JComponent)scene.scenePanel; sceneasobject = obj; public JComponent getsceneascomponent() { return sceneascomponent; public ObjectValue getsceneasobject() { return sceneasobject;

35 Zaradi združevanja je bilo potrebno dodati oz. spremeniti del kode, da se je ujemala z predlogo in javo. Dodal sem dva ista vmesnika. Enega sem vključil v java projekt, drugega pa v JavaFX projekt. Slednjega razširja razred, ki vsebuje sceno, imenovano CreateSceneWithFrame.fx. JavaFX projekt sem nato prevedel iz javafxc in ga kot zunanjo knjižnico vključil v java projekt. Poleg te sem moral vključiti še vse JavaFX knjižnice, kar je nepotrebno povečalo velikost in hitrost končnega programa. Sedaj sem lahko klical in vključeval metode scene in sceno samo. Rešitev je bila še vedno nerodna za upravljanje, saj bi pri morebitnih napakah ali spremembi zahtev bilo potrebno ponovno prevajati JavaFX del in ga vključiti v java projekt. Lahko bi del programa, napisanega v javi, vključili v projekt JavaFX (JavaFX podpira prevajanje java razredov z omejitvami). Vendar se razreda MySceneToComponent.java ni dalo vključiti v JavaFX projekt in ga prevajati, ker je javil, da ne najde določene knjižnice. Tako se je ta rešitev uporabila za testiranje in vključevanje v skupen program. Vključitev jave v JavaFX projekt Ker zgornja rešitev ni bila zadovoljiva smo še med testiranjem iskali boljšo rešitev. Ugotovili smo, da je Sun izključil del metode, ki jo razred MySceneToComponent.java uporablja za klicanje JavaFX razreda. Na forumih so predlagali vključitev knjižnice Scenario-.6.jar. Program je s to knjižnico deloval, ampak je knjižnica izdana z licenco, ki ni primerna za komercialno uporabo. Po temeljitem pregledu knjižnic jave in JavaFX sem ugotovil, da knjižnica javafx-sg-swing.jar že vsebuje potrebno metodo vendar je v projektu ne zazna. Tako sem vključil to knjižico v projekt in program je deloval. Končna konfiguracija programa je sledeča: del programa, napisanega v javi je vstavljen v JavaFX projekt, ki preko vmesnika in MySceneToComponent razreda vključi sceno kot java komponento (JComponent)

36 Delovanje Program na podlagi podanega modela (pri testiranju generiranega modela) prikaže drevesno strukturo (iz prejšnje naloge) modela in grafičen prikaz plošč. Glede na tip plošče, podane z modelom, vstavi vektorsko sliko.fxz formata iz zunanjega direktorija. Glede na stanje plošč se spremeni barva oz. ikona, ki ponazarja stanje plošče in priključka. Uporaba in vključitev v program Ker sta moja programa (prikaz drevesne strukture in grafičnega prikaza) samo komponenti za vstavljanje v druge programe, sem izdelal program za njun prikaz. Slika 29: Končni izdelek z drevesno strukturo in prikazom modela Ugotovitve JavaFX je še zelo nedodelan programski jezik, ki trenutno zaradi situacije podjetja Sun ne napreduje. Razvija se le na strani uporabnikov ki so izdali veliko dodatkov in knjižnic za podporo. Tako je bilo za izvedbo naloge potrebno ogromno iskanja po forumih in blogih

37 Google gadget za CDR Server Navodila Izdelati google gadget, ki se prijavi na spletno aplikacijo (Web Application), ki je povezana z CDR strežnikom. Za prijavljenega uporabnika se izpišejo odhodni, dohodni, zgrešeni ali vsi klici. Časovni razpon prikaza se poda z izbiro datuma s koledarja. CDR - Call Detail Records Telefonske centrale generirajo podrobne zapise klicev Call Detail Records. Podatki, ki se zbirajo so začetek klica, konec klica, trajanje klica, številko klicatelja in klicanega ipd. Spoznavanje SOAP, WSS, in cross-domain problem Naloga je zelo podobna prejšnji nalogi z googlovim pripomočkom, vendar je bistvena razlika v pošiljanju zahteve za pridobitev podatkov. Prijava uporabnika in vhodni podatki zahteve se pošljejo kot.xml datoteka z POST metodo. Takšna metoda spada pod SOAP (Simple Object Access Protocol) zahteve z WSS (Web Security Service) glavo za avtorizacijo. Primer zaktevka: <soap:envelope xmlns:soap=" <soap:header> <wsse:security xmlns:wsse=" <wsse:usernametoken xmlns:wsse=" wsu:id="usernametoken"> <wsse:username xmlns:wsse="..."> Uporabnik </wsse:username> <wsse:password xmlns:wsse=" Type=" 81BsJgsdfgc/TcAD23BvP2XuI= </wsse:password> <wsse:nonce xmlns:wsse=" VduMqAef323af/DF4ssThg== </wsse:nonce> <wsu:created xmlns:wsu=" T12:8:25.188Z </wsu:created> </wsse:usernametoken> </wsse:security> </soap:header> <soap:body> <ns2:metoda xmlns:ns2=" <arg>21-1-1t14:7: :</arg>... </ns2:metoda> </soap:body> </soap:envelope> Ugotovil sem, da Google ne podpira takšne metode pošiljanja, saj odstrani del glave sporočila, ki je pomemben za komunikacijo. Iz tega razloga sem pričel s klasično metodo in uporabo AJAX-a, katerega problem je že prej omenjeno cross-domain blokiranje. Običajna rešitev za ta problem je proxy strežnik na strani uporabnika, ki kaže iz uporabnikovega naslova na oddaljen strežnik, posledično program zazna, da je strežnik v isti domeni in zahteva deluje. Vendar Google z "Don't be evil" politiko tega ne dovoli oz. zahteva uporabo svojega, ki otežuje SOAP zahteve

38 Rešitev sem razvil z pomočjo java applet-a, ki pošlje zahtevo in prejme podatke mimo Googla. Še vedno je bilo prisotno cross-domain blokiranje, a je bila rešitev za to veliko bolj sprejemljiva in dostopna. Na strežnik je bilo potrebno dodati datoteko crossdomain.xml v kateri je napisano katerim domenam, aplikacijam, certifikatom, itd. dovoli sprejemati podatke. Primer crossdomain.xml datoteke, ki dovoli vso komunikacijo ("allow all"): <?xml version="1."?> <cross-domain-policy> <allow-access-from domain="*"/> </cross-domain-policy> Delovanje Ko je pripomoček dodan na igoogle stran, je potrebno dovoliti-potrditi uporabo applet-a, ki je podpisan z certifikatom. Slika 3: Okno za potrditev certifikata Applet se zažene in pripomoček je pripravljen za uporabo. Vnese se uporabniško ime, geslo in časovni razpon prikaza klicev. Slika 31: Pripomoček za prikaz klicev začetna stran Po pritisku na gumb "Show calls" se izpiše tabela z klicno številko, klicano št., datum in čas pričetka klica, trajanje klica in cena klica

39 Slika 32: Pripomoček za prikaz klicev izpis klicev Potek delovanja celotne aplikacije: 1. Pripomoček (v brskalniku) kliče applet shranjen na code.google.com 2. Applet se zažene na računalniku 3. Uporabnik vpiše podatke in jih potrdi 4. Pripomoček uporabi funkcijo applet-a in pošlje zahtevo spletni aplikaciji 5. Ta preveri uporabniško ime in geslo ter od CDR strežnika pridobi želene podatke 6. Spletna aplikacija vrne podatke applet-u, ki jih posreduje pripomočku 7. Podatki se izpišejo v tabeli. Google code Applet CDR spletna aplikacija Pošiljanje zahteve (3) Prenos applet-a (2) CDR strežnik Komunikacija med aplikacijo in strežnikom (4) Povratni podatki (5) Applet Uporabnikov računalnik Podatki za prikaz (6) Klic applet-a (1)

40 Slika 33: Poenostavljen diagram delovanja aplikacije Priloga Navodila za namestitev in uporabo Google gadget-a za CDR klienta - 4 -

41 Viri Naštel bom le nekaj najpomembnejših virov: Iskratel; Iskratel logotip (Slika 1), organizacijska struktura (Slika 3), Iskratelov portfelj (Slika 2); Java2s.com; Navodila, primeri, itd. za javo in več drugih programskih jezikov; Java forum; Forum na temo jave; Java tutorial; Navodila, primeri, itd. za javo; JavaFX tutorial; Navodila in primeri za JavaFX; Jim Weaver JavaFXpert Blog; Primeri za JavaFX; Wikipedia; Spletna enciklopedija; Google; Google code, igoogle; NetBeans; Navodila in pomoč za različne programske jezike;

42 Priloge Izpis časov izmerjenih pri testiranju RMI storitve Tabela 1: Izpis časov za kombinacije Windows Windows, Windows preko omrežja na Windows in Windows preko omrežja na Linux 1.3 Client Client Client Server Čas v ms 1.6 Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Win - Win 1. zagon 2. zagon 3. zagon Win - net - Win 1. zagon 2. zagon 3. zagon Win - net - Linux 1. zagon 2. zagon 3. zagon Tabela 2: Izpis časov za kombinacije Linux preko omrežja na Windows, Linux preko omrežja na Linux in Linux - Linux Client 1.3 Client Client Server Čas v ms 1.6 Linux - net - Win 1. zagon 2. zagon 3. zagon Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Linux - net - Linux 1. zagon 2. zagon 3. zagon Linux - Linux 1. zagon 2. zagon 3. zagon

43 Tabela 3: Izpis časov za kombinacije Windows Windows, Windows preko omrežja na Windows in Windows preko omrežja na Linux 1.5 Client Client Client Server Čas v ms 1.6 Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Win - Win 1. zagon 2. zagon 3. zagon Win - net - Win 1. zagon 2. zagon 3. zagon Win - net - Linux 1. zagon 2. zagon 3. zagon Tabela 4: Izpis časov za kombinacije Linux preko omrežja na Windows, Linux preko omrežja na Linux in Linux - Linux Client 1.3 Client Client Server Čas v ms 1.6 Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Linux - net - Win 1. zagon 2. zagon 3. zagon Linux - net - Linux 1. zagon 2. zagon 3. zagon Linux - Linux 1. zagon 2. zagon 3. zagon

44 Tabela 5: Izpis časov za kombinacije Windows Windows, Windows preko omrežja na Windows in Windows preko omrežja na Linux 1.6 Client Client Client Server Čas v ms 1.6 Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Linux - net - Win 1. zagon 2. zagon 3. zagon Linux - net - Linux 1. zagon 2. zagon 3. zagon Linux - Linux 1. zagon 2. zagon 3. zagon Tabela 6: Izpis časov za kombinacije Linux preko omrežja na Windows, Linux preko omrežja na Linux in Linux - Linux Client 1.3 Client Client Server Čas v ms 1.6 Zagnan Nastavljen Create registry Pripravlje Zaprt Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Zagnan Nastavljen getregistry Lookup Prvi odziv Koncan Linux - net - Win Linux - net - Linux 1. zagon 2. zagon 3. zagon 1. zagon 2. zagon 3. zagon Linux - Linux 1. zagon 2. zagon 3. zagon

45 Navodila za uporabo Terminal applet-a SSH - telnet terminal Applet Vsebujoč software: jsch jar; JCTerm; NVTPrinter; NVTOutputStream; NVTInputStream; Delovanje: Program se lahko požene brez parametrov. Vsi potrebni podatki se vnesejo ročno. Z nastavljenimi parametri pa se program poveže na naslovni računalnik, ki je podan z parametri. Uporabniški podatki se vpišejo avtomatsko ali ročno (parameter "autosingin"). Izbere se lahko med načinoma SSH in telnet. Nastaviti je možno število vrstic, a ne med tekom programa. VT1 emulator s strani Jsch ni dokončan tako, da lahko pride do napak predvsem v telnet načinu. Parametri: hostname: - Gostitelj na katerega se želimo povezati. - Podan kot string. - Možne oblike zapisa: " "; " :22"; "hostpc"; "hostpc:22". username: - Uporabniško ime s katerim se prijavimo. - Podan kot string. password: - Geslo s katerim se prijavimo. - Podan kot string. avtosingin: - Če je parameter "true", se uporabniški podatki vpišejo avtomatsko. V primeru, da je "false" ali prazen, se podatki vpišejo ročno. - Podan kot string. - Možnosti: "true" ali "false". ssh_telnet: - Applet omogoča SSH ali telnet način. - Podan kot string. - Možnosti: za SSH "", za telnet "1". stvrstic: - Programu lahko nastavimo število vrstic, ki jih prikazuje. Nastavijo se lahko, kadar je parameter extended enak "true". - Podan kot string. - Oblika: "6". extended: - V primeru, da želimo prikazati večje ali manjše število vrstic, kot 24, postavimo parameter na "true". V primeru, da je zapis nepravilen, program zahteva ročen vnos. - Podan kot string

46 - Možnosti: "true" ali "false". Metode: setcommand (String): - Programu se nastavi niz znakov, ki ga ta pošlje gostitelju ( "dir" ). Da se niz izvede kot ukaz, se na koncu niza doda znak '\n' ( "dir\n" ). Lahko se pošlje več zaporednih ukazov ( "dir\ndir\n" ). isconnected: - Ko je povezava vzpostavljena se isconnected postavi na true. Od tu naprej se lahko pošiljajo ukazi na povezavo. - Do napak lahko pride v primeru, da sta geslo ali uporabniško ime nepravilna. Primer HTML kode: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN"> <html> <head> <title>terminal Applet</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript"> function setcommand(command) { document.getelementbyid("terminal").setcommand(command); function setcommand() { var command = document.formdata.vnos.value; if (document.formdata.sendnl.checked) { document.getelementbyid("terminal").setcommand(command + '\n'); else { document.getelementbyid("terminal").setcommand(command); </script> </head> <body> <applet id= "Terminal" codebase= " code= "html.terminalapplet.class" archive= "jsch jar, jcraft_emulator_vt1.jar" width="6" height="435"> <param <param <param <param <param <param <param name="hostname" value="hostpc"/> name="username" value="user"/> name="password" value="pass123"/> name="avtosingin" value="true"/> name="ssh_telnet" value=""/> name="stvrstic" value="6"/> name="extended" value="true"/> </applet> <br> <form name="formdata"> <input id="vnos" type="text" name="vnos" value="" size="8" /> <input type="button" value="izvedi" name="gumb1" onclick="setcommand()"/> Send 'n\': <input type="checkbox" name="sendnl" value='\n' /> <br> Pošlji zaporadje ukazov "dir\nifconfig\nping \n": <input type="button" value="izvedi" name="gumb" onclick="setcommand('dir\nifconfig\nping \n')"/> </form> </body> </html>

47 Navodila za izdelavo in uporabo Google gadget-a Izdelava igoogle gadget-a igoogle gadget se lahko napiše ali vstavi na strani: dgets/docs/tools.html#gge Tu so napisana podrobna navodila in precej primerov. Uporabijo pa se lahko že objavljeni gadgeti. Uporaba urejevalnika: Koda se vstavi namesto "Hello, world!" ali pa se upload-a.xml datoteko. Datoteka se shrani na " Ko je datoteka shranjena, se jo lahko objavi na svojem igoogle, igoogle Directory (dostopno vsem uporabnikom) ali na spletni strani. Včasih, ko se datoteka shrani in testira v igooglu, se zažene prejšnja različica brez sprememb. Rešitev je Save As, vendar je na razpolago le za 1 datotek prostora. - -

48 Program: Program pobere podatke o kraju, temperaturi, vremenu, enoti in uri posodobitve, s strani: Stran pridobi z metodo gadgets.io.makerequest(url, response, params), podatke pa z domdata.getelementsbytagname("yweather:units"). Za prevod trenutnega vremena "Mostly Cloudy" se uporabi kar googlov Prevajalnik. <html> <head> <script type="text/javascript" src=" </script> <script type="text/javascript"> google.load("language", "1"); function initialize() { var text = document.getelementbyid("text").innerhtml; google.language.detect(text, function(result) { if (!result.error && result.language) { google.language.translate(text, result.language, "en", function(result) { var translated = document.getelementbyid("translation"); if (result.translation) { translated.innerhtml = result.translation; ); ); google.setonloadcallback(initialize); </script> </head> <body> <div id="text">??????????</div> <div id="translation"></div> </body> </html> Navodila: Na voljo je tudi večina drugih googlovih orodij

49 Koda programa: <?xml version="1." encoding="utf-8"?> <Module> <ModulePrefs title="vreme" scrolling="true" author = "G" author_ = "student15@iskratel.si" description = "Testiranje gadgets" screenshot = "" thumbnail = "" height = "155" width = "" scaling = "false" /> <UserPref name="citycode" datatype="enum" default_value="1" display_name="izberite mesto"> <EnumValue display_value="kranj" value="1"/> <EnumValue display_value="ljubljana" value="2"/> <EnumValue display_value="skovljica" value="3"/> <EnumValue display_value="celje" value="4"/> <EnumValue display_value="murska Sobota" value="5"/> <EnumValue display_value="slovenska Bistrica" value="6"/> <EnumValue display_value="postojna" value="7"/> <EnumValue display_value="krško" value="8"/> <EnumValue display_value="novo Mesto" value="9"/> </UserPref> <Content type="html"> <![CDATA[ <style type="text/css"> Module {background-color:#bcc5c9 p {font-size:13px p {color:#4586f input.btn { color:#ffffff; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#939799; border: 2px solid; border-color: #939799; filter:progid:dximagetransform.microsoft.gradient (GradientType=,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); input.btnhov { border-color: #6B7A9A; </style> <p <p <p <p id="mesto">mesto</p> id="temperatura">temp</p> id="vreme">vreme</p> id="ura">ura</p> <input type="button" name="gumb2" value="posodobi" align="middle" class="btn" onmouseover="this.classname='btn btnhov'" onmouseout="this.classname='btn'" onclick="settext()" />

50 <!--p id="stanje"></p--> <script type="text/javascript" src=" <script type="text/javascript"> google.load("language", "1"); </script> <script type="text/javascript"> var pref = new gadgets.prefs(); function settext(){ var citycode = pref.getstring("citycode"); var pot = ' + citycode + '&u=c'; makedomrequest(pot); function makedomrequest(url) { // Pridobi spletno stran var params = {; params[gadgets.io.requestparameters.content_type] = gadgets.io.contenttype.dom; gadgets.io.makerequest(url, response, params); ; function response(obj) { // Pridobi portebne podatke var domdata = obj.data; var title = domdata.getelementsbytagname("title"); // --- get yweather:units var yweather = domdata.getelementsbytagname("yweather:units"); var enota = yweather[].getattribute("temperature"); // --- get yweather:condition var yweather = domdata.getelementsbytagname("yweather:condition"); var yweathertemp = yweather[].getattribute("temp"); var yweathervreme = yweather[].getattribute("text"); var yweatherdate = yweather[].getattribute("date"); document.getelementbyid("temperatura").textcontent = "Temperatura " + yweathertemp + " " + enota; // Klice funkcijo za prevod vremena gettranslate('vreme', yweathervreme.tostring()); document.getelementbyid("ura").textcontent = "Ura " + yweatherdate; // --- get yweather:location var yweatherlocation = domdata.getelementsbytagname("yweather:location") [].getattribute("city"); document.getelementbyid("mesto").textcontent = "Mesto " + yweatherlocation; ; // --- Prevajanje --function gettranslate(element, text) { google.language.translate(text, "en", "sl", function(result) { if (!result.error) { document.getelementbyid(element).textcontent = "Vreme " + result.translation; ); gadgets.util.registeronloadhandler(settext(' rss?p=sixx1&u=c')); </script> ]]> </Content> </Module> - 5 -

51 Okvir in velikost (širino) gadgeta načeloma določa postavitev strani na igooglu. Lahko pa določamo višino okenca. Gadget-u lahko določimo privzete nastavitve. V tem primeru seznam krajev za katere je mogoče dobiti podatke. Vrednost, nastavljena s strani uporabnika, se ohrani. Gadget je za igoogle uporabnike dostopen na: hl=sl&moduleurl=hosting.gmodules.com/ig/gadgets/file/ /yahoote mp-t1-25.xml&source=imag Kot dodatek za spletno stran pa na: synd=open&hl=sl&url= 2/YahooTemp-T1-25.xml

52 Navodila za namestitev in uporabo Google gadget-a za CDR klienta CDR Gadget Navodila za dodajanje gadget-a na igoogle: "Add stuff" "Add feed or gadget" Vstavi link "izbrisan" "Add" Nazaj na kjer je dodan gadget Nastavitve: Gadget deluje znotraj Iskratel omrežja (Lokacija = "Omrežje") in izven (Lokacija = "Internet"): Oblika zapisa datuma je yyyy-mm-dd ( )