Szoftverarchitektúrák

Transcript

1. Házi feladat kiadó és beszedő rendszer Bajor Tamás (AXAUG4) bajortamass@gmail.com Dányi Bence (K7YLW5) madbence@gmail.com Konzulens: Dr. Asztalos Márk
2. A feladat ▶ Webes alkalmazás házi feladatok kiadására, beszedésére, értékelésére, felhasználók menedzselésére ▶ Két felhasználói csoport ▶ Tanár ▶ Hallgató
3. Megvalósítás ▶ Szerver oldalon háromrétegű alkalmazás REST API Üzleti Logika Adatbázis ▶ Kliens oldalon két felhasználói felület
4. JSON REST API ▶ Összeköti a klienst és az üzleti logikát ▶ Közös interfész ▶ URL ▶ Paraméterek ▶ Visszatérési érték ▶ A szükséges paramétereket kikeresi és/vagy példányosítja, hogy hozzáférjen a rendszerhez
5. Üzleti logika ▶ A rendszerben ténylegesen három cselekvő osztály ▶ Tanár ▶ Hallgató ▶ Csoport (hallgatók csoportja) ▶ További három osztály, mely az adatstuktúrát hordozza ▶ Feladat ▶ Konkrét feladat ▶ Megoldás
6. Üzleti logika ▶ A feladatokhoz konkrét feladatok tartoznak (vö. Házi feladat - Sakkprogram) ▶ A tanár az adminisztrátor, menedzser szerepet tölt be ▶ Hallgatókat, csoportokat, feladatokat hoz létre és rendel egymáshoz ▶ A tanár értékeli a beküldött megoldásokat
7. Adatbázis ▶ Üzleti logikát képezzük le ▶ Futtatás elején a rendszer feltöltése az adatbázisból ▶ Futtatás közben az adatok folyamatos perzisztálása
8. Technikai paraméterek ▶ Tisztán Java szerver oldal ▶ Tomcat 7.0 ▶ JPA, MySQL ▶ REST API, Jersey publikus könyvtár
9. Kliens oldal ▶ SPA (Single Page Application) ▶ HTML5+CSS3 ▶ Backbone.js ▶ Underscore.js ▶ jQuery
10. Kliens architektúra View Router Model Server DOM
11. View hierarchia View Router Model Server DOM
12. Backbone+Underscore ▶ Backbone.Model ~INotifyPropertyChanged ▶ Backbone.Collection ~ObservableCollection ▶ CollectionView ~ListView + DataTemplate ▶ Beépített adatkötés nincs (vö. AngularJS) ▶ Sablonnyelv: _.template ▶ <span>{{name}}</span>
13. HTML5 ▶ history.pushState ▶ Drag’n’Drop fájlfeltöltés ▶ XMLHttpRequestUpload + FormData
14. Kérdések?