Χαριτίνη Παντελιά
Σχεδίαση Εφαρμογής
Στο μάθημα πρακτική εφαρμογή στην ειδικότητα, επιλέχθηκε ως εργασία η κατασκευή του ιστότοπου του ΙΕΚ Γαλατσίου. Τα μέλη της ομάδας είναι πέντε (5): Βαρβεράκης Κων/νος, Βρούβα Μαρίλια, Παντελιά Χάρις, Ρουμπουλάκου Κλάϊντ-Δημήτρης, Φιλιππαίος Παναγιώτης.
Αρχικά συλλέξαμε πληροφορίες για το τι πρέπει να περιέχει ένας ιστότοπος δημόσιου εκπαιδευτικού ιδρύματος. Ανατρέξαμε σε ιστοσελίδες του υπουργείου παιδείας, άλλων δημοσίων ΙΕΚ & μερικών πανεπιστημίων. Εφόσον συμφωνήσαμε στο περιεχόμενο του ιστότοπού μας, προχωρήσαμε στα εργαλεία υλοποίησης.
Η επιλογή της πλατφόρμας ήταν WORDPRESS, γιατί δίνει τη δυνατότητα να είναι δυναμική η ιστοσελίδα, μπορεί να προσαρμοστεί σε όποια οθόνη προβάλεται (tablet, pc , mobile), διαθέτει εύκολο admin panel για χειρισμό/στήσιμο ιστοσελίδας, διατίθεται δωρεάν & έχει αρκετά πρότυπα διαθέσιμα, είναι άκρως διαδεδομένη τα τελευταία χρόνια στο ευρύ κοινό, μπορεί να διαχειριστεί κάποιος τον κώδικα του κάθε προτύπου ώστε να τον προσωποποιήσει (μέσω κάποιου CSS platform), έχει ευκολίες στη διαχείριση μετά την υλοποίηση από έναν μέσο χρήστη (webmaster/super user/publisher). Σα σύνολο έχει πολλά προτερήματα, υπάρχουν πολλά έτοιμα Pluggins για να γίνει πιο εντυπωσιακή η ιστοσελίδα (music pluggin, video pluggin, photos pluggin), καθώς και τα διαδεδομένα πρόσθετα για φόρουμ.
Αρχικά χρησιμοποιήσαμε έναν δωρεάν hosting server (www.hostinger.gr) για να μπορούμε να υλοποιήσουμε την ιστοσελίδα.
Τα βήματα ήταν ως εξής (ως τώρα):
Η επιλογή των χρωμάτων για την ιστοσελίδα (πράσινη παλέτα) έγινε διότι σύμφωνα με την ψυχολογία χρωμάτων, το πράσινο & το μπλε είναι συνδεδεμένα με τη μάθηση (Παράδειγμα οι σχολικοί πίνακες, το χρώμα των θρανίων, των καθισμάτων). Επίσης το πράσινο είναι χρώμα που εκπέμπει γαλήνη & συγκέντρωση. Άρα το καθιστά ιδανικό για τον ιστότοπό μας.
Η εισαγωγή των φωτογραφιών και των βίντεο στον ιστότοπο έγινε μέσω του Add Media panel. Χρησιμοποιήθηκε η εφαρμογή Premiere (που είναι ένα πολύ καλό εργαλείο, επαγγελματικού επιπέδου, που διδασκόμαστε το παρόν εξάμηνο) για τη δημιουργία των βίντεο με τις φωτογραφίες (οι οποίες επεξεργάστηκαν με το Adobe Photoshop, εργαλείο που διδαχτήκαμε την περασμένη χρονιά & δίνει εξαιρετικό αποτέλεσμα).
Η σχεδίαση των λογότυπων της σελίδας, έγιναν εξαρχής με το Adobe Photoshop. Έχει πολλές δυνατότητες σαν πρόγραμμα, αρκετά εργαλεία σχεδίασης και τροποποίησης & είναι αρκετά εύχρηστο.
Ευελπιστούμε ότι θα έχουμε περισσότερο περιεχόμενο να εισάγουμε σε λιγο καιρό, για να εμπλουτιστεί η ιστοσελίδα μας και να είναι όπως στα αρχικά (χειρόγραφα) μας σχέδια, τα οποία αντιστοιχούν στη δημιουργική μας σκέψη και στη σχεδιαστική μας ικανότητα.
Η ιστοσελίδα μας είναι η εξής: nerfthid.hol.es
Αρχικά χρησιμοποιήσαμε έναν δωρεάν hosting server (www.hostinger.gr) για να μπορούμε να υλοποιήσουμε την ιστοσελίδα.
Τα βήματα ήταν ως εξής (ως τώρα):
- Επιλογή template και προσαρμογή του σύμφωνα με τις σχεδιαστικές μας αποφάσεις (επεμβάσεις στον κώδικα μέσω Adobe Dreamweaver)
- Δημιουργία Menou (Αρχική, ΙΕΚ, Ειδικότητες, Επικοινωνία) (από το Wordpress panel)
- Δημιουργία Υποκατηγοριών στις παραπάνω κατηγορίες (πχ. Ειδικότητες-->10 υπομενού με τις ειδικότητες του ΙΕΚ) (από το Wordpress Panel)
- Δημιουργία Λογότυπου και τοποθέτησή του στη θέση LOGO του template μας.
Η επιλογή των χρωμάτων για την ιστοσελίδα (πράσινη παλέτα) έγινε διότι σύμφωνα με την ψυχολογία χρωμάτων, το πράσινο & το μπλε είναι συνδεδεμένα με τη μάθηση (Παράδειγμα οι σχολικοί πίνακες, το χρώμα των θρανίων, των καθισμάτων). Επίσης το πράσινο είναι χρώμα που εκπέμπει γαλήνη & συγκέντρωση. Άρα το καθιστά ιδανικό για τον ιστότοπό μας.
Η εισαγωγή των φωτογραφιών και των βίντεο στον ιστότοπο έγινε μέσω του Add Media panel. Χρησιμοποιήθηκε η εφαρμογή Premiere (που είναι ένα πολύ καλό εργαλείο, επαγγελματικού επιπέδου, που διδασκόμαστε το παρόν εξάμηνο) για τη δημιουργία των βίντεο με τις φωτογραφίες (οι οποίες επεξεργάστηκαν με το Adobe Photoshop, εργαλείο που διδαχτήκαμε την περασμένη χρονιά & δίνει εξαιρετικό αποτέλεσμα).
Η σχεδίαση των λογότυπων της σελίδας, έγιναν εξαρχής με το Adobe Photoshop. Έχει πολλές δυνατότητες σαν πρόγραμμα, αρκετά εργαλεία σχεδίασης και τροποποίησης & είναι αρκετά εύχρηστο.
Ευελπιστούμε ότι θα έχουμε περισσότερο περιεχόμενο να εισάγουμε σε λιγο καιρό, για να εμπλουτιστεί η ιστοσελίδα μας και να είναι όπως στα αρχικά (χειρόγραφα) μας σχέδια, τα οποία αντιστοιχούν στη δημιουργική μας σκέψη και στη σχεδιαστική μας ικανότητα.
Η ιστοσελίδα μας είναι η εξής: nerfthid.hol.es
