Σχεδιασμός και υλοποίηση πληροφοριακού συστήματος διαχείρισης εθελοντών και απινιδωτών  

 
 

 
 

6 

Κατάλογος εικόνων 

 

Ε

ΙΚΟΝΑ 

1:

 

Ε

ΙΚΟΝΙΔΙΟ ΕΚΤΕΛΕΣΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 ............................................................................................. 18

 

Ε

ΙΚΟΝΑ 

2:

 

Ε

ΙΚΟΝΙΔΙΟ ΕΚΤΕΛΕΣΗΣ ΔΕΥΤΕΡΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 ................................................................................ 19

 

Ε

ΙΚΟΝΑ 

3:

 

Ε

ΙΚΟΝΙΔΙΟ ΕΚΤΕΛΕΣΗΣ ΤΡΙΤΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 .................................................................................... 20

 

Ε

ΙΚΟΝΑ 

4:

 

Ε

ΙΚΟΝΙΔΙΟ ΕΚΤΕΛΕΣΗΣ ΤΕΤΑΡΤΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 ................................................................................ 21

 

Ε

ΙΚΟΝΑ 

5:

 

Ε

ΙΚΟΝΙΔΙΟ ΕΚΤΕΛΕΣΗΣ ΠΕΜΠΤΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 ................................................................................ 22

 

Ε

ΙΚΟΝΑ 

6:

 

Ε

ΝΔΕΙΚΤΙΚΗ ΕΙΚΟΝΑ ΕΚΤΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 ....................................................................................... 23

 

Ε

ΙΚΟΝΑ 

7:

 

Ε

ΝΔΕΙΚΤΙΚΗ ΕΙΚΟΝΑ ΕΒΔΟΜΗΣ ΑΝΤΙΣΤΟΙΧΗΣ ΕΦΑΡΜΟΓΗΣ

 .................................................................................. 24

 

Ε

ΙΚΟΝΑ 

8:

 

Π

ΑΡΑΔΕΙΓΜΑ ΣΥΝΤΑΞΗΣ 

CSS ........................................................................................................................ 31

 

Ε

ΙΚΌΝΑ 

9:

 

Π

ΑΡΑΔΕΙΓΜΑ ΣΥΝΤΑΞΗΣ 

J

AVASCRIPT

 .............................................................................................................. 32

 

Ε

ΙΚΟΝΑ 

10:

 

Π

ΑΡΑΔΕΙΓΜΑ 

SQL

 ΕΝΤΟΛΗΣ

 ...................................................................................................................... 33

 

Ε

ΙΚΌΝΑ 

11:

 

Π

ΑΡΆΔΕΙΓΜΑ ΣΎΝΤΑΞΗΣ 

PHP ..................................................................................................................... 35

 

Ε

ΙΚΌΝΑ 

12:

 

Π

ΑΡΆΔΕΙΓΜΑ ΕΝΤΟΛΉΣ J

Q

UERY

 .................................................................................................................. 38

 

Ε

ΙΚΟΝΑ 

13:

 

Π

ΑΡΑΔΕΙΓΜΑ 

R

EACT 

C

OMPONENT

 .............................................................................................................. 39

 

Ε

ΙΚΟΝΑ 

14:

 

Π

ΑΡΑΔΕΙΓΜΑ ΕΝΤΟΛΗΣ FETCH

 .................................................................................................................... 40

 

Ε

ΙΚΟΝΑ 

15:

 

Π

ΑΡΑΔΕΙΓΜΑ ΛΕΙΤΟΥΡΓΙΑΣ  

R

EACT 

N

ATIVE 

D

EBUGGER

 ..................................................................................... 46

 

Ε

ΙΚΟΝΑ 

16:

 

E_R

 ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ 

Η

EART

B

IT

 ............................................................................................................ 53

 

Ε

ΙΚΟΝΑ 

17:

 

Σ

ΧΕΣΙΑΚΟ ΔΙΑΓΡΑΜΜΑ  ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ 

Η

EART

B

IT

 .................................................................................... 53

 

Ε

ΙΚΟΝΑ 

18:

 

Α

ΡΧΙΚΗ ΣΕΛΙΔΑ 

–

 

Σ

ΕΛΙΔΑ ΣΥΝΔΕΣΗΣ

 ............................................................................................................. 66

 

Ε

ΙΚΟΝΑ 

19:

 

Α

ΡΧΙΚΗ ΣΕΛΙΔΑ 

–

 

Μ

ΗΝΥΜΑ ΕΣΦΑΛΜΕΝΩΝ ΣΤΟΙΧΕΙΩΝ ΣΥΝΔΕΣΗΣ

 ...................................................................... 66

 

Ε

ΙΚΟΝΑ 

20:

 

Κ

ΕΝΤΡΙΚΗ ΣΕΛΙΔΑ ΔΙΑΧΕΙΡΙΣΤΗ 

–

 

D

RAWER 

Π

ΛΟΗΓΗΣΗΣ

 .................................................................................... 67

 

Ε

ΙΚΟΝΑ 

21:

 

Σ

ΕΛΙΔΑ 

Χ

ΑΡΤΗ 

–

 

A

UTO

C

OMPLETE 

Α

ΝΑΖΗΤΗΣΗΣ ΔΙΕΥΘΥΝΣΕΩΝ

 ......................................................................... 68

 

Ε

ΙΚΟΝΑ 

22:

 

Σ

ΕΛΙΔΑ 

Χ

ΑΡΤΗ 

–

 

Π

ΡΟΣΘΗΚΗ  PIN ΣΤΗΝ ΑΠΑΙΤΟΥΜΕΝΗ ΔΙΕΥΘΥΝΣΗ

 .................................................................... 68

 

Ε

ΙΚΟΝΑ 

23:

 

Σ

ΕΛΙΔΑ 

Χ

ΑΡΤΗ 

–

 

Π

ΡΟΣΘΗΚΗ ΠΕΡΙΣΤΑΤΙΚΟΥ ΜΕ ΤΟ ΑΝΤΙΣΤΟΙΧΟ ΜΗΝΥΜΑ

 ............................................................ 68

 

Ε

ΙΚΟΝΑ 

24:

 

Σ

ΕΛΙΔΑ 

Χ

ΑΡΤΗ 

–

 

Π

ΑΡΑΔΕΙΓΜΑ ΣΥΜΠΛΗΡΩΣΗΣ ΛΑΘΟΣ ΔΙΕΥΘΥΝΣΗΣ ΚΑΙ ΑΝΤΙΣΤΟΙΧΟ ΜΗΝΥΜΑ

 ................................. 69

 

Ε

ΙΚΌΝΑ 

25:

 

Σ

ΕΛΊΔΑ 

Π

ΡΟΦΊΛ 

Δ

ΙΑΧΕΙΡΙΣΤΉ

 ...................................................................................................................... 69

 

Ε

ΙΚΟΝΑ 

26:

 

Σ

ΕΛΙΔΑ 

Π

ΡΟΦΙΛ 

Δ

ΙΑΧΕΙΡΙΣΤΗ 

–

 

Φ

ΟΡΜΑ 

Δ

ΙΑΧΕΙΡΙΣΤΗ

 ...................................................................................... 70

 

Ε

ΙΚΟΝΑ 

27:

 

Σ

ΕΛΙΔΑ  

Δ

ΙΑΧΕΙΡΙΣΤΩΝ

 ............................................................................................................................... 70

 

Ε

ΙΚΟΝΑ 

28:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Σ

ΕΛΙΔΟΠΟΙΗΣΗ

 ............................................................................................. 71

 

Ε

ΙΚΟΝΑ 

29:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Κ

ΟΥΜΠΙ ΠΡΟΣΘΗΚΗΣ ΔΙΑΧΕΙΡΙΣΤΗ 

&

 TOOLTIP

 ..................................................... 71

 

Ε

ΙΚΟΝΑ 

30:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Κ

ΑΡΤΕΛΑ 

Ε

ΙΣΑΓΩΓΗΣ 

Δ

ΙΑΧΕΙΡΙΣΤΗ

 ..................................................................... 72

 

Ε

ΙΚΟΝΑ 

31:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Μ

ΗΝΥΜΑ ΣΦΑΛΜΑΤΟΣ ΣΤΗΝ ΕΙΣΑΓΩΓΗ ΔΙΑΧΕΙΡΙΣΤΗ 

(

VALIDATION

) ......................... 72

 

Ε

ΙΚΟΝΑ 

32:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Ε

ΙΚΟΝΙΔΙΟ 

Ε

ΠΕΞΕΡΓΑΣΙΑΣ 

Δ

ΙΑΧΕΙΡΙΣΤΗ 

&

 

Τ

OOLTIP

 ............................................... 73

 

Ε

ΙΚΟΝΑ 

33:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Π

ΑΡΑΔΕΙΓΜΑ 

Ε

ΠΕΞΕΡΓΑΣΙΑΣ 

Δ

ΙΑΧΕΙΡΙΣΤΗ

 .......................................................... 73

 

Ε

ΙΚΟΝΑ 

34:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Κ

ΑΡΤΕΛΑ 

Δ

ΙΑΧΕΙΡΙΣΤΗ

 ................................................................................... 74

 

Ε

ΙΚΟΝΑ 

35:

 ΣΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Δ

ΙΑΧΕΙΡΙΣΤΩΝ 

–

 

Π

ΑΡΑΔΕΙΓΜΑ 

Α

ΝΑΖΗΤΗΣΗΣ 

Δ

ΙΑΧΕΙΡΙΣΤΗ

 ............................................................ 75

 

Ε

ΙΚΌΝΑ 

36:

 

Σ

ΕΛΙΔΑ 

Ε

ΘΕΛΟΝΤΩΝ

 ................................................................................................................................. 76

 

Ε

ΙΚΟΝΑ 

37:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Ε

ΘΕΛΟΝΤΩΝ 

-

  

Π

ΑΡΑΔΕΙΓΜΑ 

Ε

ΝΕΡΓΟΠΟΙΗΣΗΣ 

Δ

ΙΚΑΙΩΜΑΤΩΝ 

Ε

ΘΕΛΟΝΤΗ

 ..................................... 76

 

Ε

ΙΚΟΝΑ 

38:

 

Σ

ΕΛΙΔΑ 

Π

ΙΝΑΚΑ 

Ε

ΘΕΛΟΝΤΩΝ 

-

  

Π

ΑΡΑΔΕΙΓΜΑ 

Α

ΠΕΝΕΡΓΟΠΟΙΗΣΗΣ 

Δ

ΙΚΑΙΩΜΑΤΩΝ 

Ε

ΘΕΛΟΝΤΗ

 ................................. 77

 

Ε

ΙΚΟΝΑ 

39:

 

Σ

ΕΛΙΔΑ 

Α

ΠΙΝΙΔΩΤΩΝ

 ................................................................................................................................ 77

 

Ε

ΙΚΟΝΑ 

40

 

:Π

ΑΡΑΔΕΙΓΜΑ ΑΠΩΛΕΙΑΣ ΕΝΟΣ ΑΠΙΝΙΔΩΤΗ ΑΠΟ ΤΟ ΚΑΙ ΑΛΛΑΓΗ ΚΑΤΑΧΩΡΗΣΗΣ ΑΠΟ 

Α

RDUINO

 .................................. 78

 

Ε

ΙΚΟΝΑ 

41:

 

Π

ΑΡΑΔΕΙΓΜΑ ΚΛΕΙΔΩΜΑΤΟΣ ΕΝΟΣ ΑΠΙΝΙΔΩΤΗ ΑΠΟ ΤΟ ΚΑΙ ΑΛΛΑΓΗ ΚΑΤΑΧΩΡΗΣΗΣ ΑΠΟ 

Α

RDUINO

 ............................ 79

 

Ε

ΙΚΟΝΑ 

42:

 

Π

ΑΡΑΔΕΙΓΜΑ ΜΗΝΥΜΑΤΟΣ ΥΨΗΛΗΣ ΘΕΡΜΟΚΡΑΣΙΑΣ ΕΝΟΣ ΑΠΙΝΙΔΩΤΗ

 ............................................................... 79

 

Ε

ΙΚΟΝΑ 

43:

 

Π

ΑΡΑΔΕΙΓΜΑ ΜΗΝΥΜΑΤΟΣ ΧΑΜΗΛΗΣ ΘΕΡΜΟΚΡΑΣΙΑΣ ΕΝΟΣ ΑΠΙΝΙΔΩΤΗ

 ............................................................. 79

 

Ε

ΙΚΟΝΑ 

44:

 

Σ

ΕΛΙΔΑ 

Α

ΣΘΕΝΩΝ

 .................................................................................................................................... 80

 

Ε

ΙΚΟΝΑ 

45:

 

Σ

ΕΛΙΔΑ 

Π

ΕΡΙΣΤΑΤΙΚΩΝ

 ............................................................................................................................... 81

 

Ε

ΙΚΟΝΑ 

46:

 

Σ

ΕΛΙΔΑ 

Π

ΕΡΙΣΤΑΤΙΚΩΝ 

–

 

Π

ΑΡΑΔΕΙΓΜΑ ΕΜΦΑΝΙΣΗΣ ΩΡΑΣ ΑΝΤΑΠΟΚΡΙΣΗΣ

 ............................................................ 81

 

Ε

ΙΚΟΝΑ 

47:

 

Κ

ΟΥΜΠΙ ΑΠΟΣΥΝΔΕΣΗΣ ΧΡΗΣΤΗ

 .................................................................................................................. 82

 

Ε

ΙΚΟΝΑ 

48:

 

Ε

ΙΚΟΝΙΔΙΟ 

Ε

ΦΑΡΜΟΓΗΣ 

Κ

ΙΝΗΤΟΥ

 ............................................................................................................... 82

 

Ε

ΙΚΟΝΑ 

49:

 

Κ

ΟΥΜΠΙ 

Α

ΠΟΣΥΝΔΕΣΗΣ 

Ε

ΦΑΡΜΟΓΗΣ

 ........................................................................................................... 83

 

Ε

ΙΚΟΝΑ 

50:

 

Ο

ΘΟΝΗ ΣΥΝΔΕΣΗΣ ΕΦΑΡΜΟΓΗΣ

 .................................................................................................................. 83

 

Ε

ΙΚΟΝΑ 

51:

 

Μ

ΗΝΥΜΑ ΑΠΟΤΥΧΗΜΕΝΗΣ ΠΡΟΣΠΑΘΕΙΑΣ ΕΙΣΟΔΟΥ

 ........................................................................................ 84

 

Ε

ΙΚΟΝΑ 

52:

 

Ο

ΘΟΝΗ 

Α

ΝΑΚΤΗΣΗΣ ΚΩΔΙΚΟΥ

 .................................................................................................................... 84

 

Ε

ΙΚΟΝΑ 

53:

 

Μ

ΗΝΥΜΑ ΛΑΘΟΣ ΕΙΣΑΓΩΓΗΣ 

Ε-

MAIL ΓΙΑ ΑΝΑΚΤΗΣΗ ΚΩΔΙΚΟΥ

 ............................................................................ 85

 

Ε

ΙΚΟΝΑ 

54:

 

Ε-

MAIL ΜΕ ΣΥΝΔΕΣΜΟ ΕΠΑΝΑΦΟΡΑΣ ΚΩΔΙΚΟΥ

 .............................................................................................. 85