Download
1 / 15
160 likes | 337 Views
ZAVRŠNI RAD br. 3693 VIŠEPLATFORMSKA USLUGA ZA PERSONALIZIRANO UPRAVLJANJE DOGAĐAJIMA. Laura Kokotović. Sadržaj. Uvod Personalizirano upravljanje događajima Događaj usluge Feel The Music Arhitektura usluge Feel The Music Programske tehnologije Usluga Feel The Music Zaključak. Uvod.
E N D
ZAVRŠNI RAD br. 3693VIŠEPLATFORMSKA USLUGA ZA PERSONALIZIRANO UPRAVLJANJE DOGAĐAJIMA Laura Kokotović
Sadržaj • Uvod • Personalizirano upravljanje događajima • Događaj usluge Feel The Music • Arhitektura usluge Feel The Music • Programske tehnologije • Usluga Feel The Music • Zaključak
Uvod • Dinamičan prikaz web-stranica • Responsive Web Design (RWD) • Personalizirano upravljanje događajima • Višejezičnost
Personalizirano upravljanje događajima • Personalizacija: proces prilagođavanja i upravljanja sadržaja korisnikovim preferencijama • Personalizacija web-stranica: • Implicitna (“event-based”) • Eksplicitna • Događaj web-stranice: klik na poveznicu, popunjavanje obrazaca, registracija, prijava korisnika, označavanje i grupiranje sadržaja i drugo
Događaj usluge Feel The Music • Pregled informacija o izvođačima i njihovim pjesmama • Personalizacija ostvarena označavanjem pjesama željenog izvođača i njihovim grupiranjem u liste
Programske tehnologije (1) • Radni okvir AngularJS • JavaScript radni okvir, otvorenog koda, koji služi za izradu dinamičkih web-aplikacija • Smanjuje impedanciju između prezentacijskog dijela i logičke pozadine aplikacije, uvođenjem dinamičkog povezivanja podataka i nove sintakse • Proširenje sintakse HTML-a uvođenjem: • Direktiva (engl. directives) • Atributa (engl. attributes) • Oznaka (engl. tags) • Izraza (engl. expressions)
Programske tehnologije (2) • Upravljači (engl. controllers)-pozadinski rad aplikacije • Dinamičko povezivanje podataka između sloja “model” i “view” <html ng-app=“MyApp”> … <body> <div> <label>Name:</label> <input type="text" ng-model="ime" placeholder="Unesite ime ovdje!"> <hr> <h1>Hello {{ime}}!</h1> </div> </body> </html> Direktivang-appinicijaliziraaplikaciju Direktivang-model pohranjuje i ažurira vrijednost input polja u ili iz varijable “ime Izrazkoji se zamjenjujeevaluiranomvrijednostivarijable“ime”
Programske tehnologije (3) • Varijable smještene na “scope-u” • “Model”- vrijednosti pohranjene u varijablama na “scope-u”
Programske tehnologije (4) • “ng-controller” direktiva instancira upravljače (controllere) za pozadinski rad aplikacije • “ng-click” direktiva izvršava pozivanje funkcije <body ng-controller="MyController"> <div> <label>Name:</label> <input type="text" ng-model="ime" placeholder="Unesite ime ovdje!"> <button ng-click="sayHello()">Hello</button> {{greeting}} </div> </body>
Usluga Feel The Music (1) • Višeplatformska usluga – radni okvir Bootstrap • Omogućuje korisnicima pregled informacija o izvođačima, kao i označavanje i grupiranje pjesama u liste (personalizacija) • Višejezičnost usluge ostvarena uvođenjem posebne Javascript skripte unutar programskog koda • Usluga dostupna putem poveznice http://social.tel.fer.hr/2013-2014/lkokotovic/FeelTheMusic/
Usluga Feel The Music (3) • Dodavanje listi: • Željeni scenarij: • Korisnik označava pjesme koje želi dodati u liste i upisuje ime liste. • Usluga prosljeđuje ime liste i označene pjesme bazi podataka, koja provjerava postojanje imena liste. • Korisnika se obavještava o upisu liste u bazu. • Drugi mogući scenarij: • Lista sa navedenim imenom postoji. • Korisnika se obavještava o postojanju liste sa navedenim imenom.
Zaključak • Korisniku je olakšano korištenje web-stranica na različitim platformama, ponajprije na manjim pokretnim uređajima • Postepeno integriranje višeplatformnosti na sve veći broj web-stranica • Personalizacijom se web-stranica prilagođava potrebama svakog korisnika i time postaje poželjna različitim tipovima korisnika. • Višejezičnostolakšava uporabu usluge korisnicima različitih nacionalnosti i različitih poznavanja jezika.
