VISOKOŠOLSKI STROKOVNI ŠTUDIJ Računalništvo in informatika informatika POROČILO PRAKTIČNEGA IZOBRAŽEVANJA V podjetju Oblikovanje.com d.o.o. Murska Sob

Transkripcija

1 VISOKOŠOLSKI STROKOVNI ŠTUDIJ Računalništvo in informatika informatika POROČILO PRAKTIČNEGA IZOBRAŽEVANJA V podjetju Oblikovanje.com d.o.o. Murska Sobota Čas opravljanja prakse do Mentor v GD Alen Nonkovič mag. Študent Dragan Marinković Vpisna številka E-pošta sheki.marinkovic@gmail.com

2

3

4 Kazalo 1. Uvod Predstavitev podjetja Oblikovanje d.o.o Kratek opis podjetja Vizija, cilji in poslanstvo podjetja Storitve in rešitve podjetja Spletne poslovne rešitve in e-poslovanje Izdelava spletnih strani Izdelava spletne trgovine - etrgovine Izdelava spletnih pasic - bannerjev Multimedijske predstavitve Blagajniški programi in programi vodenja poslovanja CRM in ERP sistemi CMS sistemi Spletno oglaševanje Opis praktičnega izobraževanja Grafično oblikovanje Kodiranje Postavitev spletnih strani na strežnik Uporabljena orodja za izdelavo projekta Opravljeni projekti v okviru praktičnega izobraževanja Založba Kapital d.o.o Delo v CMS-ju Izdelava banerja in reklam Izdelava prijavnic Prenavljanje spletne strani... 23

5 5.2 Računalniška pomoč na domu Zaključek... 29

6 Kazalo slik Slika 1: Logotip podjetja Oblikovanje.com d.o.o Slika 2: Spletna stran NetBeans... 8 Slika 3: PHP koda v NetBeans... 9 Slika 4: CSS v NetBeans... 9 Slika 5: Adobe Dreamweaver Slika 6: Spletna stran Notepad Slika 7: HTML koda v Noteaped Slika 8: Spletna stran Adobe Slika 9: Photoshop Slika 10: Adobe Flash Slika 11: InDesign Slika 12: Spletna stran grafičnega orodja Gimp Slika 13: Spletna strana ftp programa FileZilla Slika 14: FileZilla Slika 15: Spletna stran Založba kapital d.o.o Slika 16: Prijava v CMS Slika 17: Prva stran CMS Slika 18: CMS naročniki Slika 19: CMS poštna lista Slika 20: CMS ankete Slika 21: CMS statistika Slika 22: CMS revije kapital Slika 23: CMS dodajanje člankov Slika 24: CMS urejanje ali dodajanje člankov Slika 25: Izdelava banerja v Adobe Flash-u Slika 26: Izdelava animacije v gif formatu v GIMP-u Slika 27: Izdelana prijavnica v urejevalniku Slika 28: Stara in prenovljena spletna strana Založbe Kapital Slika 29: Nova Cascade Style Sheet datoteka Slika 30: Spremenjena koda za novo obliko Slika 31: JavaScrip funkcije spletne strani... 24

7 Slika 32: Dodana nova vsebina tečajnice vzajemnih skladov Slika 33: Spletna stran Računalniška pomoč na domu Slika 34: HTML koda in design v Dreamweaveru Slika 35: CSS Slika 36: Stran na kateri je ponudba računalnika Slika 37: XML Slika 38: Reklamni letak v InDesign... 28

8 1. Uvod Prakso sem opravljal v podjetju Oblikovanje.com d.o.o. Murska Sobota. Podjetje se ukvarja z izdelavo celotnih grafičnih podob, spletnih strani, spletnih trgovin, izdelavo spletnih oglasov, mutlimedijske predstavitve ter CRM in ERP sistemov. Slika 1: Logotip podjetja Oblikovanje.com d.o.o. Na začetku praktičnega izobraževanja sem bil seznanjen z delovanjem podjetja in katere so glavne dejavnosti podjetja. Poglobil sem znanje iz programskih jezikov PHP, HTML, JS, CSS in upravljanje z bazami podatkov ter oblikovanje in izdelavo pasic v grafičnih orodjih skupine Adobe (Photoshop, Flash, InDesign...) ter v odprtokodni program za grafično oblikovanje Gimp. 2. Predstavitev podjetja Oblikovanje d.o.o Kratek opis podjetja Podjetje Oblikovanje.com d.o.o. ponuja strankam celostne storitve in profesionalne aplikacije po meri. Poskrbijo za urejanje dokumentacije, vsebine, fotografiranje, inštalacijo aplikacije, najem strežnika, oglaševanje, promocijo in strateško svetovanje. Na ta način strankam zvišujejo vrednost ponujenega produkta ali storitve Vizija, cilji in poslanstvo podjetja Vizija: Podjetje Oblikovanje.com d.o.o. s svojim znanjem, kakovostnimi storitvami in rešitvami uspešno obvladujejo izzive sedanjosti in prihodnosti s sloganom»internet je naš svet«. Poslanstvo: Podjetje Oblikovanje.com d.o.o. sodeluje s spletnim in družbenim okoljem. Na poslovanje gledajo dolgoročno in poskušajo zadovoljiti potrebe in zahteve strank. Zavzemajo se za boljšo informatizacijo družbe, ki bi privedla do višjega družbenega standarda. 1

9 Cilji: Podjetje Oblikovanje.com d.o.o. ima dolgoročno zastavljenje cilje. Temeljni cilj podjetja je kakovostno zadovoljevanje potreb uporabnikov, ki bo temeljilo na popolnih in kakovostnih storitvah Storitve in rešitve podjetja Spletne poslovne rešitve in e-poslovanje Poslovne spletne rešitve omogočajo globalno poslovanje in neodvisnost aplikacij. Omogočajo izkoriščanje informacijskih potencialov interneta. Tako je možno tesno sodelovanje podjetja s svojimi uporabniki preko svetovnega spleta. Spletne rešitve omogočajo mobilnost. Vse kar potrebujemo za delovanje je le dostop do interneta in spletni brskalnik. Prednost tega je hkratno delo večjega števila uporabnikov, ki je neomejeno od geografskih lokacij. Seveda je to le del možnosti spletnih sistemov, saj so novosti in razvoj vsakodnevne. V podjetju so rešitve individualizirane in prilagojene potrebam posameznih strank. Implementacija monete na spletne strani omogoča plačevanje naših izdelkov, storitev, naročnin ipd. Sistem moneta je primeren za produkte manjših cenovnih vrednosti. Ta sistem je hiter in zanesljiv plačilni sistem. Podjetje Oblikovanje.com d.o.o je bilo med prvimi v Sloveniji s sistemi, ki so za plačevanje implementirali tudi možnost plačila z mobilnim telefonom - mobitelov sistem Moneta. Sedaj ga uporablja marsikatera spletna trgovina Izdelava spletnih strani Izdelava spletnih strani je ključna dejavnost podjetja Oblikovanje.com d.o.o. Izdelava internet strani zajema vse. Za stranke uredijo: registracijo internet domene, celostno grafično podobo, webdesign, oblikovanje, izdelavo spletnih strani, gostovanje na strežniku in podporo spletnih strani. Spletne strani izdeluje skupina strokovnjakov različnih področij in tako dosegajo vrhunsko kakovost. Skrbijo tudi za njihovo nadaljnje vzdrževanje, gostovanje spletnih strani in aktivno spletno promocijo. 2

10 Spletne strani so izdelane po meri stranke. Vse spletne strani vsebujejo rešitve, ki omogočajo samostojno upravljanje s spletnimi stranmi, sistemi za urejanje vsebin CMS in sistemi za ažurne spletne vsebine. Kakovost izdelave spletnih strani dokazujejo zadovoljne stranke s katerimi dolgoročno sodelujejo ter prejeta priznanja za dosedanje projekte Izdelava spletne trgovine - etrgovine Izdelava spletne trgovine ali izdelava internet trgovine je priložnost. Podjetja iščejo nove trge in nove tržne poti za svoje izdelke. Prodaja ima nov tržni kanal. To je internet, ki nudi mnoge prednosti. Izdelava spletne trgovine zahteva kakovostnega partnerja. Podjetje Oblikovanje.com d.o.o izdeluje spletne trgovine za prodajo končnih kupcev (B2C trgovine - spletne trgovine izdelkov, spletne knjigarne, elektronski katalogi,..) kot tudi sisteme za medpodjetniško trgovanje (B2B spletne trgovine - ekatalogi, spletne poslovne trgovine ipd.) Izdelava spletnih pasic - bannerjev Spletne pasice so postale pomeben del oglaševanja podjetja preko interneta. Oglasne pasice predstavljajo najpomebnejši del aktivne promocije spletnih strani preko interneta. Lahko so animirane GIF slikice, JPG ali napredni Flash formati, ki lahko iz oglasne pasice naredijo neverjetne oglase in predstavijo ideje spletnih strani. Izdelujejo in oblikujejo igre, obrazce za vnos, zvočne učinke in ostalo. Najpomembnejše je, da spletne pasice imajo moč in da pritegnejo obiskovalca. Pomembne so za utrjevanje blagovne znamke in trženje preko spleta. Oglasne pasice izdelajo v formatih in velikostih za različne spletne strani in spletne portale. Izdelujejo tudi razširjene pasice (Roll down), napredne Pop-up in ostale sodobne formate spletnih oglasov Multimedijske predstavitve V podjetju izdelujejo različne vrste multimedijskih predstavitev - od CD zgoščenk, predstavitev na spletnih straneh in predstavitev na sejmih z videoprojektorji. 3

11 Pri tem upoštevajo lastnosti posameznih medijev, namen in cilj skupine Blagajniški programi in programi vodenja poslovanja Podjetje Oblikovanje.com d.o.o razvija sodobne rešitve vodenja poslovanja, ki temeljijo na načelih: Visoka stopnja prilagoditve potrebam stranke, prijaznost in preprosta uporaba programske rešitve, povezave z izdelavo internet trgovine, varnost in hranjene podatkov, preprosta nadgradnja in vzdrževanje aplikacij, povezljivost z ostalimi sistemi in internet rešitvami, možnost uporabe preko spletnih strani CRM in ERP sistemi Upravljanje odnosov s strankami - CRM sistemi so nepogrešljivi za podjetja, ki želijo kakovostno in transparentno delo s svojimi strankami, dobavitelji, notrajnjimi uporabniki in z vsemi ostalimi, ki so povezani s podjetjem in strankami. V podjetju izdelujejo sisteme, ki so po meri pisani poslovanju strank in so povezani z obstoječimi poslovnimi rešitvami stranke. Cilj sistema je ustvariti enotno in kakovostno bazo podatkov o strankah, aktivnostih vezane na stranko ter vse ostale podporne aktivnosti. Ker gre za zelo po meri prilagojen sistem za stranke, je težko v nekaj vrsticah opisati vse njegove zmožnosti. Njihove CRM sisteme in povezljive sisteme uporabljajo slovenska in tuja podjetja kot so: Tondach Slovenija d.o.o., GMT d.o.o., Metropol Hoteli d.d., STA Ljubljana, STA Zagreb CMS sistemi Vsaka sodobna spletna stran mora omogočati, da stranke oz. upravljalec spletnega mesta lahko upravlja s svojim spletnim mestom. To omogočajo tako imenovani CMS - Content Managament sistemi. Ti sistemi omogočajo, da stranka samostojno ureja vsebine na spletnih straneh, dodaja fotografije, ureja spletne povezave, navezuje dokumente, kreira galerije ipd. 4

12 To so spletni sistemi, ki so nepogrešljivi za tiste, ki se zavedajo, kako pomebno je imeti ažurno in kakovostno spletno stran. To je mogoče doseči samo z lastnim upravljanjem in vedno svežimi informacijami, novostmi in ostalim na spletni strani Spletno oglaševanje Imeti spletno stran je približno tako, kot odpreti trgovino nekje na obrobju mesta in računati na to, da tisti ki pride mimo se bo morda ustavil. Tudi v svetu interneta je tako. Število spletnih strani je ogromno in vsakodnevno narašča. Pasivno čakanje, da nas bo nekdo našel je nesmiselno in brezupno. Stopiti moramo korak naprej. V podjetju kreirajo celostne promocijske strategije za internet. Izdelajo strategijo, oblikujejo oglase, pripravijo marketinško akcijo oglasov na posamezne medije ter koordinirajo vse akcije. 5

13 3. Opis praktičnega izobraževanja V času praktičnega izobraževanja sem spoznal projekte, ki jih izvajajo v podjetju. Spoznal sem na kateri način jih izvajajo, katera orodja uporabljajo v podjetju in poslovanje podjetja. Faze razvoja aplikacij Kot smo spoznali na predavanjih pri razvoju katere koli aplikacije ali programske opreme moramo iti skozi različna dela, ki so razdeljena v različne faze kot so: Analiza, načrtovanje, implementacija, testiranje, uvedba, vzdrževanje. Cilj podjetja Oblikovanje.com d.o.o. je, da vsaka dobra in kakovostna rešitev mora zajemati vse faze, da bi bile kvalitetne in uporabne. V praksi se lahko zgodi, da imamo veliko izkušenj in je projekt trivialen. Takrat ni potrebno upoštevati vse faze. Pojavijo se lahko komplikacije, ko želimo uskladiti določene zahteve strank, ki zahtevajo tehnologijo, katero nimamo in bi sam projekt podražilo. V takem primeru poskušamo najti kompromis, da lahko projekt izvedemo uspešno Grafično oblikovanje Spoznal sem se z oblikovanjem aplikacij, izdelavo pasic in flesh animacij. Naučil sem se, kako je pomembna postavitev elementov na strani, uporaba barve, ki privabi pogled in razporeditev informacij po pomembnosti na aplikacijah, reklamah in pasicu. Za grafično oblikovanje sem uporabljal Adobe orodje Kodiranje Najzahtevnejši del praktičnega izobraževanja je bilo kodiranje. Kodiral sem največ v html jeziku, php skriptnem jeziku in css slogovnem jeziku. Za izdelavo različnih dinamičnih efektov sem uporabljal JavaScrip. Naučil sem se tudi uporabljati xml za delo z bazami podatkov in uporabo povpraševalnega jezika sql. Pri izdelavi aplikacij je zelo 6

14 pomembno testiranje. V času testiranja ugotovimo nepravilnosti, napake v aplikaciji in jih na ta načim odpavimo preden aplikacijo predamo uporabniku. Tukaj sem se soočil s problemi in izzivi Postavitev spletnih strani na strežnik V tem delu sem se naučil, kako postaviti spletne strani na strežnik. Za to delo je pomembno, da ko postavimo spletno stran na strežnik mora biti vidna vsem uporabnikom. To je glavni namen spletne strani. Pri kodiranju sem pridobil največ znanja in pomoči od mentorja in sodelovca Igorja, ki je programer v podjetju. Pomagal sem si z uporabo spletnega brskalnika in tutorialom programskega jezika. 7

15 4. Uporabljena orodja za izdelavo projekta Pri delu na projektih v podjetju Oblikovanje.com d.o.o nisem bil omejen, zato sem za kodiranje uporabljal brezplačno open source razvojno okolje NetBeans IDE Razvojno okolje NetBeans je odprtokodni projekt podjetja Sun Microsystems. Orodje je napisamo v Javi, zato deluje na katerem koli sistemu, kjer je instalirana JVM (Java Virtual Machine). Podpira vse programske jezike, katere sem uporabljal pri svojem delu, HTML, PHP, Java, CSS kot tudi druge programske jezike. NetBeans ponuja veliko pomoči pri programiranju. Slika 2: Spletna stran NetBeans 8

16 Slika 3: PHP koda v NetBeans Slika 4: CSS v NetBeans 9

17 V podjetju Oblikovanje.com za kodiranje uporabljajo orodje Adobe Dreamweaver. Tudi njega sem uporabljal. Slika 5: Adobe Dreamweaver Za popravilo kode sem uporabljal tudi brezplačno orodje Notepad++. Slika 6: Spletna stran Notepad++ 10

18 InDesign. Slika 7: HTML koda v Noteaped++ Za grafično oblikovanje sem največ uporabljal program Adobe PhotoShop, Adobe Slika 8: Spletna stran Adobe 11

19 Slika 9: Photoshop 12

20 Za izdelavo flesh reklam sem uporabljal program Adobe Flash Slika 10: Adobe Flash Slika 11: InDesign 13

21 Uporabljal sam tudi brezplačno grafično orodje Gimp. za uporabo. Slika 12: Spletna stran grafičnega orodja Gimp Za prenos podatkov na strežnik sem uporabljal ftp orodje FileZilla, ki je brezplačno Slika 13: Spletna strana ftp programa FileZilla 14

22 Slika 14: FileZilla 15

23 5. Opravljeni projekti v okviru praktičnega izobraževanja V tem poglavju bom opisal projekte pri katerih sem sodeloval. Opisal bom, kaj sem delal Založba Kapital d.o.o Delo v CMS-ju Prva naloga, ki sem jo dobil je bila namenjena spoznavanju spletne strani in CMS-ja, ki jo je izdelala firma Oblikovanje.com d.o.o. za podjetje Založba Kapital d.o.o. Moja naloga je bila, da delam kot administrator spletne strani Podjetje Založba Kapital izdaja šest različnih revij. Vsebino tiska podaja tudi na svoji spletni strani. Kot administrator splente strani sem bil zadolžen, da vsebino iz pdf oblike prilagodim in jo dam na spletno stran, izrežem in prilagodim slike za objavo na spletu, skrbim za pripravo in razpošiljanje mailera ter spremljam obisk spletne strani. Oblikoval sem članke, banerje, izedloval reklame in prijavnice za različne sejme in forume, ki jih je podjetje organiziralo. Na moj predlog smo prenovili spletno stran. Med prenovo spletne strani sem sodeloval pri analizi, načrtovanju, izdelavi css in kodiranju strani. Vse to bom v nadaljevanju opisal. Slika 15: Spletna stran Založba kapital d.o.o. 16

24 Slika 16: Prijava v CMS Po prijavi v CMS spletne strani se na desni strani prikaže meni, v katerem lahko izberemo, kaj bomo urejali na spletni strani. Pri splošnih nastavitvah lahko urejamo naročnike, poštno listo, ankete in spremljamo statistiko obiska. Slika 17: Prva stran CMS 17

25 Pod naročniki lahko iščemo, urejamo in dodajamo naročnike. Slika 18: CMS naročniki Pod poštno listo lako urejamo naročnike odvisno za katere revije je naročen. Izvažamo podatke naročnikov ali pa pripravimo mailer in ga razpošljemo naročnikom. Slika 19: CMS poštna lista Ankete lahko dodamo, uredimo ali pa jih izbrišemo. Slika 20: CMS ankete 18

26 Pri statistiki lahko pregledamo različne statistične podatke. Slika 21: CMS statistika Pri urejanju revije Kapital je največji povdarek na številu izdaj revije, ki je povezana z ekonomijo pri nas in v tujni. Na sliki vidimo, da v meniju lahko izbiramo spletne strani, kjer lahko dodamo spletno stran, ki je povezana z določenim sejmom, forumom, reklamo ipd. Številke revij - tu dodamo novo številko revije. V bazi se avtomatsko ustvari mapa. V mapo shranjujemo slike, ki so potrebne za urejanje posameznih člankov. Članke s klikom na številko revije lahko dodajamo, urejamo ali pa odstranimo iz baze. Novice, ki bodo objavljene na spletni strani lahko dodajamo. Dogodke, ki so povezani za ekonomske dogodke v Sloveniji in tujini lahko dodajamo. K finančnim naslovom dodajamo pomembne finančne subjekte. Galerija slik -lahko ustavrimo novo galerijo in se pod tem imenom tudi generira nova mapa v katero shranjujemo slike ter jih dodajamo in odstranimo. Avtorji -lahko jih dodajamo, urejamo in odstranimo avtorje, kateri sodelujejo s podjetjem. Podrobneje bom opisal urejevalnik in način kako sem dodajal novi članek v reviji. Za druge revije Mariborča, ZlatiKapital, Navtika, Golf in Life je urejevalnik podoben pa jih ne bom podrobno opisoval. 19

27 Slika 22: CMS revije kapital Ko kliknemo na članke se odpre menu kot na sliki 21. Kliknemo na določeno števiko in potem za to številko lahko dodamo novi članek, obstoječi uredimo ali pa ga odstranimo. Slika 23: CMS dodajanje člankov 20

28 Če želimo urediti ili dodati novičlanek uporabimo urejevalnik, katerega je izdelalo podjetje Oblikovanje.com d.o.o. S pomočjo urejevalnika lahko oblikujemo tekst, dodajamo povezave, slike, tabele in video. Urejevalnik je zelo uporaben in lahek za uporabo. Slika 24: CMS urejanje ali dodajanje člankov Izdelava banerja in reklam Za izdelavo banerja in reklam sem uporabljam Adobe orodje Photoshop, InDesign, Flash ter odprtokodno grafično orodje Gimp. Amimirane reklame so bile v formatu GIF in FLA. Slika 25: Izdelava banerja v Adobe Flash-u 21

29 Slika 26: Izdelava animacije v gif formatu v GIMP-u Izdelava prijavnic Prijavnice za sejme in forume, ki jih je je organiziralo podjetje Založba Kapital d.o.o. se je izdelovalo direktno v urejevalniku, kjer urejevalnik dovoljuje pisanje html kode. Slika 27: Izdelana prijavnica v urejevalniku 22

30 Prenavljanje spletne strani Spletno stran revije Kapital sem dobro poznal. Ugotovil sem neskladnost zaporedja podatkov in zastarelos oblike. Na svojo iniciativo in po dogovoru z direktorjem podjetja Založba Kapital d.o.o. in direktorja Oblikovanje.com d.o.o sem naredil analizo, kaj bi bilo primereno spremeniti na spletni strani. Slika 28: Stara in prenovljena spletna strana Založbe Kapital Spremenili smo CSS stil (Cascade Style Sheet). Slika 29: Nova Cascade Style Sheet datoteka 23

31 S sodelavcem Igorjem sva spremenila na uvodni strani velike kode. Pri tem sem se veliko naučil in sicer, kako preverjati kodo in koliko je to pomembno pri delu. Slika 30: Spremenjena koda za novo obliko Slika 31: JavaScrip funkcije spletne strani 24

32 Dodal sem novo opcijo na spletno stran. To je tečajnica vzajemnih skladov. Podatke smo pobirali kot XML dokument s spletne strani finančne točke. Slika 32: Dodana nova vsebina tečajnice vzajemnih skladov To so bile naloge, katere sem samostojno delal na spletni strani S sodelavci sem opravil veliko nalog, a jih nisem navajal. 25

33 5.2 Računalniška pomoč na domu Za podjetje Računalniška pomoč na domu, katero je bilo v moji lasti skupaj z ženo sem samostojno naredil celotno spletno stran. Samostojno sem oblikoval reklame in vodil podjetje. Pri tem so mi prav prišli predmeti, ki sem jih opravil v času študija. Slika 33: Spletna stran Računalniška pomoč na domu Slika 34: HTML koda in design v Dreamweaveru 26

34 Slika 35: CSS Slika 36: Stran na kateri je ponudba računalnika 27

35 Ponudbo računalnikov sem dobival preko xml dokumenta od podjetja SO d.o.o. s katerim smo sodelovali pri prodaji računalnikov. Slika 37: XML Slika 38: Reklamni letak v InDesign 28

36 V času zaključevanja praktičnega izobraževanja smo začeli delati na izdelavi spletne trgovine za prodajo barv kupibarve.si. Nadaljeval sem s sodelovanjem podjetja Oblikovanje.com in Založbo Kapital d.o.o. preko avtorske pogodbe. 6. Zaključek Pri podjetju Oblikovanje.com sem pridobil veliko znanja s področja računalništva in informatike, ki mi bo v bodočnosti koristilo. Prav tako sem se dodatno naučil, kako potekajo delovni procesi v podjetju, ki se ukvarja z računalništvom in informacijsko tehnologijo. Za pridoljeno znanje se zahvaljujem podjetju Oblikovanje.com d.o.o. 29