Πτυχιακή εργασία. <<Κατασκευή ενός ιστοχώρου για την υποστήριξη της διαδικτυακής παρουσίας σχολείου>> ΧΟΥΒΑΡΔΑΣ ΒΑΣΙΛΕΙΟΣ ΝΟΥΣΗ ΣΟΦΙΑ Α.Μ.

Μέγεθος: px
Εμφάνιση ξεκινά από τη σελίδα:

Download "Πτυχιακή εργασία. <<Κατασκευή ενός ιστοχώρου για την υποστήριξη της διαδικτυακής παρουσίας σχολείου>> ΧΟΥΒΑΡΔΑΣ ΒΑΣΙΛΕΙΟΣ ΝΟΥΣΗ ΣΟΦΙΑ Α.Μ."

Transcript

1 Πτυχιακή εργασία ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΕΠΙΚΟΙΝΩΝΙΩΝ <<Κατασκευή ενός ιστοχώρου για την υποστήριξη της διαδικτυακής παρουσίας σχολείου>> ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ : ΝΟΥΣΗ ΣΟΦΙΑ Α.Μ. : 1958 ΧΟΥΒΑΡΔΑΣ ΒΑΣΙΛΕΙΟΣ Μάρτιος 2013

2 Σύνοψη Στο παρόν σύγγραμμα γίνεται παρουσίαση της διαδικασίας που ακολουθήθηκε για την «κατασκευή ιστοχώρου για την υποστήριξη της διαδικτυακής παρουσίας σχολείου». Χρησιμοποιήθηκε το πρόγραμμα διαχείρισης περιεχομένου Joomla 1.5 το οποίο αποτελεί εφαρμογή ανοικτού κώδικά και είναι δωρεάν, όπως και όλες οι επεκτάσεις που χρησιμοποιήθηκαν. Χρησιμοποιώντας το Joomla πετυχαίνουμε την εύκολη πρόσθεση και διαχείριση περιεχομένου από τους κεντρικούς διαχειριστές της ιστοσελίδας αλλά και από τους χρήστες μειωμένων δικαιωμάτων. Στο παρόν σύγγραμμα γίνεται παρουσίαση των δυνατοτήτων της ιστοσελίδας, του τρόπου υλοποίησης αλλά και της διαχείρισής της. Επιπλέον η περιγραφή της ιστοσελίδας ολοκληρώνετε με την παρουσίαση ακόμα και των αποτυχημένων προσπαθειών, των ιδεών που δεν απέδωσαν καθώς και τους λόγους αποτυχίας τους. 1

3 Σκοπός πτυχιακής Σκοπός της εργασίας αυτής είναι η υλοποίηση ενός ιστοχώρου, σε συνεργασία με το Πρότυπο Πειραματικό Σχολείο Θεσσαλονίκης (Π.Π.Σ.Π.Θ) του Α.Π.Θ., ο οποίος θα βασίζεται στα πακέτα ανοιχτού κώδικα Joomla και Moodle και θα υποστηρίζει τη διαδικτυακή παρουσία ενός σχολείου. Η υλοποίηση θα ακολουθήσει το σχεδιασμό και την ανάλυση αναγκών που έχει ήδη εκπονηθεί από το Π.Π.Σ.Π.Θ. 2

4 Πίνακας Περιεχομένων Σύνοψη... 1 Σκοπός Πτυχιακής 2 Πίνακας Περιεχομένων.. 3 Πίνακας Εικόνων. 4 Κεφάλαιο 1 Τεχνολογίες Περιγραφή Joomla Δομή Joomla Εγκατάσταση και ρύθμιση προεκτάσεων Διαχείριση Μενού Εμφάνιση Μενού Δημιουργία και Διαχείριση Ενοτήτων και Κατηγοριών Δημιουργία Χρηστών PHP και CSS Σχεδιασμός Γραφικών Ενότητες, Κατηγορίες, Άρθρα. 21 Κεφάλαιο 2 Template Απιτήσεις ιστοχώρου από το Π.Π.Σ.Π.Θ Θέσεις Template.. 34 Κεφάλαιο 3 Plugins Tabs Sliders Content pdf embed Joomfish ALLVIDEOS Aridocs 42 Κεφάλαιο 4 Ανάλυση Μενού Καρτέλα Αρχική Καρτέλα Σχολείο Καρτέλα Νηπιαγωγείο Καρτέλα Δημοτικό Καρτέλα Γυμνάσιο/Λύκειο Καρτέλα ΕΠ.Ε.Σ Καρτέλα Σύλλογος Αποφοίτων Καρτέλα Σύλλογος Γονέων & Κηδεμόνων Καρτέλα Προκήρυξη Εκδρομών Καρτέλα Επικοινωνία. 56 Κεφάλαιο 5 Δημιουργία Σελίδων Αρχική Σελίδα Σχολείο Νηπιαγωγείο Δημοτικό Γυμνάσιο / Λύκειο ΕΠ.Ε.Σ, Σύλλογος Αποφοίτων, Σύλλογος Γονέων & Κηδεμόνων Δημιουργία Φόρμας Επικοινωνίας για όλες τις καρτέλες 69 Παράρτημα.. 70 Βιβλιογραφία

5 Πίνακας Εικόνων Εικόνα 9 Εγκατάσταση Επεκτάσεων. 9 Εικόνα 10 Δημιουργία μενού 10 Εικόνα 1-8 Σχεδιάγραμμα απαιτήσεων Πειραματικού Σχολείου Εικόνα 11 Θέσεις Template 34 Εικόνα 12 Εισαγωγή pdf αρχείων σε άρθρο. 37 Εικόνα 13 Επιλογή Γλώσσας μετάφρασης.. 38 Εικόνα 14 Βασικές παραμέτρους του ALLVIDEO 40 Εικόνα 15 Μενού Αρχικής σελίδας. 43 Εικόνα 16 Αριστερό μενού Αρχικής Σελίδας.. 44 Εικόνα 17 Δεξί μενού Αρχικής Σελίδας.. 46 Εικόνα 18 Κεντρική εικόνα Σχολείου 46 Εικόνα 19 Ανακοινώσεις Κεντρικής Σελίδας. 47 Εικόνα 20 Αριστερό μέρος Σχολείου Εικόνα 21 Δεξί μέρος Σχολείου 49 Εικόνα 22 Κεντρικό μενού Νηπιαγωγείου Εικόνα 23 Αριστερό μενού Νηπιαγωγείου 50 Εικόνα 24 Δεξί μενού Νηπιαγωγείου Εικόνα 25 Αριστερό μενού Δημοτικού 51 Εικόνα 26 Αριστερό μενού Γυμνασίου/Λυκείου. 52 Εικόνα 27 Μενού της καρτέλας ΕΠ.Ε.Σ.. 53 Εικόνα 28 Αριστερό μενού ΕΠ.Ε.Σ 53 Εικόνα 29 Αριστερό μενού Συλλόγου Αποφοίτων. 54 Εικόνα 30 Αριστερό μενού Συλλόγου Γονέων & Κηδεμόνων 54 Εικόνα 31 Φόρμα Επικοινωνίας.. 55 Εικόνα 32 Φόρμα δημιουργίας module 56 Εικόνα 33 Link σε εικόνα. 67 4

6 Κεφάλαιο 1 Τεχνολογίες 1.1 Περιγραφή του Joomla Για την κατασκευή της παρούσας σελίδας χρησιμοποιήθηκαν πολλά εργαλεία. Ένα από αυτά είναι το Joomla. Το Joomla είναι δωρεάν και open source σύστημα διαχείρισης περιεχομένου (CMS) για τη δημοσίευση περιεχομένου στο Internet. Χρησιμοποιώντας το Joomla, μπορούμε να δημιουργήσουμε δυναμικές ιστοσελίδες και να τις διαχειριζόμαστε εύκολα. Είναι χαρακτηριστικό το γεγονός ότι για την ανάπτυξη και τη διαχείριση μια ιστοσελίδας δεν απαιτούνται γνώσεις προγραμματισμού, τουλάχιστον σε αρχικό στάδιο. Εάν χρειαστεί κάτι πιο εξειδικευμένο, τότε μόνο επεμβαίνει ο χρήστης στον κώδικα της σελίδας. Χρησιμοποιείται από μια ευρεία γκάμα χρηστών η οποία περιλαμβάνει μεμονωμένους χρήστες έως και μεγάλες επιχειρήσεις. Η διαχείριση της ιστοσελίδας και η δημοσίευση του περιεχομένου, μπορεί να γίνεται και από περισσότερους από έναν χρήστες. Οι χρήστες αυτοί, μπορούν να επεμβαίνουν στη σελίδα ανάλογα με τα δικαιώματα που τους έχουν δοθεί. Το Joomla είναι γραμμένο σε PHP, χρησιμοποιεί αντικειμενοστραφή προγραμματισμό (OOP), τεχνικές και τα πρότυπα σχεδιασμού λογισμικού, αποθηκεύει τα δεδομένα σε μια βάση δεδομένων MySQL και περιλαμβάνει χαρακτηριστικά όπως την οργάνωση περιεχομένου, δηλαδή των άρθρων, σε ενότητες και κατηγορίες, τα διαφορετικά δικαιώματα των χρηστών ανάλογα με την κατηγορία στην οποία ανήκουν. Επίσης την δυνατότητα διαχείρισης και εμφάνισης του ιστοτόπου σε πολλές διαφορετικές γλώσσες με εύκολη εναλλαγή σε αυτές και πολλά άλλα που θα αναλυθούν παρακάτω. Το Joomla έχει περισσότερα από 23,000,000 downloads. Στο διά στημα από τον Μάρτιο του 2007 μέχρι και τον Φεβρουάριο του 2013, το Joomla είχαν κατεβάσει περισσότερο από 21,000,000 φορές. Υπάρχουν πάνω από 7,400 δωρεάν εμπορικές επεκτάσεις διαθέσιμες στην σελίδα: Η ιστοσελίδα αυτή είναι η επίσημη το Joomla στην οποία οι χρήστες μπορούν να βρουν πληροφορίες και νέα αλλά και να κατεβάσουν τα απαραίτητα αρχεία για την εγκατάστασή του. 5

7 Κατάλογος των εκδόσεων και πληροφορίες υποστήριξης: Ημερομηνία κυκλοφορίας Υποστηριζόμενα μέχρι /16/ /22/ (LTS) 01/22/ /10/ /01/ /19/ /07/ /02/ (LTS) 19/01/ /19/2013 Joomla 1.0 Κυκλοφόρησε στις 16 Σεπτεμβρίου Ουσιαστικά πρόκειται για επανέκδοση του Mambo με άλλο όνομα η οποί περιελάμβανε κάποιες διορθώσεις. Joomla 1.5 Κυκλοφόρησε στις 22 Ιανουαρίου το Η τελευταία κυκλοφορία της έκδοσης αυτής ήταν στις 4 Απριλίου 2011 με τον αριθμό Αυτή η έκδοση είναι η πρώτη που πέτυχε υποστήριξη μακράς διάρκειας (LTS). Οι εκδόσεις LTS κυκλοφορούν ανά τρεις, κύριες ή δευτερεύουσες εκδόσεις και υποστηρίζονται μέχρι τρεις μήνες μετά την επόμενη έκδοση LTS. Joomla Κυκλοφόρησε στις 10 Ιανουαρίου Αυτή η έκδοση προσθέτει την δυνατότητα του πλήρη ελέγχου των δικαιωμάτων πρόσβασης και διαχείρισης των χρηστών βελτιώσεις στο περιβάλλον διαχείρισης κ.α. Joomla Κυκλοφόρησε στις 19 Ιουλίου 2011 έξι μήνες μετά την έκδοση αυτή η έκδοση προσθέτει ακόμη περισσότερα στον τομέα της ασφάλειας αλλά και της μετεγκατάστασης ενός site σε διαφορετική έκδοση του Joomla. η διαδικασία αυτή είναι γνωστή ως migration. 6

8 Joomla Είναι προγραμματισμένη για δημοσίευση 6 μήνες μετά την 1.7.0, δηλαδή τον Ιανουάριο του Αυτή η έκδοση είναι LTS. Αρχικά η έκδοση αυτή θα ονομαζόταν 1.8.0, όμως στις 9 Αυγούστου ανακοινώθηκε ότι θα μετονομαστεί για να ταιριάζει σε ένα νέο σύστημα αρίθμησης των εκδόσεων σύμφωνα με το οποίο, κάθε κυκλοφορία LTS θα είναι της μορφής Χ.5 όπου Χ ένας αριθμός που θα αυξάνεται κάθε φορά. 1.2 Η δομή του Joomla Τα κυριότερα κομμάτια που απαρτίζουν το Joomla είναι: Frontend Το Frontend είναι ουσιαστικά η ιστοσελίδα. Εκεί εμφανίζονται: το περιεχόμενο που θέλουμε να δημοσιεύσουμε, διάφορα ενθέματα όπως μενού, ημερολόγιο, φωτογραφικές συλλογές, ανακοινώσεις και γενικότερα οτιδήποτε μορφοποιεί τη σελίδα κατά τέτοιο τρόπο ώστε να μας εξυπηρετεί να φτάσουμε στο επιθυμητό αποτέλεσμα. Backend ή Διαχείριση Στο κομμάτι αυτό της ιστοσελίδας έχουμε το περιβάλλον διαχείρισης. Εδώ προσθέτουμε και επεξεργαζόμαστε άρθρα, ρυθμίζουμε τα ενθέματα, τα πρόσθετα και τις εφαρμογές, δημιουργούμε ενότητες, κατηγορίες και χρήστες, αλλά μόνο συγκεκριμένες ομάδες για λόγους ασφαλείας. Μενού Με τη χρήση των μενού επιτυγχάνεται η πλοήγηση στην ιστοσελίδα. Μπορούμε να επιλέξουμε σε ποια θέση θα εμφανίζεται το καθένα, σε ποιες σελίδες θα είναι ορατό, την εμφάνιση του και φυσικά το περιεχόμενό του. Δηλαδή ποια στοιχεία θα περιέχει και που θα οδηγούν αυτά. Ένα στοιχείο μενού μπορεί να οδηγεί σε ένα άρθρο, μια λίστα άρθρων, σε ένα ένθεμα η και σε μια εφαρμογή. 7

9 Extensions ή Επεκτάσεις Το Joomla προσφέρει αρκετές δυνατότητες μορφοποίησης και διαχείρισης σε μια ιστοσελίδα. Πολλές φορές όμως αυτές δεν είναι αρκετές. Γι αυτό το λόγο υπάρχουν οι επεκτάσεις που χωρίζονται σε 5 κατηγορίες: 1.Εφαρμογές ή Components Οι εφαρμογές είναι οι πιο περίπλοκες επεκτάσεις. Θεωρούνται μίνιεφαρμογές. Συνήθως χωρίζονται σε δυο μέρη: αυτό της ιστοσελίδας και αυτό της διαχείρισης. 2.Πρόσθετα ή Plugins Τα πρόσθετα είναι επίσης περίπλοκες επεκτάσεις. Χρησιμοποιούνται ουσιαστικά ως event handlers. Οι event handlers είναι οι λεγόμενοι χειριστές συμβάντων. Κατά την εκτέλεση οποιουδήποτε μέρους του Joomla, είτε πρόκειται για τον πυρήνα, είτε για ένθεμα είτε για εφαρμογή, ένα συμβάν μπορεί να προκληθεί. Όταν ένα συμβάν ενεργοποιείται, τα πρόσθετα που είναι εγγεγραμμένα στην εφαρμογή, που είναι υπεύθυνη για να χειριστεί αυτό το συμβάν, εκτελούνται. 3. Ενθέματα ή Modules Τα ενθέματα είναι πιο ελαφριά και ευέλικτα σε σχέση με τα πρόσθετα και τις εφαρμογές. Για να τα χρησιμοποιήσουμε στη σελίδα πρέπει να διαλέξουμε μια θέση στην οποία θα εμφανιστούν. Υπάρχει η δυνατότητα να εμφανίζονται στις σελίδες που διαλέγει ο διαχειριστής. Παραδείγματα ενθεμάτων είναι η αναζήτηση, τα μενού, (η εμφάνιση και οι δυνατότητές τους και όχι η δομή τους), ανακοινώσεις, συλλογές φωτογραφιών κ.α. 4. Πρότυπα ή Templates Το πρότυπο είναι ουσιαστικά ο σχεδιασμός της ιστοσελίδας. Περιλαμβάνει το γραφικό κομμάτι αλλά και τη δομή της δηλαδή ποιες θέσεις θα είναι διαθέσιμες και που θα είναι τοποθετημένες αυτές στο χώρο. Με την χρήση των προτύπων είναι πολύ εύκολη και γρήγορη η αλλαγή της εμφάνισης ενός site. 5. Γλώσσες ή Languages Στο Joomla, η προκαθορισμένη γλώσσα είναι η αγγλική, καθώς μόνο αυτή είναι διαθέσιμη μετά την εγκατάσταση. Για τη χρήση οποιασδήποτε άλλης 8

10 γλώσσας πρέπει να κατεβάσουμε το αρχείο της γλώσσας που θέλουμε να το εγκαταστήσουμε και ύστερα να επιλέξουμε τη γλώσσα αυτή στη διαχείριση. Το αρχείο αυτό αφορά και το περιβάλλον διαχείρισης. 1.3 Εγκατάσταση και ρύθμιση επεκτάσεων Για να εγκατασταθεί οποιαδήποτε επέκταση η διαδικασία είναι η ίδια: Στο κορυφαίο μενού της διαχείρισης, στις Επεκτάσεις, επιλέγουμε Εγκατάσταση/Απεγκατάσταση. Στην οθόνη που ανοίγει κάνουμε κλικ στο κουμπί Μεταφόρτωση Αρχείου & Εγκατάσταση. Είτε γίνει σωστά η εγκατάσταση είτε όχι, εμφανίζεται ανάλογο μήνυμα που μας ενημερώνει. Εικόνα 9: Εγκατάσταση Επεκτάσεων Για να ρυθμίσουμε κάποια επέκταση εκτός κάποιας εφαρμογής, μεταβαίνουμε και πάλι στο μενού Επεκτάσεις. Οι εφαρμογές ρυθμίζονται από το μενού που βρίσκεται ακριβώς δίπλα στο μενού Επεκτάσεις και ονομάζεται Εφαρμογές. Τα ενθέματα και τα πρόσθετα, τα διαχειριζόμαστε κατά τον ίδιο τρόπο. Ας πούμε ότι θέλουμε να ρυθμίσουμε ένα ένθεμα. Κάνουμε κλικ στη Διαχείριση Ενθεμάτων. Ανοίγει μια σελίδα η οποία περιέχει μια λίστα με τα διαθέσιμα ενθέματα. Στη σελίδα αυτή μπορούμε να ενεργοποιήσουμε ή να απενεργοποιήσουμε το επιθυμητό ένθεμα, να το επεξεργαστούμε, να το διαγράψουμε ή να δημιουργήσουμε ένα νέο. Για να το επεξεργαστούμε απλά κάνουμε κλικ σε αυτό. Τα ίδια ισχύουν και για τα πρόσθετα με τη μόνη διαφορά ότι για να δούμε τα διαθέσιμα κάνουμε κλικ στη Διαχείριση Προσθέτων. Όσον αφορά τις Γλώσσες και τα Πρότυπα η διαδικασία επιλογής διαφοροποιείται ελαφρώς. Ας πούμε ότι θέλουμε να επιλέξουμε ένα πρότυπο. 9

11 Κάνουμε κλικ στο μενού Επεκτάσεις-> Διαχείριση Προτύπων. Εκεί τσεκάρουμε αυτό που θέλουμε από τη διαθέσιμη λίστα και κάνουμε κλικ στο Προκαθορισμένο. Μπορούμε να αλλάξουμε το πρότυπο είτε του ιστοτόπου είτε του διαχειριστή είτε και των δύο. Απλά μεταβαίνουμε στην ανάλογη καρτέλα και κάνομε την ανάλογη επιλογή. Με τον ίδιο τρόπο επιλέγουμε την γλώσσα στην οποία θέλουμε να εμφανίζεται το περιβάλλον διαχείρισης. 1.4 Διαχείριση μενού Για τη δημιουργία ενός καινούριου μενού, μεταβαίνουμε στο κεντρικό μενού της διαχείρισης και επιλέγουμε Μενού -> Διαχείριση Μενού. Εκεί εκτός από τη δημιουργία μενού, υπάρχει και η δυνατότητα της επεξεργασίας, διαγραφής και αντιγραφής των υπαρχόντων. Κάνουμε κλικ στο Νέο και εμφανίζεται η παρακάτω σελίδα: Εικόνα 10: Δημιουργία Μενού Τα πεδία που πρέπει απαραίτητα να συμπληρωθούν είναι τα : Αποκλειστικό Όνομα και Τίτλος. Τα άλλα δύο πεδία είναι προαιρετικά. Επεξήγηση πεδίων: Αποκλειστικό όνομα (unique name) Αυτό το όνομα θα χρησιμοποιείται από το Joomla για να αναγνωρίζει αυτό μενού μέσα στον κώδικα. Συνεπώς, θα πρέπει νε είναι αποκλειστικό. Όταν θα θέλουμε να εμφανίσουμε κάποιο μενού σε ένα ένθεμα μενού, αυτό το όνομα θα είναι ορατό. Τίτλος (Title) 10

12 Ο τίτλος αυτός θα είναι ο κεντρικός τίτλος του μενού. Περιγραφή (Description) Η περιγραφή του μενού Τίτλος Ενθέματος ( Module Title) Συμπληρώνουμε αυτό το πεδίο μόνο όταν θέλουμε το μενού που θα δημιουργηθεί να χρησιμοποιεί το προκαθορισμένο ένθεμα για μενού που παρέχει το Joomla Τέλος, κάνουμε κλικ στο κουμπί της Αποθήκευσης και έτσι δημιουργείται το μενού. Σε αυτό το σημείο πρέπει να προσθέσουμε κάποια στοιχεία μενού. Για να γίνει αυτό πηγαίνουμε στο Μενού και επιλέγουμε αυτό που μόλις δημιουργήσαμε από τη λίστα. Κάνουμε κλικ στο Νέο. Ανοίγει μια σελίδα στην οποία επιλέγουμε το είδος του στοιχείου. Ουσιαστικά διαλέγουμε σε τι είδους σελίδα θέλουμε να οδηγούμαστε, κάνοντας κλικ σ αυτό το στοιχείο. Οι διαθέσιμες επιλογές χωρίζονται σε κατηγορίες: 1.Εσωτερικός Σύνδεσμος 2.Εξωτερικός Σύνδεσμος 3.Διαχωριστής 4.Ψευδώνυμο Συνήθως επιλέγουμε κάτι από την πρώτη κατηγορία. Κάνοντας κλικ λοιπόν στον Εσωτερικό Σύνδεσμο, ανοίγουν οι υποκατηγορίες. Εάν θέλουμε το στοιχείο μενού να οδηγεί σε μια σελίδα, επιλέγουμε από τα άρθρα Σελιδοποίηση Άρθρου. Εάν θέλουμε να οδηγεί σε μια λίστα από άρθρα μιας ενότητας ή μιας κατηγορίας τότε επιλέγουμε κάτι από την Ενότητα ή την Κατηγορία αντίστοιχα. Τέλος, υπάρχουν και κάποιες επιλογές από τις εφαρμογές που διαθέτει το Joomla αλλά και από αυτές που εγκαταστάθηκαν μετέπειτα. Για να συνεχίσουμε, επιλέγουμε Σελιδοποίηση άρθρου. Στη σελίδα που ανοίγει, πληκτρολογούμε τον Τίτλο του στοιχείου μενού, δηλαδή πως θέλουμε να ονομάζεται. Στην ιδιότητα Γονικό στοιχείο επιλέγουμε Κορυφή, εάν θέλουμε το στοιχείο μενού να μην είναι υπομενού. Εάν όμως θέλουμε να είναι υπομενού, επιλέγουμε ένα στοιχείο από τα είδη υπάρχοντα, στο οποίο θέλουμε να απεικονίζεται στη σελίδα. Οι παράμετροι Εφαρμογής και Συστήματος, έχουν ρυθμιστεί ήδη και ισχύουν για όλα τα άρθρα. Γι αυτό τις αφήνουμε ως έχουν. Εάν θέλουμε όμως να εφαρμόσουμε διαφορετικές ρυθμίσεις γι αυτό το στοιχείο μενού συγκεκριμένα, τις επεξεργαζόμαστε. Στο τέλος, κάνουμε κλικ στο κουμπί Αποθήκευση και δημιουργείται το στοιχείο μενού. 11

13 1.4.2 Εμφάνιση Μενού Για να εμφανιστεί το μενού στην ιστοσελίδα, πρέπει να χρησιμοποιήσουμε ένα ένθεμα μενού. Υπάρχουν πολλά διαθέσιμα με διαφορετικές προσφερόμενες επιλογές αλλά και εμφάνιση, όπως και υλοποίηση. Το κεντρικό μενού που υπάρχει στην ιστοσελίδα του τομέα, ονομάζεται MainMenu. Ορίζουμε το Title και βάζουμε το Possition δηλαδή σε ποια θέση θα μεφανίζεται στο site βρίσκεται στο user 3. Επίσης πιο κάτω στη επιλογή Menu Assignment έχει επιλογή για το που θα εμφανίζεται και επιλέγουμε τα κατάλληλα στοιχεία. 1.5 Δημιουργία και διαχείριση ενοτήτων και κατηγοριών Στην παρούσα ιστοσελίδα, υπάρχουν πολλά άρθρα. Η εύκολη διαχείρισή τους επιτυγχάνεται οργανώνοντάς τα σε ενότητες και κατηγορίες. Πρώτα φτιάχνονται οι Ενότητες και ύστερα οι Κατηγορίες. Αυτό συμβαίνει διότι, όταν δημιουργούμε μια κατηγορία, πρέπει να επιλέξουμε την Ενότητα στην οποία θα ανήκει. Για να δημιουργήσουμε μια ενότητα πηγαίνουμε στο κεντρικό μενού της διαχείρισης και επιλέγουμε Περιεχόμενο και Διαχείριση Ενοτήτων. Στη συνέχεια κάνουμε κλικ στο Νέο. Πληκτρολογούμε τον Τίτλο της Ενότητας και προαιρετικά μια περιγραφή. Πατάμε Αποθήκευση και η ενότητα δημιουργείται. Κατά παρόμοιο τρόπο δημιουργείται και μια κατηγορία, από το μενού της διαχείρισης επιλέγουμε Περιεχόμενο και ύστερα Διαχείριση Κατηγοριών. Κάνουμε κλικ στο Νέο και ανοίγει η σελίδα για τη δημιουργία της κατηγορίας. Πληκτρολογούμε τον Τίτλο της κατηγορίας και επιλέγουμε σε ποια Ενότητα θα ανήκει. Προαιρετικά μπορούμε να γράψουμε και κάποιο κείμενο στη Περιγραφή. Πατάμε Αποθήκευση και η κατηγορία δημιουργείται. 1.6 Δημιουργία Χρηστών Ένα από τα σημαντικότερα χαρακτηριστικά του Joomla, είναι η διαχείριση χρηστών. Οι χρήστες χωρίζονται σε ομάδες, στα μέλη των οποίων εκχωρούνται διαφορετικά δικαιώματα. Οι διαθέσιμες ομάδες του Joomla, χωρισμένες σε δύο βασικές κατηγορίες είναι: Δημόσιος ιστότοπος- Τα μέλη αυτών των ομάδων, δεν έχουν πρόσβαση στη διαχειριση του site, παρά μόνο στην ίδια τη σελίδα, αφού συνδεθούν σε αυτή. 12

14 Επισκέπτης Προβολή δημόσιου ιστότοπου (frontend) και δημοσίων άρθρων. Μέλος Δικαιώματα επισκεπτών Προβολή εγγεγραμμένων άρθρων Αρθρογράφος Δικαιώματα μελών Δημιουργία νέων άρθρων Επεξεργασία ατομικών άρθρων Προβολή ειδικού περιεχομένου Συντάκτης Δικαιώματα αρθρογράφων Επεξεργασία όλων των άρθρων, ακόμα και των μη δημοσιευμένων. Εκδότης Δικαιώματα συντακτών Δημοσίευση άρθρων Δημόσια Διαχείριση Τα μέλη των παρακάτω ομάδων, έχουν πρόσβαση στη διαχείριση του. Συντονιστής Δικαιώματα εκδοτών Πρόσβαση στο περιβάλλον διαχείρισης Διαχειριστής Δικαιώματα συντονιστών Δημιουργία νέων χρηστών Εγκατάσταση επεκτάσεων Υπέρδιαχειριστής Δικαιώματα διαχειριστών Αλλαγή προτύπου ιστότοπου Αλλαγή γενικών ρυθμίσεων. Όπως φαίνεται στην παραπάνω λίστα, κάθε βαθμίδα χρηστών ενσωματώνει και τα δικαιώματα της προηγούμενης. Η τελευταία βαθμίδα/ομάδα οι υπερδιαχειριστές, μπορούν να επεξεργαστούν ολόκληρο το Site χωρίς περιορισμούς. Για να δημιουργήσουμε έναν χρήστη, η διαδικασία είναι πολύ απλή. Από το κεντρικό μενού της διαχείρισης, επιλέγουμε Ιστότοπος και ύστερα Διαχείριση Χρηστών. Αφού ανοίξει η σελίδα κάνουμε κλικ στο κουμπί Νέο, όπως κάθε φορά 13

15 που θέλουμε να δημιουργήσουμε κάτι στο Joomla. Στην πτυχιακή αυτή το είδος χρηστών που χρησιμοποιούμε είναι ένα, οι υπερδιαχειριστές. 1.7 Τεχνολογία PHP και CCS PHP H PHP είναι μια γλώσσα προγραμματισμού για τη δημιουργία σελίδων web με δυναμικό περιεχόμενο. Μια σελίδα PHP περνά από επεξεργασία από ένα συμβατό διακομιστή του Παγκόσμιου Ιστού (π.χ. Apache), ώστε να παραχθεί σε πραγματικό χρόνο το τελικό περιεχόμενο, που θα σταλεί στο πρόγραμμα περιήγησης των επισκεπτών σε μορφή κώδικα HTML. Ένα αρχείο με κώδικα PHP θα πρέπει να έχει την κατάλληλη επέκταση (π.χ. *.php, *.php4, *.phtml κ.ά.). Η ενσωμάτωση κώδικα σε ένα αρχείο επέκτασης.html δεν θα λειτουργήσει και θα εμφανίσει στον browser τον κώδικα χωρίς καμία επεξεργασία, εκτός αν έχει γίνει η κατάλληλη ρύθμιση στα MIME types του server. Επίσης ακόμη κι όταν ένα αρχείο έχει την επέκταση.php, θα πρέπει ο server να είναι ρυθμισμένος για να επεξεργάζεται και να μεταγλωτίζει τον κώδικα PHP σε HTML που καταλαβαίνει το πρόγραμμα πελάτη. Ο διακομιστής Apache, που χρησιμοποιείται σήμερα ευρέως σε συστήματα με τα λειτουργικά συστήματα GNU/Linux, Microsoft Windows, Mac OS X υποστηρίζει εξ ορισμού την εκτέλεση κώδικα PHP, είτε με την χρήση ενός πρόσθετου (mod_php) ή με την αποστολή του κώδικα προς εκτέλεση σε εξωτερική διεργασία CGI ή FCGI ή με την έλευση της php5.4 υποστηρίζονται η εκτέλεση σε πολυάσχολους ιστοχώρους, FastCGI Process Manager (FPM). Εναλλακτικός τρόπος εκτέλεσης ιστοσελίδων χωρίς χρονοβόρες διαδικασίες Ο συνδυασμός Linux/Apache/PHP/MySQL, που είναι η πιο δημοφιλής πλατφόρμα εκτέλεσης ιστοσελίδων είναι γνωστός και με το ακρωνύμιο LAMP. Παρόμοια, ο συνδυασμός */Apache/PHP/MySQL ονομάζεται *AMP, όπου το πρώτο αρχικό αντιστοιχεί στην πλατφόρμα, στην οποία εγκαθίστανται ο Apache, η PHP και η MySQL (π.χ. Windows, Mac OS X). Ο LAMP συνήθως εγκαθίσταται και ρυθμίζεται στο Linux με τη βοήθεια του διαχειριστή πακέτων της εκάστοτε διανομής. Στην περίπτωση άλλων λειτουργικών 14

16 συστημάτων, επειδή το κατέβασμα και η ρύθμιση των ξεχωριστών προγραμμάτων μπορεί να είναι πολύπλοκη, υπάρχουν έτοιμα πακέτα προς εγκατάσταση, όπως το XAMPP και το WAMP για τα Windows και το MAMP για το Mac OS X. Ιστορία της PHP Η ιστορία της PHP ξεκινά από το 1994, όταν ένας φοιτητής, ο Rasmus Lerdorf δημιούργησε χρησιμοποιώντας τη γλώσσα προγραμματισμού Perl ένα απλό script με όνομα php.cgi, για προσωπική χρήση. Το script αυτό είχε σαν σκοπό να διατηρεί μια λίστα στατιστικών για τα άτομα που έβλεπαν το online βιογραφικό του σημείωμα. Αργότερα αυτό το script το διέθεσε και σε φίλους του, οι οποίοι άρχισαν να του ζητούν να προσθέσει περισσότερες δυνατότητες. Η γλώσσα τότε ονομαζόταν PHP/FI από τα αρχικά Personal Home Page/Form Interpreter. Το 1997 η PHP/FI έφθασε στην έκδοση 2.0, βασιζόμενη αυτή τη φορά στη γλώσσα C και αριθμώντας περισσότερους από ιστότοπους που τη χρησιμοποιούσαν, ενώ αργότερα την ίδια χρονιά οι Andi Gutmans και Zeev Suraski ξαναέγραψαν τη γλώσσα από την αρχή, βασιζόμενοι όμως αρκετά στην PHP/FI 2.0. Έτσι η PHP έφθασε στην έκδοση 3.0 η οποία θύμιζε περισσότερο τη σημερινή μορφή της. Στη συνέχεια, οι Zeev και Andi δημιούργησαν την εταιρεία Zend (από τα αρχικά των ονομάτων τους), η οποία συνεχίζει μέχρι και σήμερα την ανάπτυξη και εξέλιξη της γλώσσας PHP. Ακολούθησε το 1998 η έκδοση 4 της PHP, τον Ιούλιο του 2004 διατέθηκε η έκδοση 5, ενώ αυτή τη στιγμή έχουν ήδη διατεθεί και οι πρώτες δοκιμαστικές εκδόσεις της επερχόμενης PHP 6, για οποιονδήποτε προγραμματιστή θέλει να τη χρησιμοποιήσει. Οι περισσότεροι ιστότοποι επί του παρόντος χρησιμοποιούν κυρίως τις εκδόσεις 4 και 5 της PHP. CSS Τα CSS (Cascading Style Sheets), στην κατασκευή ιστοσελίδων, είναι ηλεκτρονικά έγγραφα με ένα σύνολο κανόνων για την μορφοποίηση μιας ιστοσελίδας. Ενδεικτικά, μπορεί να χρησιμοποιηθεί για να διαμορφώσει: Τα χρώματα και το μέγεθος διαφόρων στοιχείων της ιστοσελίδας Την συμπεριφορά τους σε διάφορες ενέργειες Παλιότερα, συνηθίζονταν να διαμορφώνεται κάθε στοιχείο της ιστοσελίδας ξεχωριστά, σε κάθε μία ξεχωριστή σελίδα. Η μεγάλη ευκολία που προσφέρει η χρήση ενός CSS, είναι ότι οι ενδεχόμενες αλλαγές, γίνονται μόνο σε ένα έγγραφο και αυτόματα εφαρμόζονται σε όλες τις σελίδας που το χρησιμοποιούν. Έτσι μία ιστοσελίδα που χρησιμοποιεί CSS, μπορεί πολύ ευκολότερα να αλλάξει όψη. 15

17 Για τον έλεγχο της εγκυρότητας ενός CSS εγγράφου, με βάση τα web standards, μπορεί να χρησιμοποιηθεί ενός CSS validator: Για την δημιουργία και επεξεργασία εγγράφων CSS, μπορεί να χρησιμοποιηθεί ένας επεξεργαστής (editor) απλού κειμένου ή κάποιο πρόγραμμα ειδικό για CSS που προσφέρει αρκετές ευκολίες στην διαμόρφωση του κώδικα CSS. Ένα πρόγραμμα (open source, δωρεάν διαθέσιμο για download και χρήση) για την επεξεργασία εγγράφων CSS είναι το CSSED. Παράδειγμα σύνταξης css: body background-color: #FF0000; 1.8 Σχεδιασμός Γραφικών (με χρήση Corel X5) Τι Είναι το Corel PhotoPaint Το Corel PhotoPaint είναι ένα εργαλείο που δουλεύει αποκλειστικά με bitmap εικόνες, καθώς περιλαμβάνει κάποια νέα εφέ, εργαλεία και τεχνικές που κάνουν ευκολότερο τον χειρισμό των εικόνων. Το περιβάλλον του PhotoPaint είναι παρόμοιο μ' αυτό του του CorelDRAW. Υπάρχει μια γραμμή εργαλείων στα αριστερά, μια έγχρωμη παλέτα στα δεξιά, μια γραμμή κατάστασης στο κάτω μέρος της οθόνης, μια βασική γραμμή εργαλείων και μια γραμμή ιδιοτήτων. Για να δημιουργήσουμε μια νέα bitmap εικόνα στο PhotoPaint, μπορούμε να κάνουμε κλικ στο εικονίδιο New της βασικής γραμμής εργαλείων ή να επιλέξουμε New... από το μενού File. Θα εμφανισθεί το πλαίσιο διαλόγου Create a New Image, που μας ρωτά πληροφορίες για τον τύπο της bitmap εικόνας που θέλουμε να δημιουργήσουμε. Από τη λίστα Paper color μπορούμε να επιλέξουμε το χρώμα του φόντου της εικόνας. Η εξ ορισμού τιμή RGB : 255, 255, 255 είναι το άσπρο χρώμα. Αν επιλέξουμε το πλαίσιο ελέγχου No Βackground θα έχουμε ένα διαφανές φόντο που θα έχει το σχήμα μοτίβου σκακιού το οποίο, όμως, δεν θα τυπώνεται. Από τη λίστα Size μπορούμε να επιλέξουμε ένα προκαθορισμένο μέγεθος για την εικόνα ή να επιλέξουμε Custom και να ορίσουμε δικό μας πλάτος και ύψος με τα πλαίσια κειμένου Width και Height αντίστοιχα. Μπορούμε να επιλέξουμε τη μονάδα μέτρησης από μια αντίστοιχη λίστα και με τα πλήκτρα επιλογής Portrait και Landscape μπορούμε να επιλέξουμε την εμφάνιση (προσανατολισμό) της εικόνας, σαν πορτραίτου (κατακόρυφο) ή τοπίου (οριζόντιο) αντίστοιχα. 16

18 Στο πλαίσιο κειμένου Resolution μπορούμε να ορίσουμε την ανάλυση της εικόνας σε dpi, με εξ ορισμού τιμή τα 72 dpi. Η ανάλυση που θα χρησιμοποιήσουμε θα πρέπει να είναι από 72 έως 96 dpi αν η εικόνα θα εμφανισθεί σε οθόνη, ενώ αν έχει φωτογραφική ποιότητα και πρόκειται να τυπωθεί σε εκτυπωτή η ανάλυση θα πρέπει να είναι από 150 έως 200 dpi και οι εικόνες για τα περιοδικά (εκτύπωση offset) πρέπει να έχουν ανάλυση μεγαλύτερη από 266 dpi. Αν επιλέξουμε το πλαίσιο ελέγχου Create a partial file, θα μπορούμε να δουλέψουμε σ ένα μόνο τμήμα της εικόνας κάθε φορά και αν επιλέξουμε το πλαίσιο ελέγχου Create a movie, θα μπορούμε να δημιουργήσουμε κινούμενα σχέδια ή ταινίες. Κάνουμε κλικ στο ΟΚ και ένα νέο παράθυρο εικόνας εμφανίζεται στην περιοχή εργασίας του PhotoPaint. Τα αρχεία εικόνων του PhotoPaint έχουν επέκταση.cpt. Σ αντίθεση με το CorelDRAW, μπορούμε να έχουμε πολλά παράθυρα εικόνων στην οθόνη μας και να ρυθμίσουμε τις θέσεις τους από τις επιλογές του μενού Window. Ζωγραφίζοντας στο PhotoPaint Στο δεξί μέρος της γραμμής κατάστασης υπάρχουν τρία πλαίσια χρωμάτων, που δείχνουν το τρέχον επιλεγμένο χρώμα ζωγραφικής (Paint), χαρτιού (Paper) και γεμίσματος (Fill). Στο PhotoPaint πρέπει να επιλέξουμε τα χρώματα ζωγραφικής και γεμίσματος πριν σχεδιάσουμε ένα αντικείμενο, καθώς δεν μπορούμε να τα αλλάξουμε αργότερα. Για να ορίσουμε ένα νέο τρέχον επιλεγμένο χρώμα ζωγραφικής, κάνουμε κλικ σ ένα χρώμα στην παλέτα ή κάνουμε διπλό κλικ στο πλαίσιο χρώματος ζωγραφικής (Paint) στη γραμμή κατάστασης και στο πλαίσιο διαλόγου Paint Color έχουμε αναρίθμητες επιλογές για το χρώμα ζωγραφικής. Για να ορίσουμε ένα νέο τρέχον επιλεγμένο χρώμα γεμίσματος, κάνουμε δεξί κλικ σ ένα χρώμα στην παλέτα ή κάνουμε διπλό κλικ στο πλαίσιο χρώματος γεμίσματος (Fill) στη γραμμή κατάστασης και στο πλαίσιο διαλόγου Select Fill έχουμε αναρίθμητες επιλογές για το χρώμα γεμίσματος. Μπορούμε να ορίσουμε το χρώμα γεμίσματος να είναι ίδιο με το χρώμα ζωγραφικής αν κάνουμε κλικ στο πλήκτρο Use Paint Color ή να είναι ίδιο με το χρώμα χαρτιού αν κάνουμε κλικ στο πλήκτρο Use Paper Color. Ακόμη, αν κάνουμε κλικ σ ένα από τα πλήκτρα ομοιόμορφου γεμίσματος, γεμίσματος ντεγκραντέ, bitmap ή υφής και μετά στο πλήκτρο Edit..., θα ανοίξει ένα ανάλογο πλαίσιο διαλόγου όπου μπορούμε να επιλέξουμε ό,τι γέμισμα θέλουμε. Στη γραμμή κατάστασης υπάρχουν ακόμα και τα πλήκτρα Swap Paint/Paper Colors και Reset Colors, με τα οποία μπορούμε να ανταλλάξουμε μεταξύ τους τα χρώματα ζωγραφικής και χαρτιού ή να επαναφέρουμε τα εξ ορισμού χρώματα αντίστοιχα. 17

19 Για να επιλέξουμε έναν νέο τύπο παλέτας χρωμάτων, ανοίγουμε το υπομενού Color Ρalette από το μενού View και επιλέγουμε την παλέτα που θέλουμε. Αν κάνουμε διπλό κλικ σε κάποιο εργαλείο στη γραμμή εργαλείων, θα ανοίξει το αντίστοιχο rollup για το εργαλείο αυτό, όπου υπάρχουν πολλές επιλογές. Το Κείμενο στο PhotoPaint Στο PhotoPaint υπάρχει μόνο απλό κείμενο και με περιορισμένες δυνατότητες. Για να γράψουμε κείμενο, κάνουμε κλικ στο εργαλείο κειμένου (Text Tool) στη γραμμή εργαλείων και μετά κάνουμε κλικ στο σημείο της εικόνας που θέλουμε να τοποθετήσουμε το κείμενο. Από τη γραμμή ιδιοτήτων μπορούμε να επιλέξουμε γραμματοσειρά, μέγεθος γραμματοσειράς, διάστημα χαρακτήρων, απόσταση γραμμών, μορφοποίηση, στοίχιση κ.ά. Αν κάνουμε διπλό κλικ στο εργαλείο κειμένου, θα εμφανισθεί το rollup Tool Settings με τις ίδιες επιλογές. Η επιλογή Anti-aliasing κρατάει ομαλές τις καμπύλες των γραμμάτων. Επεξεργασία Αντικειμένων Όπως και στο CorelDRAW, μπορούμε να επιλέξουμε ένα αντικείμενο με το εργαλείο επιλογής για να εμφανισθούν οι λαβές του και να σύρουμε τις γωνιακές λαβές για να αλλάξουμε το μέγεθος του αντικειμένου αναλογικά ή να σύρουμε τις μεσαίες λαβές για να τεντώσουμε ή να συρρικνώσουμε το αντικείμενο. Για να διαγράψουμε ένα αντικείμενο, πρέπει να το επιλέξουμε και να πατήσουμε το πλήκτρο delete ή να επιλέξουμε Delete από το μενού Object. Για να αντιγράψουμε ένα αντικείμενο, πρέπει να το επιλέξουμε και να πάμε στην επιλογή Duplicate του μενού Object. Για να δούμε τις ιδιότητες ενός αντικειμένου, το επιλέγουμε και πάμε στην επιλογή Object Properties... του μενού Object, που εμφανίζει το πλαίσιο διαλόγου Object Properties με τις καρτέλες General και WWW URL. Η επιλογή Document Info... από το μενού File εμφανίζει το παράθυρο μηνύματος Document Info, όπου υπάρχουν πληροφορίες για το τρέχον παράθυρο εικόνας που επεξεργαζόμαστε. Αν κάνουμε κλικ συνέχεια στο ίδιο αντικείμενο, θα εμφανίζονται με τη σειρά οι λαβές αλλαγής μεγέθους, οι λαβές περιστροφής, οι λαβές παραμόρφωσης και οι λαβές προοπτικής. Στο μενού View υπάρχουν οι επιλογές Rulers, Grid, Guidelines για να εμφανίσουμε τους κανόνες, το πλέγμα και τις γραμμές-οδηγούς αντίστοιχα καθώς και οι επιλογές Snap to Grid και Snap to Guidelines. 18

20 Αν επιλέξουμε ένα αντικείμενο, μπορούμε να χρησιμοποιήσουμε τη λίστα Merge Mode στη γραμμή ιδιοτήτων για να αναμείξουμε το χρώμα του με το χρώμα του αντικειμένου που είναι από κάτω, επιλέγοντας από πολλές καταστάσεις, και αν χρησιμοποιήσουμε τη γραμμή κύλισης Object Opacity, μπορούμε να ρυθμίσουμε την αδιαφάνεια του αντικειμένου. Μπορούμε να επιλέξουμε το εργαλείο γεμίσματος (Fill Toll) από τη γραμμή εργαλείων, να επιλέξουμε ένα είδος γεμίσματος, ομοιόμορφο, ντεγκραντέ, bitmap ή υφής, και να κάνουμε κλικ σε διάφορα αντικείμενα για να αποκτήσουν αυτό το γέμισμα. Στην ενότητα Tolerance μπορούμε να επιλέξουμε ένα από τα πλήκτρα επιλογής Normal ή HSB Mode και μια τιμή στο πλαίσιο κειμένου που είναι από κάτω. Με το εργαλείο διαφάνειας αντικειμένων (Object Transparency Tool) της γραμμής εργαλείων μπορούμε να προσθέσουμε διάφορους τύπους διαφάνειας σ ένα αντικείμενο. Στο rollup Tool Settings μπορούμε να επιλέξουμε το είδος της διαφάνειας από τη λίστα Type και να σύρουμε για να ορίσουμε μια σταδιακή διαφάνεια. Το Παράθυρο Object Docker Το παράθυρο Object Docker εμφανίζεται με την επιλογή Objects... του υπομενού Dockers του μενού View. Εμφανίζει μια λίστα μ όλα τα αντικείμενα της τρέχουσας εικόνας, όπου κάθε αντικείμενο αντιπροσωπεύεται από ένα όνομα και μια μινιατούρα εικόνας. Η κόκκινη γραμμή που περιβάλλει μια μινιατούρα δείχνει το τρέχον επιλεγμένο αντικείμενο. Αν κάνουμε διπλό κλικ πάνω στο όνομα ή στη μινιατούρα ενός αντικειμένου, θα εμφανισθεί το πλαίσιο διαλόγου Object Properties, όπου μπορούμε να αλλάξουμε το όνομα του αντικειμένου στο πλαίσιο κειμένου Name της καρτέλας General. Αν κάνουμε κλικ στο μάτι που υπάρχει δίπλα σε κάθε αντικείμενο, μπορούμε να κάνουμε το αντικείμενο αόρατο. Οι Μάσκες του PhotoPaint Με τις μάσκες μπορούμε να επιλέξουμε (απομονώσουμε) ένα μέρος μιας bitmap εικόνας και ενώ αυτή η περιοχή της εικόνας μπορεί να υποστεί αλλαγές, η υπόλοιπη περιοχή είναι ανέπαφη. Τα εργαλεία μάσκας υπάρχουν στο ιπτάμενο μενού στη γραμμή εργαλείων και είναι η ορθογώνια μάσκα, η κυκλική μάσκα, η μάσκα ελεύθερου σχεδιασμού, η μάσκα λάσο, η μάσκα ψαλίδι, η μάσκα μαγικό ραβδί και η μάσκα βούρτσα. Αν επιλέξουμε ένα εργαλείο μάσκας και σύρουμε για να ορίσουμε την περιοχή που θα περιβάλλει η μάσκα, θα εμφανισθεί μια κινούμενη γραμμή γύρω από την επιλεγμένη περιοχή. Μπορούμε να κρύβουμε ή να εμφανίζουμε αυτή την κινούμενη γραμμή κάνοντας κλικ στο εργαλείο Show Mask Marquee της βασικής γραμμής εργαλείων ή επιλέγοντας Marquee Visible από το μενού Mask. 19

21 Η κινούμενη γραμμή δείχνει την περιοχή της εικόνας που μπορεί να αλλάξει και η μάσκα προστατεύει την υπόλοιπη εικόνα. Για να αφαιρέσουμε την ή τις μάσκες από μια εικόνα, επιλέγουμε Remove από το μενού Mask. Αφού έχουμε ορίσει μια μάσκα, μπορούμε να επιλέξουμε Object: Copy Selection ή Object: Cut Selection από το υπομενού Create του μενού Object για να δημιουργήσουμε ένα αντίγραφο της επιλεγμένης περιοχής ή για να αποσπάσουμε την επιλεγμένη περιοχή αντίστοιχα. Κάνοντας μετά κλικ πάνω στην περιοχή αυτή, η οποία αποτελεί ένα νέο αντικείμενο, μπορούμε να την μετακινήσουμε όπου θέλουμε. Ζωγραφίζοντας Σχήματα Για να ζωγραφίσουμε τα βασικά σχήματα στο PhotoPaint χρησιμοποιούμε το ιπτάμενο μενού της γραμμής εργαλείων που περιέχει τα εργαλεία ορθογωνίου, έλλειψης, πολυγώνου και γραμμής. Με πατημένο το πλήκτρο Control μπορούμε να ζωγραφίσουμε τετράγωνα και κύκλους. Για κάθε εργαλείο που επιλέγουμε, η γραμμή ιδιοτήτων εμφανίζει ανάλογες επιλογές. Με το εργαλείο πολυγώνου μπορούμε να ορίζουμε τα διάφορα σημεία (κορυφές) του πολυγώνου και για να κλείσει το πολύγωνο, κάνουμε διπλό κλικ στο τελευταίο σημείο. Με πατημένο το πλήκτρο Control, οι πλευρές του πολυγώνου αποκτούν κλίση 45 μοιρών. Τα πολύγωνα μπορούν να έχουν πλευρές που τέμνονται, μπορούν να είναι ο,τιδήποτε σχήματος ή μεγέθους και μπορούν να έχουν οποιοδήποτε αριθμό πλευρών. Το εργαλείο γραμμής μοιάζει με το εργαλείο πολυγώνου, με τη διαφορά ότι δεν ενώνει το πρώτο και το τελευταίο σημείο και δεν χρησιμοποιεί γέμισμα. Όταν σχεδιάζουμε μια γραμμή, από τη λίστα Shape Joints στη γραμμή ιδιοτήτων μπορούμε να καθορίσουμε τον τρόπο ένωσης των τμημάτων της γραμμής, με τις επιλογές Point (σημείο), Round (στρογγυλή), Filled (γεμάτη) και Butt (λαβή). Δουλεύοντας με Αντικείμενα Για νa αλλάξουμε τη θέση ενός αντικειμένου, επιλέγουμε το υπομενού Order του υπομενού Arrange του μενού Object και μπορούμε να επιλέξουμε To Front, To Back, Forward One και Back One. Για να αλλάξουμε τη θέση των αντικειμένων μπορούμε να χρησιμοποιήσουμε και το παράθυρο Object Docker και να σύρουμε για να μετακινήσουμε τα αντικείμενα. Η σειρά των αντικειμένων στο παράθυρο Object Docker αντιπροσωπεύει τη σχετική θέση όλων των αντικειμένων πάνω από το φόντο. 20

22 Για να ομαδοποιήσουμε αντικείμενα, τα επιλέγουμε και πάμε στην επιλογή Group του υπομενού Arrange του μενού Object, ενώ για να τα απομαδοποιήσουμε πάμε στην επιλογή Ungroup του υπομενού Arrange του μενού Object. Για να στοιχίσουμε ή να κατανείμουμε αντικείμενα, τα επιλέγουμε και πάμε στην επιλογή Align and Distribute... του υπομενού Arrange του μενού Object για να εμφανισθεί το πλαίσιο διαλόγου Align and Distribute. Στο μενού Object υπάρχουν ακόμη και τα υπομενού Flip, Rotate και Transform, που έχουν πολλές επιλογές για την επεξεργασία αντικειμένων. Μπορούμε να συνδυάσουμε αντικείμενα μεταξύ τους ή με το φόντο για να δημιουργήσουμε νέα αντικείμενα. Επιλέγουμε το υπομενού Combine από το μενού Object και μετά τον τύπο του συνδυασμού που θέλουμε, επιλέγοντας έναν από τους Combine Objects Together, Combine Objects With Background, Combine All Objects With Βackground. Δουλεύοντας με τα Πινέλα Τα εργαλεία πινέλων του PhotoPaint υπάρχουν στο τελευταίο ιπτάμενο μενού της γραμμής εργαλείων και είναι το εργαλείο Paint (ζωγραφικής), το εργαλείο Effect (εφέ), το εργαλείο Clone (κλώνου) και το εργαλείο Image Sprayer (σπρέι με εικόνες). Αν κάνουμε διπλό κλικ πάνω στο εργαλείο στη γραμμή εργαλείων, θα εμφανισθεί το rollup Tool Settings με τις ανάλογες ρυθμίσεις για το εργαλείο που έχουμε επιλέξει. Τα εργαλεία αυτά έχουν αναρίθμητες επιλογές και δυνατότητες. 1.9 Eνότητες, Κατηγορίες και Άρθρα Το σημαντικότερο μέρος ενός δικτυακού τόπου είναι το περιεχόμενό του. Τα άρθρα ταξινομούνται με δυο τρόπους: ανά ενότητα και ανά κατηγορία. Οι ενότητες είναι το ανώτερο επίπεδο, και μπορούν να περιέχουν πολλές κατηγορίες. Κάθε κατηγορία μπορεί να περιέχει πολλά άρθρα (κείμενα). Για να προσθέσουμε μια ενότητα στο δικτυακό σας τόπο, πρέπει να συνδεθούμε με το σύστημα διαχείρισης. Ενότητες Για την επεξεργασία των ενοτήτων, πρέπει να επιλέξουμε το εικονίδιο Διαχείριση Ενοτήτων. Κάνουμε κλικ στο Νέο στη γραμμή εργαλείων του Joomla!. Δίνουμε έναν τίτλο και μια περιγραφή της ενότητας, και πατάμε Αποθήκευση στη γραμμή εργαλείων. 21

23 Ο αριθμός των ενοτήτων που μπορούμε να δημιουργήσουμε δεν περιορίζεται από την εφαρμογή. Δημιουργούμε όσες χρειαζόμαστε. Μπορούμε να χρησιμοποιήσουμε τις ενότητες για να ομοδοποιήσουμε συναφή στοιχεία περιεχομένου. Οι ενότητες που δημιουργήθηκαν στον ιστοχώρο είναι οι εξής: School Teachers Students Activities Clubs research_papers Η ενότητα School αφορά το σχολείο. Η ενότητα Teachers αφορά τους δασκάλους. Η ενότητα Students αφορά τους μαθητές. Η ενότητα Activities αφορά τις δραστηριότητες. Η ενότητα clubs αφορά τους Ομίλους. Η ενότητα Research Papers αφορά τη σχολική εφημερίδα Κατηγορίες Κάνουμε κλικ στο μενού Περιεχόμενο και επιλέγουμε Διαχείριση Κατηγοριών, όταν έχουμε ολοκληρώσει την κατασκευή των ενοτήτων. Ακολουθούμε τα ίδια βήματα στην δημιουργία των κατηγοριών, εντάσσοντας κάθε κατηγορία που δημιουργούμε σε μια από τις ήδη δημιουργημένες ενότητες. Main menu // Αφορά το κυρίως Μενού Epes // Αφορά το Ε.Π.ΕΣ primary_school // Αφορά το Δημοτικό σχολείο Clubs_High_School // Αφορά τους Ομίλους του Γυμνασίου και του Λυκείου Clubs_Primary_Schoo // Αφορά τους Ομίλους του Δημοτικού School // Αφορά το Σχολείο kindergarten // Αφορά το Νηπιαγωγείο high_school // Αφορά το Γυμνάσιο Parents_Association //Αφορά το Σύλλογο Γονέων και κηδεμόνων Alumni // Αφορά τους Απόφοιτους gymnasio-lykeio // Αφορά το Γυμνάσιο και το Λύκειο Photo-Events // Αφορά το Φωτογραφικό Υλικό History // Αφορά την Ιστορική Αναδρομή 22

24 Άρθρα High School Classes // Αφορά τις Τάξεις του γυμνασίου και του Λυκείου. Μέσα από το μενού Περιεχόμενο --> Διαχείριση Άρθρων --> Νέο βρισκόμαστε στην οθόνη δημιουργίας και επεργασίας Άρθρων. Δημιουργούμε άρθρα για κάθε κατηγορία: Π.χ κατηγορία High School Classes : Περιέχει τα τμηματα του Γυμνασίου και του Λυκείου. κατηγορία Ανακοινώσεις: Περιέχει τις ανακοινώσεις του σχολείου Κ.λ.π 23

25 Κεφάλαιο 2 Template Τα templates (πρότυπα) και τα αρχεία που συνδέονται με αυτά, καθορίζουν την εμφάνιση και το στυλ της ιστοσελίδας και διατηρούνται ξεχωριστά από το υπόλοιπο περιεχόμενο της. Τα πρότυπα αυτά είναι αποθηκευμένα σε μια βάση δεδομένων MySQL. Υπάρχουν δύο τύποι templates, τα Site Templates και τα Administrator Templates. Τα Site Templates ελέγχουν την εμφάνιση του Front-end της ιστοσελίδας μας, ενώ τα Administrator Templates ελέγχουν το Back-end, δηλαδή το σύστημα διαχείρισης της ιστοσελίδας. Ο Template Manager, που βρίσκεται στο διαχειριστικό περιβάλλον του Joomla, παρέχει το υπόβαθρο για την εγκατάσταση και την επεξεργασία των templates. Η αρχική σελίδα περιέχει μια λίστα προεγκατεστημένων templates (Site και Administrator). Ένα πράσινο τικ εμφανίζεται δίπλα από το template που χρησιμοποιείται την εκάστοτε στιγμή. Εμφανίζονται επίσης ορισμένες πληροφορίες σχετικά με κάθε template. Τα templates μπορούν να χρησιμοποιηθούν σε διαφορετικά τμήματα του site. Πιο συγκεκριμένα, αν έχουμε διάφορα templates διαθέσιμα, μπορούμε να τα εκμεταλλευτούμε όλα. Μπορούμε δηλαδή να χρησιμοποιούμε διαφορετικά templates σε διαφορετικές υποσελίδες της ιστοσελίδας μας. 24

26 Κεφάλαιο 2.1 Η ιστοσελίδα αυτή έπρεπε να πληροί συγκεκριμένες προδιαγραφές και να προσφέρει δυνατότητες που θα έκαναν τη διαχείριση αλλά και τη χρήση της εύκολη και ασφαλή. Έτσι παρακάτω ακολουθεί ο σχεδιασμός και η ανάλυση των απαιτήσεων όπως δόθηκαν από το Π.Π.Σ.Π.Θ. : Εικόνα 1 25

27 Εικόνα 2 26

28 Εικόνα 3 27

29 Εικόνα 4 28

30 Εικόνα 5 29

31 Εικόνα 6 30

32 Εικόνα 7 31

33 Εικόνα 8 32

34 Εικόνα 9 33

35 2.2 Θέσεις Template: Οι θέσεις Template είναι οι χώροι που οριοθετούνται μέσω του αρχείου Template css. Και δίνει τη δυνατότητα στον Super administrator(υπέρ διαχειριστή )να εμφανίζει τα module που χρησιμοποιεί σε όποια θέση επιθυμεί. Εικόνα 11: Θέσεις Template 34

36 Παραπάνω διακρίνονται οι θέσεις του αρχείου template css. Οι θέσεις που χρησιμοποιήθηκαν για τη δημιουργία του site είναι οι: User 3, User 4, User 5, Left και Right. User3: Είναι η θέση όπου εμφανίζονται τα Top Menus των καρτελών του ιστοχώρου. User 4 και User 5 : Είναι η θέση όπου εμφανίζονται οι ανακοινώσεις. <?php if ($view->containsmodules('user3', 'extra1', 'extra2')) :?> <div class="pir-bar pir-nav"> <div class="pir-nav-outer"> <div class="pir-nav-wrapper"> <div class="pir-nav-inner"> <?php if ($view->containsmodules('extra1')) :?> <div class="pir-hmenu-extra1"><?php echo $view->position('extra1');?></div> <?php endif;?> <?php if ($view->containsmodules('extra2')) :?> <div class="pir-hmenu-extra2"><?php echo $view->position('extra2');?></div> <?php endif;?> <?php echo $view->position('user3');?> Left: Είναι η θέση όπου εμφανίζονται τα module στην αριστερή μεριά. Right : Είναι η θέση όπου εμφανίζονται τα module στα δεξιά. <?php if ($view->containsmodules('left')) :?> <div class="pir-layout-cell pir-sidebar1"> <?php echo $view->position('left', 'pir-block');?> <div class="cleared"></div> </div> <?php endif;?> <div class="pir-layout-cell pir-content"> </div> </div> <div class="cleared"></div> </div> 35

37 <?php if ($view->containsmodules('right')) :?> <div class="pir-layout-cell pir-sidebar2"> <?php echo $view->position('right', 'pir-block');?> <div class="cleared"></div> </div> <?php endif;?> Copyright: Είναι η θέση στο τέλος του site. δηλαδή το μέρος όπου αναγράφεται το Copyright του ιστοχώρου. </div> <div class="cleared"></div> <p class="pir-page-footer">designed by Sophia Nousi, Eleni Rossiou, <a href="http://www.nano-micro.gr/" target="_blank">vasilios Chouvardas</a>.</p> <div class="cleared"></div> </div> Οι υπόλοιπες θέσεις: Banner1,Extra 2, Top1, Top 2, Top3 Banner2, Breadcrumb, User1, User2, Banner2, Banner4, Banner 5, Bottom1, Bottom2, Bottom3, Banner6, Syndicate, Copyright και Debug. Δεν έχουν χρησιμοποιηθεί αλλά είναι διαθέσιμες για μελλοντική χρήση. Η παραπάνω εικόνα δείχνει τις θέσεις. 36

38 Κεφάλαιο 3 Plugins Τα plugins που χρησιμοποιήθηκαν είναι τα εξής: 1. Tabs (NoNumber) 2. Slider (No Number) 3. Content-Pdf-Embed 4. Joomfish 5. ALLVIDEOS(by JoomlaWorks). 3.1 Tabs (NoNumber) Το Tabs (No Number) είναι ένα πρόσθετο (plugin) της εταιρίας No Number και με πολύ καλές κριτικές. Φορτώνοντάς το μας παρέχει τη δυνατότητα να εισάγουμε Tab μέσα σε άρθρο μέσω του κουμπιού που εμφανίζεται στο κάτω μέρος στην φόρμα επεξεργασίας του άρθρου. Ο κώδικας που προστίθεται στο άρθρο είναι ο παρακάτω : tab=tab Title 1 Your text... tab=tab Title 2 Your text... /tabs Υπάρχουν πάρα πολλές δυνατότητες διαχείρισης του slider και μπορούμε να τις βρούμε στον επίσημο ιστότοπο της No Number (http://www.nonumber.nl/extensions/tabs ). 3.2 Slider (No Number) Το Slider (No Number) είναι ένα πρόσθετο (plugin) επίσης της εταιρίας No Number και με εξίσου πολύ καλές κριτικές. Φορτώνοντάς το μας παρέχει τη δυνατότητα να εισάγουμε slider μέσα σε άρθρο μέσω του κουμπιού που εμφανίζεται στο κάτω μέρος στην φόρμα επεξεργασίας του άρθρου. Ο κώδικας που προστίθεται στο άρθρο είναι ο παρακάτω : slide=slide Title 1 Your text... slide=slide Title 2 Your text... /slides 37

39 Υπάρχουν πάρα πολλές δυνατότητες διαχείρισης του slider και μπορούμε να τις βρούμε στον επίσημο ιστότοπο της No Number (http://www.nonumber.nl/extensions/sliders). 3.3 Content-Pdf-Embed Το Content- Pdf Embed είναι ένα πρόσθετο (plugin) το οποίο μας παρέχεται δωρεάν και μας δίνει τη δυνατότητα να φορτώσουμε pdf αρχεία μέσα στα άρθρα μας. Η διαδικασία ενεργοποίησης του είναι πολύ εύκολη. 1. Φορτώνουμε το pluggin στο site μας με τον τρόπο που περιγράφεται στο κεφάλαιο 2.4 Εγκατάσταση και Ρύθμιση επεκτάσεων. 2. Προσθέτουμε τον παρακάτω κώδικα στο άρθρο που θέλουμε να εμφανίζεται το pdf. pdf=http://xxx.com.com/files/pdf/yourfile.pdf Αρχικά μετά το ίσον, βάζουμε τη διαδρομή (url) του αρχείου pdf που θέλουμε να φορτώσουμε και μετά έχουμε τη δυνατότητα να ορίσουμε το ύψος και το πλάτος εμφάνισης του αρχείου μέσα στο άρθρο μας (500-> width, 300-> height ). Εικόνα 12 :Εισαγωγή Pdf αρχείου σε άρθρο. 38

40 3.4 Μετάφραση ιστοσελίδας Joomfish Η ιστοσελίδα που κατασκευάστηκε σε αυτήν την πτυχιακή προσφέρει στους χρήστες τη δυνατότητα να περιηγηθούν σε αυτήν, σε δυο γλώσσες (Ελληνικά- Αγγλικά). Για τη μετάφραση της ιστοσελίδας χρησιμοποιήθηκε η εφαρμογή Joomfish. Η εφαρμογή αυτή δεν μεταφράζει την ιστοσελίδα αυτόματα, αλλά μας δίνει τη δυνατότητα να επεξεργαστούμε ξεχωριστά κάθε κομμάτι της είτε αυτό είναι άρθρο είτε ένθεμα. Ο χρήστης, για να προβάλει την ιστοσελίδα στην γλώσσα που θέλει, απλά κάνει κλικ στην αντίστοιχη σημαία στο πάνω μέρος της σελίδας. Για να μεταφράσουμε τη σελίδα υπάρχουν δύο τρόποι. Ο ένας είναι να μεταβούμε στην εφαρμογή, στην καρτέλα Translation, και να εντοπίσουμε τα στοιχεία προς μετάφραση από μια λίστα στην οποία εμφανίζονται όλα μαζί. Ο τρόπος αυτός δεν είναι τόσο εύχρηστος, καθώς θα πρέπει να εντοπίζουμε κάθε φορά, από μια τεράστια λίστα, το στοιχείο προς μετάφραση. Ο δεύτερος τρόπος είναι ο παρακάτω. Για παράδειγμα, ας υποθέσουμε ότι θέλουμε να μεταφράσουμε ένα άρθρο. Πηγαίνουμε στη σελίδα στην οποία βρίσκονται τα άρθρα και εντοπίζουμε αυτό που θα μεταφράσουμε. Το τσεκάρουμε στο κουτάκι που βρίσκεται αριστερά του και από το επάνω μέρος της σελίδας επιλέγουμε τη γλώσσα στην οποία θέλουμε να γίνει η μετάφραση. Έτσι ανοίγει η σελίδα επεξεργασίας. Επιλογή γλώσσας: Εικόνα 13 : Επιλογή Γλώσσας Μετάφρασης Στη σελίδα αυτή πληκτρολογούμε τη μετάφραση. Για κάθε στοιχείο του άρθρου, υπάρχει πρώτα το αρχικό κείμενο και ύστερα ένα πλαίσιο στο οποίο πληκτρολογούμε τη μετάφραση. Δίπλα στο αρχικό κείμενο υπάρχει η ετικέτα Original και δίπλα στο πλαίσιο της μετάφρασης η ετικέτα Translation. Τα μέρη του άρθρου που μεταφράστηκαν είναι: ο τίτλος και το κυρίως κείμενο. Υπάρχουν και άλλα στοιχεία σε ένα άρθρο που μπορούν να μεταφραστούν, αλλά επειδή δεν εμφανίζονται κάπου δεν μεταφράστηκαν. Στη συνέχεια, τσεκάρουμε την επιλογή Published και κάνουμε κλικ στο κουμπί Αποθήκευση για να 39

41 ολοκληρωθεί η μετάφραση. Εάν δεν τσεκάρουμε την επιλογή Published, η μετάφραση θα αποθηκευτεί αλλά δεν θα εμφανιστεί στη σελίδα. Επίσης, πάνω από την επιλογή που προαναφέραμε, υπάρχει και μια άλλη στην οποία εμφανίζεται η γλώσσα μετάφρασης. Είναι χρήσιμη στην περίπτωση που η σελίδα πρέπει να μεταφραστεί σε περισσότερες από μια γλώσσες. Εκεί γίνεται η επιλογή της γλώσσας μετάφρασης. 3.5 ALLVIDEOS To AllVideos είναι ένα πρόσθετο (plugin) που μας επιτρέπει να προβάλλουμε Video στην ιστοσελίδα μας που φιλοξενούνται στους πιο δημοφιλής παρόχους ή στον δικό μας server. Το AllVideos παίζει τα πιο γνωστά format video και ήχου που υπάρχουν. Με το AllVideos δεν χρειάζεται να αντιγράφονται τεράστια url από τους παρόχους. Χρησιμοποιώντας τις ετικέτες μπορούμε να προσθέσουμεμέσα στα άρθρα μας τα αρχεία media με πολύ εύκολο τρόπο π.χ. youtube heu37ej3qs/youtube, flv my_video_file/flv, mp3 my_audio_file/mp3. Στις ρυθμίσεις του πρόσθετου AllVideos μπορούμε να ορίσουμετο μέγεθος του Video, το φάκελο αποθήκευσης των αρχείων, τη θέση του player, αν θα ξεκινάει να παίζει κατά τη φόρτωση της σελίδας, αν θα έχει download link και πολλά άλλα. Ένα από τα μεγαλύτερα μειονεκτήματα του AllVideos είναι ότι μπορεί να φορτώσει το video ή το audio μέσα σε άρθρα αλλά όχι μέσα σε ενθέματα (modules). Επίσης υποστηρίζει mp3 και mp4, ενώ για όλα τα υπόλοιπα θα πρέπι να χρησιμοποιηθούν έξτρα players. Χαρακτηριστικά : 1. Δεκάδες πάροχοι υποστηρίζονται όπως το YouTube, Vimeo, Dailymotion, Metacafe, MySpace, Flickr βίντεο, Blip.tv, TwitVid, Yfrog, SoundCloud και άλλα. 2. Μπορούμε να βάλουμε το δικό μας περιεχόμενο πολυμέσων, χρησιμοποιώντας το 20 + web που είναι συμβατή φορμά ήχου και βίντεο όπως FLV, SWF, MOV, MP4, WMV, WMA, MP3, 3gp, WebM, ogv, OGG, DivX και περισσότερα. 3. Εύκολα ενσωματώνουμε το περιεχόμενο πολυμέσων μας, είτε απευθείας από το διακομιστή σας ή σε έναν απομακρυσμένο server! 4. Απλή έλεγχοι εντός των παραμέτρων στη σελίδα του plugin προσφέρουν συνοχή διάταξη σε όλα τα βίντεο που εμφανίζονται στο Joomla!. Ορίζουμε τις προτιμήσεις μας σε δευτερόλεπτα, δημοσιεύουμε το plugin και είμαστε έτοιμοι να αρχίσει η ροή περιεχομένου! 5. Εύκολη, περιγραφική σύνταξη για την ενσωμάτωση των μέσων ενημέρωσης - format/providerfilename/format/provider. Μπορούμε επίσης να χρησιμοποιήσουμε σύνταξη format/providerfilename width height autoplay/format/provider (e.g. 40

42 an "autoplaying" youtubehe73js /youtube) να δούμε βίντεο σε διαφορετικές διαστάσεις! 6. Χρησιμοποιούμε MVC templating. Απλά αντιγράφουμε το / tmpl φάκελο που περιλαμβάνεται στο plugin, και το μετακινούμε στο Template μας / html φάκελο και το μετονομάζουμε το σε "jw_allvideos". 7. Mobile /tablet friendly: αν χρησιμοποιούμε MP4 βίντεο που έχουν σταλεί ή αν χρησιμοποιήσουμε υπηρεσίες όπως το YouTube, Vimeo και Dailymotion, τα βίντεό σας είναι έτοιμα. 8. Περιλαμβάνει 3 πρότυπα: Classic, Framed και Responsive Εικόνα 14:Βασικές παραμέτρους του ALLVIDEOS. 41

43 3.6 ARI Docs Viewer To ARI Docs Viewer είναι ένα πρόσθετο (plugin) που μας δίνει την δυνατότητα να ενσωματώσουμε άρθρα και αρχεία, με τις ακόλουθες μορφές, στο περιεχόμενο μιας Joomla ιστοσελίδας. Content: doc / docx - Microsoft Word Document xls / xlsx - Microsoft Excel Spreadsheet ppt / pptx - Microsoft PowerPoint pps - PowerPoint Slideshow odt - OpenDocument Text ods - OpenDocument Spreadsheet odp - OpenDocument Presentation sxw - OpenOffice.org Writer Document sxc - OpenOffice.org Calc Spreadsheet sxi - OpenOffice.org Impress Presentation wpd - Corel Word Perfect Document pdf - Adobe Portable Document Format rtf - Rich Text Format html - Hyper Text Markup Language txt - Plain Text Document csv - Comma Separated Values tsv - Tab Separated Values pages - Apple Pages ai - Adobe Illustrator psd - Adobe Photoshop dxf - Autodesk AutoCad svg - Scalable Vector Graphics eps / ps - PostScript ttf - TrueType xps - XML Paper Specification Σημείωση: Η επέκταση χρησιμοποιεί διαδικτυακές υπηρεσίες για την εισαγωγή των εγγράφων στο περιεχόμενο και γι αυτό απαιτείται σύνδεση στο internet. Αυτό σημαίνει ότι αυτή η δυνατότητα δεν μπορεί να λειτουργήσει σε τοπικό δίκτυο, εάν δεν έχει πρόσβαση στο Διαδίκτυο.. Πώς να ενσωματώσουμε στο έγγραφο με μορφή που υποστηρίζεται στο περιεχόμενο; Χρησιμοποιούμε τον ακόλουθο κώδικα: aridoc engine="google" width="600" height="300"path_to_document/aridoc 42

44 Αν θέλουμε να ενσωματώσουμε απομακρυσμένο αρχείο PDF που βρίσκεται δίπλα url, χρησιμοποιούμε τον επόμενο κωδικό: aridoc engine="google" width="600" / aridoc Αν είναι απαραιτητο να φορτώσουμε my_doc.doc έγγραφο του Microsoft Word που είναι αποθηκευμένα στον ιστότοπό σας [joomla_directory] / documents / φάκελο, χρησιμοποιούμε τον ακόλουθο κώδικα: aridoc engine="google" width="550" height="450"documents/my_doc.doc/aridoc Επί του παρόντος η επέκταση υποστηρίζει δύο υπηρεσίες για έγγραφα απόδοση: "Το Google Docs Viewer". Χρησιμοποιούμε την παράμετρο του κινητήρα aridoc tag που επιλέγουν ποια θέλετε να χρησιμοποιήσουμε. Για "Google Docs Viewer" μηχανή χρήσης = "google". Πώς να ενσωματώσουμε εξωτερική σελίδα; Πληκτρολογούμε τον επόμενο κωδικό: aridoc engine="iframe" width="500" height="400"link_to_page/aridoc Για παράδειγμα, εάν θέλουμε να εισάγουμε "ARI Soft" σελίδα σε ένα άρθρο, προσθέτουμε τον ακόλουθο κώδικα στην αναγκαία άρθρο: aridoc κινητήρα = "iframe" width = "100%" height = "400" / aridoc Πώς να τοποθετήσουμε ειδικό άρθρο στο περιεχόμενο; Πληκτρολογούμετον ακόλουθο κώδικα: aridoc engine="iframe" width="100%" height="400"http://www.ari-soft.com/aridoc Αν χρειαστεί να ενσωματώσουμε το άρθρο με ID ισούται με "45", χρησιμοποιούμε τον επόμενο κωδικό: aridoc engine="article" width="500" height="400" id="45"/aridoc 43

45 Κεφάλαιο 4 Ανάλυση Μενού Η αρχική σελίδα λοιπόν διαμορφώνεται ως εξής : Υπάρχει το κεντρικό μενού που βρίσκεται στο πάνω μέρος της σελίδας και έχει τα εξής στοιχεία: Αρχική Σχολείο Νηπιαγωγείο Δημοτικό Γυμνάσιο/Λύκειο ΕΠ.Ε.Σ Σύλλογος Αποφοίτων Σύλλογος Γονέων & Κηδεμόνων Προκήρυξη Εκδρομών Επικοινωνία Εικόνα 15: Μενού- αρχικής σελίδας Στο αριστερό μέρος της σελίδας υπάρχουν διάφορα κουμπάκια μενού που το καθένα είναι σύνδεσμος σε κάποια σελίδα. 44

46 Αριστερό Μενού Εικόνα 16: Αριστερό μενού Το πρώτο κουμπί-μενού εμφανίζει τον ιστότοπο του Υπουργείου Παιδείας και Θρησκευμάτων, Πολιτισμού και Αθλητισμού. Το δεύτερο κουμπί μενού εμφανίζει τον ιστότοπο του Ψηφιακού Σχολείου και είναι μια σελίδα με ψηφιακό εκπαιδευτικό περιεχόμενο. Το τρίτο κουμπί-μενού εμφανίζει τη σελίδα Νέο Σχολείο Πρώτα ο Μαθητής η οποία περιέχεται στο διαδικτυακό τόπο του Υπουργείου Παιδείας και Θρησκευμάτων, Πολιτισμού και Αθλητισμού. Το τέταρτο κουμπί- μενού εμφανίζει τον ιστότοπο Δικτυακή Εκπαιδευτική Πύλη και περιέχει εκπαιδευτικό υλικό. Το πέμπτο κουμπί-μενού εμφανίζει τον ιστότοπο του Πανελλήνιου Σχολικού Δικτύου το οποίο παρέχει υπηρεσίες και για εκπαιδευτικούς και για μαθητές. Το έκτο στη σειρά κουμπί μενού εμφανίζει τον ιστότοπο του Πανελλήνιου Σχολικού Δικτύου students το οποίο παρέχει υπηρεσίες για μαθητές. Το έβδομο κουμπί μενού εμφανίζει τον ιστότοπο της εκπαιδευτικής τηλεόρασης. Το όγδοο κουμπί μενού εμφανίζει ένα άρθρο στον ιστότοπο του ΠΠΣΠΘ το οποίο παραπέμπει στις πλατφόρμες Moodle και Lams. 45

47 Το Moodle (http://www.moodle.org) είναι ένα Σύστημα Διαχείρισης Μάθησης (Learning Management System - LMS) και αποτελεί ένα ολοκληρωμένο σύστημα Ασύγχρονης Τηλεκπαίδευσης. Είναι ένα εκπαιδευτικό περιβάλλον που δίνει τη δυνατότητα στους καθηγητές να οργανώνουν και να διαχειρίζονται ηλεκτρονικά μαθήματα, με το εκπαιδευτικό υλικό που διαθέτουν, μέσω του Διαδικτύου. Το Moodle επιτρέπει στους διδάσκοντες να δημιουργούν και να διαχειρίζονται μαθήματα (course management), στα οποία δημοσιεύουν έγγραφα σε οποιαδήποτε μορφή (Word, PDF, HTML, Video, κτλ), να διαχειρίζονται περιοχές δημόσιας ή ιδιωτικής συζήτησης, να συνθέτουν ασκήσεις και εργασίες για τους μαθητές, να τους ενημερώνουν σχετικά με το περιεχόμενο και την εξέλιξη των μαθημάτων τους. Το LAMS (Learning Activity Management System) έχει ένα ευρύ φάσμα εργαλείων που μπορούν να χρησιμοποιηθούν σε μια σειρά παιδαγωγικών προσεγγίσεων δημιουργώντας ένα πρότυπο ροής της δραστηριότητας, από τους καθηγητές για τους μαθητές με διαφορετικά επίπεδα γνώσεων και εξειδίκευσης. Το LAMS παρέχει στους εκπαιδευτικούς ένα ιδιαίτερα εύχρηστο και καλαίσθητο εικονικό περιβάλλον συγγραφής και εποπτείας ακολουθιών μαθησιακών δραστηριοτήτων (learning activities). Το ένατο και τελευταίο κουμπί- μενού εμφανίζει τον ιστότοπο ιστολόγιο του εργαστηρίου ΗΥ Λυκείου του ΠΠΣΠΘ. Στο δεξί μέρος της σελίδας υπάρχει ο Χάρτης, Ημερολόγιο, Ρολόι, Εορτολόγιο, κλπ. 46

48 Εικόνα 17 : Δεξί μενού Στο κέντρο εμφανίζονται : 1) Η εικόνα του πειραματικού καθώς και ένα link στο Google maps το οποίο πατώντας το εμφανίζει τον Χάρτη και την τοποθεσία όπου βρίσκεται το Πειραματικό Σχολείο. Εικόνα 18 : κεντρική εικόνα Σχολείου 47

49 2) Πιο κάτω εμφανίζονται οι ανακοινώσεις του σχολείου καθώς και όλων των τμημάτων και των συλλόγων. Εικόνα 19 : Ανακοινώσεις Κεντρικής Σελίδας 48

50 4.1 Καρτέλα Σχολείο Επιλέγοντας ο χρήστης την καρτέλα Σχολείο παρατηρεί τα εξής: Αριστερό μενού Στο αριστερό μέρος υπάρχουν πάλι μενού κουμπιά : Εικόνα 20: Αριστερό μενού γονέων. Το πρώτο κουμπί-μενού εμφανίζει ένα άρθρο με το οργανόγραμμα του σχολείου. Το δεύτερο κουμπί μενού εμφανίζει τον κανονισμό λειτουργίας του σχολείου. Το τρίτο κουμπί-μενού εμφανίζει τον κανονισμό λειτουργίας των Ομίλων και τον πίνακα με όλους τους Ομίλους. Το τέταρτο κουμπί- μενού εμφανίζει τον ιδρυτικό νόμο του σχολείου. Το πέμπτο κουμπί-μενού περιέχει ευρωπαϊκά προγράμματα. Το έκτο κουμπί μενού άρθρο σχετικά με την ενημέρωση Το έβδομο κουμπί μενού εμφανίζει ένα άρθρο στον ιστότοπο του ΠΠΣΠΘ το οποίο παραπέμπει στις πλατφόρμες Moodle και Lams. Στο κέντρο εμφανίζονται οι ανακοινώσεις του σχολείου. 49

51 Δεξί Μενού: Το πρώτο κουμπί-μενού εμφανίζει άρθρο με τον ιδρυτικό νόμο του σχολείου. Το δεύτερο κουμπί-μενού εμφανίζει άρθρο με την νομοθεσία του σχολείου. Το τρίτο κουμπί-μενού εμφανίζει το άρθρο «Το Πειραματικό της Μνήμης». Το τέταρτο κουμπί-μενού εμφανίζει το άρθρο με το εκπαιδευτικό προσωπικό. Το πέμπτο κουμπί-μενού εμφανίζει άρθρο με το σχολείο του Πικιώνη. Το έκτο κουμπί-μενού περιέχει διάφορες φωτογραφίες. Το έβδομο κουμπί-μενού είναι το κουμπί μαρτυρίες το οποίο θα περιέχει άρθρο που θα φορτωθεί από το Σχολείο. Το όγδοο κουμπί-μενού περιέχει link με τους απόφοιτους από το Πιο κάτω εμφανίζονται ο Χάρτης, Ημερολόγιο, Ρολόι, Εορτολόγιο, κλπ. Στο κέντρο υπάρχει ένα άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις Σχολείου. Εικόνα 21: Δεξί μενού. 50

52 4.2 Καρτέλα Νηπιαγωγείο Στην καρτέλα Νηπιαγωγείο το μενού είναι διαφορετικό σε σχέση με το μενού της αρχικής και του σχολείου. Το ίδιο μενού επικρατεί και για τις καρτέλες Δημοτικό και Γυμνάσιο/ Λύκειο. Εικόνα 22 : Κεντρικό μενού Νηπιαγωγείο Κάνοντας κλικ στην καρτέλα Προσωπικό εμφανίζει ένα άρθρο με 5 καθηγητές οι οποίοι διδάσκουν Σχολείο καθώς και κάποιες λεπτομέρειες γι αυτούς. Αριστερό μενού Στο αριστερό μέρος τα κουμπιά μενού που εμφανίζονται είναι τα εξής και εμφανίζουν τις ανάλογες σελίδες: Εικόνα 23: Αριστερό μενού 51

53 Δεξί Μενού: Στο δεξί μενού του νηπιαγωγείου εμφανίζεται άλλο ένα κουμπί μενού που ονομάζεται ιδρυτικός νόμος και από κάτω εμφανίζεται πάλι ο χάρτης,το ημερολόγιο και το εορτολόγιο. Εικόνα 24 : Δεξί μενού Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε και από κάτω οι ανακοινώσεις Νηπιαγωγείου. 4.3 Καρτέλα Δημοτικό Επιλέγοντας ο χρήστης την καρτέλα Δημοτικό παρατηρεί τα εξής κουμπιά που εμφανίζουν τα ανάλογα άρθρα: Αριστερό μενού Εικόνα 25 : Αριστερό μενού Δεξί Μενού: Στο δεξί μενού εμφανίζονται ο χάρτης το ημερολόγιο το ρολόι και το εορτολόγιο. Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις Δημοτικού. 52

54 4.4 Καρτέλα Γυμνάσιο/Λύκειο Επιλέγοντας ο χρήστης την καρτέλα Γυμνάσιο/Λύκειο παρατηρεί τα εξής κουμπιά που εμφανίζουν τα κατάλληλα άρθρα: Αριστερό μενού Εικόνα 26: Αριστερό μενού Δεξί Μενού: Στο δεξί μενού εμφανίζονται ο χάρτης το ημερολόγιο το ρολόι και το εορτολόγιο. Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις. 53

55 4.5 Καρτέλα ΕΠ.Ε.Σ Το μενού κι εδώ είναι διαφορετικό αφού έχει μόνο δυο καρτέλες. Εικόνα 27 : Μενού της καρτέλας ΕΠ.Ε.Σ Αριστερό μενού: Τα κουμπιά-μενού εμφανίζουν και αυτά με τη σειρά τους τα κατάλληλα άρθρα: Εικόνα 28 : Αριστερό μενού Δεξί Μενού: Στο δεξί μενού εμφανίζονται ο χάρτης το ημερολόγιο το ρολόι και το εορτολόγιο. Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις ΕΠ.Ε.Σ. 54

56 4.6 Καρτέλα Σύλλογος Αποφοίτων Επιλέγοντας ο χρήστης την καρτέλα Σύλλογος Αποφοίτων παρατηρεί τα εξής: Εμφανίζεται στα δεξιά το μενού- κουμπί Σύλλογος Αποφοίτων το οποίο περιέχει link με τη σελίδα τους (http://www.sapspth.gr/). Εικόνα 29 : Αριστερό μενού Στο δεξί μενού εμφανίζονται ο χάρτης το ημερολόγιο το ρολόι και το εορτολόγιο. Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις του Συλλόγου Αποφοίτων. 4.7 Στην καρτέλα Σύλλογος Γονέων & Κηδεμόνων Επιλέγοντας ο χρήστης την καρτέλα Σύλλογος Γονέων & Κηδεμόνων παρατηρεί τα εξής: Αριστερό μενού: Εμφανίζεται στα δεξιά το μενού- κουμπί Σύλλογος Γονέων & Κηδεμόνων. Εικόνα 30: Αριστερό μενού Δεξί Μενού: Στο δεξί μενού εμφανίζονται ο χάρτης το ημερολόγιο το ρολόι και το εορτολόγιο. Στο κέντρο πάλι εμφανίζεται το άρθρο που δείχνει που βρισκόμαστε κα από κάτω οι ανακοινώσεις του Συλλόγου Γονέων & Κηδεμόνων. 55

57 4.8 Καρτέλα Προκήρυξη Εκδρομών Σε αυτήν την καρτέλα θα εμφανίζονται τα άρθρα της κατηγορίας <<Εκδρομές>>. 4.9 Καρτέλα Επικοινωνία Κάνοντας κλικ ο χρήστης στην καρτέλα επικοινωνία μας εμφανίζει μια φόρμα επικοινωνίας με την οποία θα μπορεί ο χρήστης να επικοινωνεί με το σχολείο. Εικόνα 31: Φόρμα Επικοινωνίας 56

58 Κεφάλαιο 5 Δημιουργία Σελίδων 5.1 Αρχική σελίδα Αρχικά δημιουργήθηκε module δεξιά και αριστερά. Extension->Module Manager->New-> Custom HTML-> Next και τοποθετούμε το όνομα που θέλουμε στο Title ανάλογο για αριστερά (left)και ανάλογο για δεξιά (right). Έπειτα στο πεδίο Menu Assignment διαλέγουμε σε ποια μενού θα εμφανίζεται το module που δημιουργούμε κάθε φορά. Εικόνα 32: Φόρμα δημιουργίας Module Για τη δημιουργία εικόνων δημιουργήθηκαν φάκελοι. path: site->media Manager -><όνομα φακέλου> + Create Folder Κάθε καρτέλα έχει και τον δικό της φάκελο, για παράδειγμα για την καρτέλα νηπιαγωγείο δημιουργήθηκε ο φάκελος nipia. Έπειτα τοποθετήθηκαν οι εικόνες που δημιουργήθηκαν στο corel και στο photoshop. Η ίδια διαδικασία ακολουθήθηκε για να φορτωθούν όλες οι εικόνες από τις υπόλοιπες καρτέλες. Για τις ανακοινώσεις χρησιμοποιήθηκε το module mod_latestnews. Οι παράμετροι που συμπληρώθηκαν στο module Parameters είναι οι εξής: Στο πεδίο Menu Assignment διαλέγουμε σε ποια μενού θα εμφανίζεται το module που δημιουργούμε κάθε φορά. Count = 3,έτσι ώστε να εμφανίζονται μέχρι τρεις ανακοινώσεις στην κεντρική. Στη περίπτωση που υπάρχουν άλλες, εμφανίζεται η επιλογή <<περισσότερα>> έτσι ώστε ο χρήστης κάνοντας κλικ να έχει τη δυνατότητα να δει και τις υπόλοιπες ανακοινώσεις. 57

59 Order = Recently Added First, έτσι ώστε οι τρεις πρώτες ανακοινώσεις που θα εμφανίζονται να είναι οι πιο πρόσφατες. Section ID=1 είναι το ID της ενότητας που θα εμφανίζεται. Category ID =39 είναι το ID της ενότητας που θα εμφανίζεται. Με τον ίδιο τρόπο δημιουργήθηκαν και οι έξι ανακοινώσεις της αρχικής σελίδας. Χάρτης Για τον Χάρτη χρησιμοποιήθηκε το module mod_custom.html και γράψαμε τον παρακάτω κώδικα στο πεδίο Custom Output. Κώδικας Χάρτη <p><iframe width="170" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?ie=utf8&t=h&om=1&ll= , & amp;spn= , &z=17&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?ie=utf8&t=h&om=1&ll= , &spn= , &z=17&source=embed" style="color: #0000ff; text-align: left;">view Larger Map</a></small></p> Ημερολόγιο Για την υλοποίηση του ημερολογίου χρησιμοποιήθηκε το module mod_minicalendar. Στο οποίο αλλάξαμε το χρώμα και κάποιες άλλες παραμέτρους με την προϋπόθεση να ταιριάζει στο site. Parameters Module Parameters Default Year Default Month Day Name Length = 1 First Day of Week = Sunday Number of Months = 1 Number of Columns = 1 Week Number Heading Links = No Time Zone = Africa/Cairo 58

60 Table Style = border-collapse:collapse; border:2px solid gray; background-color:#c2dafe; Heading Style = border:1px solid white; background-color:#c0c0ff; fontweight:bold;color:black; Day Style = border:1px solid white; padding:3px;color:black; Today Style = background-color:red; color:white; font-weight:bold; Week Number Style = color:red; Left Arrow Style Right Arrow Style Division Style = border-top:1px solid gray; Ρολόι Για το ρολόι χρησιμοποιήθηκε το module mod_leoclock όπου στο πεδίο Parameters κάναμε τις εξής αλλαγές: Timezone = Europe/Athens Display the specified timezone? = NO How should the timezone be displayed if displayed? = Full with continent What time format do you want, 24h or 12h? = 24h Display seconds? = yes Display date? = No don't desplay the date Εορτολόγιο Για το εορτολόγιο χρησιμοποιήθηκε το module mod_custom.html και γράφηκε ο παρακάτω κώδικας στο πεδίο Custom Output. Κώδικας Εορτολογίου <div align="center" style="color:#186c8b"> <h3>celebrate</h3> <h5>greek name-day</h5> 59

61 <script language="javascript" src="http://www.eortologio.gr/export_code/eortologio_en.php?fnt_clr=ffffff&tbl_wdth=125&tbl_ brdrclr=000063&tbl_brd=0&td_bgclr=000063&tbl_cellpading=3&tbl_cellspacing=0&tbl_font=verdan a&tbl_font_size=11&tbl_title_font_size=12&tbl_title_bgcolor=ff9900&tbl_title_font_color=0000ff& morfi=1&what_day=1&ttl=0&fr1=0&fr2=0&tbl_title="></script> </div> Τα παραπάνω module εμφανίζονται και στις υπόλοιπες καρτέλες. 5.2 Σχολείο Η καρτέλα σχολείο έχει το ίδιο μενού με την αρχική. Επομένως δημιουργήθηκαν μόνο τα module αριστερά και δεξιά όπου φορτώθηκαν και οι ανάλογες εικόνες με τον ίδιο τρόπο που αναφέρθηκε παραπάνω (site->media Manager -><school_menu> + Create Folder). Έπειτα για να εμφανίζονται οι εικόνες στην καρτέλα σχολείο ακολουθήθηκε η εξής διαδρομή: Site-> Module Manager->school_menu_left, όπου γράψαμε τον παρακάτω κώδικα: <html> <head> <style type="text/css"> a text-decoration: none; #container1 a img vertical-align: bottom; margin: 4px; border: solid 4px #eee; #container1 a:hover img border-color: #ccc; #container1 a:hover /* wakeup IE */ border-width: 0; </style> ΚΩΔΙΚΑΣ: 60

62 </head> <body> <div id="container1"> <p><a href="index.php?option=com_content&view=article&id=215"><img class="hoverborder" src="images/school_menu/organogramma1_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=199"><img class="hoverborder" src="images/school_menu/kanonismos1_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=210"><img src="images/dimotiko/diad_eis_t_en.png" width="150" /></a></p> <p><a href="index.php?option=com_content&view=article&id=214"><img class="hoverborder" src="images/school_menu/omiloi_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=156"><img class="hoverborder" src="images/school_menu/sxoliki_efimeriida1_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=156"><img class="hoverborder" src="images/school_menu/eu_programs_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=213"><img src="images/gymnasio_lykeio/erevn_erg_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=212"><img class="hoverborder" src="images/school_menu/enimerwsigon1_en.png" width="150" height="51" /></a></p> </div> </body> </html> Έτσι έχουμε δημιουργήσει το αριστερό μενού του σχολείου. Με τον ίδιο τρόπο δημιουργήθηκε το δεξί μενού. Κάτω από το δεξί μενού υπάρχει ο χάρτης, το ημερολόγιο, το ρολόι, το εορτολόγιο και η επιλογή γλώσσας. Αυτά είναι καινούργια διαφορετικά module ανεξάρτητα από το module που δημιουργήσαμε για να εμφανίζονται οι εικόνες δεξιά και αριστερά. Στο κέντρο έχει φορτωθεί ένα άρθρο με εικόνα το οποίο επεξηγεί που βρισκόμαστε. Επίσης υπάρχει άλλο έναmodule με τις ανακοινώσεις του σχολείου. 61

63 5.3 Νηπιαγωγείο Η καρτέλα νηπιαγωγείο έχει διαφορετικό μενού από την αρχική. Για τη δημιουργία του υπαρχει αναφορά στο κεφάλαιο 2.5 Διαχείριση Μενού: Menus-> Menu Manager->New -> nipiagwgeio στα τέσσερα πεδία που μας εμφανίζει βάζουμε το ίδιο όνομα. Στη συνέχεια Menus->Menu Items ->κλικ στο εικονίδιο -> New->Article -> Article Layout->Title->Προσωπικό, Allias-> Staff. Η ίδια διαδικασία ακολουθήθηκε και για τα υπόλοιπα μενού του νηπιαγωγείου. Έπειτα ο κώδικας που δημιουργήθηκε για να εμφανίζονται οι εικόνες είναι ίδιος με τον παραπάνω με μικρές αλλαγές. <html> <head> <style type="text/css"> a text-decoration: none; #container1 a img vertical-align: bottom; margin: 4px; border: solid 4px #eee; #container1 a:hover img border-color: #ccc; #container1 a:hover /* wakeup IE */ border-width: 0; </style> </head> ΚΩΔΙΚΑΣ: 62

64 <body> <div id="container1"> <p><a href="index.php?option=com_content&view=article&id=156"><img src="images/nipia/klirosi_en.png" width="150" height="51" /></a></p> <p><a href="index.php?option=com_content&view=article&id=156"><img src="images/school_menu/enimerwsigon1_en.png" width="150" alt="ενημέρωση Γονέων" style="font-size: 11px;" /></a></p> <p><a href="index.php?option=com_content&view=article&id=156"><img src="images/nipia/sunergasies_t_en.png" width="150" alt="συνεργασίες" /></a></p> <p><a href="index.php?option=com_content&view=article&id=156"><img src="images/school_menu/omiloi_en.png" width="150" alt="όμιλοι" /></a></p> <p></p> </div> </body> </html> Έτσι έχουμε δημιουργήσει το αριστερό μενού του νηπιαγωγείου. Με τον ίδιο τρόπο δημιουργήθηκε το δεξί μενού μόνο που φορτώνουμε διαφορετικές εικόνες. Κάτω από το δεξί μενού υπάρχει ο χάρτης, το ημερολόγιο, το ρολόι, το εορτολόγιο και η επιλογή γλώσσας. Αυτά είναι καινούργια διαφορετικά module ανεξάρτητα από το module που δημιουργήσαμε για να εμφανίζονται οι εικόνες δεξιά και αριστερά. Οι κώδικες είναι οι ίδιοι με τους παραπάνω κώδικες του Χάρτη και του Εορτολογίου. Στο κέντρο έχει φορτωθεί ένα άρθρο με εικόνα το οποίο επεξηγεί που βρισκόμαστε. Επίσης υπάρχει άλλο ένα module με τις ανακοινώσεις του σχολείου. Καρτέλα Νηπιαγωγείο>> Προσωπικό Κάνοντας κλικ στην καρτέλα Προσωπικό του Νηπιαγωγείου όπως και του Δημοτικού και Γυμνασίου Λυκείου, μας εμφανίζει ένα pluggin που έχουμε προσθέσει. Το pluggin αυτό δίνει τη δυνατότητα στο προσωπικό της εκάστοτε τάξης να προσθέσει κάποιο βιογραφικό και το του καθηγητή. Στο Νηπιαγωγείο έχουμε δύο νηπιαγωγούς γι αυτό και έχουμε δύο θέσεις στο pluggin. Στις υπόλοιπες καρτέλες(δημοτικό, Γυμνάσιο/ Λύκειο), οι θέσεις είναι περισσότερες. 63

65 Ο κώδικας του pluggin είναι ο παρακάτω: Tab=Tab Title Your Text /tabs tab=όνομα Νηπιαγωγού Βιογραφικό: /tabs tab=όνομα Νηπιαγωγού Βιογραφικό: /tabs tab=όνομα Νηπιαγωγού Το όνομα του νηπιαγωγού. Το του νηπιαγωγού. Βιογραφικό: Το βιογραφικό του νηπιαγωγού. Εικόνα: Η φωτογραφία του νηπιαγωγού. 64

66 Για να προσθέσουμε περισσότερες από μια θέσεις κάνουμε κλικ στο κουμπί που εμφανίζεται στο κάτω μέρος Καρτέλα Νηπιαγωγείο >>Τμήματα Κάνοντας κλικ στην καρτέλα Τμήματα του Νηπιαγωγείου όπως και του Δημοτικού και Γυμνασίου Λυκείου, μας εμφανίζει ένα pluggin που έχουμε προσθέσει. Το pluggin αυτό εμφανίζει σε slide μορφή, το όνομα του Νηπιαγωγού, τους Διδάσκοντες, τους μαθητές, τις Δραστηριότητες, το Εκπαιδευτικό υλικό, το Ιστολόγιο και το Ωρολόγιο πρόγραμμα. Ο κώδικας του pluggin είναι ο παρακάτω: tab=νηπιαγωγείο heigth=1000 slide-whatever=υπεύθυνος Νηπιαγωγός Όνοματεπώνυμο Νηπιαγωγού slide-whatever=διδάσκοντες slide-whatever=μαθητές slide-whatever=δραστηριότητες slide-whatever=εκπαιδευτικό Υλικό Μαθητών slide-whatever=ιστολόγιο slide-whatever=ωρολόγιο Πρόγραμμα /slides /tabs tab=νηπιαγωγείο heigth=1000 Το όνομα του pluggin στη συγκεκριμένη καρτέλα στο Νηπιαγωγείο. 65

67 slide-whatever=υπεύθυνος Νηπιαγωγός Το slide αυτό εμφανίζει ποιος είναι ο υπεύθυνος Νηπιαγωγός (Όνοματεπώνυμο Νηπιαγωγού) καθώς και την φωτογραφία του. slide-whatever=διδάσκοντες Εμφανίζει τις φωτογραφίες με τους Διδάσκοντες. slide-whatever=μαθητές Εμφανίζει τη λίστα με τους μαθητές. slide-whatever=δραστηριότητες Το slide αυτό περιέχει τις δραστηριότητες του τμήματος. slide-whatever=εκπαιδευτικό Υλικό Μαθητών Το slide αυτό περιέχει το Εκπαιδευτικό υλικό του τμήματος. slide-whatever=ιστολόγιο Το slide αυτό περιέχει το Ιστολόγιο του τμήματος. slide-whatever=ωρολόγιο Πρόγραμμα Το slide αυτό περιέχει το Ωρολόγιο Πρόγραμμα του τμήματος. Ο κώδικας αυτός αλλάχθηκε στο εξής σημείο: Slide- whatever: προστέθηκε το whatever για να έχει κάθε φορά το tab και το slide το ίδιο ύψος όταν ανοίγει το slide που επιλέγουμε. Καρτέλα Νηπιαγωγείο >> Εκπαιδευτικό Υλικό Στην καρτέλα αυτή εμφανίζεται link που παραπέμπει στο εκπαιδευτικό υλικό. Οι καρτέλες Δραστηριότητες, Λεύκωμα και Επικοινωνία έχουν επεξηγηθεί παραπάνω για το τι περιέχουν. 66

68 5.4 Δημοτικό Καρτέλα Δημοτικό>> Προσωπικό Κάνοντας κλικ στην καρτέλα αυτή εμφανίζεται πάλι το ίδιο pluggin που φορτώθηκε και στην καρτέλα Νηπιαγωγείο >> Προσωπικό, με τη διαφορά ότι εδώ υπάρχουν περισσότερες θέσεις για τους δασκάλους αφού το Δημοτικό έχει περισσότερους δασκάλους απ ότι το Νηπιαγωγείο. Καρτέλα Δημοτικό>> Τμήματα Κάνοντας κλικ στη καρτέλα αυτή εμφανίζονται κουμπιά με τις έξι τάξεις του Δημοτικού. Κάνοντας κλικ στο καθένα από τα κουμπιά αυτά, εμφανίζεται το pluggin που χρησιμοποιήθηκε και παραπάνω, στην Καρτέλα Νηπιαγωγείο >>Τμήματα. Επίσης για να δημιουργηθούν τα κουμπιά αυτά δημιουργήθηκε αρχικά ένα ξεχωριστό άρθρο για το καθένα όπου φορτώνεται κάθε φορά το συγκεκριμένο pluggin. Δημοτικό Αξίζει να σημειωθεί ότι η εικόνα που δείχνει σε ποιο σημείο βρισκόμαστε είναι και link για να μας επιστρέφει πάλι πίσω έτσι ώστε να επιλέξουμε την επόμενη τάξη. Αυτό υλοποιήθηκε ως εξής: Στο Show/Hide όπου γράφουμε κώδικα, κάνοντας κλικ πάνω στην εικόνα υπάρχει το κουμπί. Κάνοντας κλικ πάνω του εμφανίζεται η εξής καρτέλα: 67

69 Εικόνα 33: Link σε εικόνα Στο URL τοποθετούμε το link που θέλουμε και στη συνέχεια πατάμε Update. 68

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3

Διαβάστε περισσότερα

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: http://www.greektuts.net/greek-in-joomla/ 1) Εμφάνιση ιστοσελίδας Ανοίγουμε το πρόγραμμα πλοήγησης (Firefox, Chrome, Internet Explorer κτλ) και στη γραμμή διευθύνσεων πληκτρολογούμε τη διεύθυνση http://localhost ή http://127.0.0.1. Αν δεν βλέπουμε

Διαβάστε περισσότερα

Εγχειρίδιο εγκατάστασης και χρήσης περιοδικών etwinning

Εγχειρίδιο εγκατάστασης και χρήσης περιοδικών etwinning Εγχειρίδιο εγκατάστασης και χρήσης περιοδικών etwinning Εισαγωγή Η εφαρμογή των περιοδικών etwinning δίνει τη δυνατότητα σε εκπαιδευτικούς που έχουν λογαριασμό στο Πανελλήνιο Σχολικό Δίκτυο και που έχουν

Διαβάστε περισσότερα

Σεμινάριο joomla! 3. Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer

Σεμινάριο joomla! 3. Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer Σεμινάριο joomla! 3 Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer Ξεκινώντας:Τι είναι τα CMS Η Joomla είναι λογισμικό κατασκευής

Διαβάστε περισσότερα

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης

ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ. της Πλατφόρμας Τηλεκατάρτισης ΕΓΧΕΙΡΙΔΙΟ ΜΑΘΗΤΗ της Πλατφόρμας Τηλεκατάρτισης ΠΕΡΙΕΧΟΜΕΝΑ 1. Εισαγωγή...2 2. Αρχική σελίδα, Εισαγωγή & Περιβάλλον Συστήματος...3 2.1. Αρχική σελίδα εισαγωγής...3 2.2. Εισαγωγή στην Πλατφόρμα Τηλε-κατάρτισης...4

Διαβάστε περισσότερα

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή

Μια καλή επιλογή θα ήταν www.epipla-onomasas.gr (χωρίζοντας τις λέξεις με παύλα -) ή Τι είναι ένα CMS CMS ή Σύστημα Διαχείρισης Περιεχομένου (Content Management System) ονομάζουμε ένα λογισμικό που μας βοηθά να ελέγχουμε και να διαχειριζόμαστε έναν ιστότοπο δημόσιας ή περιορισμένης πρόσβασης.

Διαβάστε περισσότερα

Γεωργάκης Αριστείδης ΠΕ20

Γεωργάκης Αριστείδης ΠΕ20 1 Εκκίνηση για πρώτη φορά Όπως συμβαίνει και με τις υπόλοιπες εφαρμογές του OpenOffice, έτσι και το Impress μπορούμε να το εκκινήσουμε μέσω της συντόμευσης που εγκαθίσταται αυτόματα στην επιφάνεια εργασίας

Διαβάστε περισσότερα

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου

Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου 3.1.1.1 Άνοιγμα (και κλείσιμο) της εφαρμογής Εγγράφου Κειμένου Ως επί το πλείστον δεν υπάρχουν διαφορές στη χρήση του Εγγράφου Κειμένου στα λειτουργικά Windows ή Linux. Η σημαντικότερη διαφορά παρουσιάζεται

Διαβάστε περισσότερα

Ένα διαδικτυακό εργαλείο δημιουργίας παρουσιάσεων

Ένα διαδικτυακό εργαλείο δημιουργίας παρουσιάσεων Ένα διαδικτυακό εργαλείο δημιουργίας παρουσιάσεων Περιεχόμενα 1. Περιγραφή 2. Οδηγίες χρήσης 2.1 Δημιουργία λογαριασμού 2.2 Περιβάλλον εργασίας 2.3 Βασικές λειτουργίες 2.3.1 Εισαγωγή (Insert) 2.3.2 Πλαίσιο

Διαβάστε περισσότερα

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server Γεώργιος Χρ. Μακρής Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. (www.sch.gr) 2. Τοπικά 3. Σε δωρεάν Server 2012 Γ ε ώ ρ γ ι ο ς Χ ρ. Μ α κ ρ ή ς ( h t t p : / / u s e r s. s c h. g r / g m a k r i s ) Περιεχόμενα

Διαβάστε περισσότερα

Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς

Εργασία-3: Παρουσίαση Εργασίας. Ομάδα Α. Προετοιμασία Αναφοράς Εργασία-3: Παρουσίαση Εργασίας Ομάδα Α. Προετοιμασία Αναφοράς Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι

Διαβάστε περισσότερα

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CMS Content Management Systems Joomla

Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CMS Content Management Systems Joomla Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CMS Content Management Systems Joomla Τι είναι ένα CMS; Ένα Content Management System (CMS) είναι μία μορφή

Διαβάστε περισσότερα

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA

ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA ΟΛΟΚΛΗΡΩΜΕΝΟ ΣΥΣΤΗΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ E-AGIOGRAFIA Καλωσορίσατε στην πλατφόρμα ηλεκτρονικής μάθησης E-Agiografia, Η Media Suite έχει αναπτύξει το Ολοκληρωμένο Σύστημα Τηλεκατάρτισης (e-learning) με την επωνυμία

Διαβάστε περισσότερα

XAMPP Apache MySQL PHP javascript xampp

XAMPP Apache MySQL PHP javascript xampp XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

Διαβάστε περισσότερα

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word

Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών

Διαβάστε περισσότερα

6 Εισαγωγή στο Wordpress 3.x

6 Εισαγωγή στο Wordpress 3.x Περιεχόμενα 1 Εγκατάσταση του WordPress... 11 Ελάχιστες απαιτήσεις... 11 Easy PHP... 12 Εγκατάσταση Easy PHP... 12 Βήματα εγκατάστασης EasyPHP με εικόνες... 13 Το EasyPHP στα Ελληνικά... 17 Κατέβασμα και

Διαβάστε περισσότερα

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: PowerPoint Κεφάλαιο 2: Εκκίνηση του PowerPoint... 13

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: PowerPoint Κεφάλαιο 2: Εκκίνηση του PowerPoint... 13 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: PowerPoint... 9 Κεφάλαιο 2: Εκκίνηση του PowerPoint... 13 Κεφάλαιο 3: Δημιουργία νέας παρουσίασης... 27 Κεφάλαιο 4: Μορφοποίηση κειμένου παρουσίασης...

Διαβάστε περισσότερα

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή

Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή Συνοπτικός Οδηγός Χρήσης του Moodle για τον Καθηγητή 1 Πίνακας Περιεχομένων 1. Εισαγωγή... 4 1.1 Περιβάλλον Moodle...4 1.2 Χρήση ονόματος χρήστη και κωδικού...4 1.3 Δημιουργία νέου μαθήματος...4 1.3.1

Διαβάστε περισσότερα

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0

SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0 SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...

Διαβάστε περισσότερα

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ

ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΓΙΑΝΝΕΝΑ & ΣΥΓΧΡΟΝΗ ΔΗΜΙΟΥΡΓΙΑ ΔΙΑΧΕΙΡΙΣΗ Περιγραφή και επεξήγηση της χρήσης του χώρου διαχείρισης της ιστοσελίδας για τους καλλιτέχνες 1 Περιεχόμενα Είσοδος στο χώρο διαχείρισης...3 Επεξεργασία της σελίδας

Διαβάστε περισσότερα

Οδηγός γρήγορης εκκίνησης

Οδηγός γρήγορης εκκίνησης Οδηγός γρήγορης εκκίνησης Το Microsoft Word 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης. Γραμμή

Διαβάστε περισσότερα

Η χρήση διαδικτυακών εφαρμογών: Εργαλείο στο σχεδιασμό και την αξιολόγηση των προγραμμάτων Π.Ε.

Η χρήση διαδικτυακών εφαρμογών: Εργαλείο στο σχεδιασμό και την αξιολόγηση των προγραμμάτων Π.Ε. Η χρήση διαδικτυακών εφαρμογών: Εργαλείο στο σχεδιασμό και την αξιολόγηση των προγραμμάτων Π.Ε. Tα Google Docs είναι ένα δωρεάν διαδικτυακό λογισμικό που παρέχει η Google και το οποίο περιλαμβάνει επεξεργαστή

Διαβάστε περισσότερα

7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής

7.Α.1 Παρουσιάσεις. 7.Α.2 Περιγραφή περιεχομένων της εφαρμογής Μάθημα 7ο Πολυμέσα 7.Α.1 Παρουσιάσεις Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών μας. Αποτελούν μια συνοπτική μορφή των εργασιών μας. Μέσω δημιουργίας διαφανειών, μορφοποιήσεων

Διαβάστε περισσότερα

Joomla! with K2 - User Guide

Joomla! with K2 - User Guide Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες

Διαβάστε περισσότερα

Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ

Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 1 ΠΕΡΙΕΧΟΜΕΝΑ 1. ΑΝΑΛΥΣΗ ΜΕΝΟΥ ΕΦΑΡΜΟΓΗΣ... 4 2. ΕΠΕΞΗΓΗΣΗ ΚΕΝΤΡΙΚΟΥ ΜΕΝΟΥ ΚΑΡΤΕΛΑΣ... 5 3. ΔΗΜΙΟΥΡΓΙΑ ΠΕΛΑΤΗ... 6 4. ΑΝΑΖΗΤΗΣΗ ΠΕΛΑΤΗ... 6 5. ΕΠΕΞΕΡΓΑΣΙΑ/ΔΙΑΓΡΑΦΗ

Διαβάστε περισσότερα

GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα

GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα GreekLUG Ελεύθερο Λογισμικό & Λογισμικό Ανοικτού Κώδικα Μάθημα 6ο Σουίτα Γραφείου LibreOffice 2 Ύλη Μαθημάτων V Μαθ. 5/6 : Σουίτα Γραφείου LibreOffice LibreOffice Γενικά, Κειμενογράφος - LibreOffice Writer,

Διαβάστε περισσότερα

Management School School Profile Save

Management School School Profile Save School School Profile Ο School Manager μπορεί να δει και να επεξεργαστεί γενικές πληροφορίες για το σχολείο που ανήκει και διαχειρίζεται. Από το κεντρικό μενού Management School School Profile. Η σελίδα

Διαβάστε περισσότερα

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ

Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Office Παρουσιάσεις με το Impress Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγικά Οι παρουσιάσεις είναι μια εφαρμογή που χρησιμεύει στην παρουσίαση των εργασιών

Διαβάστε περισσότερα

PowerPoint Ένα εργαλείο παρουσίασης

PowerPoint Ένα εργαλείο παρουσίασης Εργασία 7η 2 Αρκετοί πιστεύουν πως η επιτυχία μιας παρουσίασης είναι δεδομένη εάν ο παρουσιαστής κατέχει το θέμα που πρόκειται να παρουσιάσει και είναι σε θέση να χειρίζεται ί ά άνετα έ ένα πρόγραμμα ό

Διαβάστε περισσότερα

Σημειώσεις στο PowerPoint

Σημειώσεις στο PowerPoint Σημειώσεις στο PowerPoint Τι είναι το PowerPoint; Το PowerPoint 2010 είναι μια οπτική και γραφική εφαρμογή που χρησιμοποιείται κυρίως για τη δημιουργία παρουσιάσεων. Με το PowerPoint, μπορείτε να δημιουργήσετε

Διαβάστε περισσότερα

Εισαγωγή στο πρόγραμμα Microsoft word 2003

Εισαγωγή στο πρόγραμμα Microsoft word 2003 Εισαγωγή στο πρόγραμμα Microsoft word 2003 Έναρξη 1. Εκκίνηση του προγράμματος Για να ξεκινήσουμε το Word, πατάμε στο κουμπί Εναρξη και από το μενού που εμφανίζεται επιλέγουμε Προγράμματα και Microsoft

Διαβάστε περισσότερα

Ο Οδηγός γρήγορης εκκίνησης

Ο Οδηγός γρήγορης εκκίνησης Ο Οδηγός γρήγορης εκκίνησης του Microsoft PowerPoint 2013 έχει διαφορετική εμφάνιση από προηγούμενες εκδόσεις. Γι αυτό το λόγο, δημιουργήσαμε αυτόν τον οδηγό για να ελαχιστοποιήσουμε την καμπύλη εκμάθησης.

Διαβάστε περισσότερα

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com /

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / ΔΗ Μ Ι Ο ΥΡ Γ Ι Α W I K I με τ η χρήση τ η ς υπ ηρεσίας h t t p : /www.wik id ot.com / 1. Τι είναι το wikidot Το wikidot είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

Διαβάστε περισσότερα

Δημιουργία παρουσιάσεων (Power Point)

Δημιουργία παρουσιάσεων (Power Point) Δημιουργία παρουσιάσεων (Power Point) Το πρόγραμμα PowerPoint είναι η «αίθουσα προβολών» του Office. Μια προβολή (παρουσίασης) του PowerPoint μπορεί να έχει ως στόχο να ενημερώσει, να διδάξει ή και να

Διαβάστε περισσότερα

Δημιουργία. Ιστολογίου (blog) 7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ

Δημιουργία. Ιστολογίου (blog)  7/5/2015. Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ Δημιουργία 7/5/2015 Ιστολογίου (blog) www.blogger.com Χρυσάνθη Γιομέλου ΚΔΒΜ ΝΙΚΑΙΑΣ ΠΕΡΙΕΧΟΜΕΝΑ TI EINAI TO ΙΣΤΟΛΟΓΙΟ... 2 ΓΙΑΤΙ ΙΣΤΟΛΟΓΙΟ;... 2 ΠΛΕΟΝΕΚΤΗΜΑΤΑ ΤΗΣ ΧΡΗΣΗΣ ΙΣΤΟΛΟΓΙΟΥ... 2 ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ

Διαβάστε περισσότερα

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Widgets Μετάβαση στο blog Πληκτρολογούμε

Διαβάστε περισσότερα

Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress

Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ Ανάπτυξη πλήρους διαδικτυακής e-commerce εφαρμογής με χρήση του CMS WordPress ΚΟΤΣΟΓΙΑΝΝΙΔΗΣ ΛΑΖΑΡΟΣ Επιβλέπων καθηγητής Σφέτσος Παναγιώτης ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ Ως Ηλεκτρονικό Εμπόριο ή

Διαβάστε περισσότερα

Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου

Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου Εγκατάσταση Εγκατάσταση και βασική διαχείριση ενός ιστοτόπου Στη συνέχεια θα σας παρουσιάσουµε πώς γίνεται να δηµιουργήσετε ένα διαδικτυακό τόπο χρησιµοποιώντας το Joomla! αναλύοντας τη διαδικασία βήµα

Διαβάστε περισσότερα

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

ΕΦΑΡΜΟΓΗ ΔΙΑΧΕΙΡΙΣΗΣ ΙΣΤΟΣΕΛΙΔΩΝ ΜΕΛΩΝ ΔΕΠ, ΤΜΗΜΑΤΟΣ ΜΑΘΗΜΑΤΙΚΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΠΑΤΡΩΝ ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΠΛΟΗΓΗΣΗΣ ΚΑΙ ΧΡΗΣΗΣ 2013 ΕΦΑΡΜΟΓΗ ΔΙΑΧΕΙΡΙΣΗΣ ΙΣΤΟΣΕΛΙΔΩΝ ΜΕΛΩΝ ΔΕΠ, ΤΜΗΜΑΤΟΣ ΜΑΘΗΜΑΤΙΚΩΝ ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΠΛΟΗΓΗΣΗΣ ΚΑΙ ΧΡΗΣΗΣ Περιήγηση στις δυνατότητες του λογισμικού και στον τρόπο χρήσης του ΟΜΑΔΑ ΕΡΓΟΥ ΔΙΕΥΘΥΝΣΗΣ

Διαβάστε περισσότερα

Άσκηση. Εξοικείωση με την πλατφόρμα Moodle

Άσκηση. Εξοικείωση με την πλατφόρμα Moodle ΤΕΙ ΗΠΕΙΡΟΥ Τμήμα Μηχανικών Πληροφορικής ΤΕ Συστήματα Τηλεκπαίδευσης Άσκηση Εξοικείωση με την πλατφόρμα Moodle Με την άσκηση αυτή θα ενημερωθείτε και θα αρχίσετε να εξοικειώνεστε με το Σύστημα Διαχείρισης

Διαβάστε περισσότερα

Άσκηση 5 Firefox Αποθήκευση αρχείων

Άσκηση 5 Firefox Αποθήκευση αρχείων Άσκηση 5 Firefox Αποθήκευση αρχείων Παρουσίαση Γραμμών Εργαλείων Ανοίγουμε τον περιηγητή ιστού Firefox. Αποθήκευση εικόνων Ανοίγουμε την σελίδα www.google.gr Στην πάνω αριστερά γωνία κάνουμε αριστερό κλικ

Διαβάστε περισσότερα

Διαχείριση Βάσης Δεδομένων (dbadmin)

Διαχείριση Βάσης Δεδομένων (dbadmin) Published on PRISMA Win Help - Megasoft (http://docs.megasoft.gr) Home > Εμπορική Διαχείριση > Διαχείριση Βάσης Δεδομένων (dbadmin) Διαχείριση Βάσης Δεδομένων (dbadmin) Μέσα από τη διαχείριση βάσης δεδομένων

Διαβάστε περισσότερα

Μάθημα 3ο. Διαχείριση αρχείων

Μάθημα 3ο. Διαχείριση αρχείων Μάθημα 3ο Διαχείριση αρχείων Σελίδα 36 από 106 3.1 Εισαγωγή Συμπληρώνοντας την έννοια της χωρητικότητας, που είδαμε σε προηγούμενη ενότητα, όσο πιο πολύ δουλεύουμε με τον υπολογιστή, τόσο πιο πολλά αρχεία

Διαβάστε περισσότερα

Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου

Μορφοποίηση εικόνων. Εισαγωγή. Στόχος κεφαλαίου Περιεχόμενα Κεφάλαιο 1: Προετοιμασία παρουσίασης...1 Κεφάλαιο 2: Διαχείριση διαφανειών...18 Κεφάλαιο 3: Διαχείριση γραφικών...31 Κεφάλαιο 4: Επεξεργασία εικόνων με το Adobe Photoshop...56 Κεφάλαιο 5: Μορφοποίηση

Διαβάστε περισσότερα

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο FrontPage 2003 Πρακτικός Οδηγός Χρήσης Το FrontPage είναι ένα πρόγραμμα δημιουργίας ιστοσελίδων και δικτυακών τόπων που επιτρέπει το σχεδιασμό ιστοσελίδων μέσα από γραφικό περιβάλλον αλλά και την ταυτόχρονη

Διαβάστε περισσότερα

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα»

Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ ΓΕΝΙΚΟ ΤΜΗΜΑ ΠΑΙΔΑΓΩΓΙΚΩΝ ΜΑΘΗΜΑΤΩΝ Δημιουργία web site με το Σημειώσεις για το εργαστηριακό μάθημα «Εκπαιδευτική Τεχνολογία Πολυμέσα» Μαρία Μουντρίδου

Διαβάστε περισσότερα

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

Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης. Καθηγητή Συνοπτικός οδηγός χρήσης της πλατφόρμας ασύγχρονης τηλεεκπαίδευσης Moodle για τον Καθηγητή Πίνακας Περιεχομένων 1. Εισαγωγή...3 1.1 Περιβάλλον Moodle... 3 1.2 Εισαγωγή / εγγραφή στην πλατφόρμα... 3 2 Δημιουργία

Διαβάστε περισσότερα

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου.

Χρήση html editor. Περιεχόμενα. 1. Εισαγωγή/διαμόρφωση κειμένου. Περιεχόμενα Χρήση html editor Χρήση html editor...1 1. Εισαγωγή/διαμόρφωση κειμένου...1 2. Προσθήκη υπερσυνδέσμου στο κείμενο...2 3. Εισαγωγή/διαμόρφωση εικόνας...3 4. Προσθήκη υπερσυνδέσμου σε εικόνα....7

Διαβάστε περισσότερα

Γενικό Τμήμα Παιδαγωγικών Μαθημάτων

Γενικό Τμήμα Παιδαγωγικών Μαθημάτων Α.Σ.ΠΑΙ.Τ.Ε. ΑΝΩΤΑΤΗ ΣΧΟΛΗ ΠΑΙΔΑΓΩΓΙΚΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΚΗΣ ΕΚΠΑΙΔΕΥΣΗΣ Γενικό Τμήμα Παιδαγωγικών Μαθημάτων ΜΑΘΗΜΑ: ΕΚΠΑΙΔΕΥΤΙΚΗ ΤΕΧΝΟΛΟΓΙΑ ΠΟΛΥΜΕΣΑ (ΕΡΓΑΣΤΗΡΙΟ) Συνοπτικός οδηγός αξιοποίησης βασικών δυνατοτήτων

Διαβάστε περισσότερα

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2012-2015 -SYSTEM- All rights reserved 2/222 ΠΕΡΙΕΧΟΜΕΝΑ FLASH Μάθημα 1: Εισαγωγή στο flash Μάθημα 2: Περιήγηση στο περιβάλλον του flash Μάθημα 3: Πλατό Μάθημα 4: Κανναβος Μάθημα 5: Έλξη Μάθημα

Διαβάστε περισσότερα

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

ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ ΕΙΔΙΚΟΤΗΤΑ: ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ (Σημειώσεις Word) ΕΚΠΑΙΔΕΥΤΕΣ: ΒΑΡΕΛΑΣ ΙΩΑΝΝΗΣ, ΠΟΖΟΥΚΙΔΗΣ ΚΩΝΣΤΑΝΤΙΝΟΣ MICROSOFT WORD (ΕΚΠΑΙΔΕΥΤΙΚΕΣ ΣΗΜΕΙΩΣΕΙΣ) ΠΕΡΙΕΧΟΜΕΝΑ

Διαβάστε περισσότερα

Το περιβάλλον διαχείρισης του WordPress (Back End)

Το περιβάλλον διαχείρισης του WordPress (Back End) Το περιβάλλον διαχείρισης του WordPress (Back End) Α. Η σύνδεση μας στο Back End Πληκτρολογούμε στη URL του browser (Internet explorer, Mozilla, Google chrome, ) που χρησιμοποιούμε στον υπολογιστή μας,

Διαβάστε περισσότερα

Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων.

Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων. Οδηγός Χρήσης της Υπηρεσίας Σχολικών Ηλεκτρονικών Περιοδικών και Εφημερίδων http://schoolpress.sch.gr Ερευνητικό Ακαδημαϊκό Ινστιτούτο Τεχνολογίας Υπολογιστών Έκδοση 1.0 Ιανουάριος 2013 Περιεχόμενα 1.

Διαβάστε περισσότερα

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων.

POWERPOINT 2003. Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. POWERPOINT 2003 1. Τι είναι το PowerPoint (ppt)? Είναι το δημοφιλέστερο πρόγραμμα παρουσιάσεων. 2. Τι δυνατότητες έχει? Δημιουργία παρουσίασης. Μορφοποίηση παρουσίασης. Δημιουργία γραφικών. Δημιουργία

Διαβάστε περισσότερα

ΕΙΣΑΓΩΓΗ ΣΤΟ POWER POINT

ΕΙΣΑΓΩΓΗ ΣΤΟ POWER POINT 1 ΕΙΣΑΓΩΓΗ ΣΤΟ POWER POINT To Power Point είναι ένα πολύ δυναμικό πρόγραμμα παρουσίασης γραφικών. Ο σκοπός είναι να βοηθήσει τους χρήστες των υπολογιστών να δημιουργούν εντυπωσιακά έγγραφα, επιστολές και

Διαβάστε περισσότερα

Η χρήση διαδικτυακών εφαρμογών: εργαλείο για τον σχεδιασμό και την αξιολόγηση των προγραμμάτων Περιβαλλοντικής Εκπαίδευσης

Η χρήση διαδικτυακών εφαρμογών: εργαλείο για τον σχεδιασμό και την αξιολόγηση των προγραμμάτων Περιβαλλοντικής Εκπαίδευσης Ημερίδα Κ.Π.Ε. Ανατολικού Ολύμπου 14 Δεκεμβρίου 2016 16:00 6 ο Δημοτικό Σχολείο Κατερίνης Η χρήση διαδικτυακών εφαρμογών: εργαλείο για τον σχεδιασμό και την αξιολόγηση των προγραμμάτων Περιβαλλοντικής

Διαβάστε περισσότερα

Στη συνέχεια πατάμε Sign Up (εγγραφή) και στην επόμενη οθόνη που εμφανίζεται πατάμε Choose Basic.

Στη συνέχεια πατάμε Sign Up (εγγραφή) και στην επόμενη οθόνη που εμφανίζεται πατάμε Choose Basic. Δημιουργία blog (ιστολογίου) με το WordPress 1) Δημιουργία λογαριασμού Πηγαίνουμε στο el.wordpress.com (ή www.wordpress.com για την αγγλική έκδοση) και πατάμε το κουμπάκι Ξεκινήστε (Get Started). Εδώ θα

Διαβάστε περισσότερα

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής

WORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να

Διαβάστε περισσότερα

Σενάριο Χρήσης Moodle

Σενάριο Χρήσης Moodle Σενάριο Χρήσης Moodle Άσκηση 1 Μπείτε στη σελίδα http://pileas.com/m και συνδεθείτε με έναν από τους διαθέσιμους χρήστες σύμφωνα με τους κωδικούς που σας έχουν δοθεί. Αφού εισάγουμε το url του Moodle (π.χ.

Διαβάστε περισσότερα

5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ

5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5 ο ΚΕΦΑΛΑΙΟ: ΠΡΑΚΤΙΚΟ ΚΟΜΜΑΤΙ 5.1 Εισαγωγή Το πρακτικό κομμάτι της πτυχιακής μας εργασίας αφορά την δημιουργία μιας λειτουργικής ιστοσελίδας με την χρήση της πλατφόρμας του Weebly, που αποτελεί μια σύγχρονη

Διαβάστε περισσότερα

Πίνακες, περιγράµµατα και σκίαση

Πίνακες, περιγράµµατα και σκίαση Πίνακες, περιγράµµατα και σκίαση Οι πίνακες Οι πίνακες είναι ορθογώνια πλαίσια που χωρίζονται σε γραµµές και στήλες. Η τοµή µιας γραµµής µε µια στήλη προσδιορίζει ένα κελί. Τα στοιχεία, που παρουσιάζουµε,

Διαβάστε περισσότερα

Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας

Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Σύνδεσμος: http://opencourses.uowm.gr/ «Κεντρικό Μητρώο Ελληνικών Ανοικτών Μαθημάτων» Σύνδεσμος: http://ocw-project.gunet.gr Πίνακας περιεχομένων

Διαβάστε περισσότερα

1. Κατανόηση Και Αλλαγή Μεταξύ Προβολών Εμφάνισης Της Παρουσίασης. 1. Κατανόηση Και Αλλαγή Μεταξύ Προβολών Εμφάνισης Της Παρουσίασης

1. Κατανόηση Και Αλλαγή Μεταξύ Προβολών Εμφάνισης Της Παρουσίασης. 1. Κατανόηση Και Αλλαγή Μεταξύ Προβολών Εμφάνισης Της Παρουσίασης ΜΑΘΗΜΑ 2 ΣΤΟΧΟΙ: 1. Κατανόηση Και Αλλαγή Μεταξύ Προβολών Εμφάνισης Της Παρουσίασης 2. Καρτέλα Διάρθρωσης (Outline Tab) 3. Προσθήκη Νέας Διαφάνειας 4. Αλλαγή Διάταξης Διαφάνειας 5. Προσθήκη Κειμένου Και

Διαβάστε περισσότερα

ΠΡΟΣΩΠΙΚΟΙ ΙΣΤΟΧΩΡΟΙ Nα δημιουργήσω/ενεργοποιήσω την προσωπική μου ιστοσελίδα Να προβάλω τις λεπτομέρειες του προφίλ μου...

ΠΡΟΣΩΠΙΚΟΙ ΙΣΤΟΧΩΡΟΙ Nα δημιουργήσω/ενεργοποιήσω την προσωπική μου ιστοσελίδα Να προβάλω τις λεπτομέρειες του προφίλ μου... ... 2 Nα δημιουργήσω/ενεργοποιήσω την προσωπική μου ιστοσελίδα... 2 Να προβάλω τις λεπτομέρειες του προφίλ μου... 3 Να επεξεργαστώ τις λεπτομέρειες του προφίλ μου... 5 Να προσθέσω, επεξεργαστώ, να διαγράψω

Διαβάστε περισσότερα

Σημειώσεις για τις Ιστοσελίδες του Google

Σημειώσεις για τις Ιστοσελίδες του Google Σημειώσεις για τις Ιστοσελίδες του Google 1 Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http://sites.google.com). 2 Εναλλακτικά, μπαίνουμε στο http://www.google.com, επιλέγουμε περισσότερα

Διαβάστε περισσότερα

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Open eclass σε βήματα είναι

Διαβάστε περισσότερα

Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11

Περιεχόμενα. Μέρος 1: Βασικές έννοιες της πληροφορικής... 13. Πρόλογος... 11 Περιεχόμενα Πρόλογος... 11 Μέρος 1: Βασικές έννοιες της πληροφορικής... 13 1.1 Windows XP... 15 1.2 Επιφάνεια εργασίας... 19 1.3 Γραμμή εργασιών... 24 1.4 Χειρισμός παραθύρων... 30 1.5 Μενού... 36 1.6

Διαβάστε περισσότερα

Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων.

Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων. Εφαρμογές Πληροφορικής Διαχείριση Αρχείων Η έννοια του αρχείου, βασικές έννοιες διαχείρισης αρχείων. Ορισμός Ένα αρχείο είναι ένα σύνολο από σχετιζόμενες πληροφορίες οι οποίες έχουν αποθηκευτεί σε κάποιο

Διαβάστε περισσότερα

A7.2 Δημιουργία Απλής Γραφικής Εφαρμογής σε Περιβάλλον Scratch

A7.2 Δημιουργία Απλής Γραφικής Εφαρμογής σε Περιβάλλον Scratch A7.2 Δημιουργία Απλής Γραφικής Εφαρμογής σε Περιβάλλον Scratch Τι θα μάθουμε σήμερα: Να ενεργοποιούμε το λογισμικό Scratch Να αναγνωρίζουμε τα κύρια μέρη του περιβάλλοντος του Scratch Να δημιουργούμε/εισάγουμε/τροποποιούμε

Διαβάστε περισσότερα

Οδηγός Σύγχρονης Τηλεκπαίδευσης για καθηγητές

Οδηγός Σύγχρονης Τηλεκπαίδευσης για καθηγητές Οδηγός Σύγχρονης Τηλεκπαίδευσης για καθηγητές Log in (σύνδεση) Με το όνομα χρήστη (username) και κωδικό (password) που σας έχουν δοθεί, θα εισέλθετε στην πλατφόρμα σύγχρονης εξ αποστάσεως εκπαίδευσης από

Διαβάστε περισσότερα

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT

ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT ΕΙΣΑΓΩΓΗ ΣΤΟ MICROSOFT POWERPOINT 1 Εισαγωγή Το PowerPoint είναι µια ισχυρή εφαρµογή για τη δηµιουργία παρουσιάσεων και µπορεί να χρησιµεύσει στη δηµιουργία διαφανειών, καθώς και συνοδευτικών σηµειώσεων

Διαβάστε περισσότερα

Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου "Σύζευξις" -1-

Εγχειρίδιο διαχείρισης χρηστών και λιστών διανομής για τον Υπεύθυνο Φορέα του Δικτύου Σύζευξις -1- -1- 1 Διαχείριση Χρηστών...3 1.1 Υπηρεσίες...5 1.1.1 Δημιουργία νέου χρήστη...6 1.1.2 Αναζήτηση χρήστη...7 1.1.2 Επεξεργασία στοιχείων χρήστη...8 1.1.3 Δημιουργία /Επεξεργασία mailbox plan...10 1.1.4 Ενεργοποίηση

Διαβάστε περισσότερα

Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου

Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger. Δημιουργία ιστολογίου Δραστηριότητα 9 Δημιουργία και διαχείριση blog μέσω του Blogger Δημιουργία ιστολογίου 1. Ανοίξτε το φυλλομετρητή Google Chrome, πληκτρολογήστε στη γραμμή διευθύνσεων τη διεύθυνση www.blogger.com και πατήστε

Διαβάστε περισσότερα

Ευ ομή. Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp

Ευ ομή. Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp Ευ ομή Εγχειρίδιο χρήσης του περιβάλλοντος LT125-dp Περιεχόμενα 1. Χειρισμός του περιβάλλοντος LT125-dp Εγκατάσταση & Τρέξιμο Χειρισμός της ψηφιακής εφαρμογής Πλοήγηση στο περιεχόμενο Αλλαγή του μεγέθους

Διαβάστε περισσότερα

Εφαρμογή Διαχείρισης Ψηφιακής Πληροφορίας ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε

Εφαρμογή Διαχείρισης Ψηφιακής Πληροφορίας ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 25 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Λογισμική Εφαρμογή Διαχείρισης Ψηφιακής

Διαβάστε περισσότερα

Microsoft PowerPoint 2007

Microsoft PowerPoint 2007 Information Technology Services and Solutions Σύμβουλοι Μηχανογράφησης και Εκπαίδευσης Στεφ. Σκουλούδη 27, Καλλίπολη, Πειραιάς 210 45 38 177 http://www.itss.gr/ Microsoft PowerPoint 2007 Κωνσταντίνος Κωβαίος

Διαβάστε περισσότερα

Πώς εισάγουμε μια νέα έννοια χρησιμοποιώντας το εργαλείο Create

Πώς εισάγουμε μια νέα έννοια χρησιμοποιώντας το εργαλείο Create Inspiration 8 IE Β ήμα προς Βήμα Για μαθητές Έναρξη Προγράμματος Inspiration 1. Κάνουμε κλικ στο κουμπί Start, επιλέγουμε Programs και κάνουμε κλικ στο Inspiration 8 IE. 2. Στην αρχική οθόνη του προγράμματος

Διαβάστε περισσότερα

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Photo Album Αναλυτικός οδηγός χρήσης: Photo Album Vodafone Business Connect - Υπηρεσίες φιλοξενίας εταιρικού e-mail & web

Διαβάστε περισσότερα

Vodafone Business Connect

Vodafone Business Connect Vodafone Business Connect Vodafone Business WebHosting Αναλυτικός Οδηγός Χρήσης Advanced Template Manager Αναλυτικός οδηγός χρήσης: Advanced template Manager Vodafone Business Connect - Υπηρεσίες φιλοξενίας

Διαβάστε περισσότερα

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR

ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΕΠΕΞΕΡΓΑΣΙΑ ΒΙΝΤΕΟ ΜΕ ΤΟ ΠΡΟΓΡΑΜΜΑ VSDC FREE VIDEO EDITOR ΠΕΡΙΕΧΟΜΕΝΑ Σελίδα Πως ανοίγουμε αρχείο βίντεο ή εικόνα για επεξεργασία 1 Εφαρμογή εφφέ σε βίντεο ή σε εικόνα 2 Πως κόβεται ένα κομμάτι του βίντεο

Διαβάστε περισσότερα

Κατασκευή Ιστολόγιου

Κατασκευή Ιστολόγιου Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται

Διαβάστε περισσότερα

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων) Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων) Τι είναι το Wordpress: To Wordpress είναι ένα δωρεάν ανοικτού κώδικα (open source) λογισμικό (εφαρμογή), με το οποίο μπορεί κάποιος να δημιουργεί

Διαβάστε περισσότερα

Περιεχόμενα. Περιεχόμενα...v

Περιεχόμενα. Περιεχόμενα...v Περιεχόμενα Περιεχόμενα...v Κεφάλαιο 1: Ρυθμίσεις γραμμών εργαλείων και μενού...1 Κεφάλαιο 2: Διαχείριση παραθύρων και προβολές...18 Κεφάλαιο 3: Εύρεση, αντικατάσταση, και μετάβαση σε συγκεκριμένο στοιχείο...35

Διαβάστε περισσότερα

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 1 Ψηφιακές εικόνες... 9 2 Adobe Photoshop CS2... 15 3 Το σύστημα Βοήθειας του Adobe Photoshop CS2... 23 4 Άνοιγμα αρχείου εικόνας και μετακίνηση... 31 5 Δημιουργία

Διαβάστε περισσότερα

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

ΤΙΤΛΟΣ ΠΤΥΧΙΑΚΗΣ: ΚΑΤΑΣΚΕΥΗ ΙΣΤΟΣΕΛΙΔΑΣ ΓΙΑ ΤΟ ΧΩΡΙΟ ΒΥΤΙΝΑ ΜΕ ΤΗ ΧΡΗΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ JOOMLA ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ Τ.Ε.Ι ΗΠΕΙΡΟΥ ΤΙΤΛΟΣ ΠΤΥΧΙΑΚΗΣ: ΚΑΤΑΣΚΕΥΗ ΙΣΤΟΣΕΛΙΔΑΣ ΓΙΑ ΤΟ ΧΩΡΙΟ ΒΥΤΙΝΑ ΜΕ ΤΗ ΧΡΗΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ JOOMLA ΕΡΓΑΣΙΑ ΥΠΟΒΛΗΘΕΙΣΑ ΣΤΟ ΤΜΗΜΑ ΜΗΧΑΝΙΚΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΑ ΠΛΑΙΣΙΑ

Διαβάστε περισσότερα

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο

Σχεδιάζοντας Εφαρμογές για το Διαδίκτυο Το περιβάλλον εργασίας Ανοίγοντας την Ελληνική Έκδοση του FrontPage, για πρώτη φορά, η εικόνα που θα συναντήσουμε είναι αυτή της Εικόνας 1 με τα Μενού Εντολών και τη Γραμμή Εργαλείων, στο πάνω μέρος της

Διαβάστε περισσότερα

Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε

Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ System Συμβουλευτική Α.Ε σχετικά με τον έλεγχο της καπνιστικής συνήθειας 1 21 Λογισμικές εφαρμογές καταγραφής και αξιοποίησης πληροφοριών σχετικά με τον έλεγχο της καπνιστικής συνήθειας Διαδικτυακή Πύλη (web portal) ΟΔΗΓΟΣ ΧΡΗΣΗΣ

Διαβάστε περισσότερα

Δράση Α8. Πρακτική εκπαίδευση του προσωπικού ενδοσχολικής τεχνικής υποστήριξης. Υπηρεσίες Πανελλήνιου Σχολικού Δικτύου

Δράση Α8. Πρακτική εκπαίδευση του προσωπικού ενδοσχολικής τεχνικής υποστήριξης. Υπηρεσίες Πανελλήνιου Σχολικού Δικτύου Οριζόντιο Έργο Υποστήριξης Σχολείων, Εκπαιδευτικών και Μαθητών στο Δρόμο για το ΨΗΦΙΑΚΟ ΣΧΟΛΕΙΟ, νέες υπηρεσίες Πανελλήνιου Σχολικού Δικτύου και Στήριξη του ΨΗΦΙΑΚΟΥ ΣΧΟΛΕΙΟΥ Δράση Α8 Πρακτική εκπαίδευση

Διαβάστε περισσότερα

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ

Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ Οδηγίες Χρήσης Πλατφόρμας Ασύγχρονης Τηλεκπαίδευσης (Moodle) του Τμήματος ΔΕΤ -Για τους Φοιτητές- Έκδοση 1.2 Οκτώβριος 2015 Υπεύθυνος Σύνταξης: Χρήστος Λάζαρης (lazaris@aueb.gr) Πίνακας Περιεχομένων Εισαγωγή...

Διαβάστε περισσότερα

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ.

ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. ΟΔΗΓΟΣ ΧΡΗΣΗΣ(ΜΑΝUΑL) ΔΙΑΧΕΙΡΙΣΤΗ-ΧΡΗΣΤΗ. Οδηγός Διαχειριστή Το m-learning Toolkit είναι μια ολοκληρωμένη πλατφόρμα εξ αποστάσεως εκπαίδευσης που έχει σχεδιαστεί για να υπάρχει η δυνατότητα της πρόσβασης

Διαβάστε περισσότερα

ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5)

ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ. Από τον κατάλογο που εμφανίζεται επιλέγω: Αποστολή προς Δισκέτα (3,5) ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΣΕ ΔΙΣΚΕΤΑ ΑΝΤΙΓΡΑΦΗ ΑΡΧΕΙΟΥ ΑΠΟ ΔΙΣΚΕΤΑ Τοποθετώ μια δισκέτα στον οδηγό τη δισκέτας του υπολογιστή. Τοποθετώ τη δισκέτα που έχει το αρχείο μου στον οδηγό τη δισκέτας του υπολογιστή.

Διαβάστε περισσότερα

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής:

Εισαγωγη στην html. Η δομή μιας ιστοσελίδας (αρχείο html) Η βασική δομή ενός αρχείου html είναι η εξής: <html> <head> Εισαγωγη στην html Ο παγκόσμιος ιστός (αγγ.: World Wide Web ή www) είναι η πιο δημοφιλής υπηρεσία που μας παρέχει το Διαδίκτυο (Internet) και είναι ένα σύστημα διασυνδεδεμένων πληροφοριών (κειμένου, εικόνας,

Διαβάστε περισσότερα

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ DVR KTEC 1) Πατάμε δεξί κλικ Μενού 2) Όνομα Χρήστη βάζουμε «admin» 3) Κωδικός Πρόσβασης το αφήνουμε «κενό» 4) Πατάμε OK και μπαίνουμε στο Μενού Είσοδος στο μενού Στην πρώτη εκκίνηση μετά

Διαβάστε περισσότερα

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών

1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και

Διαβάστε περισσότερα

Εισαγωγή στο Libre Office. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ

Εισαγωγή στο Libre Office. Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Office Bάιος Κολοφωτιάς Επιστημονικός Συνεργάτης Sweng Lab A.Π.Θ Εισαγωγή στο Libre Ofiice To LibreOffice είναι η ελεύθερη, πολυδύναμη (power-packed), σουΐτα προσωπικής παραγωγικότητας

Διαβάστε περισσότερα

Δημιουργία και επεξεργασία διανυσματικών επιπέδων στο QGIS

Δημιουργία και επεξεργασία διανυσματικών επιπέδων στο QGIS Δημιουργία και επεξεργασία διανυσματικών επιπέδων στο QGIS Δημιουργία επιπέδου σχεδίασης 1. Από το Menu Layer Create Layer New Shapefile Layer δημιουργούμε νέο επίπεδο. Στο παράθυρο που ανοίγει (Εικ. 1)

Διαβάστε περισσότερα

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία

Blog στο Wordpress. Επιμέλεια: Δέγγλερη Σοφία Blog στο Wordpress Επιμέλεια: Δέγγλερη Σοφία Περιεχόμενα Μετάβαση στο blog Σύνδεση ως διαχειριστής Πίνακας ελέγχου Εμφάνιση Ρυθμίσεις Άρθρα Σελίδες Πολυμέσα Σύνδεσμοι Μετάβαση στο blog Πληκτρολογούμε στη

Διαβάστε περισσότερα

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ MOODLE Η διαδικασία μεταφοράς του υλικού ενός μαθήματος από την πλατφόρμα Blackboard Vista στην πλατφόρμα Moodle σε βήματα είναι η ακόλουθη:

Διαβάστε περισσότερα

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

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

Διαβάστε περισσότερα

Management Classes Create Class Create Class Management Classes List of Classes

Management Classes Create Class Create Class Management Classes List of Classes Class Create Class Ο Teacher μπορεί να δημιουργήσει τάξεις για το σχολείο του από το κεντρικό μενού Management Classes Create Class. Αυτή η λειτουργία είναι διαθέσιμη και για τους καθηγητές εφόσον το επιτρέψει

Διαβάστε περισσότερα