7 : - PowerPoint PPT Presentation

Οργανωτική Επιτροπή ΣΦΗΜΜΥ 7 Ομάδα ΙΤ: Σπαφαρίδης Ξενοφών Γεωργιτζίκης Επιμηθέας Καραγεώργος Κωνσταντίνος Παππάς Ανδριανός

Ποιοι Είμαστε

Οι στόχοι μας ✔ Υλοποίηση Ιστοσελίδας Όραμά μας ✔ Εισαγωγή σύγχρονης τεχνολογίας στο συνέδριο ✔ Δημιουργία ολοκληρωμένου λογισμικού για την κάλυψη των αναγκών του συνεδρίου ✔ Παρακαταθήκη για τα επόμενα ΣΦΗΜΜΥ

Custom CMS ● Ομαδοποίηση λειτουργιών ● Ενσωμάτωση πολλών λειτουργιών στο sfhmmy.gr ● Αναγνώσιμος κώδικας ● Modularity ● Προσθήκη νέων λειτουργιών χωρίς την ανάγκη τροποποιήσεων Προϋπόθεση: Ύπαρξη Web-Developers

live.sfhmmy www.sfhmmy administrator.sfhmmy desk.sfhmmy review.sfhmmy

Βασική Διεπαφή

Dashboard

Administration

Administration Functionalities /1

Administration Functionalities /2

Chief Reviewer Panel

Review State

Desk & Live

User Requirements

Διαδικασία Καθορισμού Απαιτήσεων 1. Συναντήσεις της Οργανωτικής Επιτροπής 2. Συναντήσεις με κ. Χατζηλεοντιάδη 3. Επικοινωνία μέσω googlegroups 4. Ιδέες από ήδη υλοποιημένο λογισμικό ● http://www.insticc.org/Primoris/ ● http://mc.manuscriptcentral.com/acm Λάθη: ✗ Μη σαφής καθορισμός από την αρχή ✗ Νέες απαιτήσεις στην πορεία ✗ Έλλειψη εμπειρίας διοργάνωσης συνεδρίου Hristopanagies per second (hpps)

Our Professional Documents

Αρχικές απαιτήσεις Λειτουργίες : ( στο επίπεδο του χρήστη ) Frontend - design : ● News-announcements ● Responsive design ● Registrations : στο συνέδριο ● Personal dashboard + request status Λειτουργίες : ( στο επίπεδο του ● Forms διαχειριστή ) ● Calendar ● usergroups : για επίπεδα πρόσβασης πχ { επιτροπή, moderators, διαχειριστές, ● Events ( για τα activities πχ ) super διαχειριστές } ● Support / Contact ● όλα τα αντίστοιχα του user ● Sponsors ● εγγραφές χρηστών με πρόσβαση πχ ● Live Streaming καθηγητών, μελών κτλπ ● Οργανωτική Επιτροπή ● Επιστημονική Επιτροπή ● Πρόσβαση / Διαμονή index.php?controller=announcement&method= ● translations : όλα τα περιεχόμενα του site view&permalink=avbab στατικά κ δυναμικά θα είναι μεταφρασμένα σε 2, γενικά n γλώσσες /announcement/view/acbab ● user friendly urls, seo friendly urls

Χρήστες και Δυνατότητες register SelectFromMenu <include> userCheckIn login Dashboard <include> <extends> activitiesRegistration reviewPaper <extends> <extends> submitPaper announcements assignPaper create/modify <extends> events support finalSelection modifyUserRights

Η Βάση Δεδομένων

Τεχνολογίες που χρησιμοποιήθηκαν

LAMP stack ● Linux Apache MariaDB PHP ● MariaDB vs MySQL – Truly Open Source – Speed Improvements

Site Architecture ● MVC ● REST Front-end Framework ● Bootstrap (by Twitter)

PHP ● Based on CMS-X Translations ● Home-brew tool

Mail Server ● Google Mail Server ● Google Mail Limitations – 500 emails/day Libraries ● Captcha ● Smarty ● Feedcreator – RSS ● jQuery

Optimization ● Memcached ● Some other things

Bootstrap ● CSS + some javascript ● Open Source ● Responsive by default, regardless of platform ● Grid System ● Ready-to-use components ● Great Design solution ● Easily customizable – heavy customization

Translations ● Bilinguality requirement ● Tool by Nohponex ● N-language ● Easy translation platform – no code required ● Automatic key detection ● Revisioning

MVC – Architectural pattern Server Client Model Database *.sfhmmy.gr Request data Browser index Controller 1) Get mode HTTP Request Viewer parameters 2) Get controller Viewers : 3) Get method ● Site 4) Include controller ● Administrator 5) Execute method ● Reviewer ● Desk ● Maintenance ● Live HTTP Response ● raw Viewer ● json ● pdf

REST (representational state transfer) ● Client–server ● Stateless ● Cacheable ● Layered system ● Uniform interface – Identification of resources – Manipulation of resources through these representations – Self-descriptive messages – Hypermedia as the engine of application state http://en.wikipedia.org/wiki/Representational_state_transfer

API Interface Method HTTP GET HTTP POST create View create new item form Create new item view View item update View update item form Update item listing List collection delete Delete item ● Example : http://www.sfhmmy.gr/announcement/view/10 mode service URI controller method

Directory Tree ‾ index.php ‾ config.php ‾ controllers/ ‾ administrator/ ‾ site/ ‾ home.php ‾ user.php ‾ models/ ‾ session.php ‾ database.php ‾ util.php ‾ site/ ‾ user.php ‾ administrator/ ‾ user.php ‾ viewers/ ‾ site/ ‾ site.php ‾ assets/ ‾ templates/ ‾ common/

Request Example HTTP GET http://www.sfhmmy.gr/home/view HTTP Request mode : site controller : home index method : view

<?php class homeController{ public static function view( $params ){ include ( 'models/site/page.php' ); Controller $page = page::view( 'home', $language ); View( array ( 'title' => $page[ 'title' ], 'page' => $page ), 'home' ); } Controller.php } ?> <?php class siteViewer { Viewer public static function view( $params = array (), $page ) { include ('templates/common/header.php'); siteViewer.php include ('templates/' . $page. '.php'); include ('templates/common/footer.php'); } } ?> < div class="col-sm-2"> < h3 > <?php ___( 'title' ); ?> : <?php echo $params[ 'page' ][ 'title' ]; ?> </ h3 > home.php </ div > < div class="col-sm-10"> <?php echo $params[ 'page'][ 'content' ]; ?> </ div > HTTP Response

Συνεργασία ● Λογισμικό μεγαλύτερο από οποιαδήποτε εργασία στα πλαίσια της σχολής ● Συνεχής ανάπτυξη, από διαφορετικές τοποθεσίες Ανάγκη για συντονισμό

Subversion (SVN) ● Κεντρικός έλεγχος εκδόσεων (software versioning, revision control) ● Είχαμε ήδη στημένο server

Class Reference (ή κάτι τέτοιο) ● Αναφορά στο τι πρέπει να Φιλικό στον χρήστη!! κάνει κάθε οντότητα και πως επικοινωνεί με τις υπόλοιπες ● Κάπως σπαρτιατική υλοποίηση, χωρίς σχόλια και Εύληπτο !! κείμενο ● Απολύτως απαραίτητο όταν βασίζεσαι σε κώδικα που έχει γράψει άλλος

Αποσφαλμάτωση ● Έγινε απόπειρα χρήσης bug tool (Mantis) και collaboration suite (Asana, Freedcamp κλπ) ● Τα αμελήσαμε – υποτιμήσαμε ● Το πληρώσαμε στο τέλος...

● Όλα αυτά απαιτούσαν χρόνο εξοικείωσης ● Βασικές λειτουργίες -> 20/12/2013 ● Rapid Development Process ● Παράλληλη διαμόρφωση της εμφάνισης ● Πρώτη δημόσια εμφάνιση -> 29/1/2014!!

Αξιοπιστία ● Εικονικό μηχάνημα στο cloud του grnet (Okeanos) ● Debian linux ● Χρόνος αδιάλειπτης λειτουργίας -> 173 μέρες, 13 ώρες, 41 λεπτά

Ασφάλεια, τι κάναμε ● Usergroups και ταυτοποίηση χρηστών στα http requests ● Έλεγχος και καθαρισμός των δεδομένων χρηστών ● Χρονικά και ποσοτικά όρια σε login attemps και reset requests ● Καταγραφή αλλαγών σφαλμάτω, αλλαγών και δραστηριότητας του server (επιτήρηση για πιθανές επιθέσεις) ● Hashing + Salting των κωδικών στη βάση