VISOKOŠOLSKI STROKOVNI ŠTUDIJ Informatika in tehnologije komuniciranja POROČILO PRAKTIČNEGA IZOBRAŽEVANJA v Čas opravljanja Od 15.3.2010 do 19.5.2010 Mentor Marjan Kaligaro uni. dipl. inž. rač. in inf. Študent Lenart Ferk Vpisna št. E1003550 E pošta lenart.ferk@uni-mb.si Telefon 040-913-961
II
III
Kazalo 1. UVOD...1 2. OPIS GOSPODARSKE DRUŽBE...1 2.1 O podjetju...1 2.2 Vizije razvoja in cilji...1 2.3 Poslanstvo...2 2.4 Razvojne strategije...2 2.5 Družbena odgovornost...2 3. OPIS PRAKTIČNEGA IZOBRAŽEVANJA...3 3.1 Opis izdelave spletne ERP aplikacije...3 3.2 Zgradba spletne ERP aplikacije...3 3.3 Izdelava prijavnega okna...3 3.4 Izdelava menija...5 3.5 Izdelava master satrani...6 3.6 Načrtovanje izdelave vsebinske strani...6 3.7 Izdelava vsebinske strani...7 3.8 Localization...11 4 OPIS DELOVNEGA OKOLJA...12 4.1 DevExpress...12 4.2 Tortoise SVN...13 5 SKLEP...14 IV
Kazalo slik Slika 1: Prijavno okno Plastika Skaza...4 Slika 2: Prijavno okno Aero Laminati...4 Slika 3: Meni aplikacije...5 Slika 4: Koda menija...5 Slika 5: Izhod iz sistema / odjava uporabnika...6 Slika 6: Načrtovanje vsebinske strani...6 Slika 7: Obdelava naročil...7 Slika 8: Funkcije za nastavitev statusa...8 Slika 8: PopUp okno...9 Slika 9: Koda PopUp okna...9 Slika 10: Koda z»resize-nje«grida...10 Slika 11: Prevedena komponenta XtraScheduler...11 Slika 12: XtraScheduler...11 Slika 13: CodeRush(levo), Refactor(desno)...12 Slika 14: TortoiseSVN...13 V
1. UVOD Pogoj za uspešno dokončanje visokošolskega študijskega programa informatika in tehnologije komuniciranja je obvezno dvomesečno praktično izobraževanje. Opravljal sem ga v podjetju TrendNET d.o.o. v Velenju, katerega je lastnik g. Bojan Oremuž. Študijsko prakso sem opravljal na oddelku razvoj, katerega je vodja in mentor g. Marjan Kaligaro. Med izobraževanjem sem spoznaval delovanje aplikacij, ki so jih razvili v podjetju, v tem času sem sodeloval pri razvoju spletne ERP (Enterprise Resourse Plannig) aplikacije, katero bom predstavil v naslednjih poglavjih. V času izobraževanja sem pridobil veliko novega znanja s področja razvoja in oblikovanja spletnih aplikacij. V tem času sem nadgradil znanje programskih jezikov c#, js, css, html, preučil delovanje ASP.NET MVC aplikacij in spoznal kako pomembno je delo v timu ter sodelovanje med zaposlenimi. 2. OPIS GOSPODARSKE DRUŽBE 2.1 O podjetju TrendNET je podjetje z več kot 15-letno tradicijo uspešnega delovanja na zahtevnem področju IT rešitev. Združuje dinamično ekipo specialistov na različnih računalniških področjih. S svojimi certificiranimi strokovnjaki se podjetje uvršča med podjetja z največ potrjenimi znanji v Sloveniji. TrendNET skupino sestavlja mlad in dinamičen tim, ki s svojim znanjem in izkušnjami prispeva k odličnosti podjetja. V njem izjemno cenimo timsko delo, odprto komuniciranje, nenehno izobraževanje in usposabljanje, ki so pomembni za sledenje razvoju informacijskih tehnologij v svetu. To pričakujejo tudi od vseh novo zaposlenih. Skrb za izobraževanje in usposabljanje zaposlenih zato predstavlja eno temeljnih aktivnosti delovanja podjetja. Podjetje se zaveda pomembnosti medsebojnega sodelovanja in izmenjav izkušenj ter informacij. V podjetju so zaposleni strokovnjaki z najvišjim možnim statusom MCSE Microsoft Certified System Engineer, precej s statusom MCP Microsoft certified professional, MCSA Microsoft certified system administrator, specialiste za podatkovne baze, Cisco certificirane specialiste, večina strokovnjakov ima status ACER certified specialista, in strokovnjake s potrjenimi znanji s področja elektronskega arhiviranja. 2.2 Vizije razvoja in cilji Kot eno vodilnih IT podjetij v Sloveniji bodo tudi v prihodnje nadaljevali razvoj z domačim znanjem, hodili v korak s svetovnimi trendi in neprestano nadgrajevali ter bogatili svojo 1
ponudbo storitev. Z zagotovljeno najboljšo kakovostjo, varnostjo in uporabnostjo se bodo skušali še bolj približati svojim partnerjem in strankam, saj želijo ostati eno vodilnih podjetij na področju informacijskih tehnologij v Sloveniji in postati eno večjih IT podjetij v JV Evropi. Poglavitno skrb bodo namenili širši ponudbi storitev, rešitev in distribucij, ter hkrati razvijali in nadgrajevali vse obstoječe elemente delovne strategije. Zadane cilje bodo uresničevali skupaj s partnerji in nam sorodnimi podjetji tako doma kot v tujini. 2.3 Poslanstvo Podjetje TrendNET je ponudnik storitev s področja informacijskih tehnologij, ki zagotavlja visoko kakovostne rešitve. Poslanstvo TrendNET skupine je omogočiti in ponuditi najboljše rešitve in storitve s področja informacijskih tehnologij uporabnikom in podjetjem po vsej Sloveniji. Trudijo se za nenehno posodabljanje in razvoj v zadovoljstvo uporabnikov in podjetij. Visoko usposobljeni zaposleni zagotavljajo kakovost storitev, s katerimi uporabnikom in podjetjem približujejo najsodobnejše trende informacijskih storitev. Z informacijami bogatijo vsakodnevno življenje, z novimi tehnologijami pa omogočajo prijazne možnosti za delo na daljavo in učenje. 2.4 Razvojne strategije Razvojne strategije podjetja vključujejo povezovanje s sorodnimi komplementarnimi podjetji v grozde in s tem pripravo močne skupne ponudbe za evropski trg. Naši produkti so plod znanja, ki ga v našem podjetju nenehno dopolnjujemo. Poleg drugih dejavnosti smo tudi edini šolski center v tej regiji (Koroška, Šaleška, Celjska,.. ), ki se lahko pohvali z izvedbo certificiranih tečajev specialnih znanj s področja Microsoft strežniških sistemov, Networks Defender tečajev in seveda vseh ostalih klasičnih tečajev iz računalniške in poslovne stroke. Naši izdelki so med naprednejšimi na našem trgu. Kot prvi v Sloveniji smo razvili celovito varnostno rešitev, ki jih uspešno ponujamo na zahtevne tuje trge. 2.5 Družbena odgovornost V podjetju TrendNET gojijo odgovoren in partnerski odnos do družbenega okolja in posameznikov, kar se kaže tako v okviru družbe kot tudi izven njenih meja. Gonilno silo družbene odgovornosti predstavljajo številni projekti, ki se navezujejo na ohranjanje sožitja z naravo, dobrodelne akcije, športne dogodke itd. Poleg zavestnega vračanja družbi so aktivnosti usmerjene tudi navznoter, pri čemer so osredotočeni na zadovoljevanje tendenc zaposlenih in njihovih družin, za kar skrbijo uveljavljeni sistemi poslovne odličnosti. Prizadevamo si, da svojim uporabnikom približamo storitve in ponudimo pomoč pri njihovi uporabi. Z veseljem prisluhnemo mnenju in nasvetom vsakega uporabnika, skupaj z njimi delamo naše storitve še boljše. Kljub globalni konkurenci se nenehno trudimo z izboljšavami in novimi, brezplačnimi storitvami, ki uporabnikom olajšajo delo ali krajšajo prosti čas. Podjetje se zaveda pomembnosti aktivnega in odgovornega vključevanja v širše družbeno okolje. Zavzema se za dobre medčloveške odnose in zdravo, pozitivno okolje. Z osveščanjem in sredstvi skušamo pomagati posameznim interesnim združenjem in posameznikom, s katerimi delimo podobne vrednote. 2
3. OPIS PRAKTIČNEGA IZOBRAŽEVANJA 3.1 Opis izdelave spletne ERP aplikacije Ena izmed mojih nalog v podjetju je bila sodelovanje na projektu spletne ERP aplikacije. V tej nalogi sem smiselno in intuitivno oblikoval grafični vmesnik aplikacije. Uporabljal sem samo DevExpress komponente, razen tabel za»layout«postavitve nekaterih filtrov. Pri izdelavi spletne strani sem uporabljal CSS spletni standard, ki je logičen napredek v tehnologiji izdelave spletnih strani. CSS (Cascading Style Sheets) omogoča lahko in prijaznejšo izdelavo spletnih strani. Z enim CSS dokumentom imamo tako kontrolo nad pozicioniranjem elementov, ureditvijo spletne strani, različnimi pisavami, barvami ter informacije o ostali obliki na celotni spletni strani. Za obdelavo slik in samo postavitev strani sem sodeloval z g Goranom. Slike sva izdelala v Adobe Photoshopu. 3.2 Zgradba spletne ERP aplikacije Od mentorja sem dobil zaslonske slike narisane v MS Visio, kako mora izgledati aplikacija. Pripraviti je bilo potrebno naslednje»screene«in sicer: Index Login CuttingMgmt CuttingMgmtEdit NewWorkOrder PackagingMgmt TechPackListEditMgmt TechPackListMgmt WorkOrderMgmt WorkOrderPrep ProcessingMgmt UserMgmt MainWindow.Master PopupWindow.Master ChildWindow.Master 3.3 Izdelava prijavnega okna V timu z g. Goranom sva izdelala prijavno okno za ERP aplikacijo. Prijavno okno je preprosto in uporabniku prijazno oblikovano. Na strani so uporabljene preproste komponente, slike so oblikovane v Adobe Photoshop-u. 3
Slika 1: Prijavno okno Plastika Skaza Slika 2: Prijavno okno Aero Laminati 4
3.4 Izdelava menija Za meni je uporabljena komponenta DevExpress Menu. Meniju sem določil temo, katero sem pred tem izdelal. Meni je zgrajen, tako da najprej določimo vrhnji element (primer: Naročila), nato pa v tem elementu dodam podelement (primer: Obdelava naročil). Slika 3: Meni aplikacije Primer menija: Slika 4: Koda menija 5
3.5 Izdelava master satrani Masterpage so strani, katere nam omogočajo, da v aplikaciji določimo skupne dele spletnih strani. V našem primeru je to meni in logotip podjetja. Na nekaterih straneh ne sme biti prikazan meni aplikacije zato smo izdelali MainWindow.Master in PopupWindow.Master, strani se razlikujete v tem, da ima MainWindow.Master meni, PopupWindow.Master pa ne. V masterpage-u sta tudi implementirana dva gumba, eden za izhod is sistema, drugi za odjavo uporabnika. Slika 5: Izhod iz sistema / odjava uporabnika 3.6 Načrtovanje izdelave vsebinske strani Za postavitev aplikacije sem uporabil div-e. Večina vsebinskih strani ima podobno zgradbo in sicer: Naslov vsebinske strani Toolbar Mainframe DataFrameLeft DataFrameRight Slika 6: Načrtovanje vsebinske strani 6
Div-u naslov vsebinske strani (pagetitle) sem definiral css class z lasnostmi: font-size, lineheight, padding-top, padding-bottom in width. Podobne nastavitve sem definiral div-u toolbar, dodal sem višino toolbarja. Div-a pagetitle in toolbar sem uporabil na vseh vseh vsebinskih straneh. MainFrame ter DataFraime sem pa definiral specifično za vsako stran posebej primer: (#mainframe_processingorders), ker se višina diva razlikuje. Diva DataframeLeft in DataframeRight pa imata določeno width:50%, absolutno pozicioniranje in height: 100%. 3.7 Izdelava vsebinske strani Primer vsebinske strani: Obdelava naročil Slika 7: Obdelava naročil Vsaka vsebinska stran se začne z naslovom strani, na tej strani Obdelava naročil, za naslov sem definiral css class»pagetitle«. Nato sem uporabil DevExpress komponento»aspxpagecontrol«in dodal tabulatorski strani Priprava in Obdelava. V naslednjih stavkih bom opisal kako sem naredil tabulatorsko stran Obdelava. V div mainframe_processingordes sem dodal toolbar z gumbi: Osveži, Poveži pozicije, Prenos polizdelka v plan, Izpiši. V mainframe_processingordes sem postavil gridview, prav tako v dataframeleft in dataframeright. 7
Za prikaz podatkov iz podatkovne baze sem uporabil komponento DevExpress»GridView«, kateremu sem določil ID, ClientInstanceName, pager, itd. ClientInstanceName mora biti unikatno določeno, uporablja se za upravljanje grida z javascript. Vsakemu gridu smo določili ClientSideEvents in sicer: BeginCallBack, EndCallBack, CallBackError, S temi funkcijami se upravlja prikaz gumbov, pridobitev podatkov iz»combobox-ev«primer funkcije SetToolbarStatus, ki se kliče v BeginCallBack-u, EndCalBack-u in v RowDblclick. Slika 8: Funkcije za nastavitev statusa S funkcijo SetGridToolbarStatus() upravljam prikaz gumbov, gumbi so onemogočeni vedno kadar se podatki urejajo v gridu in kadar se kliče BeginCallBack. Omogočijo se pa se, ko se podatki pravilno naložijo (EndCallBack). Funkcijo SetFilterStatus(status) kličem v BeginCallBack-u in ji dam parameter false, in v EndCallBack-u prarameter true. Funkcijo uporabljam za prikaz omogočenih in onemogočenih filtrov. 8
Ob kliku na gumb prenos polizdelka v plan, se prikaže»popup okno«, za to sem uporabil DevExpress komponento ASPxPopupontrol. Oknu sem nastavil širino in višino in jo pozicioniral na sredino. Na popup je gridview za prikaz podatkov. Slika 9: PopUp okno Primer kode»popup«okna: Slika 10: Koda PopUp okna 9
Na oknu Obdelava naročil so trije gridi, prvi se razteza čez celotno, ostala dva sta postavljena drug ob drugem in vsak grid zavzema 50% celotne širine. Prvi grid se»resize-a«po širini okna, ostala dva pa po višini in širini okna. To»resizanje«sem naredil z naslednjo javascript kodo. Slika 11: Koda z»resize-nje«grida Prvo javascript kodo sem uporabil za»resizanje«gridov na katerih ni tabulatorskih strani. Funkcija se kliče ob inicializaciji in vedno, kadar se okno»resize-a«, takrat pa se izračuna in postavi nova velikost grida. Druga javascript koda se uporablja za»resizanje«na tabulatorskih straneh. Deluje tako, da izračuna višino vertikalnega drsnika, pred tem sem opravil preverjanje (document.documentelement.clientheight clientheight > 0), da drsniku ne določim negativne vrednosti. 10
3.8 Localization V spletni ERP aplikaciji smo uporabljali DevExpress komponente, nekatere od njih so prevedene v slovenski jezik nekatere ne. V projektu sem ustvaril novo mapo App_GlobalResources in v njo dodal prevedene komponente. Pri tem moramo paziti da imamo pravilno poimenovane komponente. Primer: DevExpress_Web_v9_3.resx. Primer komponente XtraScheduler: Slika 12: Prevedena komponenta XtraScheduler Slika 13: XtraScheduler 11
4 OPIS DELOVNEGA OKOLJA Prva moja naloga v podjetju je bila priprava delovnega okolja. Prvi dan sem dobil novi prenosnik, na katerega sem si namestil MS Visual Studio 2008, Office 2007, SQL 2005, DevExpress 9.3.4, Tortoise SVN, ASP.NET MVC, Oracle Client. 4.1 DevExpress Podjetje DevExpress ponuja več kot 60 komponent za ASP.NET vse od preprostega TextBoxa do zahtevnih Scheduler-jev. DevExpress paket kateri se uporablja v podjetju pa vsebuje tudi Refactor in CodeRush, katera sta v veliko pomoč razvijalcu v razvojnem okolju MS Visual Studio 2008. Uporaba Refactor-ja je enostavna preprosto označite del kode, ki jo želite spremeniti in nato iz pojavnega menija izberete željeno operacijo, kot so naprimer preimenovanja spremenljivk, poenostavljenost zapletene kode itd. CodeRush pa razvijalcu pomaga oblikovati bloke kode, daje odlične nasvete pri razvijanju aplikacij. Z uporabo CodeRush in RefactoPro podjetje pridobi na najdražji vrednoti in ta je čas. Slika 14: CodeRush(levo), Refactor(desno) 12
4.2 Tortoise SVN Tortoise SVN je preprost program, kateri omogoča razvijalcem delo v timu. Deluje tako, da vsako različico programa (SVN) shrani na interni strežnik, do katerega lahko dostopa vsak razvijalec. Na strežniku se shranjuje vsaka verzija in vse podrobnosti (kdo je spreminjal, kaj je spreminjal). Če na eni datoteki dela več razvijalcev, program združi vse te vrstice. Problem pa lahko nastane, če sta dva razvijalca delala na enaki vrstici, takrat pa je potrebno konflikte reševati ročno. Slika 15: TortoiseSVN 13
5 SKLEP V času praktičnega izobraževanja v podjetju TrendNET sem pridobil veliko novega znanja o razvoju in oblikovanju spletnih ERP aplikacij. V tem času sem tudi natančno preučil delovanje ASP.NET MVC aplikacij in spoznal veliko novih programskih orodij. Zavedati sem se začel kako pomembna je komunikacija in sodelovanje v skupini. Vesel sem, da sem dobil priložnost praktičnega usposabljanja opravljati v tako uveljavljenem podjetju kot je TrendNET, in biti član vrhunske ekipe v razvoju programske opreme. Za konec bi se zahvalil direktorju Bojanu Oremužu, ki mi je omogočil opravljanje praktičnega usposabljanja v podjetju TrendNET in mentorju g.marjanu Kaligaru, ki je usmerjal moje delo in mi dajal napotke v dvomesečnem praktičnem izobraževanju. Lepo se zahvaljujem tudi celotni razvojni skupini. 14