Σχεδιασμός και υλοποίηση πληροφοριακού συστήματος διαχείρισης εθελοντών και απινιδωτών
71
Εικόνα 28: Σελίδα Πίνακα Διαχειριστών – Σελιδοποίηση
Για την προσθήκη νέου διαχειριστή, υπάρχει κουμπί προσθήκης στη δεξιά γωνία της
οθόνης. Το κουμπί προσθήκης εμφανίζει επίσης παράλληλο μήνυμα ειδοποίησης ειδικού
χρωματισμού (tooltip) όταν ο κέρσορας του ποντικιού βρίσκεται πάνω από το κουμπί.
Ακολουθεί παράδειγμα στην εικόνα 27.
Εικόνα 29: Σελίδα Πίνακα Διαχειριστών – Κουμπί προσθήκης διαχειριστή & tooltip
Ύστερα από την πληκτρολόγηση του κουμπιού προσθήκης εμφανίζεται μια φόρμα
εισαγωγής διαχειριστή με πεδία, τα στοιχεία που διαθέτει ένας διαχειριστής. Το κουμπί
“EIΣΑΓΩΓΗ”, αρχικά είναι ανενεργό μέχρι να αρχίσει ο χρήστης να πληκτρολογεί σε ένα από
τα πεδία. Τα πεδία τα οποία έχουν αστερίσκο, υποδηλώνουν ότι η συμπλήρωση τους είναι
απαραίτητη. Σε περίπτωση μη εισαγωγής ενός από αυτά τα πεδία υπάρχει client side validation
το οποίο δεν επιτρέπει την υποβολή της φόρμας και εμφανίζει αντίστοιχο μήνυμα. Υπάρχει
επίσης server side validation το οποίο ελέγχει αν τα στοιχεία όπως το “ Όνομα Χρήστη” και
το “E-mail” είναι μοναδικά και έχουν την σωστή μορφή. Σε περίπτωση που δεν είναι
εμφανίζεται αντίστοιχο μήνυμα.