5 

 

Λίστα Εικόνων 

Εικόνα 1: Βασική δομή αρχείου HTML4 ................................................................ 22

 

Εικόνα 2: Βασική δομή αρχείου HTML5 ................................................................ 22

 

Εικόνα 3: Σύνδεση αρχείου JavaScript στην HTML4 .............................................. 23

 

Εικόνα 4: Σύνδεση αρχείου JavaScript στην HTML ................................................ 23

 

Εικόνα 5: Εναλλακτική σύνδεση αρχείου JavaScript στην HTML5 ......................... 23

 

Εικόνα 6: Ενσωματωμένη Δήλωση CSS ................................................................. 24

 

Εικόνα 7: Εσωτερική Δήλωση CSS ........................................................................ 25

 

Εικόνα 8: Εξωτερική Δήλωση CSS ........................................................................ 25

 

Εικόνα 9: Pre-styled στοιχεία Bootstrap.................................................................. 26

 

Εικόνα 10: Δομή αρχείου HTML με κώδικα JavaScript .......................................... 27

 

Εικόνα 11: Παράδειγμα κώδικα JavaScript ............................................................. 28

 

Εικόνα 12: Υλοποίηση κώδικα JavaScript με jQuery............................................... 28

 

Εικόνα 13: Σύνδεση και υλοποίηση τοπικού server  ................................................. 31

 

Εικόνα 14: Γραφικό περιβάλλον Atom ................................................................... 33

 

Εικόνα 15: Περιβάλλον Putty για σύνδεση με SSH ................................................. 34

 

Εικόνα 16: Αρχιτεκτονικές WebRTC (https://developer.liveswitch.io) ..................... 35

 

Εικόνα 17: Διάγραμμα περιπτώσεων χρήσης – UML .............................................. 44

 

Εικόνα 18: Σχεσιακό Διάγραμμα της Βάσης Δεδομένων  ......................................... 45

 

Εικόνα 19: Πίνακες της βάσης δεδομένων  .............................................................. 46

 

Εικόνα 20: Πίνακας users_sst ................................................................................. 47

 

Εικόνα 21: Πίνακας roomon_sst ............................................................................. 48

 

Εικόνα 22: Πίνακας report_sst................................................................................ 50

 

Εικόνα 23: Αρχεία συστήματος .............................................................................. 51

 

Εικόνα 24: Τμήμα κώδικα από το αρχείο server.js  .................................................. 53

 

Εικόνα 25: Τμήμα κώδικα από το αρχείο auth.js  ..................................................... 54

 

Εικόνα 26: Τμήμα κώδικα από το αρχείο authMiddleware.js  ................................... 55

 

Εικόνα 27: Τμήμα κώδικα από το αρχείο homepage.ejs  .......................................... 56

 

Εικόνα 28: Τμήμα κώδικα από το αρχείο pages.js ................................................... 57

 

Εικόνα 29: Συνάρτηση εισαγωγής χρήστη σε τηλεδιάσκεψη αρχείου Server.js......... 58

 

Εικόνα 30: Σύνδεση server με client αρχείο RoomClient.js ..................................... 58

 

Εικόνα 31: Κώδικας ασφαλής σύνδεσης χρήστη ..................................................... 59

 

Εικόνα 32: Τμήμα κώδικα εγγραφής νέου χρήστη ................................................... 60