Σχεδιασμός και Υλοποίηση Πληροφοριακού Συστήματος βέλτιστης διαδρομής συνεπιβατών που
χρησιμοποιούν υπηρεσίες Ταξί
5
Λίστα Εικόνων
Εικόνα 1: Σχεδιαστικό παράδειγμα με χρήση αποκριτικού & μη αποκριτικού σχεδιασμού. 21
Εικόνα 2: Η λειτουργία μιας στατικής και μιας δυναμικής ιστοσελίδας.
Εικόνα 3: Μορφή δήλωσης επιλογέα CSS.
Εικόνα 4: Παράδειγμα χρήσης της Font Awesome.
Εικόνα 5: Παρουσίαση του διαχειριστικού πάνελ του iΤaξι σε διαφορετικές συσκευές.
Εικόνα 6: Συμπλήρωση λανθασμένων στοιχείων για την προσθήκη νέου χρήστη με τη
βοήθεια του bootstrap validator.
Εικόνα 7: Προβολή της φόρμας με ορθή συμπλήρωση των δεδομένων εισαγωγής.
Εικόνα 8: Σύνδεση με εξωτερικό αρχείο JS.
Εικόνα 9: Παράδειγμα απλού select σε αντιπαραβολή με το Select JQuery.
Εικόνα 10: Εσωτερικός κώδικας JS με τη μέθοδο history.back().
Εικόνα 11: Προβολή πίνακα με όλους τους χρήστες.
Εικόνα 12: Προβολή πίνακα οδηγών.
Εικόνα 13: Προβολή ταξινομημένου πίνακα με βάση το γράμμα Π του επιθέτου.
Εικόνα 14: Περιβάλλον εργασίας Sublime Text.
Εικόνα 16: Ρυθμίσεις παραμέτρων για την σύνδεση με SSH.
Εικόνα 17: Απομακρυσμένη σύνδεση με χρήση Putty.
Εικόνα 18: Περιβάλλον λειτουργίας phpMyAdmin.
Εικόνα 20: Προβολή βέλτιστης διαδρομής και των πιο κοντινών διαθέσιμων ταξί.
Εικόνα 21: Μέρος κώδικα της μετατροπής των διευθύνσεων σε γεωγραφικές
Εικόνα 22: Οι επτά πίνακες της βάσης δεδομένων, όπως φαίνονται στο phpMyAdmin.
Εικόνα 23: Σχεσιακό Διάγραμμα Βάσης Δεδομένων iTaξι.
Εικόνα 24: Κατανομή αρχείων συστήματος.
Εικόνα 25: Κατανομή αρχείων του φακέλου του διαχειριστή.
Εικόνα 26: Σενάριο προβολής αιτημάτων ανάθεσης διαδρομών - apimob.php.
Εικόνα 27: Κώδικας σύνδεσης με τη βάση δεδομένων.
Εικόνα 28: Εντολές εμφάνισης σφαλμάτων PHP.
Εικόνα 29: Κώδικας ελέγχου ασφαλούς σύνδεσης https.
Εικόνα 30: Κώδικας ελέγχων σύνδεσης στο σύστημα.
Εικόνα 31: Κώδικας ελέγχου συνδεδεμένου χρήστη – sessionlock.php
Εικόνα 32: Κώδικας ελέγχου σύνδεσης στο πάνελ του διαχειριστή – logincheck.php
Εικόνα 33: Κώδικας αποσύνδεσης χρήστη.
Εικόνα 34: Τμήμα Κώδικα αρχείου λεξιλογίου.
Εικόνα 35: Κώδικας ελέγχου διαθεσιμότητας username.
Εικόνα 36: Κώδικας Ajax script κλήσης του αρχείου ελέγχου διαθεσιμότητας username. 82
Εικόνα 37: Απολύμανση δεδομένων με τη χρήση της συνάρτησης filter_input().