Σχεδιασμός και Υλοποίηση Συστήματος Διαχείρισης Προσωπικών Δαπανών  

8 

 

Πίνακας Εικόνων 

Εικόνα 1 Αντίστοιχο σύστημα my-money.gr .............................................................. 12

 

Εικόνα 2 Αντίστοιχο σύστημα Έσοδα Έξοδα ............................................................. 13

 

Εικόνα 3 Αντίστοιχο σύστημα Διαχείρισης Εξόδων ................................................... 14

 

Εικόνα 4 Παράδειγμα πηγαίου κώδικα HTML .......................................................... 17

 

Εικόνα 5 Παράδειγμα κώδικα CSS ........................................................................... 17

 

Εικόνα 6 Παράδειγμα Chart.js - Κώδικας JavaScript ............................................... 20

 

Εικόνα 7 Παράδειγμα Chart.js - Κώδικας HTML ..................................................... 20

 

Εικόνα 8 Παράδειγμα Chart.js - Γράφημα ................................................................ 20

 

Εικόνα 9 Παράδειγμα κώδικα PHP .......................................................................... 21

 

Εικόνα 10 Παράδειγμα παραθύρου Notepad++ ....................................................... 22

 

Εικόνα 11 Παράθυρο λειτουργίας WinSCP ............................................................... 23

 

Εικόνα 12 Διάγραμμα Περιπτώσεων Χρήσης ............................................................ 27

 

Εικόνα 13 Σχεσιακό μοντέλο της βάσης δεδομένων .................................................. 31

 

Εικόνα 14 Αρχεία πηγαίου κώδικα του διαχειριστή ................................................... 34

 

Εικόνα 15 Αρχεία Λογαριασμού Χρήστη ................................................................... 36

 

Εικόνα 16 Αρχεία για τα έξοδα του χρήστη ............................................................... 37

 

Εικόνα 17 Αρχεία που αφορούν τις κατηγορίες ......................................................... 39

 

Εικόνα 18 Αρχεία των στατιστικών αποτελεσμάτων .................................................. 42

 

Εικόνα 19 Περισσότερα από τα αρχεία του συστήματος ............................................ 43

 

Εικόνα 20 Έλεγχος εισόδου πριν από τη διαγραφή εξόδων ........................................ 46

 

Εικόνα 21 Αρχική Σελίδα Εισόδου ........................................................................... 48

 

Εικόνα 22 Αρχική Σελίδα Εισόδου με μηνύματα λάθους............................................ 49

 

Εικόνα 23 Σελίδα Εγγραφής νέου μέλους .................................................................. 50

 

Εικόνα 24 Σελίδα Εγγραφής με μηνύματα λάθους ηλεκτρονικού ταχυδρομείου και 
κωδικού ................................................................................................................... 50

 

Εικόνα 25 Σελίδα Εγγραφής με μήνυμα λάθους επαλήθευσης κωδικού ...................... 51

 

Εικόνα 26 Αρχική Σελίδα Χρήστη ............................................................................. 52

 

Εικόνα 27 Τα πεδία για την εμφάνιση των δαπανών ................................................. 53

 

Εικόνα 28 Εμφάνιση και επιλογή όλων των κατηγοριών όλων των ετών ................... 53

 

Εικόνα 29 Modal για την επεξεργασία δαπανών ....................................................... 54

 

Εικόνα 30 Modal για τη διαγραφή εξόδων ................................................................ 54

 

Εικόνα 31 Μήνυμα επιτυχούς διαγραφής δαπάνης .................................................... 55

 

Εικόνα 32 Φόρμα Εισαγωγής Εξόδων ...................................................................... 56

 

Εικόνα 33 Η Φόρμα Εισαγωγής Νέων Εξόδων μετά από επιτυχημένη καταχώρηση .. 56

 

Εικόνα 34 Φόρμες Εισαγωγής Νέας Κατηγορίας ...................................................... 57

 

Εικόνα 35 Επιλογή μιας Κατηγορίας Συστήματος ..................................................... 58

 

Εικόνα 36 Modal Αυτόματης Εισαγωγής Κατηγοριών Χρήστη................................... 59

 

Εικόνα 37 Προβολή Πίνακα Κατηγοριών Χρήστη ..................................................... 60

 

Εικόνα 38 Modal Επεξεργασίας Προσωπικής Κατηγορίας Χρήστη ............................ 61

 

Εικόνα 39 Modal Επεξεργασίας Κατηγορίας Συστήματος από χρήστη ....................... 61

 

Εικόνα 40 Σελίδα Λογαριασμού Χρήστη ................................................................... 62

 

Εικόνα 41 Modal Αλλαγής Ηλεκτρονικού Ταχυδρομείου ........................................... 62

 

Εικόνα 42 Modal Αλλαγής Κωδικού Πρόσβασης ...................................................... 63