Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Σωτήριος Αγγελής

166 Aufrufe

Veröffentlicht am

Σχεδίαση και υλοποίηση εργαλείου αυτόματης ανάπτυξης
προσαρμόσιμων διεπαφών χρήστη για RESTful web APIs

Veröffentlicht in: Software
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Σωτήριος Αγγελής

  1. 1. ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΤΜΗΜΑ ΗΛΕΚΤΡΟΛΟΓΩΝ ΜΗΧΑΝΙΚΩΝ & ΜΗΧΑΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΩΝ Εργαστήριο Επεξεργασίας Πληροφορίας και Υπολογισμών ΑΓΓΕΛΗΣ ΣΩΤΗΡΙΟΣ Υπό την επίβλεψη του Ανδρέα Λ. Συμεωνίδη Θεσσαλονίκη, Οκτώβριος 2016 Σχεδίαση και υλοποίηση εργαλείου αυτόματης ανάπτυξης προσαρμόσιμων διεπαφών χρήστη για RESTful web APIs
  2. 2. Interact 2
  3. 3. Σκοπός διπλωματικής εργασίας Η δημιουργία ενός εργαλείου αυτόματης παραγωγής γραφικού περιβάλλοντος διεπαφής χρήστη για την αξιοποίηση RESTful web APIs. API Response Show Options HTTP Request User Action Interact 3
  4. 4. Διαδικτυακή υπηρεσία είναι ένα λογισμικό που εξυπηρετεί την επικοινωνία μεταξύ των υπολογιστών και την ανταλλαγή δεδομένων μέσω του πρωτοκόλλου HTTP για την λειτουργία μιας εφαρμογής. Web Service Interact 4
  5. 5. Rest web api είναι μια διαδικτυακή υπηρεσία που υπακούει σε ένα σύνολο κανόνων που καθορίζονται από την Representational state transfer (REST) αρχιτεκτονική. REST Web API Interact 5
  6. 6. Κάθε αντικείμενο θα πρέπει να είναι προσβάσιμο μέσα από ένα μοναδικό αναγνωριστικό. Αυτό επιτυγχάνεται με χρήση των URIs Addressability REST PRINCIPLES Έγκειται στην μορφή αναπαράστασης των πληροφοριακών πόρων, που αιτούνται και ανταλλάσσονται μεταξύ πελάτη και εξυπηρετητή. Στα πλαίσια της υλοποίησης, χρησιμοποιείται η αναπαράσταση JSON Representation Oriented Χρήση πεπερασμένου συνόλου των μεθόδων που προσφέρει το πρωτόκολλο HTTP με τον απλούστερο δυνατό τρόπο και για τη λειτουργία που αυτές έχουν ορισθεί. The Uniform, Constrained Interface Interact 6
  7. 7. Hypermedia As The Engine of Application State Κάθε client πρέπει να αλληλεπιδρά με την web εφαρμογή, αποκλειστικά μέσω hypermedia που παρέχονται δυναμικά από το API του server. HATEOAS Παντελής έλλειψη πληροφοριών από προηγούμενη επικοινωνία μεταξύ πελάτη και εξυπηρετητή. Ο εξυπηρετητής παρέχει μόνο την πληροφορία κατάστασης για τους πόρους που διαθέτει εκείνη την στιγμή. Communicate Statelessly Interact 7
  8. 8. • Το S-CASE παρέχει στους μηχανικούς λογισμικού μία σειρά από υπηρεσίες και εργαλεία, προκειμένου να αναπτύσσουν γρήγορα υπηρεσίες λογισμικού υψηλής ποιότητας. • Διαθέτει μια πληθώρα υπηρεσιών και εργαλείων που αποσκοπούν στην επιτάχυνση της διαδικασίας ανάπτυξης RESTful Web APIs • Παρέχει τα RESTful Web APIs για τα οποία δημιουργούνται οι διεπαφές χρήστη από το INTERACT S-CASE Interact 8
  9. 9. Μοτίβο JSON απόκρισης Χαρακτηριστικά Πόρου LinkList ID πόρου ID Type linkType linkRel linkUri linkVerb Interact 9
  10. 10. Οντολογία του API Αρχεία Yaml Καλύπτουν την ανάγκη για γνώση των χαρακτηριστικών και των ιδιοτήτων των πόρων του εκάστοτε API εκ των προτέρων. Interact 10
  11. 11. Ανάλυση πόρου στο Yaml αρχείο Resource Name CRUD Activities HasEmbedded Objects Embedded Type Embedded Property Name Type Unique Required Naming Property Properies Interact 11
  12. 12. Frameworks που χρησιμοποιήθηκαν Angular Js Bootstrap Interact 12
  13. 13. HTML – CSS VIEWS & ANGULAR DIRECTIVES ANGULAR CONTROLLERS & SERVICES REST API Δομικά στοιχεία εφαρμογής Η εφαρμογή έχει αναπτυχθεί με βάση το πρότυπο σχεδίασης MVC και δομείται από διακριτά στοιχεία που μπορούν να λειτουργήσουν αυτόνομα. Interact 13
  14. 14. Σχηματική απεικόνιση εφαρμογής Interact 14
  15. 15. Έλεγχοι σε κάθε στάδιο της εφαρμογής Επιλογή Ελεγκτή Εύρεση Χαρακτηριστικών Στοιχείο προς ενσωμάτωση Λίστα επιλογών Εύρεση παιδιών Κατάσταση επιστροφής Interact 15
  16. 16. . Είσοδος Χρήστη στο σύστημα Εγγραφή νέου χρήστη Δημιουργία Headers για τα http requests παράληψη αν δεν υποστηρίζεται authentication SignIn & SignIn Controller Interact 16
  17. 17. Main & Main Controller . Ανάκτηση και προβολή ομάδας πόρων Εμφάνιση εικόνων ή λεπτομερειών πόρων Εμφάνιση επιλογών στο χρήστη Δύο υλοποιημένα πρότυπα όψεων Interact 17
  18. 18. . Ανάκτηση και προβολή λεπτομερειών πόρων Εμφάνιση στοιχείου προς ενσωμάτωση Εμφάνιση επιλογών στο χρήστη Εμφάνιση παιδιών σε κατηγορίες View & View Controller Interact 18
  19. 19. Edit & Edit Controller . Δυναμική δημιουργία φορμών Form Validation Δημιουργία και επεξεργασία πόρων Εμφάνιση ενημερωτικών μηνυμάτων Interact 19
  20. 20. Ευχαριστώ για την προσοχή σας! Interact 20
  21. 21. Ερωτήσεις; Ο κώδικας του INTERACT βρίσκεται στο GitHub στη διεύθυνση : github.com/sotirisAng/Interact Interact 21

×