ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. Κατασκευή ιστοσελίδας για εταιρεία μεταφορών και μετακομίσεων με χρήση Joomla. Αρ. Μητρώου:

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

Download "ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. Κατασκευή ιστοσελίδας για εταιρεία μεταφορών και μετακομίσεων με χρήση Joomla. Αρ. Μητρώου:"

Transcript

1 ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ Κατασκευή ιστοσελίδας για εταιρεία μεταφορών και μετακομίσεων με χρήση Joomla Του φοιτητή Ασλιχανίδη Αναστάσιου Επιβλέπων καθηγητής Σιάκα Κέρστιν Αρ. Μητρώου: Θεσσαλονίκη 2012

2 «Δηλώνω υπεύθυνα ότι το παρόν κείμενο αποτελεί προϊόν προσωπικής μελέτης και εργασίας και πως όλες οι πηγές που χρησιμοποιήθηκαν για τη συγγραφή της δηλώνονται σαφώς είτε στις παραπομπές είτε στη βιβλιογραφία. Γνωρίζω πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωμα και είμαι ενήμερος/η για την επέλευση των νομίμων συνεπειών» 2

3 ΠΡΟΛΟΓΟΣ Το Joomla! είναι η εφαρμογή που χρειάζεται για να δημοσιευτεί στο διαδίκτυο μια προσωπική ιστοσελίδα καθώς επίσης ένας ολόκληρος εταιρικός δικτυακός τόπος. Οι δυνατότητες επέκτασής της εφαρμογής αυτής είναι πρακτικά απεριόριστες. To Joomla! είναι ένα ανοιχτού κώδικα σύστημα διαχείρισης περιεχομένου το οποίο έχει χαρακτηριστεί από τους δεκάδες χιλιάδες χρήστες του ως το καλύτερο CMS στον κόσμο, διότι έχει τεράστιες δυνατότητες αλλά και ταυτόχρονα εξαιρετικά ευέλικτο και φιλικό περιβάλλον εργασίας και διαχείρισης. Το μόνο που θα χρειαστείτε για να δουλέψετε το Joomla! είναι ένας σύγχρονος Η/Υ με μια σύνδεση στο internet. Με μια απλή διαδικασία μπορείτε ανα πάσα στιγμή να προσθέσετε ή να αφαιρέσετε οποιοδήποτε κείμενο ή εικόνα και έτσι να δημιουργήσετε τις ιστοσελίδες σας. Το όνομα "Joomla" είναι μια φωνητική γραφή της γλώσσας Σουαχίλι (Swahili) στην οποία η λέξη "jumla" σημαίνει "όλοι μαζί" ή "ως σύνολο". Επέλεξαν αυτο το όνομα για να αντικατοπτρίζει τη δέσμευση της Κοινότητας και την ομάδα ανάπτυξης του έργου. Η πρώτη έκδοση του Joomla! (Joomla! 1.0.0) ανακοινώθηκε στις 16 Σεπτεμβρίου Οι δυνατότητες του Joomla! που ξεχωρίζουν είναι τόσο πολλές που είναι πρακτικά αδύνατο να καταγραφούν όλες. Επιγραμματικά, μπορούν να αναφερθούν οι πιο δημοφιλείς δυνατότητες: Δυνατότητα προσθήκης στο περιεχόμενο στον ιστότοπο από οποιονδήποτε υπολογιστή διαθέτει σύνδεση στο διαδίκτυο. Δυνατότητα συνεργασίας με όσους μπορούν να συμβάλλουν στην επεξεργασία του περιεχομένου, εύκολα, από κάθε υπολογιστή με σύνδεση στο διαδίκτυο. Δυνατότητα δημοσίευσης απεριόριστων σελίδων, χωρίς περιορισμό από το Joomla!. Χωρίς κανένα πρόβλημα, μπορεί κάποιος να κάνει αναζητήσεις περιεχομένου και να τις αρχειοθετήσει. Η εφαρμογή υποστηρίζει τα διαφημιστικά banners για προώθηση προϊόντων και υπηρεσιών. Δυνατότητα προσθήκης forum, photo galleries, βιβλιοθηκών αρχείων, βιβλίων επισκεπτών και φορμών επικοινωνίας είναι λίγες από τις εκατοντάδες πρόσθετες εφαρμογές που κυκλοφορούν για το Joomla!. Παρακάτω ακολουθεί μια περιληπτική ανάλυση του περιεχομένου της παρούσας πτυχιακής εργασίας και στη συνέχεια το κύριο σώμα της εργασίας με την αναλυτική παρουσίαση βήμα βήμα της κατασκευής ιστοσελίδας με την χρήση Joomla!. 3

4 ΠΕΡΙΛΗΨΗ Μέσα από την διαφήμιση και άλλες τεχνικές επικοινωνίας μια εταιρία μπορεί να αποκτήσει ένα ανταγωνιστικό πλεονέκτημα στην αγορά. Μεταξύ των διαφόρων μέσων προβολής το σημαντικότερο ρόλο παίζει το διαδίκτυο. Η χρήση του γίνεται ολοένα και μεγαλύτερη στην ελληνική και παγκόσμια αναζήτηση αγοράς αγαθών και υπηρεσιών. Επομένως για μια εταιρία η προβολή της στο διαδίκτυο είναι υψίστης σημασίας για τα κέρδη της και την βιωσιμότητα της. Υπάρχουν πολλά εργαλεία προβολής και διαχείρισης περιεχομένου στην ηλεκτρονική αγορά που βοηθούν στην κατασκευή μιας ιστοσελίδας, όπως παραδείγματος χάριν είναι το Drupal, το DotNetNuke, το Joomla! κ.α.το Joomla! CMS είναι ένα βραβευμένο σύστημα διαχείρισης περιεχομένου, ανοικτού κώδικα και επιπλέον η χρήση του είναι απολύτως δωρεάν. Για αυτό το λόγο στη συγκεκριμένη πτυχιακή εργασία έχει επιλεγεί ως βασικό εργαλείο το Joomla!. Ως βάση μελέτης έχει οριστεί μια μεταφορική εταιρία. Το παραπάνω εργαλείο αποδείχτηκε πως είναι εύκολο στη χρήση και με πολλές δυνατότητες, καλύπτοντας τις απαιτήσεις της εν λόγω εταιρίας. Αφού έχει επιλεγεί το κατάλληλο template και σχηματιστεί το μενού επιλογών, εισάγεται με απλά βήματα το περιεχόμενο και η ιστοσελίδα έχει δημιουργηθεί. Στην παρακάτω εργασία αναφέρονται λεπτομερώς όλα τα στάδια δημιουργίας της ιστοσελίδας δίνοντας ιδιαίτερη έμφαση στην ευελιξία και την αξιοπιστία του Joomla!. 4

5 ABSTRACT Through advertising and other communication techniques a company can gain a competitive advantage in the marketplace. Between the various modes of projection the most important role plays the Internet. Its use becomes increasingly a global, as well as a Greek, search market regarding goods and services. For a company's visibility on the Internet it is of the utmost importance for its profits and viability. There are many tools to view and manage content in the online marketplace that helps build a webpage such as Drupal, DotNetNuke, Joomla! etc. The Joomla! CMS is an open source award-winning content management system, and its use is completely free. For this reason, in this study the Joomla! has been chosen as a key tool as a basis for promoting a transporting company. This tool has proved to be easy to use with many features, covering the requirements of the company. After having selected the appropriate template and designed the options menu, with simple steps the content is inserted and the site was created. The following study refers in detail to all the steps needed to create our website with particular emphasis on the flexibility and reliability of Joomla!. ΕΥΧΑΡΙΣΤΙΕΣ Ιδιαίτερες ευχαριστίες προς την επιβλέπουσα καθηγήτριά μου κ Σιάκα Κέρστιν για την συνδρομή και την καθοδήγηση που μου προσέφερε καθ όλη την διάρκεια συγγραφής της πτυχιακής εργασίας μου. 5

6 Επιπλέον, σε όλους του καθηγητές και το προσωπικό του Αλεξάνδρειου Τεχνολογικού Ιδρύματος Θεσσαλονίκης, όντας πάντα πρόθυμοι να βοηθήσουν και να υποστηρίξουν τους φοιτητές με τον καλύτερο δυνατό τρόπο. Τέλος, οφείλω ιδιαίτερη μνεία στην οικογένειά μου, που ήταν πάντα δίπλα μου, υποστηρίζοντάς με και πιστεύοντας σε εμένα. 6

7 ΠΕΡΙΕΧΟΜΕΝΑ ΠΡΟΛΟΓΟΣ... 3 ΠΕΡΙΛΗΨΗ... 4 ΕΥΧΑΡΙΣΤΙΕΣ... 5 ΠΕΡΙΕΧΟΜΕΝΑ... 7 ΠΕΡΙΕΧΟΜΕΝΑ ΕΙΚΟΝΩΝ... 9 ΕΙΣΑΓΩΓΗ ΕΙΣΑΓΩΓΗ ΚΕΦΑΛΑΙΟ 1. ΤΟ ΔΙΑΔΙΚΤΥΟ Διαδίκτυο και Επικοινωνία Σχετική Ορολογία ΚΕΦΑΛΑΙΟ 2. ΣΥΣΤΗΜΑΤΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ(CMS) Τι είναι Σύστημα Διαχείρισης Περιεχομένου Χαρακτηριστικά και πλεονεκτήματα ενός CMS Είδη ιστοσελίδων Στατικές ιστοσελίδες Ιστοσελίδες με CSS Δυναμικές ιστοσελίδες Λογισμικό Ανοικτού Κώδικα (Open Source Software) Τι είναι Λογισμικό Ανοικτού κώδικα Πλεονεκτήματα χρήσης ελεύθερου λογισμικού CMS ανοιχτού κώδικα Ιστοσελίδες με χρήση CMS Ανοιχτού κώδικα Γνωρίζοντας το Joomla! Εισαγωγικά για το Joomla! Ιστορικά στοιχεία Χαρακτηριστικά του Joomla! ΚΕΦΑΛΑΙΟ 3. ΕΓΚΑΤΑΣΤΑΣΗ ΤΟΥ JOOMLA! Εγκατάσταση WampServer Εγκατάσταση Joomla Εγκατάσταση ελληνικής γλώσσας στο Joomla! ΚΕΦΑΛΑΙΟ 4 ΤΟ ΠΕΡΙΒΑΛΛΟΝ ΤΟΥ JOOMLA! Χαρακτηριστικά του Joomla!

8 4.2 Τα στοιχεία δομής του Joomla! Δημόσιο Τμήμα (Front-End) Τμήμα Διαχείρισης (Back-End) Μενού (Menu) Περιεχόμενο (Content) Εφαρμογές (Components) Επεκτάσεις (Extensions) ΚΕΦΑΛΑΙΟ 5 ΚΑΤΑΣΚΕΥΑΖΟΝΤΑΣ ΜΙΑ ΙΣΤΟΣΕΛΙΔΑ ΣΤΟ JOOMLA! Διαλέγοντας Πρότυπο (Template) Προσθέτοντας Περιεχόμενο Δημιουργία Ενότητας Δημιουργία Κατηγορίας Δημιουργία Άρθρου Δημιουργία Μενού Modules Είδη Ενθεμάτων Module Menu Module HTML κατά παραγγελία Joomfish Πολυγλωσσικά sites Δημιουργία Χρηστών ΚΕΦΑΛΑΙΟ 6. ΔΗΜΙΟΥΡΓΙΑ ΤΑΙΝΙΑΣ ΕΠΙΛΟΓΟΣ ΒΙΒΛΙΟΓΡΑΦΙΑ ΗΛΕΚΤΡΟΝΙΚΕΣ ΠΗΓΕΣ

9 ΠΕΡΙΕΧΟΜΕΝΑ ΕΙΚΟΝΩΝ ΕΙΚΟΝΑ 1: ΔΙΑΧΕΙΡΙΣΗ ΔΗΜΟΣΙΕΥΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ ΑΠΟ ΕΝΑ CMS ΕΙΚΟΝΑ 2: ΠΑΡΑΔΕΙΓΜΑ ΣΤΑΤΙΚΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΕΙΚΟΝΑ 3: ΠΑΡΑΔΕΙΓΜΑ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ CSS ΕΙΚΟΝΑ 4: ΔΟΜΗ ΜΙΑΣ ΙΣΤΟΣΕΛΙΔΑΣ ΜΕ CMS ΕΙΚΟΝΑ 5: JOOMLA! CMS ΕΙΚΟΝΑ 6: DRUPAL CMS ΕΙΚΟΝΑ 7: DONNETNUKE CMS ΕΙΚΟΝΑ 8: JOOMLA! LOGO ΕΙΚΟΝΑ 9: ΕΓΚΑΤΑΣΤΑΣΗ WAMPSERVER ΕΙΚΟΝΑ 10: ΕΝΕΡΓΟΠΟΙΗΣΗ WAMPSERVER ΕΙΚΟΝΑ 11: WAMPSERVER INSTALLATION FINISH ΕΙΚΟΝΑ 12: ΑΡΧΕΙΑ ΕΓΚΑΤΑΣΤΑΣΗΣ JOOMLA ΕΙΚΟΝΑ 13: ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA ΒΗΜΑ ΕΙΚΟΝΑ 14: ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA ΒΗΜΑ ΕΙΚΟΝΑ 15: ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA ΒΗΜΑ ΕΙΚΟΝΑ 16: ΕΓΚΑΤΑΣΤΑΣΗ JOOMLA ΤΕΛΟΣ ΕΙΚΟΝΑ 17: JOOMLA! ADMINISTRATION LOGIN ΕΙΚΟΝΑ 18: ΕΓΚΑΤΑΣΤΑΣΗ ΕΛΛΗΝΙΚΗΣ ΓΛΩΣΣΑΣ ΕΙΚΟΝΑ 19: ΚΑΘΟΡΙΣΜΟΣ ΕΛΛΗΝΙΚΗΣ ΓΛΩΣΣΑΣ SITE-ADMINISTRATOR ΕΙΚΟΝΑ 20: ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΕΙΚΟΝΑ 21: ΔΙΑΧΕΙΡΙΣΗ - ΜΕΝΟΥ ΕΙΚΟΝΑ 22: ΔΙΑΧΕΙΡΙΣΗ ΠΕΡΙΕΧΟΜΕΝΟ ΕΙΚΟΝΑ 23: ΔΙΑΧΕΙΡΙΣΗ ΕΦΑΡΜΟΓΕΣ ΕΙΚΟΝΑ 24: ΔΙΑΧΕΙΡΙΣΗ ΕΠΕΚΤΑΣΕΙΣ (EXTENSIONS) ΕΙΚΟΝΑ 25: ΔΙΑΧΕΙΡΙΣΗ ΕΝΘΕΜΑΤΩΝ (MODULES) ΕΙΚΟΝΑ 26: ΔΙΑΧΕΙΡΙΣΗ ΠΡΟΣΘΕΤΩΝ (PLUG-INS) ΕΙΚΟΝΑ 27: ΤΙ ΚΑΝΕΙ ΕΝΑ ΠΡΟΤΥΠΟ (TEMPLATE) ΕΙΚΟΝΑ 28: ΔΙΑΧΕΙΡΙΣΗ ΠΡΟΤΥΠΩΝ ΕΙΚΟΝΑ 29: ΠΡΟΕΠΙΣΚΟΠΗΣΗ TEMPLATE ΕΙΚΟΝΑ 30: ΔΗΜΙΟΥΡΓΙΑ ΕΝΟΤΗΤΑΣ ΕΙΚΟΝΑ 31: ΔΗΜΙΟΥΡΓΙΑ ΕΝΟΤΗΤΑΣ ΕΙΚΟΝΑ 32: ΔΗΜΙΟΥΡΓΙΑ ΚΑΤΗΓΟΡΙΑΣ ΕΙΚΟΝΑ 33: ΑΡΧΙΚΗ ΣΕΛΙΔΑ ΕΙΚΟΝΑ 34: ΔΗΜΙΟΥΡΓΙΑ ΆΡΘΡΟΥ ΕΙΚΟΝΑ 35: HTML EDITOR ΕΙΚΟΝΑ 36: ΔΗΜΙΟΥΡΓΙΑ ΜΕΝΟΥ ΕΙΚΟΝΑ 37: ΔΙΑΧΕΙΡΙΣΗ ΜΕΝΟΥ ΕΙΚΟΝΑ 38: ΕΙΣΑΓΩΓΗ ΣΤΟΙΧΕΙΩΝ ΜΕΝΟΥ ΕΙΚΟΝΑ 39: ΕΙΔΟΣ ΣΤΟΙΧΕΙΩΝ ΜΕΝΟΥ ΕΙΚΟΝΑ 40: ΣΤΟΙΧΕΙΟ ΜΕΝΟΥ ΕΞΩΤΕΡΙΚΟΣ ΣΥΝΔΕΣΜΟΣ ΕΙΚΟΝΑ 41: ΣΤΟΙΧΕΙΟ ΜΕΝΟΥ ΔΙΑΧΩΡΙΣΤΗΣ ΕΙΚΟΝΑ 42: ΣΤΟΙΧΕΙΟ ΜΕΝΟΥ - ΆΡΘΡΑ ΕΙΚΟΝΑ 43: ΣΤΟΙΧΕΙΟ ΜΕΝΟΥ - ΣΕΛΙΔΟΠΟΙΗΣΗ ΆΡΘΡΟΥ ΕΙΚΟΝΑ 44: ΕΙΣΑΓΩΓΗ ΕΝΘΕΜΑΤΟΣ ΕΙΚΟΝΑ 45: ΈΝΘΕΜΑ 'ΜΕΝΟΥ' ΕΙΚΟΝΑ 46: ΕΦΑΡΜΟΓΕΣ JOOMFISH ΕΙΚΟΝΑ 47: JOOMFISH - ΔΙΑΜΟΡΦΩΣΗ ΓΛΩΣΣΑΣ

10 ΕΙΚΟΝΑ 48: JOOMFISH ΜΕΤΑΦΡΑΣΗ ΕΙΚΟΝΑ 49: JOOMFISH - ΜΕΤΑΦΡΑΣΗ - CONTENT ΕΙΚΟΝΑ 50: ΔΙΑΧΕΙΡΙΣΗ ΧΡΗΣΤΩΝ ΕΙΚΟΝΑ 51: ΔΗΜΙΟΥΡΓΙΑ ΧΡΗΣΤΗ ΕΙΚΟΝΑ 52: ΟΜΑΔΕΣ ΧΡΗΣΤΩΝ ΕΙΚΟΝΑ 53: ΕΠΕΞΕΡΓΑΣΙΑ ΤΑΙΝΙΑΣ ΜΕ WINDOWS LIVE MOVIEMAKER ΕΙΚΟΝΑ 54: ΕΙΣΑΓΩΓΗ ΜΟΥΣΙΚΗΣ

11 ΕΙΣΑΓΩΓΗ Μια σύγχρονη εταιρία, προκειμένου να ανταπεξέλθει στις ανάγκες της εποχής και να είναι ανταγωνιστική και βιώσιμη, οφείλει να χρησιμοποιεί όλα τα σύγχρονα εργαλεία προκειμένου να επικοινωνεί και να προβάλει τα προϊόντα και τις υπηρεσίες της. Ένα από τα σημαντικότερα εργαλεία αποτελεί η ιστοσελίδα της, μέσα της οποίας οι ήδη υπάρχοντες πελάτες της καθώς και ο οποιοσδήποτε ενδιαφερόμενος μπορεί να ενημερώνεται διαρκώς. Επιπλέον, είναι εξαιρετικά σημαντικό για τον ιστότοπο αυτό να είναι δυναμικός, ώστε να ενημερώνεται και να ανανεώνεται διαρκώς, προσαρμοζόμενος στα νέα δεδομένα που προκύπτουν. Χρησιμοποιώντας το παράδειγμα μιας μεταφορικής εταιρίας, η παρούσα εργασία παρουσιάζει αναλυτικά, βήμα βήμα όλα τα στάδια για την κατασκευή ενός ιστοτόπου ο οποίος εξασφαλίζει την παρουσίαση της εταιρίας στο διαδίκτυο, με τον καλύτερο δυνατό τρόπο. Για την κατασκευή της ιστοσελίδας χρησιμοποιήθηκε το Joomla!, ένα από τα πιο δημοφιλή και ισχυρά συστήματα διαχείρισης περιεχομένου που προσφέρονται δωρεάν σήμερα. Η παρούσα εργασία ξεκινάει με μια αναλυτική περιγραφή και επεξήγηση βασικών όρων όπως είναι το διαδίκτυο, ο παγκόσμιος ιστός, οι ιστοσελίδες, τα προγράμματα περιήγησης κλπ, έτσι ώστε να γίνει η παρακάτω ανάλυση εύκολα κατανοητή ακόμα και από κάποιο αρχάριο στην κατασκευή ιστοσελίδων άτομο. Στο δεύτερο κεφάλαιο ακολουθεί επεξήγηση των συστημάτων διαχείρισης περιεχομένου CMS, και των προγραμμάτων ανοιχτού κώδικα, ένα από τα οποία είναι και το Joomla!. Γίνεται μια περιληπτική αναφορά στα κυριότερα και πιο διαδεδομένα προγράμματα ανοιχτού λογισμικού και αναλυτικότερη επεξήγηση του open source Λογισμικού Joomla!. Το τρίτο κεφάλαιο αφορά την εγκατάσταση του Joomla! Βήμα προς βήμα περιγράφονται όλα τα στάδια εγκατάστασης του παραπάνω εργαλείου καθώς επίσης και ενός εικονικού server, του WampServer. Ο WampServer χρησιμεύει για να φιλοξενεί την ιστοσελίδα τοπικά, δηλαδή στον υπολογιστή μας μέχρι να την ανεβάσουμε στο διαδίκτυο. Στο τέταρτο κεφάλαιο γνωρίζουμε το περιβάλλον του Joomla!. Έχουμε μια πρώτη επαφή με το μενού και τα χαρακτηριστικά του τα οποία ένα-ένα συμβάλλουν στην ανάπτυξη της ιστοσελίδας μας. Στο πέμπτο κεφάλαιο αρχίζουμε να κατασκευάζουμε σιγά-σιγά την σελίδα μας. Διαλέγοντας πρώτα την κεντρική μας πλατφόρμα (template) και στην συνέχεια με τις δυνατότητες που μας δίνει το Joomla! εισάγοντας το περιεχόμενο. Στο πέμπτο κεφάλαιο περιγράφονται και δουλεύονται τα στοιχεία του Joomla! που δημιουργούν μια σελίδα. 11

12 Στο έκτο κεφάλαιο έχουμε την δημιουργία ταινίας και ανέβασμα της στο youtube. Ως σύγχρονο μέσο διαφήμισης και προβολής δημιουργήθηκε ένα video με τις υπηρεσίες της εταιρίας μας το οποίο φιλοξενείται στο μέρος αυτό. Για την δημιουργία του video χρησιμοποιήθηκε το powerpoint και το Windows Live Movie Maker. 12

13 ΚΕΦΑΛΑΙΟ 1. ΤΟ ΔΙΑΔΙΚΤΥΟ 1.1 Διαδίκτυο και Επικοινωνία. Το Διαδίκτυο, γνωστό συνήθως και με την αγγλική ονομασία Internet, είναι ένα μέσο μαζικής επικοινωνίας (ΜΜΕ). Το Διαδίκτυο είναι ένα παγκόσμιο δίκτυο συστημάτων υπολογιστών, οι οποίοι επικοινωνούν μεταξύ τους χρησιμοποιώντας ένα κοινό πρωτόκολλο επικοινωνίας, το TCP/IP (Transmission Control Protocol/Internet Protocol). Οι χρήστες μπορούν εύκολα και γρήγορα να περιηγηθούν σε μια τεράστια βάση πληροφοριών, να αποστείλουν και να λάβουν αρχεία, να κάνουν χρήση της ηλεκτρονικής αλληλογραφίας, και γενικά να χρησιμοποιήσουν ένα πλήθος πολυάριθμων υπηρεσιών που έχουν στη διάθεσή τους 1. Δίνεται επίσης η δυνατότητα σε κάθε χρήστη ηλεκτρονικού υπολογιστή συνδεδεμένου στο Διαδίκτυο να πληροφορηθεί αλλά και να πληροφορήσει ανταλλάσσοντας απόψεις με οποιονδήποτε χρήστη επιθυμεί. Οι χρήστες αποκτούν ολοένα και περισσότερο την ιδιότητα του παγκόσμιου πολίτη. Θεωρείται ένα άκρως δημοκρατικό μέσο μαζικής επικοινωνίας, το οποίο καθιστά ισχυρότερο τον μέσο άνθρωπο, καθώς του δίνει τη δυνατότητα πρόσβασης σε μεγάλο όγκο πληροφοριών συγκεντρωμένων σε ένα "χώρο". Επίσης ο χρήστης έχει την δυνατότητα της προσωπικής επιλογής των πληροφοριών που θα προσπελάσει και θα ανταλλάξει. Το Διαδίκτυο είναι ένα μέσο επικοινωνίας όπου είναι το πλέον το ενδεδειγμένο για την παρουσίαση των πληροφοριών που θέλουμε. Το κοινό που μπορεί να έχει πρόσβαση στις πληροφορίες που θα παρουσιάσουμε, είναι τεράστιο. Είναι ο καλύτερος τρόπος για την διαφήμιση της δουλειάς μας, είτε είναι κερδοσκοπική επιχείρηση, είτε μη κερδοσκοπική επιχείρηση, είτε απλά αν θέλουμε να παρουσιάσουμε κάποιες πληροφορίες. 1.2 Σχετική Ορολογία Παγκόσμιος Ιστός (WWW-Web) Πολλές φορές πιστεύουμε ότι οι όροι Διαδίκτυο και Παγκόσμιος Ιστός είναι ταυτόσημοι. Η αλήθεια είναι ότι ο Παγκόσμιος Ιστός (Wolrd Wide Web ή WWW ή Web) είναι ένα μέρος του Διαδικτύου. Αποτελεί όμως το μεγαλύτερο, το

14 δημοφιλέστερο και το ταχύτερα αναπτυσσόμενο κομμάτι του. Γενικά μιλώντας, μπορούμε να πούμε ότι το Web είναι όλες οι πληροφορίες και τα δεδομένα που είναι προσβάσιμα δια μέσου του Internet. Είναι ένας χώρος επικοινωνίας και αλληλεπίδρασης μεταξύ των ανθρώπων, που επί του παρόντος κυριαρχείται από ιστοσελίδες (web pages) που συνδέονται μεταξύ τους με συνδέσμους (links). Το Internet είναι απλά το μέσον για να λειτουργήσει το Web. Χρησιμοποιεί ένα από τα πρωτόκολλα του Διαδικτύου, το Hypertext Transfer Protocol (HTTP) 2 3. Ιστοσελίδα (web page) Η ιστοσελίδα είναι ένα αρχείο που περιέχει πληροφορίες που προορίζονται για δημοσίευση στον Παγκόσμιο Ιστό. Οι πληροφορίες του Παγκόσμιου Ιστού εμφανίζονται μορφοποιημένες με τη γλώσσα HTML (Hypertext Markup Language) σε μορφή ιστοσελίδων (web pages) και με την κατάληξη.htm ή.html. Υπάρχουν όμως και διαφορετικές μορφοποιήσεις ιστοσελίδων, όπως για παράδειγμα.php. Οι ιστοσελίδες μπορεί να περιέχουν εκτός από στατικό κείμενο, εικόνες, video, ήχο, κινούμενες εικόνες (animation), δυναμικό κείμενο κτλ. Διακομιστής Ιστού (web server) Κάθε ιστοσελίδα βρίσκεται με τη μορφή αρχείου σε κάποιον διακομιστή Ιστού (web Server). Οι διακομιστές Ιστού είναι ειδικοί υπολογιστές με ειδικό λογισμικό και κατάλληλες δικτυακές συνδέσεις, οι οποίοι επιτρέπουν τη διάθεση των ιστοσελίδων σε ολόκληρο τον κόσμο. Ο Web Server είναι, στην ουσία ο υπολογιστής εκείνος ο οποίος αναλαμβάνει να δημοσιεύει την ιστοσελίδα στο Διαδίκτυο. Ο χρήστης του Διαδικτύου που θέλει να δει μια ιστοσελίδα, τη ζητάει από τον διακομιστή Ιστού στον οποίο αυτή βρίσκεται, και ο διακομιστής Ιστού με τη σειρά του την στέλνει. Ο server θα πρέπει να είναι σε συνεχή διαθεσιμότητα, ώστε να ανταποκρίνεται στις κλήσεις και να παρέχει τις ιστοσελίδες

15 Προγράμματα Περιήγησης (web browsers) Το πρόγραμμα περιήγησης(φυλλομετρητής) ή αλλιώς ο web browser 4 είναι ένα πρόγραμμα, το οποίο χρησιμοποιεί ο χρήστης για να ζητήσει μια ιστοσελίδα από τον διακομιστή Ιστού που την περιέχει. Ο web browser είναι ο συνδετικός κρίκος του διακομιστή και του χρήστη. Η δουλειά του είναι να επικοινωνήσει με τον server και να "κατεβάσει" τις ιστοσελίδες, δηλαδή να τις μεταφέρει στον τοπικό υπολογιστή. Ο διακομιστής Ιστού λαμβάνει το αίτημα και εμφανίζει την ιστοσελίδα στο παράθυρο του προγράμματος περιήγησης του χρήστη. Το χαρακτηριστικό τους είναι ότι διανέμονται δωρεάν. Οι δημοφιλέστεροι Web Browsers είναι 5 : Internet Explorer Mozilla Firefox Google Chrome Opera Sarari Netscape Navigator Κάποιος που ασχολείται με την κατασκευή ιστοσελίδων, προτείνεται να έχει όσα περισσότερα προγράμματα περιήγησης μπορεί, ώστε να ελέγχει την συμβατότητα και την εμφάνιση των ιστοσελίδων σε όλους τους browsers. Ιστότοπος (web site) Ο Ιστότοπος είναι το σύνολο των ιστοσελίδων που είναι συνδεδεμένες μεταξύ τους με υπερσυνδέσεις (hyperlinks) και περιγράφουν μια δραστηριότητα. Δηλαδή, μια ομάδα ιστοσελίδων που αφορούν έναν ιδιώτη, μια επιχείρηση, έναν οργανισμό ή άλλες ομάδες αποτελεί μια τοποθεσία Ιστού ή ένα Web Site

16 ΚΕΦΑΛΑΙΟ 2. ΣΥΣΤΗΜΑΤΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ(CMS) 2.1 Τι είναι Σύστημα Διαχείρισης Περιεχομένου. Ένα Σύστημα Διαχείρισης Περιεχομένου (Content Management System- CMS) είναι μια σειρά από σελίδες προγραμματισμού που συνδέονται με μία βάση δεδομένων που επιτρέπει σε κάποιον να ανακτήσει πληροφορίες από τη βάση δεδομένων με τη μορφή περιεχομένου 6. Ένα σύστημα διαχείρισης περιεχομένου προσφέρει την δυνατότητα της δημιουργίας, διαχείρισης, δημοσίευσης και εντοπισμού της πληροφορίας. Εικόνα 1: Διαχείριση δημοσίευσης περιεχομένου από ένα CMS Με την χρήση διάφορων βοηθητικών εργαλείων, ένα σύστημα διαχείρισης περιεχομένου μπορεί να καλύψει ολόκληρη τη διάρκεια ζωής των σελίδων ενός website από τη δημιουργία του περιεχομένου μέχρι τη δημοσίευση του και την αρχειοθέτηση του. Τα περισσότερα CMS έχουν την δυνατότητα να διαχειριστούν περιεχόμενο στις εξής μορφές: κείμενα, εικόνες, βίντεο, java animation, πρότυπα σχεδίασης, βάσεις δεδομένων κ.α. Είναι λογισμικό το οποίο επιτρέπει στον οποιονδήποτε, ακόμα και αν δεν έχει ιδιαίτερες γνώσεις προγραμματισμού και γλώσσας HTML, να δημιουργήσει και να διαχειριστεί με τρόπο εύκολο και γρήγορο την ιστοσελίδα του

17 Τι κάνει επί της ουσίας; Ένα CMS είναι ένα πρόγραμμα ειδικά σχεδιασμένο για τη διαχείριση δικτυακών τόπων. Προσφέρει έναν εύκολο, εύχρηστο και φιλικό προς τον χρήστη τρόπο για την ενημέρωση του περιεχόμενου ενός ιστότοπου, το οποίο γίνεται απλά με τη χρήση ενός browser. Ο διαχειριστής απλά εισάγει το νέο κείμενο, το αποθηκεύει και το site ενημερώνεται αμέσως. Το ίδιο απλό είναι να προσθέσει νέες σελίδες, να διαγράψει παλαιές, ή να αναδιαμορφώσει το site ώστε να συμβαδίζει με τις αλλαγές στην εταιρεία ή τις δραστηριότητες του. Το Σύστημα Διαχείρισης Περιεχομένου αυτοματοποιεί διάφορες διαδικασίες όπως η διατήρηση της εμφάνισης των σελίδων σε όλο το site καθώς και η δημιουργία των σχετικών μενού, συνδέσμων κλπ. Δημιουργείται και εγκαθίσταται από τους σχεδιαστές ιστοσελίδων, αλλά προορίζεται για χρήση από τους ιδιοκτήτες των ιστότοπων, χωρίς αυτό να απαιτεί εξειδικευμένες γνώσεις. Οι αλλαγές του site μπορούν να γίνουν από οποιονδήποτε υπολογιστή που είναι συνδεμένος στο Διαδίκτυο, χωρίς να χρειάζεται να έχει εγκατεστημένα ειδικά προγράμματα επεξεργασίας ιστοσελίδων, γραφικών κ.λπ. Μέσω ενός απλού φυλλομετρητή ιστοσελίδων (browser), ο χρήστης μπορεί να συντάξει ένα κείμενο και να ενημερώσει άμεσα το δικτυακό του τόπο. 2.2 Χαρακτηριστικά και πλεονεκτήματα ενός CMS Ένα CMS προσφέρει μια πλειάδα χρήσιμων χαρακτηριστικών και πλεονεκτημάτων όπως 7 8 : Παρακολούθηση όλων των εκδόσεων μιας σελίδας, καθώς και ποιος έκανε τις αλλαγές και πότε. Ο Διαχειριστής μπορεί να διαχειριστεί όλα τα άρθρα και τους συνδεδεμένους χρήστες και να ορίσει σαφή δικαιώματα στον καθένα. Μπορεί να αποκλείσει χρήστες και να τους αφαιρέσει δικαιώματα πρόσβασης και δημοσίευσης. Μπορεί να δημοσιεύει και να αποσύρει άρθρα που επιθυμεί. Μπορεί να δέχεται άρθρα από άλλους χρήστες και αφού τα αξιολογήσει, να αποφασίσει αν θα δημοσιευθούν ή όχι στην ιστοσελίδα. Ολοκλήρωση με άλλα υπάρχοντα συστήματα πληροφορικής υποστήριξης. Παρέχει τη δυνατότητα της διαχείρισης-συντήρησης ενός ιστότοπου από απλούς χειριστές χωρίς την απαίτηση για εμπλοκή ειδικού τεχνικού προσωπικού

18 Αλλαγή σχεδιασμού ή τρόπου πλοήγησης χωρίς να είναι απαραίτητη η ενημέρωση όλων των σελίδων από τον ίδιο το χρήστη. Το περιεχόμενο καταχωρείται στην Βάση Δεδομένων και προστατεύονται καλύτερα τηρώντας αντίγραφα ασφαλείας. Με την χρήση ενός συστήματος διαχείρισης περιεχομένου, τα οφέλη είναι αρκετά και σημαντικά: Μειωμένη απαίτηση τεχνικής υποστήριξης. Δεν χρειάζονται εξειδικευμένες γνώσεις για την διαχείριση της ιστοσελίδας. Μικρό κόστος συντήρησης. Συντήρηση από απομακρυσμένες τοποθεσίες. Αυξημένη ευελιξία. Μεγάλη συνοχή στο website και μεγαλύτερη ομοιομορφία. Αυξημένες δυνατότητες επέκτασης 2.3 Είδη ιστοσελίδων Για την καλύτερη κατανόηση της δύναμης ενός CMS, θα πρέπει να καταλάβουμε μερικά πράγματα για τις παραδοσιακές ιστοσελίδες. Θεωρητικά, υπάρχουν δύο πλευρές σε μια ιστοσελίδα: το περιεχόμενό της και η παρουσίαση του εν λόγω περιεχομένου. Κατά την τελευταία δεκαετία, υπήρξε μια εξέλιξη στον τρόπο με τον αυτά τα δύο κομμάτια αλληλεπιδρούν 9 : Στατικές ιστοσελίδες-το περιεχόμενο και η παρουσίαση του είναι στο ίδιο αρχείο. Ιστοσελίδες με Cascading Style Sheets (CSS)-Το περιεχόμενο και η παρουσίαση διαχωρίζονται. Οι δυναμικές ιστοσελίδες- Και το περιεχόμενο και η παρουσίαση χωρίζεται από την ίδια την ιστοσελίδα Στατικές ιστοσελίδες Μια ιστοσελίδα αποτελείται από ένα σύνολο οδηγιών γραμμένο σε μορφή Hypertext Markup Language (HTML) που λέει στον browser πώς να παρουσιάσει το περιεχόμενο μιας ιστοσελίδας. Μια στατική ιστοσελίδα είναι μια ιστοσελίδα που

19 εμφανίζεται στον χρήστη ακριβώς όπως είναι αποθηκευμένη. Το αποτέλεσμα θα είναι περίπου όπως παρουσιάζει η εικόνα 2. Εικόνα 2: Παράδειγμα Στατικής Ιστοσελίδας Ο χαρακτηρισμός στατική σημαίνει ότι το περιεχόμενο της κάθε σελίδας είναι σταθερό και συγκεκριμένο, και όχι ότι δεν μπορεί να περιέχει κινούμενα στοιχεία. Η κατασκευή ιστοσελίδων με αυτόν τον τρόπο είναι ξεπερασμένη, αλλά υπάρχει ακόμα ένα μεγάλος αριθμός σχεδιαστών που χρησιμοποιεί αυτή την μέθοδο. Σελίδες που δημιουργούνται με αυτή την μέθοδο, έχουν δύο βασικά μειονεκτήματα: Δύσκολο να επεξεργαστούμε το περιεχόμενο. Π.χ. στην εικόνα 2,2, το περιεχόμενο This is a web page και η παρουσίαση του (big-bold) είναι συνδεδεμένα μεταξύ τους. Αν θέλουμε να αλλάξουμε το μέγεθος των επικεφαλίδων γενικά, τότε θα πρέπει να αλλάξουμε όλες τις σελίδες του ιστοτόπου. Μεγάλο μέγεθος αρχείων. Επειδή το στυλ εμφάνισης στην παρουσίαση είναι ενσωματωμένο σε κάθε σελίδα, οι σελίδες είναι πολύ μεγάλες και απαιτούν πολύ χρόνο για να φορτωθούν Ιστοσελίδες με CSS Σε μια προσπάθεια να ξεπεραστούν τα μειονεκτήματα των στατικών ιστοσελίδων, κατά τη διάρκεια των τελευταίων τεσσάρων ή πέντε χρόνων, έχουν αναπτυχθεί πιο ολοκληρωμένα web πρότυπα. Ένα από αυτά τα πρότυπα περιλαμβάνει τη χρήση Cascading Style Sheets (CSS) για να ελέγχει την οπτική παρουσίαση της ιστοσελίδας. Τα CSS είναι ένας απλός μηχανισμός για την προσθήκη στυλ (για παράδειγμα, γραμματοσειρές, χρώματα, αποστάσεις γραμμών) σε 19

20 έγγραφα του ιστού. Όλη αυτή η παρουσίαση της πληροφορίες περιέχεται συνήθως σε αρχεία που είναι ξεχωριστά από το περιεχόμενο και είναι επαναχρησιμοποιήσιμα σε πολλές σελίδες ενός site. Χρησιμοποιώντας CSS, η ιστοσελίδα μπορεί να μοιάζει πλέον όπως φαίνεται στην εικόνα 3. Εικόνα 3: Παράδειγμα Ιστοσελίδας με CSS Τα CSS περιλαμβάνουν πληροφορίες για γραμματοσειρές, περιθώρια, χρώματα, εικόνες φόντου κ.α. Σελίδες που κατασκευάζονται με την χρήση CSS έχουν κάποια μεγάλα πλεονεκτήματα: Η διατήρηση και η αναθεώρηση της σελίδας είναι πολύ πιο εύκολη. Αν θέλουμε να αλλάξουμε το μέγεθος των επικεφαλίδων, αυτό γίνεται από μόνο μια γραμμή του css. Τα δύο αρχεία είναι πολύ μικρότερα σε μέγεθος, έτσι τα δεδομένα φορτώνονται πιο γρήγορα Το αρχείο css θα είναι προσωρινά αποθηκευμένο στον τοπικό υπολογιστή του χρήστη, και έτσι δεν θα χρειάζεται να το κατεβάζει κάθε φορά που επισκέπτεται μια διαφορετική σελίδα που χρησιμοποιεί τους ίδιους κανόνες στυλ Δυναμικές ιστοσελίδες Συνήθως, οι δυναμικές ιστοσελίδες, χρησιμοποιούν κάποια βάση δεδομένων (database), όπου αποθηκεύουν πληροφορίες και απ' όπου αντλούν το περιεχόμενό τους, ανάλογα με το τι ζητάει ο χρήστης. Η χρήση των βάσεων δεδομένων, είναι αυτή που επιτρέπει την εύκολη προσθαφαίρεση περιεχομένου στις δυναμικές ιστοσελίδες, καθώς δεν απαιτείται να επεξεργάζεται κανείς κάθε φορά την ίδια την ιστοσελίδα, αλλά απλά να διαχειρίζεται έμμεσα το περιεχόμενο 20

21 στην βάση δεδομένων και οι υπόλοιπες διαδικασίες γίνονται αυτοματοποιημένα από τον "μηχανισμό" της ιστοσελίδας. Ένα CMS απλοποιεί περαιτέρω τις ιστοσελίδες με την δημιουργία δυναμικών ιστοσελίδων. Ως εκ τούτου το CMS κάνει για το περιεχόμενο, ότι κάνει το css για την παρουσίαση. Εικόνα 4: Δομή μιας ιστοσελίδας με CMS Με αυτό τον τρόπο ο σχεδιαστής της ιστοσελίδας μπορεί να ασχολείται με την παρουσίαση και την τοποθέτηση του περιεχομένου στην ιστοσελίδα, καθώς και την διάταξη που έχει αυτό μέσα στον χώρο της ιστοσελίδας. Αυτό σημαίνει ότι μη εξειδικευμένα άτομα θα μπορούν να χειρίζονται πλέον μόνο το περιεχόμενο, δηλαδή λέξεις και εικόνες, χωρίς να χρειάζεται να γνωρίζουν καμία γλώσσα, όπως HTML και CSS. 2.4 Λογισμικό Ανοικτού Κώδικα (Open Source Software) Τι είναι Λογισμικό Ανοικτού κώδικα Λογισμικό ανοικτού κώδικα (Open Source Software) ονομάζεται το λογισμικό το οποίο έχει δημιουργηθεί από μεγάλες κοινότητες προγραμματιστών και απελευθερώνουν τον πηγαίο κώδικα του ανοιχτά στον κόσμο. (Ως εκ τούτου, ο όρος ανοιχτού κώδικα). Ο όρος «Λογισμικό Ανοικτού Κώδικα» εστιάζει στην ελεύθερη διάθεση του κώδικα, ως πρακτική επίτευξης καλύτερης ποιότητας λογισμικού. Οι χρήστες έχουν την δυνατότητα να εκτελούν, να αντιγράφουν, να διανέμουν, να τροποποιούν και να βελτιώνουν το λογισμικό αφού έχουν πλήρη πρόσβαση στον κώδικα του. Σε γενικές γραμμές το λογισμικό ανοικτού κώδικα δεν σημαίνει ότι 21

22 απαραίτητα δωρεάν λογισμικό, ούτε ελεύθερο λογισμικό. Υπάρχουν πολλές διαφορετικές άδειες χρήσης που μπορεί να συνοδεύει το λογισμικό Πλεονεκτήματα χρήσης ελεύθερου λογισμικού Μερικά από τα βασικά πλεονεκτήματα χρήσης ελεύθερου λογισμικού είναι τα εξής: Μείωση κόστους πληροφοριακών συστημάτων Μπορεί να χρησιμοποιηθεί το λογισμικό για όποιο σκοπό θέλουμε και σε όσους υπολογιστές θέλουμε. Μπορεί να αντιγραφεί και να διανεμηθεί το λογισμικό. Μπορούμε να τροποποιήσουμε και να βελτιώσουμε το λογισμικό αν έχουμε γνώσεις προγραμματισμού. Ύπαρξη πληθώρας επιλογών και δοκιμασμένων λύσεων. Αξιοπιστία (το λογισμικό είναι δοκιμασμένο από πολλούς) Ασφάλεια (ο κώδικας μελετάται από μεγάλο πλήθος ανθρώπων που συνήθως έχουν πολύ καλές γνώσεις προγραμματισμού, και τα σφάλματα διορθώνονται γρήγορα) CMS ανοιχτού κώδικα Από τα πιο δημοφιλή CMS ανοιχτού κώδικα είναι τα παρακάτω: Joomla! Εικόνα 5: Joomla! CMS

23 Το Joomla! έχει γίνει γρήγορα και εύκολα ένα από τα πιο δημοφιλή και ισχυρά συστήματα διαχείρισης περιεχομένου για πολλούς και διάφορους λόγους. Δεν είναι μόνον εύκολο στη χρήση και απαιτεί λίγες γνώσεις προγραμματισμού, αλλά έρχεται και με μια ποικιλία, εξαιρετικού επιπέδου, επιπλέον δυνατοτήτων που έχουν δημιουργηθεί από μια μεγάλη κοινότητα χρηστώv. Είναι εξαιρετικά ευέλικτο και φιλικό και οι δυνατότητες επεκτάσεις του είναι πρακτικά απεριόριστες. Είναι γραμμένο σε PHP και αποθηκεύει τα δεδομένα του στη βάση MySQL 12. o Drupal Εικόνα 6: Drupal CMS Το Drupal είναι ένα άλλο από τα πιο δημοφιλή CMS προγράμματα λογισμικού. Είναι ένα αρθρωτό σύστημα διαχείρισης περιεχομένου (Content Management System, CMS) ανοικτού/ελεύθερου λογισμικού, γραμμένο στη γλώσσα προγραμματισμού PHP. Παρέχει στην κοινότητας χρηστών έναν εύκολο τρόπο για να οργανώνουν, να διαχειρίζονται και να δημοσιεύουν το περιεχόμενο. Επειδή είναι ανοικτού κώδικα και διατίθεται ευρέως, αναδιαρθρώνεται διαρκώς και συμβαδίζει με τις νέες εξελίξεις σε τακτική βάση, για την αύξηση της δημόσιας ικανοποίησης 13. o DotNetNuke Εικόνα 7: DonNetNuke CMS

24 Είναι ένα δωρεάν open source Portal Framework, ιδανικό για τη δημιουργία Enterprise Web Applications όπως: Εταιρικά Websites, e-commerce, Επιχειρησιακά Intranets & Extranets κ.α Ιστοσελίδες με χρήση CMS Ανοιχτού κώδικα Σήμερα μπορούμε να βρούμε προϊόντα που έγιναν με CMS ανοιχτού κώδικα σε κάθε επίπεδο των επιχειρήσεων, τόσο των δημόσιων όσο και των ιδιωτικών. Μεταξύ των οργανώσεων που σήμερα χρησιμοποιούν ανοικτού κώδικα συστήματα διαχείρισης περιεχομένου είναι τα εξής: NASA MIT French Parliament Nokia The U.S. Navy Novell National Geographic The Brazilian Government 2.5 Γνωρίζοντας το Joomla! Εικόνα 8: Joomla! logo Εισαγωγικά για το Joomla! Όπως αναφέρθηκε και στο προηγούμενο κεφάλαιο, το Joomla! είναι μια δωρεάν εφαρμογή ανοιχτού λογισμικού γραμμένη σε γλώσσα PHP και τα δεδομένα αποθηκεύονται σε μια βάση δεδομένων MySQL. Είναι ένα Open Source CMS για την δημιουργία δυναμικών ιστοσελίδων. Η χρήση του μπορεί να είναι τόσο για την κατασκευή προσωπικών ιστοσελίδων όσο και για επαγγελματικές λύσεις

25 Εγκαθιστώντας διάφορα πρόσθετα (extentions), οι δυνατότητες του αυξάνουν πάρα πολύ. Υπάρχουν χιλιάδες διαθέσιμα πρόσθετα, και το μεγαλύτερο μέρος αυτών είναι διαθέσιμα δωρεάν, τα οποία βοηθούν για την ανάπτυξη μιας άκρως επαγγελματικής ιστοσελίδας Ιστορικά στοιχεία Το Joomla! δημιουργήθηκε στις αρχές Σεπτεμβρίου του 2005 από μία ομάδα προγραμματιστών ανοιχτού λογισμικού. Στα τέλη του ίδιου μήνα δημοσιοποιήθηκε το λογότυπο, το οποίο βγήκε έπειτα από διαγωνισμό στην κοινότητα, και η ιδέα ανήκει στον Alan Urquhart. Το όνομα Joomla προήλθε από τη λέξη Jumla που στα Σουαχίλι σημαίνει «όλοι μαζί». Έκτοτε έχουν κυκλοφορήσει αρκετές εκδόσεις, με πιο πρόσφατη την Joomla Χαρακτηριστικά του Joomla 16! Μερικά από τα σημαντικότερα χαρακτηριστικά του Joomla! είναι: Ανοιχτός κώδικας Χρησιμοποιεί τις καλύτερες διαθέσιμες τεχνολογίες: MySQL, PHP, xml, css, rss Είναι πολυγλωσσικό Εύκολο στην χρήση και από αρχάριους χρήστες. Πλήρης Διαχείριση της Βάσης Δεδομένων Δημιουργεί και ελέγχει πολλά επίπεδα χρηστών. Μεγάλη ευελιξία στη δημοσίευση περιεχομένου. Εύκολη εγκατάσταση εφαρμογών και προσθέτων. Εκατοντάδες εφαρμογές και πρόσθετα. Επεξεργαστή κειμένου what-you-see-is-what-you-get(wysiwyg) Προγραμματισμένη δημοσίευση Μεγάλη κοινότητα χρηστών που το υποστηρίζουν 15 %CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CF%84%CE%BF-joomla.html 16 %CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CF%84%CE%BF-joomla.html 25

26 ΚΕΦΑΛΑΙΟ 3. ΕΓΚΑΤΑΣΤΑΣΗ ΤΟΥ JOOMLA! Στο κεφάλαιο που ακολουθεί θα αναλυθεί ο τρόπος με τον οποίο θα εγκατασταθεί το Joomla στον υπολογιστή. Στα επόμενα κεφάλαια περιγράφεται η κατασκευή μιας ιστοσελίδας από έναν αρχάριο χρήστη. Από την στιγμή που θεωρούμε ότι ό χρήστης δεν έχει κάποια προηγούμενη εμπειρία, το πρώτο στάδιο είναι να εγκαταστήσουμε το Joomla! στον τοπικό μας υπολογιστή και να δουλέψουμε εκεί. Επειδή το Joomla! πρέπει να έχει έναν server για να τρέξει θα εγκαταστήσουμε στον τοπικό μας υπολογιστή έναν εικονικό server τον WampServer. Αυτός υποστηρίζει όλες τις τεχνολογίες που χρειαζόμαστε (Apache,PHP,MySQL) Εγκατάσταση WampServer Για την εγκατάσταση του WampServer πηγαίνουμε στον σύνδεσμο και κατεβάζουμε την τελευταία έκδοση. Η εγκατάσταση του είναι απλή και δεν χρειάζεται να ορίσετε συγκεκριμένες παραμέτρους. Παρακάτω βλέπετε την αρχική εικόνα εγκατάστασης του WampServer

27 Εικόνα 9: Εγκατάσταση WampServer Μετά την ολοκλήρωση της εγκατάστασης θα εμφανιστεί κάτω δεξιά ένα νέο εικονίδιο (του WampServer) θα κάνουμε κλικ και θα επιλέξουμε put online, όπως φαίνεται και στην εικόνα 10. Εικόνα 10: Ενεργοποίηση WampServer Για να δούμε ότι όλα πήγαν καλά, θα μεταβούμε στον browser μας και μεταβούμε στην διεύθυνση Αν όλα έχουν πάει καλά στην εγκατάσταση τότε θα μας εμφανίσει την παρακάτω εικόνα. 27

28 Εικόνα 11: WampServer installation finish 3.2 Εγκατάσταση Joomla Αφού έχει ολοκληρωθεί η εγκατάσταση του WampServer, είναι η στιγμή που θα εγκαταστήσουμε το Joomla!. Μεταβαίνουμε στην διεύθυνση και κατεβάζουμε την τελευταία έκδοση. Στην συνέχεια θα πρέπει να κατεβάσουμε την ελληνική γλώσσα. Μεταβαίνουμε στην διεύθυνση e_id=13048 και κατεβάζουμε τα δύο zip. Εναλλακτικά μπορούμε να επισκεφτούμε το και στην αρχική σελίδα(κάτω αριστερά) έχει συνδέσμους που οδηγούν για κατέβασμα των ελληνικών αρχείων. Αφού έχουμε κατεβάσει τα τρία αρχεία (1 εγκατάστασης+2 γλώσσας) και τα έχουμε αποθηκεύσει στην επιφάνεια εργασίας, αποσυμπιέζουμε μόνο το αρχείο της εγκατάστασης και μετονομάζουμε τον φάκελο όπως θέλουμε (π.χ. mysite). Όπως φαίνεται στην παρακάτω εικόνα. 28

29 Εικόνα 12: Αρχεία εγκατάστασης Joomla Στην συνέχεια μεταφέρουμε τον φάκελο που αποσυμπιέσαμε, στον τοπικό δίσκο στον φάκελο wamp/www,όπως φαίνεται παρακάτω. Αν μεταβούμε από τον browser μας στην διεύθυνση όπως δείχνει και η εικόνα 11 θα μας εμφανιστεί στα projects το mysite (το όνομα που είχαμε δώσει νωρίτερα). Αν κάνουμε κλικ στον φάκελο mysite θα ξεκινήσει η εγκατάσταση του Joomla!, όπως φαίνεται παρακάτω. Εικόνα 13: Εγκατάσταση Joomla βήμα 1 Θα επιλέξουμε τα ελληνικά και θα συνεχίσουμε στο επόμενο. Στο βήμα 2 και 3 απλά πατάμε επόμενο. 29

30 Στο βήμα 4 θα δώσουμε τις ρυθμίσεις για την Βάση Δεδομένων και το όνομα της Βάσης. Ο κωδικός δεν είναι απαραίτητος αφού δουλεύουμε τοπικά. Εικόνα 14: Εγκατάσταση Joomla βήμα 4 Στο επόμενο βήμα 5 δεν χρειάζεται να κάνουμε τίποτα και πατάμε επόμενο και έπειτα δίνουμε το όνομα του ιστοτόπου και τα στοιχεία του διαχειριστή, όπως φαίνεται παρακάτω. Εάν θέλουμε μπορούμε να εισάγουμε ένα ενδεικτικό περιεχόμενο, αλλά εμείς δεν θα το επιλέξουμε γιατί θέλουμε έναν κενό ιστότοπο. Εικόνα 15: Εγκατάσταση Joomla βήμα 6 30

31 Στο τελευταίο βήμα μας εμφανίζει ένα μήνυμα, να διαγράψουμε τον φάκελο installation που βρίσκεται στον φάκελο wamp/www/mysite/ όπως φαίνεται στην παρακάτω εικόνα. Εικόνα 16: Εγκατάσταση Joomla τέλος Η εγκατάσταση του Joomla! τώρα έχει ολοκληρωθεί. Το επόμενο βήμα μας θα είναι να εγκαταστήσουμε την ελληνική γλώσσα στο Joomla! (τα δύο αρχεία που κατεβάσαμε πριν). 3.3 Εγκατάσταση ελληνικής γλώσσας στο Joomla! Μετά την ολοκλήρωση της εγκατάστασης θα μεταβούμε στο τμήμα της Διαχείρισης, φαίνεται ο σύνδεσμος στην εικόνα 16. Θα μας εμφανιστεί το τμήμα της Διαχείρισης όπου θα πρέπει να δώσουμε username και password. Username είναι προκαθορισμένο το admin (αργότερα μπορούμε να το αλλάξουμε μέσα από την Διαχείριση) και password αυτό που δώσαμε στο βήμα 6 της εγκατάστασης(βλέπε εικόνα 15). Εικόνα 17: Joomla! Administration Login 31

32 Τα δύο βασικά χαρακτηριστικά του Joomla! είναι: Το Δημόσιο τμήμα (Front End). Είναι αυτό που βλέπει ο τελικός χρήστης και εκεί βρίσκεται το περιεχόμενο και όλα τα στοιχεία που θέλουμε να εμφανίζονται) Περιοχή Διαχείρισης (Back End). Εδώ γίνεται όλη η διαχείριση και η δουλειά για να εμφανίσουμε κάτι στο front-end. Τώρα θα εγκαταστήσουμε τα ελληνικά για τα δύο αυτά τμήματα (Back-End και Front-End). Αφού έχουμε συνδεθεί στην διαχείριση θα μεταβούμε στο μενού Extentions Install/Unistall και θα εμφανιστεί η παρακάτω εικόνα. Εικόνα 18: Εγκατάσταση ελληνικής γλώσσας Θα πατήσουμε αναζήτηση και θα επιλέξουμε το ένα αρχείο και θα πατήσουμε Upload File & Install. Θα κάνουμε την ίδια διαδικασία για να εγκαταστήσουμε και το δεύτερο αρχείο. Έπειτα θα πάμε στο μενού Extentions Language Manager Από εκεί θα ορίσουμε τα ελληνικά σαν default γλώσσα και για το Site και για τον Administrator. (βλέπε εικόνα 19) 32

33 Εικόνα 19: Καθορισμός ελληνικής γλώσσας Site-Administrator Πλέον έχουμε εγκαταστήσει την ελληνική γλώσσα και στα δύο τμήματα. Μπορούμε να δούμε τώρα ότι είναι στα ελληνικά. Για να μεταβείτε στο Δημόσιο τμήμα θα πρέπει να μεταβείτε στην διεύθυνση (έχουμε ονομάσει την ιστοσελίδα μας mysite ) ή από το τμήμα της διαχείρισης αν επιλέξετε preview/προεπισκόπηση. 33

34 ΚΕΦΑΛΑΙΟ 4 ΤΟ ΠΕΡΙΒΑΛΛΟΝ ΤΟΥ JOOMLA! 4.1 Χαρακτηριστικά του Joomla! Το Joomla! περιέχει στην βασική του εγκατάσταση έναν αριθμό από προεγκατεστημένα χαρακτηριστικά. Το αρχείο που κατεβάσαμε και κάναμε την εγκατάσταση είναι περίπου 7Mb. Η βασική εγκατάσταση έχει μερικά από τα εξής βασικά χαρακτηριστικά: Απλή δημιουργία και αναθεώρηση του περιεχομένου, χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου από το δημόσιο τμήμα(front-end) ή από το τμήμα της Διαχείρισης(Back-End) Εγγραφή χρηστών και δυνατότητα να θέσουμε περιορισμούς στην εμφάνιση σελίδων ανάλογα με το επίπεδο χρήστη Έλεγχος σύνταξης και δημοσίευσης του περιεχομένου, βασιζόμενο στο επίπεδο χρήστη διαχείρισης Δημοσκοπήσεις Απλές φόρμες επικοινωνίας Δημόσια στατιστικά του ιστοτόπου Ιδιωτικά στατιστικά κίνησης του ιστοτόπου(εμφανίζονται στον Διαχειριστή) Αναζήτηση περιεχομένου , Pdf και ικανότητα εκτύπωσης Rss (ροές ειδήσεων) Εμφάνιση ροών ειδήσεων από άλλους ιστοτόπους 4.2 Τα στοιχεία δομής του Joomla! Τα κυριότερα δομικά στοιχεία είναι τα παρακάτω: Δημόσιο Τμήμα (Front-End) Όπως αναφέραμε και στο προηγούμενο κεφάλαιο, το δημόσιο τμήμα είναι η εικόνα που βλέπει ο τελικός χρήστης, στην ουσία το αυτό που λέμε website. Δεν μπορούμε να το δούμε ακόμα γιατί θα το δημιουργήσουμε παρακάτω Τμήμα Διαχείρισης (Back-End) Το τμήμα της διαχείρισης είναι η περιοχή όπου θα γίνουν όλες οι εργασίες για να κατασκευαστεί η ιστοσελίδα. Εδώ θα δημιουργήσουμε το περιεχόμενο και όλα τα στοιχεία τα οποία θα εμφανίζονται στο δημόσιο τμήμα. 34

35 Εικόνα 20: Τμήμα Διαχείρισης Μενού (Menu) Τα μενού είναι αντικείμενα τα οποία βοηθάνε τον χρήστη να πλοηγηθεί μέσα στην ιστοσελίδα και να δει το περιεχόμενο. Μπορούμε να τοποθετήσουμε όσα μενού θέλουμε και συνήθως έχουν οριζόντια ή κατακόρυφη διάταξη. Τα μενού τα συνδέουμε με άλλα αντικείμενα του Joomla!, όπως άρθρα, κατηγορίες, εξωτερικούς συνδέσμους κτλ. Το σημείο διαχείρισης των μενού φαίνεται παρακάτω. 35

36 Εικόνα 21: Διαχείριση - Μενού Περιεχόμενο (Content) Το πιο σημαντικό μέρος ενός δικτυακού τόπου είναι το περιεχόμενο. Είναι τα πιο σημαντικά πράγματα τα οποία κοιτάζει ο χρήστης-επισκέπτης της ιστοσελίδας μας. Το περιεχόμενο είναι οργανωμένο σε διαχειρίσιμα κομμάτια που ονομάζονται άρθρα. Αυτό συνήθως τοποθετείτε στην μεγαλύτερη στήλη στο κέντρο της σελίδας. Εικόνα 22: Διαχείριση Περιεχόμενο 36

37 4.2.5 Εφαρμογές (Components) Οι εφαρμογές χρησιμοποιούνται για να μπορεί το Joomla! να επεκτείνεται. Υπάρχουν εκατοντάδες εφαρμογές, από τις οποίες άλλες είναι εμπορικές και άλλες είναι διαθέσιμες δωρεάν. Μερικές από αυτές είναι για e-shop, e-learning, μετάφραση ιστοσελίδων, γκαλερί φωτογραφιών κτλ. Εικόνα 23: Διαχείριση Εφαρμογές Επεκτάσεις (Extensions) Επεκτάσεις θεωρούνται τα Ενθέματα (modules), τα πρόσθετα (plug-ins) και τα πρότυπα (templates) 37

38 Εικόνα 24: Διαχείριση Επεκτάσεις (Extensions) Ενθέματα (Modules) Ενθέματα είναι μικρά λειτουργικά τμήματα που εμφανίζονται συνήθως γύρω από το κύριο μέρος της σελίδας, όπως μια δημοσκόπηση, μια φόρμα σύνδεσης χρήστη, σχετικά άρθρα κτλ. Είναι τα τμήματα στα οποία θα εμφανίζονται οι εφαρμογές, τα πρόσθετα και γενικά όλα τα αντικείμενα στην οθόνη του δημόσιου τμήματος(front-ent). 38

39 Εικόνα 25: Διαχείριση Ενθεμάτων (Modules) Πρόσθετα (Plug-ins) Τα πρόσθετα είναι κομμάτια κώδικα τα οποία εκτελούν κάποιες ειδικές λειτουργίες. Για παράδειγμα η μηχανή αναζήτησης του Joomla! για την αναζήτηση περιεχομένου μέσα στην σελίδα. Εικόνα 26: Διαχείριση Προσθέτων (Plug-ins) 39

40 Πρότυπα (Templates) Το πρότυπο είναι ένα σύνολο κανόνων για την παρουσίαση των εφαρμογών και των ενθεμάτων μέσα στην σελίδα και την τοποθέτηση τους στην οθόνη. Στην ουσία διαχωρίζει το περιεχόμενο από την εμφάνιση και καθορίζει σε ποια σημεία της οθόνης θα μπορούμε να τοποθετήσουμε ένα ένθεμα. Ένα πρότυπο μαζί με τα αρχεία CSS διαχειρίζονται των αριθμό των στηλών, το χρώμα του background, τις γραμματοσειρές, τα χρώματα τους, τα διαστήματα κτλ. Εικόνα 27: Τι κάνει ένα Πρότυπο (Template) 40

41 ΚΕΦΑΛΑΙΟ 5 ΚΑΤΑΣΚΕΥΑΖΟΝΤΑΣ ΜΙΑ ΙΣΤΟΣΕΛΙΔΑ ΣΤΟ JOOMLA! Σε αυτό το κεφάλαιο θα αναλυθούν τα σημαντικότερα βήματα για την κατασκευή μιας ιστοσελίδας σε Joomla!. 5.1 Διαλέγοντας Πρότυπο (Template) Το πρώτο και σημαντικότερο βήμα είναι να διαλέξετε ένα πρότυπο πάνω στο οποίο θα στηθεί η σελίδα. Η βασική εγκατάσταση περιέχει 2 πρότυπα προεγκατεστημένα ώστε να διαλέξουμε. Υπάρχουν όμως χιλιάδες ακόμα πρότυπα τα οποία διατίθενται στο διαδίκτυο και πάρα πολλά από αυτά είναι διαθέσιμα δωρεάν. Τα πρότυπα εγκαθίστανται όπως όλες οι επεκτάσεις, πηγαίνοντας στο επεκτάσεις εγκατάσταση. Εικόνα 28: Διαχείριση Προτύπων Επιλέγουμε το πρότυπο που επιθυμούμε και επιλέγουμε Προκαθορισμένο ώστε να είναι αυτό το πρότυπο το οποίο θα εφαρμοστεί στην σελίδα μας. 41

42 *Tip Οι αρχάριοι που δεν έχουν εμπειρία, καλό είναι να προσέξουν τις θέσεις που προσφέρει το πρότυπο για την προσθήκη ενθεμάτων, καθώς και την εμφάνιση(χρώματα, σχέδια κτλ). Εάν τους αρέσει, θα κρατήσουν το πρότυπο όπως είναι και δεν θα κάνουν αλλαγές, απλά προσθέτοντας το περιεχόμενο και τα ενθέματα ώστε να κατασκευαστεί η ιστοσελίδα. Φυσικά αυτό που παρουσιάζει ένα πρότυπο δεν είναι δεσμευτικό, και μπορεί κάποιος να αλλάξει χρώματα, γραμματοσειρές, backgrounds κτλ, αλλά πρέπει να επέμβει στον κώδικα του CSS(Cascading Style Sheets). Τα χρώματα και η γενική εμφάνιση είναι εύκολα κατανοητή απλά βλέποντας το. Τις θέσεις για ενθέματα όμως πως θα τις δούμε; Αυτό είναι εύκολο απλά επιλέγοντας το πρότυπο, από την διαχείριση προτύπων, και όταν ανοίξει επιλέγοντας προεπισκόπηση. Για την κατασκευή της ιστοσελίδας μας χρησιμοποιήθηκε ένα από τα προεγκατεστημένα πρότυπα το Ja_Purity. Παρακάτω φαίνεται η προεπισκόπηση του προτύπου και οι διαθέσιμες θέσεις όπου μπορούν να τοποθετηθούν ενθέματα. Το περιεχόμενο τοποθετείτε στην κεντρική μεσαία στήλη. Εικόνα 29: Προεπισκόπηση Template Η ιστοσελίδα βασίστηκε σε αυτό το πρότυπο αλλά έγιναν πολλές αλλαγές στο css(αλλαγές γραμματοσειράς, background, χρώματα τίτλων κ.α.). 5.2 Προσθέτοντας Περιεχόμενο Εφόσον έχουμε επιλέξει το πρότυπο που θα χρησιμοποιήσουμε, είμαστε έτοιμοι να προσθέσουμε περιεχόμενο στην ιστοσελίδα μας. Όταν λέμε περιεχόμενο εννοούμε τα άρθρα. Τα άρθρα είναι αυτά που θα παρουσιάζουν τις πληροφορίες που θέλουμε στον επισκέπτη της ιστοσελίδας. 42

43 Πριν την δημιουργία ενός άρθρου θα δημιουργήσουμε Ενότητες και Κατηγορίες άρθρων Δημιουργία Ενότητας Από το μενού της διαχείρισης πηγαίνουμε Περιεχόμενο Διαχείριση Ενοτήτων και μας εμφανίζεται η παρακάτω εικόνα. Εικόνα 30: Δημιουργία Ενότητας Έστω ότι θέλουμε να δημιουργήσουμε μία ενότητα η οποία θα ονομάζεται Υπηρεσίες και εκεί θα καταχωρίσουμε άρθρα που έχουν σχέση με τις μεταφορές και τις ανυψώσεις. Για την δημιουργία νέας Ενότητας επιλέγουμε απλά Νέο και θα μας εμφανιστεί η εικόνα 32. Βάζουμε τον τίτλο της ενότητας( Υπηρεσίες ) και επιλέγουμε να είναι δημοσιευμένο. Μπορούμε επίσης να βάλουμε κάποια εικόνα για την ενότητα και να δώσουμε μια περιγραφή της ενότητας. Μπορούμε επίσης να επιλέξουμε το επίπεδο πρόσβασης, αν θα είναι προσβάσιμο από όλους ή από συνδεδεμένους χρήστες κτλ. Πατάμε αποθήκευση και η δημιουργία της ενότητας έχει ολοκληρωθεί. Παρακάτω βλέπετε την εμφάνιση δημιουργίας μιας ενότητας. 43

44 Εικόνα 31: Δημιουργία Ενότητας Δημιουργία Κατηγορίας Αφού δημιουργήσαμε την Ενότητα Η εταιρία μας θα δημιουργήσουμε μια κατηγορία που θα ονομάζεται Υπηρεσίες και θα περιλαμβάνονται εκεί τα άρθρα που θα έχουν σχετικές πληροφορίες. Από το μενού της διαχείρισης πηγαίνουμε Περιεχόμενο Διαχείριση Κατηγοριών και επιλέγουμε Νέο για την δημιουργία μιας κατηγορίας. Θα δώσουμε σαν τίτλο της κατηγορίας «Υπηρεσίες», θα επιλέξουμε να δημοσιευθεί, και θα επιλέξουμε να περιλαμβάνεται στην ενότητα Η εταιρία μας. Να επισημάνουμε ότι δεν είναι απαραίτητο ένα άρθρο να κατηγοριοποιηθεί, μπορεί να δηλωθεί και εκτός κατηγοριών. Είναι προτιμότερο όμως τα άρθρα μας να είναι κατηγοριοποιημένα ώστε να υπάρχει μια σωστή δομή. Η δημιουργία της κατηγορίας φαίνεται στην εικόνα

45 Εικόνα 32: Δημιουργία Κατηγορίας Δημιουργία Άρθρου Θα δημιουργήσουμε ένα άρθρο το οποίο θα περιέχει τις πληροφορίες για την εταιρία μας. Θα το ονομάσουμε αρχική. Η εμφάνιση του άρθρου στο δημόσιο τμήμα( Front-End), δηλαδή στην σελίδα μας, θα είναι όπως φαίνεται στην εικόνα

46 Εικόνα 33: Αρχική σελίδα 46

47 Πηγαίνουμε στο μενού Περιεχόμενο Διαχείριση άρθρων και επιλέγουμε νέο. Εικόνα 34: Δημιουργία Άρθρου Είναι ένας κειμενογράφος ο οποίος μοιάζει σε εμφάνιση με το word. Έχει πολλά εργαλεία για δημιουργία, συνδέσμους, μορφοποίηση κτλ. Κάτω από τον κειμενογράφο υπάρχουν κάποια κουμπιά, από τα οποία τα πιο σημαντικά είναι: Εικόνα: Εισάγουμε μια εικόνα στο άρθρο από τον φάκελο images που είναι στην τοποθεσία www/mysite. Αλλαγή σελίδας : Μπορούμε να χωρίσουμε το άρθρο μας σε σελίδες σε περίπτωση που είναι μεγάλο, για να είναι ευανάγνωστο και δομημένο καλύτερα. Περισσότερα: Το κουμπί αυτό προσθέτει μια οριοθέτηση, όπου στο Δημόσιο Τμήμα(Front-Ent) θα εμφανίζεται ένα κουμπί περισσότερα για να δούμε ολόκληρο το άρθρο. Εάν το άρθρο είναι μεγάλο, μπορούμε π.χ. μετά την πρώτη παράγραφο να βάλουμε το κουμπί Περισσότερα και εάν ενδιαφέρεται ο επισκέπτης να δει όλο το άρθρο τότε να πατήσει το κουμπί. Εναλλαγή editor: Αλλάζει τον κειμενογράφο από το στυλ word σε κειμενογράφο HTML. 47

48 Εικόνα 35: HTML Editor Επιπλέον έχουμε πολλές επιλογές για να παραμετροποιήσουμε το άρθρο, όπως: Παράμετροι (Άρθρου): Να ορίσουμε αρθρογράφο, επίπεδο πρόσβασης, ημερομηνία δημιουργίας, έναρξη και τέλος δημοσίευσης. Παράμετροι (Προχωρημένες): Επιλογή προβολής τίτλου, αν ο τίτλος θα είναι σύνδεσμος, επιλογή αν θα εμφανίζονται το όνομα ενότηταςκατηγορίας-αρθρογράφου κτλ., επιλογή εμφάνισης ημερομηνίας δημιουργία και τροποποίησης, εμφάνιση εικονιδίων κ.α. (Αυτές οι παράμετροι μπορούν να προκαθοριστούν με τις επιλογές μας, γενικά για όλα τα άρθρα από το μενού Διαχείριση άρθρων-παράμετροι, έτσι ώστε είναι default και να μην χρειάζεται να κάνουμε συνέχεια αλλαγές) Πληροφορίες Περιγραφής: Δίνουμε περιγραφή και λέξεις κλειδιά για το άρθρο μας Δίνουμε τίτλο στο άρθρο. Επιλέγουμε αν θα δημοσιευθεί και αν θα είναι στο πρωτοσέλιδο της ιστοσελίδας μας. Τέλος επιλέγουμε ενότητα και κατηγορία και πατάμε αποθήκευση. Το άρθρο έχει δημιουργηθεί επιτυχώς. 48

49 5.3 Δημιουργία Μενού Πάμε στην Διαχείριση στο Μενού Διαχείριση Μενού και επιλέγουμε νέο. Έπειτα δίνουμε: Αποκλειστικό όνομα: Θα πρέπει να μην έχει κενά γιατί θα χρησιμοποιηθεί από το Joomla!. Τίτλος: Το όνομα του Μενού. Περιγραφή: Δίνουμε την Περιγραφή του μενού Τίτλος ενθέματος: Θα πρέπει να μην έχει κενά. Δημιουργείτε αυτόματα ένα module το οποίο θα προστεθεί μετά σε όποιο σημείο της σελίδας θέλουμε. Αυτό θα γίνει από την διαχείριση ενθεμάτων. Εικόνα 36: Δημιουργία Μενού Μετά την αποθήκευση θα εμφανιστεί η παρακάτω εικόνα και θα επιλέξουμε να προσθέσουμε στοιχεία. 49

50 Εικόνα 37: Διαχείριση Μενού Έπειτα θα επιλέξουμε νέο για εισάγουμε κάποιο στοιχείο. Εικόνα 38: Εισαγωγή Στοιχείων Μενού Τα διαθέσιμα είδη στοιχείων μενού είναι τα παρακάτω: 50

51 Εικόνα 39: Είδος Στοιχείων Μενού Το Μενού μπορεί να αντιπροσωπεύει: o Άρθρα o Επαφές o Ροές Ειδήσεων o Δημοσκοπήσεις o Συνδέσμους o Εξωτερικούς συνδέσμους o Διαχωριστές κ.α Εξωτερικός Σύνδεσμος Πάμε στα Είδη Στοιχείων Μενού όπως δείχνει η εικόνα 40 και επιλέγουμε Εξωτερικός Σύνδεσμος. 51

52 Εικόνα 40: Στοιχείο Μενού Εξωτερικός σύνδεσμος Χρησιμοποιήθηκε το είδος εξωτερικός σύνδεσμος γιατί θέλουμε όταν ο επισκέπτης θα κάνει κλικ πάνω στο στοιχείο ανυψωτικό μετακομίσεων να μεταβαίνει στο βίντεο του Youtube. Όπως φαίνεται στην εικόνα 40, δίνουμε τίτλο, και στον Σύνδεσμο βάζουμε το URL. Γονικό στοιχείο επιλέγουμε Κορυφή, ώστε να εμφανίζεται στο κορυφαίο επίπεδο εμφάνισης. Διαχωριστής Αυτό το στοιχείο μενού θα προσθέσει ένα διαχωριστικό στοιχείο κράτησης θέσης ή στο μενού για το Front-end. Ένα διαχωριστικό θα μπορούσαν να χρησιμοποιηθούν, για παράδειγμα, να σπάσει την εμφάνιση ενός μενού με πολλά στοιχεία του μενού. Αυτό θα δώσει την εμφάνιση της τομής εντός του Μενού. Ως κράτησης θέσης μπορεί να χρησιμοποιηθεί για να πληκτρολογήσετε το όνομα ενός στοιχείου μενού που πρόκειται να προστεθεί σε κάποιο σημείο στο μέλλον, αλλά απαιτείται μια καταχώρηση για να βοηθήσει στη γενική διάταξη του μενού. Δημιουργεί ένα μη συνδεδεμένο στοιχείο του μενού. 52

53 Εικόνα 41: Στοιχείο Μενού Διαχωριστής Άρθρα Αφού δημιουργήσουμε το μενού μας συνδέουμε κάθε στοιχείο του με ένα άρθρο έτσι ώστε όταν ο επισκέπτης το επιλέγει να του εμφανίζεται το περιεχόμενο του αντίστοιχου άρθρου. Έπειτα δημιουργούμε ένα στοιχείο μενού(εικόνα 39) και θα επιλέξουμε από την αναδυόμενη λίστα Σελιδοποίηση Άρθρου (εικόνα 42). Εικόνα 42: Στοιχείο Μενού - Άρθρα Αφού το επιλέξουμε θα μας εμφανιστεί η παρακάτω εικόνα (η εικόνα είναι μετά την συμπλήρωση των στοιχείων από εμάς) 53

54 Εικόνα 43: Στοιχείο Μενού - Σελιδοποίηση Άρθρου Δίνουμε τον τίτλο που θα εμφανίζει το μενού. Έπειτα από τις παραμέτρους Παράμετροι (Βασικές) επιλέγουμε το άρθρο με το οποίο θα συνδεθεί το μενού. Την περιοχή που γράφει Σύνδεσμος δεν την συμπληρώνουμε εμείς. Συμπληρώνεται αυτόματα από το Joomla! μετά την επιλογή του άρθρου. Με παρόμοιο τρόπο έχει δημιουργηθεί όλο το Κεντρικό Μενού της ιστοσελίδας της μεταφορικής μας εταιρείας. 5.4 Modules Οτιδήποτε άλλο εμφανίζεται στο Δημόσιο τμήμα(frond-end) εκτός της κεντρικής στήλης(άρθρα), γίνεται με την χρήση ενθεμάτων. Μπορούμε να εγκαταστήσουμε όσα ενθέματα θέλουμε με τον τρόπο που έχουμε προαναφέρει (Επεκτάσεις Εγκατάσταση) Είδη Ενθεμάτων Υπάρχουν κάποια προ εγκατεστημένα ενθέματα που εγκαταστάθηκαν κατά την εγκατάσταση του Joomla!. Εδώ όμως θα εμφανίζονται και όλα αυτά τα οποία θα εγκαταστήσουμε εμείς στην πορεία. Τα ίδια ενθέματα μπορούν να χρησιμοποιηθούν περισσότερες από μία φορά μέσα στην ιστοσελίδα μας. 54

55 Τα κυριότερα είδη ενθεμάτων είναι: HTML κατά παραγγελία. Το συγκεκριμένο ένθεμα μπορεί στην ουσία να μας δώσει την δυνατότητα να τοποθετήσουμε ένα κείμενο, εικόνες κτλ. οπουδήποτε μέσα στην ιστοσελίδα. Σε αυτή την κατηγορία έχουμε το ρολόι που εμφανίζεται στην αρχική μας σελίδα. Με αναζήτηση στο διαδίκτυο βρίσκουμε το flash clock που μας ενδιαφέρει και αντιγράφουμε τον κώδικα του. Μετά πάμε στο άρθρο μας που λέγεται αρχική πατάμε την επεξεργασία και επιλέγουμε το κουμπί Html. Έπειτα κάνουμε αντιγραφή τον κώδικα. Εικόνα 44: Εισαγωγή Ενθέματος Αναζήτηση. Αυτό το ένθεμα εμφανίζει ένα πλαίσιο αναζήτησης. Αρχειοθετημένο περιεχόμενο. Αυτό το Ένθεμα παρουσιάζει κατάλογο των μηνών, που περιέχουν Αρχειοθετημένα Άρθρα. Ο κατάλογος δημιουργείται αυτόματα μετά τη σήμανση ενός Άρθρου ως Αρχειοθετημένο. Δημοσκόπηση. Αυτό το Ένθεμα συμπληρώνει την Εφαρμογή Δημοσκοπήσεις. Χρησιμοποιείται για να εμφανίσει καθορισμένες δημοσκοπήσεις. 55

56 Διαφήμιση. Το Ένθετο Διαφήμιση προβάλλει τις ενεργές Διαφημίσεις από την Εφαρμογή Διαφήμιση του Ιστοτόπου. Ενότητες. Το Ένθεμα Ενότητα προβάλλει έναν κατάλογο με όλες τις Ενότητες που υπάρχουν στη βάση δεδομένων σας. Ως Ενότητες νοούνται μόνον οι Ενότητες Άρθρων. Επικαιρότητα. Το Ένθεμα Επικαιρότητα εμφανίζει ένα τυχαίο άρθρο ή ένα σταθερό αριθμό άρθρων οριζόντια ή κάθετα. Οδηγός πλοήγησης. Αυτό το Ένθεμα εμφανίζει τον Οδηγό Πλοήγησης. Περίβλημα. Αυτό το ένθεμα εμφανίζει μια καθορισμένη τοποθεσία σε ένα παράθυρο εσωτερικού πλαισίου (iframe). Περιεχόμενο Υψηλής επισκεψιμότητας. Αυτό το Ένθεμα εμφανίζει μια λίστα των προσφάτως δημοσιευμένων Άρθρων που έχουν τη μεγαλύτερη επισκεψιμότητα. Προβολή ροής. Αυτό το Ένθεμα επιτρέπει την προβολή μιας ροής ειδήσεων. Ροή Ειδήσεων (RSS Feed). Έξυπνο Ένθεμα που δημιουργεί Ροή Ειδήσεων για τη σελίδα όπου το Ένθεμα εμφανίζεται. Στατιστικά. Το Ένθεμα Στατιστικά προβάλλει πληροφορίες σχετικά με το διακομιστή μαζί με στατιστικά για τους χρήστες του Ιστοτόπου, τον αριθμό των Άρθρων στη βάση δεδομένων και τον αριθμό των Συνδέσμων που παρέχονται. Συνδεδεμένοι χρήστες. Το ένθεμα Συνδεδεμένοι Χρήστες εμφανίζει τον αριθμό των Ανωνύμων Χρηστών (δηλαδή επισκεπτών) και Εγγεγραμμένων Χρηστών (συνδεδεμένων χρηστών) που αυτήν τη στιγμή περιηγούνται στον Ιστότοπο. Σχετικά άρθρα. Αυτό το Ένθεμα εμφανίζει άλλα Άρθρα που σχετίζονται με το Άρθρο που παρουσιάζεται αυτή τη στιγμή. Η συσχέτιση βασίζεται σε Λέξεις- Κλειδιά. Όλες οι λέξεις-κλειδιά του τρέχοντος Άρθρου αντιπαραβάλλονται με όλες τις λέξεις-κλειδιά όλων των άλλων δημοσιευμένων Άρθρων. Σύνδεση (Login). Αυτό το Ένθεμα εμφανίζει μια φόρμα σύνδεσης με όνομα χρήστη και κωδικό. Τελευταία Νέα. Αυτό το Ένθεμα δείχνει μια λίστα με τα πρόσφατα δημοσιευθέντα και επίκαιρα Άρθρα. Τυχαία εικόνα. Αυτό το Ένθεμα εμφανίζει μια τυχαία εικόνα από φάκελο της επιλογής σας Module Menu Όταν δημιουργήσαμε το Μενού, δημιουργήθηκε αυτόματα και ένα ένθεμα του Μενού, ώστε να επιλέξουμε σε ποιο σημείο της ιστοσελίδας μας θα εμφανίζεται. Όπως είχαμε αναφέρει σε προηγούμενη παράγραφο( Πρότυπα(Templates)), ένα πρότυπο δίνει έναν αριθμό διαθέσιμων θέσεων για την τοποθέτηση ενός ενθέματος. Παρακάτω φαίνεται η ρύθμιση της θέσης του Μενού. 56

57 Εικόνα 45: Ένθεμα 'Μενού' Αυτό είναι το τυπικό ένθεμα που δημιουργείτε κατά την δημιουργία του Μενού. Από εδώ μπορούμε να επιλέξουμε την θέση στην οποία θα εμφανίζεται μέσα στην ιστοσελίδα μας. Επίσης έχει διάφορες παραμέτρους για να ρυθμίσουμε την εμφάνιση. Αξίζει να αναφέρουμε ότι υπάρχουν αρκετές επεκτάσεις, οι οποίες είναι διάφορα στυλ μενού, ώστε να επιλέξουμε την εμφάνιση και την λειτουργία του Μενού που μας αρέσει. Κάποιες κατηγορίες μενού είναι τα Accordion Menus, Flash Menus, Drop & Tab Menus κ.α. Όλες αυτές οι επεκτάσεις μπορούν να βρεθούν στο σύνδεσμο: Αυτό που κάνουν στην ουσία είναι να φορτώνουν το μενού που δημιουργήσαμε αλλά να το εμφανίζουν με το στυλ που έχει το καθένα. Μπορούμε να επιλέξουμε από εκεί κάποιο Menu Extension εάν δεν μας ικανοποιεί αυτό που έχουμε Module HTML κατά παραγγελία Το συγκεκριμένο ένθεμα μπορεί στην ουσία να μας δώσει την δυνατότητα να τοποθετήσουμε ένα κείμενο, εικόνες κτλ. οπουδήποτε μέσα στην ιστοσελίδα. Περιέχει έναν κειμενογράφο όπως κατά την δημιουργία ενός άρθρου και τοποθετούμε μέσα τις πληροφορίες που θέλουμε να εμφανίσουμε. Τα άρθρα τοποθετούνται αποκλειστικά στην μεσαία κεντρική στήλη της σελίδας, οπότε αυτό 57

58 το ένθεμα, μας λύνει τα χέρια τοποθετώντας πληροφορίες στο σημείο που επιθυμούμε Joomfish Πολυγλωσσικά sites Η εφαρμογή αυτή δεν ήταν προεγκατεστημένη και μπορούμε να την βρούμε από τον επίσημο ιστότοπο επεκτάσεων της Joomla! (extensions.joomla.org). Η εφαρμογή αυτή είναι από τις πιο δημοφιλείς εφαρμογές για την δημιουργία Πολυγλωσσικών sites. *Προσοχή: Δεν κάνει αυτόματη μετάφραση σε άλλες γλώσσες. Την μετάφραση την κάνουμε εμείς. Είναι ένα εργαλείο το οποίο δημιουργεί αντίγραφα των μενού, των άρθρων, των ενθεμάτων κτλ. στα οποία βάζουμε εμείς το αντίστοιχο μεταφρασμένο περιεχόμενο. Αφού κάνουμε την εγκατάσταση με τον γνωστό τρόπο (Επεκτάσεις Εγκατάσταση), πηγαίνουμε στο μενού Εφαρμογές Joomfish και μας εμφανίζεται η παρακάτω εικόνα. Εικόνα 46: Εφαρμογές Joomfish Εάν επιλέξουμε «Διαμόρφωση Γλώσσας» θα μπορέσουμε να ενεργοποιήσουμε τις γλώσσες που θέλουμε να χρησιμοποιήσουμε στο site μας. Εμείς θα χρησιμοποιήσουμε την ελληνική και την αγγλική γλώσσα αλλά μπορούμε να έχουμε όσες γλώσσες θέλουμε. 58

59 Εικόνα 47: Joomfish - Διαμόρφωση Γλώσσας Κατά την εγκατάσταση του Joomfish εγκαθίσταται και ένα ένθεμα το οποίο επιλέγουμε να εμφανίζεται σε κάποιο σημείο της ιστοσελίδας μας. Αυτό δεν είναι άλλο από τα κλασικά Σημαιάκια που βλέπουμε στις ιστοσελίδες για την επιλογή γλώσσας. Για την μετάφραση του περιεχομένου της ιστοσελίδας θα πρέπει να πάμε στο control panel του Joomfish και να επιλέξουμε Μετάφραση. Από εκεί θα επιλέξουμε τι στοιχεία θέλουμε να μεταφράσουμε και σε ποια γλώσσα. Στην ουσία μπορούμε να μεταφράσουμε τα πάντα μέσα στην ιστοσελίδα μας. Τα στοιχεία που μπορούν να μεταφραστούν είναι Διαφημίσεις, Ενότητες και Κατηγορίες άρθρων, Άρθρα, Επαφές, Μενού, Ενθέματα, Ροές Ειδήσεων, Δημοσκοπήσεις, Χρήστες κτλ. όπως φαίνεται παρακάτω. 59

60 Εικόνα 48: Joomfish Μετάφραση Παρακάτω θα μεταφράσουμε ένα άρθρο και θα χρησιμοποιήσουμε ως παράδειγμα το άρθρο «Τμήμα Πληροφορικής». Αφού επιλέξουμε Contents θα μας εμφανίσει όλα τα άρθρα. Παρακάτω εμφανίζονται τα άρθρα και αν επιλέξουμε το άρθρο που θέλουμε θα το ανοίξει για μετάφραση. Εικόνα 49: Joomfish - Μετάφραση - Content 60

61 Αφού ανοίξουμε το άρθρο μπορούμε τα δημιουργήσουμε αντίγραφα για όλες τις παραμέτρους του άρθρου, το περιεχόμενο του κτλ. αλλά αλλάζοντας το στην επιθυμητή γλώσσα. 5.5 Δημιουργία Χρηστών Το Joomla! υποστηρίζει την δημιουργία χρηστών πολλών επιπέδων ώστε να έχουν την ανάλογη πρόσβαση. Από τις «Γενικές ρυθμίσεις του Joomla» μπορούμε να ορίσουμε αν ένας επισκέπτης θα μπορεί να κάνει εγγραφή στην ιστοσελίδα μας. Για την ιστοσελίδα μας δεν δίνουμε στον επισκέπτη την δυνατότητα αυτή. Οι χρήστες που θα δημιουργηθούν θα γίνουν από τον Διαχειριστή και μόνον και θα δοθούν τα αντίστοιχα στοιχεία σύνδεσης στα άτομα που θα οριστούν. Για την δημιουργία των χρηστών πηγαίνουμε στο Τμήμα Διαχείρισης(Back-End) και επιλέγουμε Διαχείριση Χρηστών. Εικόνα 50: Διαχείριση Χρηστών Εάν επιλέξουμε Νέο θα μπορέσουμε να δημιουργήσουμε έναν νέο χρήστη και να ορίσουμε εάν θα έχει πρόσβαση στον Δημόσιο Ιστότοπο (Μέλος) ή στην Δημόσια Διαχείριση(θα μπορεί να συνδεθεί στο Τμήμα Διαχείρισης(Back-End) ). Στην παρακάτω εικόνα φαίνεται η φόρμα δημιουργίας ενός νέου χρήστη. 61

62 Εικόνα 51: Δημιουργία Χρήστη Δίνουμε Όνομα, Όνομα χρήστη, , κωδικό και επιλέγουμε σε ποια ομάδα θα τον κατατάξουμε ώστε να έχει και το ανάλογο επίπεδο πρόσβασης στην ιστοσελίδα μας. Μπορούμε να αλλάξουμε τις παραμέτρους για κάθε χρήστη ή απλά να αφήσουμε τις προκαθορισμένες. Εικόνα 52: Ομάδες Χρηστών Παρακάτω θα αναλύσουμε τις ομάδες χρηστών και τα δικαιώματα που τους παραχωρούνται. Μέλος. Στα μέλη μπορεί να επιτραπεί από τον διαχειριστή να βλέπουν περιοχές και μενού που δεν είναι ορατά στους απλούς χρήστες. Αρθρογράφος. Έχει τα ίδια δικαιώματα με τα μέλη. Επίσης, έχει την επιλογή του κειμενογράφου. Επιπλέον, οι αρθρογράφοι έχουν την δυνατότητα αποστολής ενός άρθρου ή web link. Τα άρθρα που αποστέλλει ο αρθρογράφος δεν δημοσιοποιούνται αλλά πρέπει να εγκριθούν πρώτα από τον διαχειριστή και 62

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

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

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

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

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

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

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

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

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

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ: 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. Αν δεν βλέπουμε

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

Εργαλεία ανάπτυξης εφαρμογών internet Ι

Εργαλεία ανάπτυξης εφαρμογών internet Ι IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής 4 φάσεις διαδικτυακών εφαρμογών 1.Εφαρμογές στατικής πληροφόρησης

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

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

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

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

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο

Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δυναμικές Ιστοσελίδες στο Πανελλήνιο Σχολικό Δίκτυο Δρ. Χρήστος Όροβας Τεχνικός Υπεύθυνος 1 Διαδικασία «Φόρτωσης» μιας Ιστοσελίδας Internet Explorer, Mozilla, Chrome, κτλ HTTP Server ΠΣΔ Αίτημα για επικοινωνία

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

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο

Τι είναι ένα σύστημα διαχείρισης περιεχομένου; δυναμικό περιεχόμενο Τι είναι ένα σύστημα διαχείρισης περιεχομένου; Παρά την μεγάλη εξάπλωση του διαδικτύου και τον ολοένα αυξανόμενο αριθμό ιστοσελίδων, πολλές εταιρείες ή χρήστες δεν είναι εξοικειωμένοι με την τεχνολογία

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

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

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

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

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

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

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

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

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

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

Σύστημα Διαχείρισης Περιεχομένου

Σύστημα Διαχείρισης Περιεχομένου Σύστημα Διαχείρισης Περιεχομένου Τι είναι ένα CMS Σύστημα διαχείρισης περιεχομένου - (Content Management System) Οργάνωση, ταξινόμηση και αρχειοθέτηση πληροφορίας Δημιουργία της υποδομής πάνω στην οποία

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

Εγχειρίδιο εγκατάστασης Megasoft 2009

Εγχειρίδιο εγκατάστασης Megasoft 2009 Εγχειρίδιο εγκατάστασης Megasoft 2009 Περιεχόμενα Εγκατάσταση Joomla, JoomFish και VirtueMart... 3 Αποστολή αρχείων Joomla στο Διακομιστή (Host)... 3 Εγκατάσταση Joomla... 4 Εγκατάσταση VirtueMart... 9

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

Εγκατάσταση 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 ) Περιεχόμενα

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

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

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

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

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

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

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

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

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

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

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

Με την αλλαγή των μεταβλητών σελιδοποίησης αυτόματα ρυθμίζετε το νέο όριο για τα άρθρα και τα αποτελέσματα αναζήτησης. Γενικές Ρυθμίσεις Στην ενότητα αυτή θα περιγράψουμε τις λειτουργίες των Γενικών Ρυθμίσεων. Εκεί αποθηκεύονται όλες οι ρυθμίσεις του Guru CMS. Εάν κάνετε κλικ στο σύνδεσμο "Γενικές Ρυθμίσεις" από την κύρια

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

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

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

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

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

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

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

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1 Τι είναι το Joomla, που αποσκοπεί Μάθημα 2 Χαρακτηριστικά &Δομή τυ Joomla Μάθημα 3 Ιστοσελίδα XML, HTML, CSS, Web Browser Μάθημα 4 Web Server, Domain Name Μάθημα 5 Τι είναι οι Στατικές

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

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

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

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

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

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

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

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

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

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

Πλοήγηση www / Με τον Internet Explorer

Πλοήγηση www / Με τον Internet Explorer Πλοήγηση www / Με τον Internet Explorer Περιεχόμενα 1.Eισαγωγή 2.Το περιβάλλον του Internet Explorer 3.Οδηγίες πλοήγησης 4.Αποθήκευση αρχείων 5.Αγαπημένα 6.Ασφαλής σύνδεση 7.Διακομιστής μεσολάβησης 1.Εισαγωγή

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

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I)

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I) Δημήτρης Μακρής Advanced Topics in Telecoms 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 1 Ο ΒΗΜΑ: ΞΕΚΙΝΩΝΤΑΣ ΤΟ JOOMLA 2 Ο ΒΗΜΑ: ΔΙΑΧΕΙΡΙΖΟΝΤΑΣ

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

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

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

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

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΜΕ ΘΕΜΑ:

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΜΕ ΘΕΜΑ: ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΜΕ ΘΕΜΑ: ΘΕΟΔΟΣΙΟΥ ΝΙΚΗ Α.Μ. 103/04 ΠΑΠΑΠΕΤΡΟΥ ΦΩΤΕΙΝΗ Α.Μ. 134/04 Εξεταστική Επιτροπή Επιβλέπουσα Καθηγήτρια : Σατρατζέμη Μαρία, Καθηγήτρια Μέλη : Ευαγγελίδης

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

ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει

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

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

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

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

Σύστημα διαχείρισης περιεχομένου (Content Management System)

Σύστημα διαχείρισης περιεχομένου (Content Management System) Τι είναι ένα CMS Σύστημα διαχείρισης περιεχομένου (Content Management System) Λογισμικό το οποίο χρησιμοποιείται για την οργάνωση, ταξινόμηση και αρχειοθέτηση πληροφορίας Χρησιμοποιούνται για τη δημιουργία

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

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

ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΔΙΑΤΜΗΜΑΤΙΚΟ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ «ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΥΠΟΛΟΓΙΣΤΙΚΗ ΒΙΟΪΑΤΡΙΚΗ» ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΔΙΑΤΜΗΜΑΤΙΚΟ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ «ΠΛΗΡΟΦΟΡΙΚΗ ΚΑΙ ΥΠΟΛΟΓΙΣΤΙΚΗ ΒΙΟΪΑΤΡΙΚΗ» Ανάπτυξη και Σχεδιασμός Δυναμικής Ιστοσελίδας του Πανεπιστημίου Θεσσαλίας,

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

XAMPP Apache MySQL PHP javascript xampp

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

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

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

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

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

ΑΡΧΕς ΛΕΙΤΟΥΡΓΙΑς CMS (Content Management System) ΚΑΙ ΕΦΑΡΜΟΓΗ ΤΟΥς ςε ΜΙΚΡΟΜΕςΑΙΕς ΕΠΙΧΕΙΡΗςΕΙς

ΑΡΧΕς ΛΕΙΤΟΥΡΓΙΑς CMS (Content Management System) ΚΑΙ ΕΦΑΡΜΟΓΗ ΤΟΥς ςε ΜΙΚΡΟΜΕςΑΙΕς ΕΠΙΧΕΙΡΗςΕΙς ΑΡΧΕς ΛΕΙΤΟΥΡΓΙΑς CMS (Content Management System) ΚΑΙ ΕΦΑΡΜΟΓΗ ΤΟΥς ςε ΜΙΚΡΟΜΕςΑΙΕς ΕΠΙΧΕΙΡΗςΕΙς Χρήστος Γεωργιάδης Τμήμα Εφαρμοσμένης Πληροφορικής Πανεπιστήμιο Μακεδονίας Περιεχόμενα 1. Η εικόνα του διαδικτύου

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

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

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

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

Περιεχόμενα. Δημιουργία σύνδεσης... 27 5. ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ... 37. Γνωριμία με μια ιστοσελίδα:... 38

Περιεχόμενα. Δημιουργία σύνδεσης... 27 5. ΤΙ ΕΙΝΑΙ ΙΣΤΟΣΕΛΙΔΕΣ ΚΑΙ ΤΙ ΤΟΠΟΘΕΣΙΕΣ ΙΣΤΟΥ... 37. Γνωριμία με μια ιστοσελίδα:... 38 Περιεχόμενα ΠΡΟΛΟΓΟΣ... 11 ΔΙΑΔΙΚΤΥΟ... 13 1. ΙΣΤΟΡΙΑ ΤΟΥ ΔΙΑΔΙΚΤΥΟΥ... 15 2. ΤΙ ΕΙΝΑΙ ΤΟ ΔΙΑΔΙΚΤΥΟ INTERNET;... 16 3. ΤΙ ΠΡΟΣΦΕΡΕΙ ΤΟ ΔΙΑΔΙΚΤΥΟ, ΤΙ ΜΠΟΡΕΙ ΝΑ ΒΡΕΙ ΚΑΝΕΙΣ... 19 4. ΤΙ ΑΠΑΙΤΕΙΤΑΙ ΓΙΑ ΝΑ

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

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ

1 ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΑΣ ΓΕΩΠΟΝΙΑΣ - ΤΜΗΜΑ ΦΥΤΙΚΗΣ ΠΑΡΑΓΩΓΗΣ 1 2 Περιεχόμενα 1. Εισαγωγή... 5 2. Επεξήγηση των εργαλείων που χρησιμοποιήθηκαν για την δημιουργία της ιστοσελίδας... 6 2.1 Γλώσσα προγραμματισμού ΗΤML για την δημιουργία της Ιστοσελίδας... 6 2.2 Γλώσσα

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

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

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

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

JOOMLA CMS ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ ΑΕΡΟΔΡΟΜΙΟΥ ΜΕ ΧΡΗΣΗ ΣΥΣΤΗΜΑΤΟΣ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ (CMS)

JOOMLA CMS ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ ΑΕΡΟΔΡΟΜΙΟΥ ΜΕ ΧΡΗΣΗ ΣΥΣΤΗΜΑΤΟΣ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ (CMS) JOOMLA CMS ΤΙΤΛΟΣ ΕΡΓΑΣΙΑΣ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ ΑΕΡΟΔΡΟΜΙΟΥ ΜΕ ΧΡΗΣΗ ΣΥΣΤΗΜΑΤΟΣ ΔΙΑΧΕΙΡΙΣΗΣ ΠΕΡΙΕΧΟΜΕΝΟΥ (CMS) Φοιτητές : Μαρινόπουλος Αγάθων Βορκάς Παναγιώτης Επιβλέπων καθηγητής

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

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

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

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

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών

Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση CMS. Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σχολείο, Εκπαιδευτικοί Διαδικτυακή Παρουσία με χρήση 1 CMS Α. Χατζηπαπαδόπουλος Φ. Δεληγιάννης 1 ο ΕΚ Αθηνών Σεμινάριο Στελεχών Διοίκησης Σχ. Μονάδων Α Αθήνας στις Νέες Τεχνολογίες 14/3/2018 2 Παρουσία

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

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

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

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

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

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

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

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός

Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων. World Wide Web. Παγκόσμιος Ιστός Εισαγωγή στις ΤΠΕ ΙΙ Γιάννης Βρέλλης ΠΤΔΕ-Πανεπιστήμιο Ιωαννίνων World Wide Web Παγκόσμιος Ιστός Internet - WWW Internet: παγκόσμιο δίκτυο υπολογιστών που βασίζεται στο πρωτόκολο επικοινωνίας TCP/IP και

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

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

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ Κεφάλαιο 2. Το περιβάλλον του παγκόσμιου Ιστού Επιμέλεια: Καραγιάννης Σπύρος Καθηγητής ΠΕ19 Πλεονεκτήματα παγκόσμιου Ιστού Εξυπηρετητής Ιστού & Ιστοσελίδες Κύριες

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

Βασικές Έννοιες Web Εφαρμογών

Βασικές Έννοιες Web Εφαρμογών ΟΙΚΟΝΟΜΙΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΤΜΗΜΑ ΔΙΟΙΚΗΤΙΚΗΣ ΕΠΙΣΤΗΜΗΣ ΚΑΙ ΤΕΧΝΟΛΟΓΙΑΣ Τεχνολογίες και Εφαρμογές Διαδικτύου Βασικές Έννοιες Web Εφαρμογών Κατερίνα Πραματάρη Τεχνολογίες και Εφαρμογές Διαδικτύου Περιεχόμενα

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

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

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

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

Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού. Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης

Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού. Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης Σχεδίαση και ανάπτυξη ιστοχώρου του εργαστηρίου Μηχανικής Λογισμικού Π λ ό λ Α όλ Π ώ Παληόπουλος Αποστόλης-Παπαναγιώτου Παναγιώτης Σκοπός και χρησιμότητα της δημιουργίας portal για το τομέα Μικροϋπολογιστών.

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

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

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

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

Υπηρεσία Ιστοτόπου - Ιστολογίου

Υπηρεσία Ιστοτόπου - Ιστολογίου Πολυτεχνείο Κρήτης Διεύθυνση Τηλεπικοινωνιών, Δικτύων και Υπολογιστικής Υποδομής Τμήμα Εκπαιδευτικής Υπολογιστικής Υποδομής Υπηρεσία Ιστοτόπου - Ιστολογίου 1. Εισαγωγή... 3 2. Βασικές γνώσεις για τη δημιουργία

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

Ενσωματωμένα controls τα οποία προσαρμόζονται και χρησιμοποιούνται σε οποιαδήποτε ιστοσελίδα επιλέγει ο φορέας.

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

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

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

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

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

Οδηγός χρήσης Joomla 3.0

Οδηγός χρήσης Joomla 3.0 Οδηγός χρήσης Joomla 3.0 Περιεχόμενα 1. Γενικές λειτουργίες άρθρων 2. Δημιουργία νέου/επεξεργασία άρθρου 3. Δημιουργία κουμπιού 2013 1. Γενικές λειτουργίες άρθρων Συνδεόμαστε στο περιβάλλον διαχείρισης

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

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

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

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

Μάθημα 4ο. Προγράμματα

Μάθημα 4ο. Προγράμματα Μάθημα 4ο Προγράμματα Σελίδα 47 από 106 4.1 Εγκατάσταση προγραμμάτων Όπως έχουμε πει στο πρώτο μάθημα (Σημειώσεις 1ου Μαθήματος 1.3.3.Β σελ. 12) τα προγράμματα ή αλλιώς εφαρμογές αποτελούν μέρος του λογισμικού

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

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

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

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

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

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

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

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

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

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

Σύστημα Διαχείρισης Περιεχομένου για τη δημιουργία δυναμικών ιστοσελίδων ΕΛ/ΛΑΚ Ηλιαδάκης Σταμάτης

Σύστημα Διαχείρισης Περιεχομένου για τη δημιουργία δυναμικών ιστοσελίδων ΕΛ/ΛΑΚ Ηλιαδάκης Σταμάτης Joomla CMS Σύστημα Διαχείρισης Περιεχομένου για τη δημιουργία δυναμικών ιστοσελίδων ΕΛ/ΛΑΚ Τι είναι ένα Σύστημα Διαχείρισης Περιεχομένου (Content Management System CMS); Στατικές Ιστοσελίδες Το περιεχόμενο

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

Joomla! with K2 - User Guide

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

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

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013

ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 ΥΠΗΡΕΣΙΕΣ ΔΙΑΔΙΚΤΟΥ Explorer & Outlook 2013 1. Δίκτυα Υπολογιστών και Διαδίκτυο... 3 1.1. Όροι Και Έννοιες... 3 1.2. Ασφάλεια Στο Διαδίκτυο... 5 2. Περιήγηση στον Παγκόσμιο Ιστό 7 Το Περιβάλλον Ενός Φυλλομετρητή...

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

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

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

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

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ

ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΙΣΤΟΤΟΠΩΝ 1Τι είναι ο Παγκόσµιος Ιστός; Λόγω της µεγάλης απήχησης του Παγκόσµιου Ιστού πολλές φορές ταυτίζουµε τον Παγκόσµιο Ιστό µε το Διαδίκτυο. Στην πραγµατικότητα αυτή η αντίληψη

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

Περιεχόμενα Πώς να χρησιμοποιήσετε το βιβλίο... 7 Αντί προλόγου... 9 Κεφάλαιο 1: Κεφάλαιο 2: Κεφάλαιο 3: Κεφάλαιο 4: Κεφάλαιο 5: Πώς να δημιουργήσω το Προφίλ μου και να γίνω μέλος στο Facebook;... 15 Τι

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

Εργαλεία Ανάπτυξης Εφαρμογών Internet I

Εργαλεία Ανάπτυξης Εφαρμογών Internet I Εργαλεία Ανάπτυξης Εφαρμογών Internet I 2: Εισαγωγή στον περιβάλλον με δομή πελάτη-εξυπηρετητή Σταύρος Καμμάς 4 φάσεις διαδικτυακών εφαρμογών 1. Εφαρμογές στατικής πληροφόρησης 2. Εφαρμογές με απλή αμφίδρομη

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

ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ.

ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ. ΟΔΗΓΙΕΣ ΓΙΑ ΤΟ ΠΑΙΧΝΙΔΙ. Το πρώτο πράγμα που βλέπουμε μόλις ξεκινάμε το παιχνίδι είναι μια λίστα με όλα τα διαθέσιμα βίντεο με τα οποία μπορούμε να εξασκηθούμε. Σε αυτή περιλαμβάνονται επίσης πληροφορίες

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

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

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

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

Δραστηριότητα 3: Ρυθμίσεις Oικιακής Ομάδας Τοπικού Δικτύου Η/Υ σε WINDOWS 7 & 8

Δραστηριότητα 3: Ρυθμίσεις Oικιακής Ομάδας Τοπικού Δικτύου Η/Υ σε WINDOWS 7 & 8 Δραστηριότητα 3: Ρυθμίσεις Oικιακής Ομάδας Τοπικού Δικτύου Η/Υ σε WINDOWS 7 & 8 Βιβλιογραφία: https://support.microsoft.com/el-gr/help/17145/windows-homegroup-from-start-to-finish ΘΕΩΡΗΤΙΚΟ ΜΕΡΟΣ τι είναι

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

Πληκτρολογήστε την παρακάτω διεύθυνση στον Internet Explorer ή στον Google Chrome. Η Χρήση του Mozilla Firefox δεν συνιστάται.

Πληκτρολογήστε την παρακάτω διεύθυνση στον Internet Explorer ή στον Google Chrome. Η Χρήση του Mozilla Firefox δεν συνιστάται. 1 Περιεχόμενα Πρόσβαση 3 Προϋποθέσεις Χρήσης...4 Αναζήτηση Περιστατικού.5 Νέες Αναγγελίες και Προβολή Περιστατικού.6 Αποστολή (Upload )& Χαρακτηρισμός φωτογραφιών 7 Διαγραφή φωτογραφιών ή ολόκληρης Λίστας.9

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

Κατασκευή Ιστοτόπου Σχολικής Μονάδας με τη βοήθεια έτοιμου προκατασκευασμένου προτύπου (Joomla)

Κατασκευή Ιστοτόπου Σχολικής Μονάδας με τη βοήθεια έτοιμου προκατασκευασμένου προτύπου (Joomla) Πανεπιστημιακό Κέντρο Κεντρικής και Δυτικής Μακεδονίας «Εκπαίδευση Επιμορφωτών Β Επιπέδου» Επιμόρφωση Πληροφορικών Εργασία στο Γενικό Μέρος - Ενότητα 3 Υπεύθυνος Διδάσκων: Ι. Σαλονικίδης Κατασκευή Ιστοτόπου

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

Βιωματικό εργαστήριο ηλεκτρονικών υπολογιστών. Οργάνωση εκπαιδευτικού υλικού με Η/Υ από δραστηριότητες στο Δημοτικό και στο Νηπιαγωγείο.

Βιωματικό εργαστήριο ηλεκτρονικών υπολογιστών. Οργάνωση εκπαιδευτικού υλικού με Η/Υ από δραστηριότητες στο Δημοτικό και στο Νηπιαγωγείο. Βιωματικό εργαστήριο ηλεκτρονικών υπολογιστών. Οργάνωση εκπαιδευτικού υλικού με Η/Υ από δραστηριότητες στο Δημοτικό και στο Νηπιαγωγείο. Εισηγητής : Χρήστος Μανώλης δάσκαλος Θεσσαλονίκη Οκτώβριος - Δεκέμβριος

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

Πρόγραμμα Ενδοσχολικής Επιμόρφωσης

Πρόγραμμα Ενδοσχολικής Επιμόρφωσης Πρόγραμμα Ενδοσχολικής Επιμόρφωσης 17 ου Δημοτικού Σχολείου Ρόδου Διαχείριση και Ενημέρωση Σχολικού Ιστότοπου Α Κύκλος Φθινόπωρο 2011 2 Οδηγός για την εισαγωγή άρθρων και πληροφοριών στον ιστότοπο του

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

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

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

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

Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ.

Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. Ιδρυματικό Αποθετήριο ΑΕΙ ΠΕΙΡΑΙΑ Τ.Τ. Οδηγίες κατάθεσης εργασίας στο σύστημα διαχείρισης αποθετηρίου DSpace 2 Κατάθεση εργασίας στο σύστημα Ιδρυματικού Αποθετηρίου 1. Είσοδος στο σύστημα 1. Ανοίγουμε

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

ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ - ΜΕΣΟΛΟΓΓΙ ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ ΕΡΓΑΣΤΗΡΙΟ ΕΑΡΙΝΟ ΕΞΑΜΗΝΟ 2014-2015. Διαδικασία Κατάρτησης Επιχειρηματικού Σχεδίου

ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ - ΜΕΣΟΛΟΓΓΙ ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ ΕΡΓΑΣΤΗΡΙΟ ΕΑΡΙΝΟ ΕΞΑΜΗΝΟ 2014-2015. Διαδικασία Κατάρτησης Επιχειρηματικού Σχεδίου ΤΜΗΜΑ ΔΙΟΙΚΗΣΗΣ ΕΠΙΧΕΙΡΗΣΕΩΝ - ΜΕΣΟΛΟΓΓΙ ΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟ ΕΡΓΑΣΤΗΡΙΟ ΕΑΡΙΝΟ ΕΞΑΜΗΝΟ 2014-2015 ΕΡΓΑΣΤΗΡΙΑΚO ΜΕΡΟΣ B Eπιχειρηματικό Σχέδιο και Σχεδίαση 1 ης Σελίδας Σκοπός: σκοπός του Β εργαστηριακού

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

Vodafone Business Connect

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

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

Εγχειρίδιο Χρήσης-Οδηγός Εκπαίδευσης Χρηστών. - Δήμος Δέλτα - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης

Εγχειρίδιο Χρήσης-Οδηγός Εκπαίδευσης Χρηστών. - Δήμος Δέλτα - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης Ανάπτυξη διαδικτυακής εφαρμογής υποστήριξης των δράσεων περιβαλλοντικής διαχείρισης της παράκτιας ζώνης του Θερμαϊκού Κόλπου και διαδραστικής εφαρμογής αναφοράς περιβαλλοντικών προβλημάτων Εγχειρίδιο Χρήσης-Οδηγός

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

Οι διαδικασίες ενος CMS είναι σχεδιασμένες για να:

Οι διαδικασίες ενος CMS είναι σχεδιασμένες για να: CMS Content Management System Σύστημα Διαχείρισης Περιεχομένου Ένα σύστημα διαχείρισης περιεχομένου (CMS) είναι μια συλλογή απο διαδικασίες που χρησιμοποιούνται για τη διαχείριση της ροής εργασίας σε ένα

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

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ. ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση

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

Αναζήτηση στον Ιστό. Πληκτρολόγηση του URL: στο πλαίσιο αναζήτησης του Mozilla Firefox. Enter ή κλικ στο Αναζήτηση

Αναζήτηση στον Ιστό. Πληκτρολόγηση του URL:  στο πλαίσιο αναζήτησης του Mozilla Firefox. Enter ή κλικ στο Αναζήτηση Αναζήτηση στον Ιστό Χρήση μιας μηχανής αναζήτησης Επιλογή συγκεκριμένης μηχανής αναζήτησης Είναι συχνό το φαινόμενο να θέλει ο χρήστης να εντοπίσει πληροφορίες στο διαδίκτυο και να μην ξέρει που να κοιτάξει.

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

GoDigital.CMS Content Management System. Πλήρης διαχείριση περιεχομένου ιστοσελίδας

GoDigital.CMS Content Management System. Πλήρης διαχείριση περιεχομένου ιστοσελίδας GoDigital.CMS Content Management System Πλήρης διαχείριση περιεχομένου ιστοσελίδας Γενική περιγραφή Πλήρης λύση ηλεκτρονικής παρουσίας Το GoDigital.CMS είναι μία πλήρη εφαρμογή διαχείρισης ηλεκτρονικής

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

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΟΔΗΓΟΣ ΧΡΗΣΗΣ ΓΙΑ ΣΥΣΤΗΜΑ ΚΡΑΤΗΣΕΩΝ ΕΡΓΑΣΤΗΡΙΩΝ ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 15/10/2012 Περιεχόμενα ΠΕΡΙΕΧΟΜΕΝΑ... 2 ΣΚΟΠΟΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ...

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

ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ

ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ ΦΤΙΑΞΕ ΜΟΝΟΣ ΣΟΥ ΤΗ ΔΙΚΗ ΣΟΥ ΙΣΤΟΣΕΛΙΔΑ ΔΩΡΕΑΝ Φτιάξε το Site σου σε 5 βήματα!!! Φτιάξτε τώρα μια σύγχρονη ιστοσελίδα με δυνατότητα να την ανανεώνετε μόνοι σας...με τον πιο γρήγορο και εύκολο τρόπο!!!

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

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών

Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών Οδηγός χρήσης για Σύστημα κρατήσεων εργαστηριών ΥΠΗΡΕΣΙΑ ΠΛΗΡΟΦΟΡΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΥΠΣ-ΕΔ/69 09-02-2015 Περιεχόμενα Περιεχόμενα... 2 ΣΚΟΠΟΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 3 ΛΕΙΤΟΥΡΓΙΕΣ ΤΟΥ ΣΥΣΤΗΜΑΤΟΣ... 4 Πρόγραμμα Κρατήσεων...

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

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

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

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

Ιδρυματικό Αποθετήριο Τ.Ε.Ι. Κεντρικής Μακεδονίας. Οδηγίες κατάθεσης εργασίας στο σύστημα διαχείρισης αποθετηρίου «Απόθεσις»

Ιδρυματικό Αποθετήριο Τ.Ε.Ι. Κεντρικής Μακεδονίας. Οδηγίες κατάθεσης εργασίας στο σύστημα διαχείρισης αποθετηρίου «Απόθεσις» Ιδρυματικό Αποθετήριο Τ.Ε.Ι. Κεντρικής Μακεδονίας Οδηγίες κατάθεσης εργασίας στο σύστημα διαχείρισης αποθετηρίου «Απόθεσις» Κατάθεση εργασίας στο «Απόθεσις» 1. Είσοδος στο σύστημα 1. Ανοίγουμε ένα γνωστό

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

Εγκατάσταση. Εγκατάσταση του Wamp

Εγκατάσταση. Εγκατάσταση του Wamp Εγκατάσταση Εγκατάσταση του Wamp Η εγκατάσταση χωρίζεται σε δύο µέρη. Πρώτα θα εγκαταστήσουµε το Wamp, ώστε να µετατρέψουµε τον υπολογιστή µας σε Web Server και µετά θα εγκαταστήσουµε το Joomla. Η εγκατάσταση

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

Vodafone Business Connect

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

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

Ελεύθερο Λογισμικό. Γιάννης Γαϊδαρτζής ΠΕ19 Υπεύθυνος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ρεθύμνου

Ελεύθερο Λογισμικό. Γιάννης Γαϊδαρτζής ΠΕ19 Υπεύθυνος ΚΕ.ΠΛΗ.ΝΕ.Τ. Ρεθύμνου Ελεύθερο Λογισμικό Το Ελεύθερο Λογισμικό, όπως ορίζεται από το Ίδρυμα Ελευθέρου Λογισμικού (Free Software Foundation), είναι λογισμικό που μπορεί να χρησιμοποιηθεί, αντιγραφεί, μελετηθεί, τροποποιηθεί

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

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

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

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

Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes

Τα είδη των ιστοσελίδων. Web Sites E-commerce Sites CMS & Blog Sites CMS Flash Facebook Layouts Tumblr Themes Ορισμός ιστοσελίδας Ιστοσελίδα (αγγλικά: web page) είναι ένα είδος εγγράφου του παγκόσμιου ιστού (WWW) που περιλαμβάνει πληροφορίες με την μορφή κειμένου, υπερκειμένου, εικόνας, βίντεο και ήχου. Τα είδη

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

Internet Business Hellas

Internet Business Hellas Internet Business Hellas Περιεχόμενα Εισαγωγή email marketing IBNEWSLETTER Χαρακτηριστικά Πλεονεκτήματα Επικοινωνία Εισαγωγή email marketing «Το μάρκετινγκ μέσω ηλεκτρονικού ταχυδρομείου συνίσταται στην

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

Αρχίζοντας. Το Joomla τρέχει: Στο Joomla μπορούμε να προσθέσουμε επιπλέον λειτουργικότητα, να την επεκτείνουμε δηλαδή (extensions) PHP MySql

Αρχίζοντας. Το Joomla τρέχει: Στο Joomla μπορούμε να προσθέσουμε επιπλέον λειτουργικότητα, να την επεκτείνουμε δηλαδή (extensions) PHP MySql Php και Joomla Ψηφιακό Περιεχόμενο & Επικοινωνίες Αρχίζοντας Το Joomla τρέχει: PHP MySql Στο Joomla μπορούμε να προσθέσουμε επιπλέον λειτουργικότητα, να την επεκτείνουμε δηλαδή (extensions) με την χρήση

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

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy Σ ε λ ί δ α 1 Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy Περιεχόμενα 1. Download Arebas Easy... 2 2. Εγκατάσταση Arebas Easy... 3 3. Εγγραφή στον Arebas Server... 7 4. Παραμετροποίηση Arebas Easy...

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

Vodafone Business Connect

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

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

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb)

ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Π.Σ. ΦΟΙΤΗΤΟΛΟΓΙΟΥ- ΓΙΑ ΤΟ ΔΙΔΑΣΚΟΝΤΑ (ClassWeb) 1. Είσοδος στην υπηρεσία ClassWeb Στη κεντρική σελίδα της υπηρεσίας στα πεδία Όνομα Χρήστη και Κωδικός πρόσβασης πληκτρολογούμε τα στοιχεία

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

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12

Περιεχόμενα. Πληροφορίες Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 Περιεχόμενα Πληροφορίες... 11 Σχετικά με το βιβλίο...11 Τι είναι το WordPress...11 Πληροφορίες για τον συγγραφέα...12 1 Εγκατάσταση του WordPress... 13 Ελάχιστες απαιτήσεις...13 WampServer...14 Εγκατάσταση

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

www.e-katartisi.com Equal Society e-learning platform

www.e-katartisi.com Equal Society e-learning platform www.e-katartisi.com Equal Society e-learning platform Ο ΗΓΙΕΣ ΧΡΗΣΗΣ ΕΙΣΟ ΟΣ ΣΤΗΝ ΠΛΑΤΦΟΡΜΑ ΤΗΛΕΚΑΤΑΡΤΙΣΗΣ Για να εισέλθετε στην πλατφόρµα τηλεκατάρτισης της Equal Society και να έχετε πρόσβαση στα περιεχόµενά

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

Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού

Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού Πανεπιστήμιο Αιγαίου Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού Έκδοση 1.2 Περιεχόμενα 1. Είσοδος και Έξοδος από το Σύστημα... 3 2. Βοήθεια... 3 3. Αλλαγή Συνθηματικού... 3 4. Διαχείριση

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