Elektronsko poslovanje - GitHub Pages



190500 VISOKA TEHNI?KA ?KOLA STRUKOVNIH STUDIJA KRAGUJEVAC SEMINARSKI RADPREDMET: ELEKTRONSKO POSLOVANJETEMA: ANGULARJSProfesorStudentDr. Zoran Mirovi? Stefan Ivi? 129/2014Sadr?aj TOC \o "1-3" \h \z \u Elektronsko poslovanje1.0Elektronsko poslovanje – osnovni pojam PAGEREF _Toc473577719 \h 11.1Razvoj i oblici elektronskog poslovanja PAGEREF _Toc473577720 \h 11.2Elektronska trgovina PAGEREF _Toc473577721 \h 2AngularJS2.0AngularJS – osnovni pojam PAGEREF _Toc473577723 \h 42.1 Razvojna istorija AngularJS-a PAGEREF _Toc473577724 \h 52.2 Kako funkcioni?e AngularJS PAGEREF _Toc473577725 \h 62.3 AngularJS atributi PAGEREF _Toc473577726 \h 72.4 Scope PAGEREF _Toc473577727 \h 92.5 Dvosmerno povezivanje podataka PAGEREF _Toc473577728 \h 10Literatura PAGEREF _Toc473577729 \h 11Elektronsko poslovanjeElektronsko poslovanje – osnovni pojamElektronsko poslovanje jeste vo?enje poslova na internetu, ?to ne podrazumeva samo kupovinu i prodaju, ve? organizaciju poslovanja firme u mre?nom okru?enju, organizovanje poslovne komunikacije prema klijentima i brigu o klijentima.Izraz elektronsko poslovanje je prvi put upotrebljen od strane ameri?ke kompanije IBM da bi se ozna?ilo poslovanje uz zna?ajnu primenu savremene, elektronske tehnologije. Do tada se ovaj izraz odnosio na poslovanje u sektoru elektronike. Pod elektronskim poslovanjem podrazumevamo obavljanje poslovnih procesa uz primenu elektronske tehnologije. Elektronska tehnologija podrazumeva kombinovanu upotrebu informacionih tehnologija i telekomunikacija. Ova vrsta tehnologije omogu?ava slanje velikog broja informacija, na velike daljine u kratkom vremenskom periodu. To omogu?ava preduze?u, koje u svom poslovanju koristi elektronsku tehnologiju, da ostvari zna?ajne u?tede u tro?kovima poslovanja, efikasnije obavlja svoje zadatke i, samim tim, bude konkurentnije na tr?i?tu.Danas e-poslovanje ostvaruje ekspanzitivan rast. U dosada?njem periodu e-poslovanje je do?ivelo posebnu ekspanziju u maloprodaji, izdava?tvu i u finansijskim uslugama. Generalno posmatrano, prednost elektronskog u odnosu na tradicionalno poslovanje su vezane za pove?anje kvaliteta, agilnosti, za dodatne usluge sa jedne strane, i za sni?enje prodajnih cena, smanjenje vremena izlaska na tr?i?te, odnosno realizivanje transakcija sa druge strane. Tako?e se intezivira zajedni?ki nastup na elektronskom tr?i?tu vezan za razvoj elektronskih partnerstva.Razvoj i oblici elektronskog poslovanjaElektronsko poslovanje se pojavilo po?etkom 80-ih godina pro?log veka, ali je ubrzan razvoj do?ivelo poslednjih godina, pre svega zahvaljuju?i internetu.Elektronsko poslovanje podrazumeva obavljanje poslovnih procesa uz primenu elektronske tehnologije. Ova vrsta tehnologije omogu?ava slanje velikog broja informacija na velike daljine u kratkom vremenskom periodu. To svojstvo elektronske tehnologije omogu?ava kompanijama koje u svom poslovanju koriste ovu vrstu tehnologije da ostvare zna?ajne u?tede u tro?kovima poslovanja, efikasnije obave svoje zadatke i budu konkurentnije na tr?i?tu.Elektronsko poslovanje ima vrlo ?iroko podru?je uticaja i primene, pa bi osnovni oblici bili:? e-trgovina (engl. e-commerce) - predstavlja poslovnu komunikaciju i prenos dobara i usluga (kupovina i prodaja)? e-bankarstvo (engl. e-banking) - predstavlja poslovanje na relaciji banka-klijent? e-uprava (engl. e-government) - predstavlja elektronsko poslovanje u upravi ili administraciji (dr?ave, preduze?a, itd.)Elektronska trgovina Elektronska trgovina (engl. Electronic Commerce) ili E-trgovina (engl. e-Commerce) predstavlja poslovnu komunikaciju i prenos dobara i usluga (kupovina i prodaja), preko mre?e i ra?unara, kao i prenos kapitala, kori?tenjem digitalne komunikacije. Uklju?uje i ostale poslovne funkcije preduze?a, kao ?to su marketing, finansije, proizvodnja, prodaja i administrativna funkcija, koje su neophodne u procesu trgovine.Ovakvim na?inom definisanja smo izbegli ?estu gre?ku koja podrazumeva poistovje?enje elektronske trgovine sa elektronskim poslovanjem. E-trgovina je ipak samo manji podskup e-poslovanja, zajedno sa oblastima kao ?to su elektronsko bankarstvo, mobilno poslovanje, virtuelne organizacije, elektronske berze, elektronsko poslovanje u javnoj upravi, itd.Poslovanjem po principima elektronske trgovine, Internet pru?a niz mogu?nosti za maloprodaju:? nisu potrebne skupe nekretnine niti aran?iranje izloga? neophodno je minimalno prodajno osoblje? postoji mogu?nost da se prodaje kupcima na bilo kojem geografskom podru?ju? omogu?ena je trenutna komunikacija? prezentuje se interaktivni multimedijalni katalog koji mo?e da pru?i onoliko informacija koliko kupac ?eli (bez skupih klasi?nih kataloga i po?tanskih tro?kova)? veoma brzo se mo?e vr?iti prilago?avanje za promene u prodajnim cenama i nivou zaliha? velika je mogu?nost adaptacije zahtevima kupacaS druge strane javljaju se i odre?eni problemi u prodaji preko Interneta:? mnogi potencijalni kupci jo? uvek ne koriste Internet? mnogi nemaju brze veze? kupovina preko Interneta zahteva veliku dozu poverenja (sa obe strane)? ugro?ena privatnost: li?na (proaktivni marketing, cookies), finansijska (zloupotreba kartica)? problem stvarnog postojanja prodavca na Internetu? bezbednost obavljanja transakcijeNeophodno je navesti i set osnovnih stvari koje sajber trgovce ?ine uspe?nim:? popusti? super selekcija: bogata ponuda? posebne usluge: podse?anje na va?ne datume, postprodajne usluge, ...? komfor: iz fotelje, non-stop, mesecima unapred? brza isporuka? zabava: video igre, ?ale? koncept dodatne vrednosti (engl. added value)Pored toga, mo?emo re?i da je kupovina i prodaja informacija, proizvoda i usluga putem ra?unarske mre?e i podr?ka za bilo koju vrstu poslovnih transakcija putem digitalne infrastrukture - digitalno omogu?ene komercijalne transakcije izme?u organizacija (engl. B2B), organizacija i pojedinaca (engl. B2C), pojedinaca (engl. C2C), organizacija i vladinih agencija(engl. B2G), vladinih agencija(engl. G2G), itd.AngularJS AngularJS – osnovni pojamAngularJS je JavaScript strukturni okvir (framework) za izradu dinami?kih veb aplikacija. Angular omogu?ava kori??enje HTML kao templejtnog jezika i omogu?ava produ?avanje HTML sintakse radi boljeg iskustva sa kreiranjem komponenti. Uloga Angulara jeste da olak?a pisanje koda upotrebom tehnika kao ?to su data binding i dependency injection, time se smanjuje koli?ina koda koju je potrebno napisati.Ovaj okvir je je otvorenog koda koji primarno odr?ava kompanija Google zajedno sa velikim brojem programera koji doprinose kodu. AngularJS je napravljen sa ciljem da se deklarativno programiranje upotrebljava uprilikom izrade korisni?kih interfejsa i povezivanja komponenti, dok imperativno programiranje vi?e odgovara za definisanje aplikacione biznis logike. Glavni ciljevi ovog okvira su :Razdvajanje DOM manipulacije od aplikacione logike. Razdvajanje klientske strane od serverske. Ovo omogu?ava razvoj obe strane paralelno. Obezbe?ivanje structure za redosled razvoja aplikacije.AngularJS implementira MVC (Model-View-Controler) arhitekturu radi razdvajanja komponenti za prezentaciju, podatke I logi?ke komponente. Koriste?i zavisnost paketa, Angular donosi tradicionalne serverske service, kao ?to su kontroleri koji zavise od prezentacionog sloja, na veb aplikacije na klijentskog strani. Ovo omogu?ava da se smanji veliki deo tereta na server. 2.1 Razvojna istorija AngularJS-aAngularJS je prvobitno ravijen 2009. godine od strane Mi?ka Hevery-a u Brat Tech LLC kompaniji, kao softver iza servisa za skladi?tenje JSON-a koji se napla?ivao po megabajtu. 2010. godine, Hevery odlu?uje da objavi Angular kao okvir otvoreng koda. 2011. godine objavljuje se AngularJS verzija 1.0.23. Septembra 2014. Na ng-Europe konferenciji najavljena je Angular 2.0 verzija. Velike promene u 2.0 verziji izazvale su veliku polemiku me?u programerima. Razlog je potpuna prerada u odnosu na verziju 1.0. U aprilu, 2015. godine najavljeno je da Angular 2 prelazi iz Alpha verzije u Developer Preview veriju koja je bila mnogo stabilnija i bolje dokumentovana. U decembru, 2015. godine objavljena je prva beta a u maju 2016. godine prvi release kandidat. Finalna verzija objavljena je u septembru 2016. godine. Velike promene u odnosu na Angular 1 su :Pord?ka za mobilni razvoj - razvoj veb aplikacija sa podr?kom za pametne ure?ajeModularnost – veliki deo osnovne funkcionalnosti je preveden u module, kreiraju?i br?u i manju osnovu.Podr?ku za modern pretra?iva?e.Upotrebu Mikrosoftovog TypeScript jezika, koji donosi pobolj?anja kao ?to su :Objektno orijentisano programiranje bazirano na klasama.Static Typing ( proces verifikovanja gre?aka programa zasnovanom na analizi izvornog koda.)LambdasPodr?ku za ECMAScript 6Pobolj?an dependency injection. Dinami?no u?itavanjeI mnoge druge mogu?nosti.2.2 Kako funkcioni?e AngularJS Ovaj okvir funkcioni?e tako ?to pro?ita HTML stranicu, koja sadr?i modifikovanje attribute. Angular te attribute interpretira kao upustvo da pove?e ulazne (inuptu) i izlazne (output) delove na stranici sa modelom koji predstavlja standardne JavaScript promenljive. Vrednosti ovih JavaScript promenljivih mogu biti manuelno pode?eni u koviru koda ili dobavljeni iz stati?kih ili dinami?kih JSON resursa. -200025419100<!doctype html><html ng-app><head><script src=""></script></head><body><div><label>Name:</label><input type="text" ng-model="yourName" placeholder="Enter a name here"><hr><h1>Hello {{yourName}}!</h1></div></body></html>00<!doctype html><html ng-app><head><script src=""></script></head><body><div><label>Name:</label><input type="text" ng-model="yourName" placeholder="Enter a name here"><hr><h1>Hello {{yourName}}!</h1></div></body></html>Primer : Upotrebom ng-app atributa defini?emo odakle po?inje na?a Angular aplikacija. U ovom slu?aju ona ?e koristi celu starnicu.<html ng-app>Nakog toga potrebno je da u?itamo Angular biblioteku.<script src=""></script>Kori??enjem imput HTML tag-a, mo?emo da dozvolimo korisniku da unese svoje ime, a atibutom ng-model povezujemo unos (formu) i model. Ovo zna?i da bilo kakva promena na kontroli promeni?e podatke u modelu.<input type="text" ng-model="yourName" placeholder="Enter a name here">Nakon toga potrebno je da na deklarativan na?in, upotrebom viti?astih zagrada, odredimo lokaciju gde ?e se prikazati podaci koje unosimo u formu. <h1>Hello {{yourName}}!</h1>Kona?an izgled aplikacija. Bilo kakav unos u tekstbox (yourName input) ?e se prikazati u h1 elementu ispod. 2.3 AngularJS atributiZadaci koje izvr?ava AngularJS izvr?avaju se u tri faze, nakon u?itavanja objektnog modela dokumenta (engl. DOM):Kreiranje novog ubrizgava?aKompilacija svih direktivaPovezivanje svih direktiva u scopeAngularJS direktive dozvoljavaju programerima da odrede specifi?ne elemente i atribute nalik na HTML koji se mogu ponovo upotrebiti, a koji defini?u povezivanje podataka i pona?anje komponenti korisni?kog interfejsa. Neke od naj?e??e kori??enih direktiva su:ng-appDeklari?e koren dokumenta AngularJS aplijacije, unutar koga se mogu koristiti direktive koje ?e povezati podatke i definisati pona?anje.ng-bindPostavlja text objektnog modela dokumenta na vrednost izraza. Na primer?<span ng-bind="name"></span>??e prikazati vrednost promenjive unutar span elementa. Bilo koja promena promenjive ?name“ u aplikaciji ?e se istovremeno promeniti i unutar objektnog modela dokumenta.ng-modelSli?no kao i ng-bind, ali uspostavlja dvosmernu vezu izme?u korisni?kog interfejsa i scope-a.ng-model-optionsOmogu?ava pode?avanja kako se obavljaju a?uriranja na nivou modela.ng-classOmogu?ava dinami?no dodavanje klasnih atributa.ng-controllerDefini?e JavaScript klasu kontrolera koji obra?uje HTML izrazeng-repeatInstancira element jednom za svaku stavku iz skupa.ng-show, ng-hideUslovno prikazuje ili sakriva element u zavisnosti od vrednosti Bulovog izraza. Prikaz i sakrivanje je postignuto pode?avanjem CSS svojstva ?display“.ng-switchUslovno instancira jedan ?ablon iz seta mogu?ih, u zavisnosti od vrednosti selekcijeng-viewOsnovna direktiva odgovorna za upravljanje rutama koje re?avaju JSON pre renderovanja ?ablona kojima upravljaju odre?eni kontroleri.ng-ifOsnovna direktiva ?if“ petlje koja dozvoljava prikazivanje odre?enog elementa ako su uslovi ispunjeni. Ukoliko uslovi nisu ispunjeni, element se bri?e iz objektnog modela dokumenta. Kada se uslovi ispune, klon kompajliranog elementa se ponovo ubacuje u DOM2.4 Scope Angular koristi termin ?scope“ sa ne?to druga?ijim zna?enjem nego ?to je to uobi?ajeno u kompjuterskim naukama.Scope u kompjuterskim naukama opisuje kada je odre?ena veza na snazi. ECMA-262 defini?e scope kao leksi?ko okru?enje koje defini?e okru?enje u kojem se izvr?ava objekat funkcije.U Angular-u, scope je vrsta objekta?koja mo?e biti unutar ili izvan dosega u odre?enom delu programa, prate?i uobi?ajena pravila dosega promenjive u jeziku JavaScript kao bilo koji drugi objekat. U nastavku, termin scope predstavlja vrstu Angular scope objekta, a ne dosega promenjive.Primer upotrebe $scope-a kao model podataka.-200025339090angular.module(‘scopeExample’, []).controller(‘MyController’, [‘$scope’, function($scope){ $scope.username = ‘World’; $scope.sayHello = function() { $scope.greeting = ‘Hello ’ + $scope.username + ‘!’; };}]);00angular.module(‘scopeExample’, []).controller(‘MyController’, [‘$scope’, function($scope){ $scope.username = ‘World’; $scope.sayHello = function() { $scope.greeting = ‘Hello ’ + $scope.username + ‘!’; };}]);Script.js-171450616585<div ng-controller=”MyController”> Your name : <input type=”text” ng-model=”username”> <button ng-click=’sayHello()’>greet</button> <hr> {{greeting}}</div>00<div ng-controller=”MyController”> Your name : <input type=”text” ng-model=”username”> <button ng-click=’sayHello()’>greet</button> <hr> {{greeting}}</div>Index.html2.5 Dvosmerno povezivanje podataka Angularovo dvosmerno povezivanje podataka je najva?nija mogu?nost, i ona smanjuje koli?inu napisanog koda smanjuju?i odgovornosti servera u vezi sa prikazom ?ablona. Umesto toga, ?abloni se renderuju u ?istom HTML-u prema podacima koji se nalaze unutar scope-a definisanog u modelu. $scope servis u Angularu detektuje promene modela i menja HTML izraze na korisni?kom interfejsu preko kontrolera.Isto tako, sve promene na korisni?kom interfejsu se reflektuju na model. Ovo zaobilazi potrebu da se aktivno manipuli?e objektnim modelom dokumenta i podsti?e samostalan rad aplikacije i brzu izradu prototipa veb aplikacija. AngularJS detektuje promene u modelu porede?i sada?nje vrednosti sa vrednostima koje su sa?uvane kroz raniji proces provere, za razliku od Ember.js i Backbone.js framework-a koji se aktiviraju kada nastanu promene na modelu.Literatura ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download