Ομάδα έργου: Ασπασία Κατσή, Νίκος Κατσαούνος, Σταύρος Παπαδάκης, Χάρης Παπαδόπουλος. Ομιλητές: Ασπασία Κατσή, Νίκος Κατσαούνος, Χάρης Παπαδόπουλος. Σύντομη περιγραφή του έργου και της μεθοδολογίας ανάπτυξης του. Αναφορά στις τεχνολογίες(Angular, Drupal 8) που χρησιμοποιήθηκαν και στον τρόπο επίλυσης προβλημάτων που αντιμετωπίστηκαν.

1. e-ΕΠΑΛ
Το έργο, η ομάδα, οι
τεχνολογικές προκλήσεις
Ένα ανοικτό σύστημα στην υπηρεσία της
δημόσιας εκπαίδευσης

2. Το έργο e-EPAL
Τι είναι το e-epal:
Πληροφοριακό Σύστημα για την ηλεκτρονική δήλωση προτίμησης των μαθητών που θα φοιτήσουν στα
Επαγγελματικά Λύκεια της χώρας
Σκοπός:
● Βελτίωση της διαδικασίας
● Μείωση της γραφειοκρατίας
● Ελαχιστοποίηση της ανάγκης για φυσική παρουσία στη διαδικασία εγγραφής
Ωφελούμενοι:
● Πολίτες
● Διοικητικές δομές

3. Το έργο e-EPAL
Ιδιοκτήτης του έργου:
Διεύθυνση Επαγγελματικής Εκπαίδευσης του ΥΠΠΕΘ
(http://www.minedu.gov.gr/texniki-ekpaideusi-2/to-thema-texniki-ekpaideusi)
Δημιουργός του έργου:
Ομάδα ανάπτυξης λογισμικού του ΥΠΠΕΘ αποτελούμενη από αποσπασμένους
εκπαιδευτικούς
(Διεύθυνση Ηλεκτρονικής Διακυβέρνησης του ΥΠΠΕΘ)

4. Έργα της ομάδας
Ε-epal
Ε-iek
E-frontistirio
Φόρμες
Διανομές Ανοιχτού Λογισμικού
Interoperability.gr
Edulabs
Relabs
Wikimedia για τις ανάγκες του Γενικού Συμβουλίου Βιβλιοθηκών.

5. Ευέλικτη μεθοδολογία ανάπτυξης
Συνεργατικά εργαλεία
Μοντέλο agile / scrum
● Light Scrum
● Sprint backlogs

7. Περιβάλλον ανάπτυξης

8. Αρχιτεκτονικήτηςεφαρμογής

9. Αποθετήριο git.minedu.gov.gr/itminedu/e-epal
Όλα τα σχετικά με το drupal
.
├── drupal/
├── . . .
├── pdfs/
├── source/
├── README.md
├── .bootstraprc
├── package.json
├── package-lock.json
├── tsconfig.json
└── webpack.config.js
Όλα τα σχετικά με την angular
Αρχεία ρυθμίσεων ανάπτυξης /
εξαρτήσεων / παραγωγικής
λειτουργίας

10. Αποθετήριο git.minedu.gov.gr/itminedu/e-epal
├── source/
│ ├── actions/
│ ├── components/
│ │ ├── home.ts
│ │ └── . . .
│ ├── containers/
│ ├── guards/
│ ├── pipes/
│ ├── services/
│ ├── store/
│ │ ├── store.ts
│ │ ├── index.ts
│ │ └── . . .
│ ├── index.html
│ ├── app.ts
│ ├── app.routes.ts
│ ├── app.settings.deployment.ts
│ ├── constants.ts
│ └── typings.d.ts
Όλα ξεκινούν εδώ …
Αρχεία συσχετίσεων / ρυθμίσεων
και άλλα
Οργάνωση ανάλογα με τη
λειτουργικότητα

11. Αποθετήριο git.minedu.gov.gr/itminedu/e-epal
├── drupal/
│ └── modules/
│ ├── casost/
│ ├── epaldeploysystem/
│ ├── epalreadydata/
│ ├── epal/
│ │ ├── epal.routing.yml
│ │ ├── epal.services.yml
│ │ ├── config/
│ │ │ └── install/
│ │ ├── src
│ │ │ ├── Controller/
│ │ │ ├── Entity/
│ │ │ ├── Form/
│ │ │ └── Tests/
│ │ └── templates/
│ └── oauthost/
Σε κάθε module υπάρχουν
- αρχεία ρυθμίσεων (π.χ.
routing)
- κώδικας που υλοποιεί τη
λειτουργικότητα του module
Οργάνωση ανά module

12. ● Προγραμματιστική δημιουργία των απαιτούμενων entities
Πλήρης έλεγχος της δημιουργίας του database schema
Δυνατότητα μεταφοράς του κώδικα δημιουργίας
● drupal console, drupal drush
● Entity API
Γρήγορη ανάκτηση δεδομένων (read)
Αργή αποθήκευση δεδομένων (write)
Το Drupal 8 ως back-end server:
αποθήκευση δεδομένων και entities

13. Αντιμετώπιση καθυστέρησης για λειτουργία
εγγραφής: ο αλγόριθμος κατανομής μαθητών
Πρόβλημα: παρατηρήθηκε σημαντική καθυστέρηση σε περίπτωση
λειτουργιών μαζικών εγγραφών.
Αντιμετώπιση:
μη χρήση του entity API
χρήση του PDO driver για προσπέλαση στη βάση

14. Χρήση Entity API για λειτουργία store Χρήση PDO Driver για λειτουργία store

15. Database Schema

16. Το Drupal 8 ως back-end server:
δημιουργία και διάθεση REST εξόδου (1)
δημιουργία προβολών (views) με REST export
ευέλικτη και γρήγορη δημιουργία rest εξόδων, για τα
αποτελέσματα συμβατικών ερωτημάτων (queries) στα δεδομένα
δύσκολη δημιουργία περισσότερο πολύπλοκων ερωτημάτων

17. Το Drupal 8 ως back-end server:
δημιουργία και διάθεση REST εξόδου (2)
● δημιουργία custom controllers με REST έξοδο
πλήρης έλεγχος και δυνατότητα υλοποίησης πολύπλοκων
ερωτημάτων
δυνατότητα επικοινωνίας με το front-end για οποιοδήποτε
είδος λειτουργίας
● routing system
○ βασισμένο στο Symphony Routing Component

18. Το Drupal 8 ως back-end server: εξουσιοδότηση
και δημιουργία χρηστών
● διαχείριση χρηστών και απόδοση ρόλων
● ανάπτυξη OAuth module
○ πλήρης έλεγχος της διαδικασίας εξουσιοδότησης πρόσβασης μέσω του
TaxisNet και δημιουργίας χρήστη με ρόλο αιτούντα
● ανάπτυξη CAS module
○ πλήρης έλεγχος της διαδικασίας εξουσιοδότησης πρόσβασης μέσω του
Πανελλήνιου Σχολικού Δικτύου και δημιουργίας χρήστη με ρόλο Διοικητικό

19. Ρύθμιση Drupal
● Ρύθμιση εφαρμογής μέσω ανάπτυξης module ρύθμισης
○ εγκατάσταση προβολών, rest resources, ρόλων χρηστών μέσω .yaml αρχείων
● Ρύθμιση παραμέτρων για κάθε custom module μέσω εγγραφής σε
κατάλληλο entity ρυθμίσεων
● Ρύθμιση γενικών παραμέτρων για κάθε module μέσω του αρχείου
<module_name>.module

20. ● “Angular is a platform that makes it easy to build applications with
the web” - https://devdocs.io/angular/
● Είναι framework, όχι library
● Typescript: Απόδοση ομάδας - Ομοιογενής κώδικας
● RxJS: Reactive Programming

21. ● Learning curve: Συγκριτικά μακρύ

22. RxJS - Taming the Asynchronous Beast
● Θεμέλιος λίθος στην Angular
● Η προτεινόμενη μέθοδος ελέγχου του ασύγχρονου κώδικα ή
κώδικα βασισμένου σε callbacks
● Απαιτεί μελέτη σε βάθος
● Observable, BehaviorSubject, Subscription

23. AsyncPipe και RxJS
source/components/student-application-form/region.schools.select.ts

24. BehaviorSubject: Initialization
source/components/student-application-form/region.schools.select.ts

25. Client state management
● State Container: http://redux.js.org/
● Angular Redux Store Integration:
https://github.com/angular-redux/store
● State Immutability: https://facebook.github.io/immutable-js/
● Development tools:
https://github.com/zalmoxisus/redux-devtools-extension

26. Client State Management: Types
source/store/regionschools/regionschools.types.ts

27. Client State Management: Reducer
source/store/regionschools/regionschools.reducer.ts

28. select() και BehaviorSubject
source/store/regionschools/regionschools.reducer.ts

29. Milestones 2017 - 2018
● Έκδοση 1: Angular 2.x, ng2-redux - Ιούνιος 2017
● Έκδοση 2: Angular 4.x upgrade, angular-redux/store - Αύγουστος
2017
● Χρήση ngc για AOT compilation
● Upgrade σε Angular 5
● Διαλειτουργικότητα με πληροφοριακό σύστημα εγγραφών
μαθητών
● Έκδοση 3: Υλοποίηση λειτουργικών επεκτάσεων

30. Θα μας βρείτε στο
https://git.minedu.gov.gr/itminedu/e-epal
Production environment:
https://e-epal.minedu.gov.gr