Ιστοσελίδες

DRESSAGE

Δίγλωσση ιστοσελίδα και πλατφόρμα αναφορών θαλάσσιων ειδών για ερευνητικό πρόγραμμα του ΕΛΚΕΘΕ.

Πελάτης
Υδροβιολογικός Σταθμός Ρόδου — ΕΛΚΕΘΕ
Ρόλος
Ανακατασκευή & ανάπτυξη πλατφόρμας
Έτος
2026
DRESSAGE: Δίγλωσση ιστοσελίδα και πλατφόρμα αναφορών θαλάσσιων ειδών για ερευνητικό πρόγραμμα του ΕΛΚΕΘΕ.

Η ανάγκη

Η παλιά ιστοσελίδα είχε χάσει το περιεχόμενο των εσωτερικών σελίδων της και το δίκτυο εθελοντών χρειαζόταν απλό τρόπο να αναφέρει ευρήματα από τις παραλίες.

Η λύση

Ανάκτηση όλου του περιεχομένου από αρχεία, νέα γρήγορη ιστοσελίδα σε ελληνικά και αγγλικά, και φόρμα αναφοράς με φωτογραφία που καταλήγει σε πίνακα διαχείρισης με χάρτη.

Πώς φτιάχτηκε

Οι τεχνολογίες σε κάθε επίπεδο, από την οθόνη ως την υποδομή.

  1. Ιστοσελίδες
    • React 19
    • Vite
    • Pre-rendered HTML
    • Bilingual el/en
  2. Εφαρμογές
    • PHP 8 API
    • MySQL
    • Google Sheets sync
    • Admin heatmap
  3. Φιλοξενία & cloud
    • Shared hosting
    • Automated builds
  4. Δίκτυα & ITΔεν χρειάστηκε

Βασικές τεχνικές αποφάσεις

  1. Ανάκτηση από το αρχείο

    Το χαμένο περιεχόμενο ανακτήθηκε από στιγμιότυπα του Wayback Machine και ξαναστήθηκε σελίδα προς σελίδα.

  2. Γρήγορο για το Google, ζωντανό για τον χρήστη

    Κάθε δημόσια σελίδα παραδίδεται ως έτοιμο HTML και μετά «ζωντανεύει» με React.

  3. Ασφαλείς αναφορές πολιτών

    Οι φωτογραφίες σμικρύνονται και αφαιρούνται τα δεδομένα τοποθεσίας τους· η φόρμα έχει προστασία CSRF, έλεγχο προέλευσης και όρια αιτημάτων.

Τι περιλαμβάνει

  • Αναφορές εθελοντών με φωτογραφία από τις παραλίες
  • Χάρτης θερμότητας παρατηρήσεων
  • Αναζήτηση, φίλτρα και εξαγωγή CSV
  • Αυτόματη αποστολή σε Google Sheet
  • Προστασία από spam και επιθέσεις

Το αποτέλεσμα

Όλο το περιεχόμενο του προγράμματος είναι ξανά online σε δύο γλώσσες, και οι εθελοντές στέλνουν αναφορές με φωτογραφία κατευθείαν από την παραλία.

Έχετε κάτι παρόμοιο στο μυαλό σας;

Πείτε μου τι χρειάζεστε και θα σας προτείνω τον πιο απλό τρόπο να γίνει.