ΙΔΡΥΜΑ ΝΕΟΛΑΙΑΣ ΚΑΙ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΓΕΝΙΚΗ ΔΙΕΥΘΥΝΣΗ ΔΡΑΣΤΗΡΙΟΤΗΤΩΝ ΚΑΙ ΤΕΧΝΙΚΩΝ ΕΡΓΩΝ ΤΜΗΜΑ ΤΕΧΝΙΚΗΣ ΣΤΗΡΙΞΗΣ ΕΥΡΩΠΑΙΚΩΝ ΠΡΟΓΡΑΜΜΑΤΩΝ ΚΕΝΤΡΑ ΔΙΑ ΒΙΟΥ ΜΑΘΗΣΗΣ ΑΠ 7/ΑΠ 8 ΔΙΑΔΙΚΤΥΑΚΗ ΠΡΟΒΟΛΗ ΚΑΙ ΔΙΑΧΕΙΡΙΣΗ ΕΠΙΧΕΙΡΗΣΗΣ ΤΟΥΡΙΣΤΙΚΩΝ ΥΠΗΡΕΣΙΩΝ ΕΙΣΗΓΗΤΗΣ: ΛΙΒΑΝΟΣ ΓΙΩΡΓΟΣ ΚΔΒΜ Δήμου Καντάνου - Σελίνου
ΤΙ ΘΑ ΔΟΥΜΕ ΣΗΜΕΡΑ Εισαγωγή στα γραφικά εργαλεία σχεδίασης Πλεονεκτήματα μειονεκτήματα Παραδείγματα διαδικτυακών εργαλείων Η πλατφόρμα σχεδίασης Weebly 2
ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (1) Γενικές πληροφορίες: Είναι εύχρηστα εργαλεία για τη σχεδίαση, δημιουργία και φιλοξενία, συνήθως, ιστότοπων Πληθώρα επιλογών στο διαδίκτυο Συνήθως προσφέρονται μέσω διαδικτυακών πλατφορμών/ιστοσελίδων Βασίζονται κυρίως στη χρήση εικονιδίων/στοιχείων (λειτουργία drag and drop) Οι δυνατότητές και η ευχρηστία τους ποικίλλουν Η «τεχνογνωσία» πίσω από τη σχεδίαση αποκρύπτεται Είναι μια πολύ αποδοτική, γρήγορα και άμεση λύση για αρχάριους 3
ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (2) Πλεονεκτήματα: Μηδενικό ή χαμηλό κόστος Εύκολη προσβασιμότητα Φιλικό περιβάλλον προς το χρήστη Δεν απαιτούνται ιδιαίτερες ρυθμίσεις και γνώσεις προγραμματισμού Ο ιστότοπος «βγαίνει στον αέρα» άμεσα Εύκολη ανανέωση κι επεξεργασία πληροφορίας Aξιοπιστία μια καλή εναλλακτική για αρχάριους Μειονεκτήματα: Σχετικά περιορισμένες δυνατότητες (για τις δωρεάν «εκδοχές») Η πολύπλοκη λειτουργικότητα απαιτεί γνώση Περιορισμός στην επιλογή ονόματος του ιστότοπου (στη δωρεάν εκδοχή συμπεριλαμβάνεται και υπο-πεδίο που αφορά τον πάροχο) Κάποιο τμήμα των σελίδων θα καταλαμβάνεται από τον πάροχο (στη δωρεάν εκδοχή) 4
Βήματα σχεδίασης/υλοποίησης: 1 2 3 4 5 ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (3) Εγγραφή στην υπηρεσία Απόκτηση ονόματος χρήστη και κωδικού Επιλογή «έκδοσης» υπηρεσίας και παρεχόμενων δυνατοτήτων Δήλωση και έλεγχος ονόματος ιστότοπου Καθορισμός ρυθμίσεων περιβάλλοντος Εισαγωγή βασικών πληροφοριών ιστότοπου (π.χ. είδος, λέξεις-κλειδιά) Σχεδίαση ιστότοπου δημιουργία αρχιτεκτονικής Καθορισμός διάταξης, φόντου Εισαγωγή στοιχείων στις επιμέρους σελίδες του ιστότοπου Προεπισκόπηση εμφάνισης ιστότοπου Δημοσίευση ιστότοπου στο διαδίκτυο 5
ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (4) Τι μπορώ να συμπεριλάβω στη σχεδίαση; Τα πάντα!!! Κείμενο Εικόνες βίντεο - αρχεία Υπερσυνδέσμους Πλαίσια διαχωριστικά - κουμπιά Κινούμενα στοιχεία Εφέ σχεδίασης Κώδικα Εργαλεία συλλογής/απεικόνισης πληροφοριών Διασύνδεση με κοινωνικά δίκτυα Χάρτες Ηλεκτρονικό κατάστημα!!! +++ 6
ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (5) Πού μπορώ να τα βρω; Παντού!!! Δωρεάν για βασική λειτουργικότητα ή επί πληρωμή για πλήρη σε ιστοσελίδες εταιρειών www.sites.google.com www.wix.com www.weebly.com http://www.thewebpower.com/web-design/sitebuilder.php http://dnhost.gr/hosting/sitebuilder.php Περισσότερες επιλογές βρίσκονται εδώ: http://www.log.gr/read.cfm?id=4264 Μέσω οργανισμών, συλλόγων, επιμελητηρίων σε συνεργασία με κάποιο πάροχο http://eu.oe-e.gr/ http://www.sch.gr/65 7
ΓΡΑΦΙΚΑ ΕΡΓΑΛΕΙΑ ΣΧΕΔΙΑΣΗΣ (6) Πού μπορώ να τα βρω; Παντού!!! Μέσω ιστοσελίδων εταιρειών που προσφέρουν δωρεάν το σχεδιαστικό εργαλείο μέσω της πληρωμής συνδρομής φιλοξενίας https://www.yourbusiness.gr/ote/#!homepage http://www.webnode.gr/epixeirhmatikes-istoselides/ http://el.simplesite.com/ https://www.papaki.gr/website-builder.htm http://www.dynamicsite.gr https://www.sigmaweb.gr/sitebuilder/ 8
ΠΑΡΑΔΕΙΓΜΑΤΑ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΡΓΑΛΕΙΩΝ ΣΧΕΔΙΑΣΗΣ ΚΑΙ ΦΙΛΟΞΕΝΙΑΣ ΙΣΤΟΤΟΠΩΝ (1) Google site builder (http://sites.google.com/) Τεχνογνωσία κι αξιοπιστία Google Εύχρηστο γραφικό περιβάλλον Εύκολη διασύνδεση με εργαλεία Google Όνομα ιστότοπου της μορφής http://sites.google.com/toonomamou.html 9
ΠΑΡΑΔΕΙΓΜΑΤΑ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΡΓΑΛΕΙΩΝ ΣΧΕΔΙΑΣΗΣ ΚΑΙ ΦΙΛΟΞΕΝΙΑΣ ΙΣΤΟΤΟΠΩΝ (2) Επιλογή από διαθέσιμα πρότυπα σχεδίασης (διάρθρωση πληροφορίας) Δήλωση ονόματος για τη διαχείριση μέσω του λογαριασμού Google Δήλωση διεύθυνσης ιστότοπου στο διαδίκτυο 10
ΠΑΡΑΔΕΙΓΜΑΤΑ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΡΓΑΛΕΙΩΝ ΣΧΕΔΙΑΣΗΣ ΚΑΙ ΦΙΛΟΞΕΝΙΑΣ ΙΣΤΟΤΟΠΩΝ (3) Παλαιόχωρα Δημιουργία ή επεξεργασία δομής και σελίδων ιστότοπου Προσθήκη νέου στοιχείου 11
ΠΑΡΑΔΕΙΓΜΑΤΑ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΡΓΑΛΕΙΩΝ ΣΧΕΔΙΑΣΗΣ ΚΑΙ ΦΙΛΟΞΕΝΙΑΣ ΙΣΤΟΤΟΠΩΝ (4) Παλαιόχωρα Σελίδα 1 Σελίδα 1 Εργαλειοθήκη εισαγωγής στοιχείων σελίδας Επιπλέον δυνατότητες 12
Η ΠΛΑΤΦΟΡΜΑ ΣΧΕΔΙΑΣΗΣ WEEBLY(1) Εύχρηστη πλατφόρμα σχεδίασης Δυνατότητα αναβάθμισης υπηρεσιών μέσω πληρωμής συνδρομής Παροχή στατιστικών στοιχείων επισκεψιμότητας Δεν απαιτούνται ιδιαίτερες γνώσεις Ας γνωρίσουμε τα βασικά σημεία Αρχικά απαιτείται είσοδος ή εγγραφή στην πλατφόρμα www.weebly.com 13
Η ΠΛΑΤΦΟΡΜΑ ΣΧΕΔΙΑΣΗΣ WEEBLY(2) Δυνατότητα δημιουργίας νέου ιστότοπου Δυνατότητα επεξεργασίας ήδη υπάρχοντος, προβολή στατιστικών στοιχείων και προτάσεων βελτίωσης Για τη δημιουργία νέου ιστότοπου θα απαιτηθεί η συμπλήρωση πληροφοριών, οπότε πρέπει να είμαστε πολύ προσεκτικοί Απαιτείται η δήλωση του είδους του ιστότοπου 14
Η ΠΛΑΤΦΟΡΜΑ ΣΧΕΔΙΑΣΗΣ WEEBLY(3) Ήρθε η σημαντική στιγμή να «βαφτίσουμε» τον ιστότοπο, μέσω των εξής επιλογών: 1. Νέο όνομα με συγκεκριμένη κατάληξη (δωρεάν) 2. Δήλωση αποκλειστικά δικού μας ονόματος 3. Μεταφορά ονόματος που ήδη κατέχουμε Τα καταφέραμε!! Αυτή είναι η εργαλειοθήκη με τις διαθέσιμες δυνατότητες!! Επιλέγουμε το επιθυμητό θέμα για τη σχεδίαση (αυτό μπορεί να αλλάξει εύκολα στη συνέχεια!) Όσα blocks έχουν «αστεράκι» σημαίνει πως δεν μπορούμε να τα χρησιμοποιήσουμε σε δωρεάν υλοποίηση 15
Η ΠΛΑΤΦΟΡΜΑ ΣΧΕΔΙΑΣΗΣ WEEBLY(4) BUILD Βρισκόμαστε σε λειτουργία σχεδίασης PAGES Στα αριστερά μας παρατηρούμε τη δομή των σελίδων THEME Στα αριστερά μας παρατηρούμε τη μορφοποίηση της κάθε σελίδας Γνωριμία με το βασικό μενού διαχείρισης Προεπισκόπηση εμφάνισης σε Η/Υ ή tablet/smartphone 16
Η ΠΛΑΤΦΟΡΜΑ ΣΧΕΔΙΑΣΗΣ WEEBLY(4) BUILD Συμπλήρωση βασικής πληροφορίας για τη δημοσιοποίηση του ιστότοπου Όνομα, κωδικός προστασίας, ηλεκτρoνική διεύθυνση Λέξεις κλειδιά Σύνδεση με λογαριασμό facebook Ενσωμάτωση σε εργαλεία Google Analytics, Webmasters Ρυθμίσεις blog (αν έχουμε δημιουργήσεις στο site) Καθορισμός βασικών στοιχείων site PUBLISH «Ανέβασμα» ιστότοπου μετά τις τελευταίες αλλαγές που έγιναν 17
ΑΝΑΚΕΦΑΛΑΙΩΣΗ Διαδικτυακά εργαλεία σχεδίασης ιστότοπων: «Ένα χρήσιμο και οικονομικό εργαλείο για αρχάριους» Ύπαρξη αρκετών επιλογών στο διαδίκτυο Εύχρηστη και άμεση λειτουργία μέσω γραφικού περιβάλλοντος Απόκρυψη πολύπλοκης τεχνογνωσίας Δυνατότητα αναβάθμισης υπηρεσιών μέσω σχετικά οικονομικής συνδρομής 18
ΣΥΜΠΕΡΑΣΜΑΤΑ - ΠΡΟΤΑΣΕΙΣ Υπάρχουν διαθέσιμα αρκετά εργαλεία σχεδίασης ιστότοπων, δωρεάν ή μη, εύχρηστα ή περισσότερα απαιτητικά Η αναζήτηση, η ενασχόληση και η πρακτική δοκιμή μόνο σε όφελος μπορεί να οδηγήσει Μπορούμε να προσαρμόσουμε άμεσα τη διαδικασία προβολής σύμφωνα με τις δικές μας σκέψεις και προτάσεις Η τεχνολογία και η αγορά εξελίσσονται διαρκώς και κάνουν πιο προσιτή, οικονομικά και χρηστικά, τη διαδικασία προβολής 19