ΗΛΕΚΤΡΟΝΙΚΟ ΒΙΒΛΙΟΠΩΛΕΙΟ «Η ΠΡΟΤΑΣΙΣ» ΖΑΜΑΝΤΖΑΣ ΕΥΑΓΓΕΛΟΣ (ΑΜ: Τ03060) ΡΟΔΙΤΗΣ ΘΕΟΔΟΣΗΣ (ΑΜ: Τ03214)

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

Download "ΗΛΕΚΤΡΟΝΙΚΟ ΒΙΒΛΙΟΠΩΛΕΙΟ «Η ΠΡΟΤΑΣΙΣ» ΖΑΜΑΝΤΖΑΣ ΕΥΑΓΓΕΛΟΣ (ΑΜ: Τ03060) ΡΟΔΙΤΗΣ ΘΕΟΔΟΣΗΣ (ΑΜ: Τ03214)"

Transcript

1 ΑΤΕΙ ΘΕΣΣΑΛΙΑΣ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ Τμήμα Μηχανικών Πληροφορικής ΤΕ ΗΛΕΚΤΡΟΝΙΚΟ ΒΙΒΛΙΟΠΩΛΕΙΟ «Η ΠΡΟΤΑΣΙΣ» Π Τ Υ Χ Ι Α Κ Η Ε Ρ Γ Α Σ Ι Α ΖΑΜΑΝΤΖΑΣ ΕΥΑΓΓΕΛΟΣ (ΑΜ: Τ03060) ΡΟΔΙΤΗΣ ΘΕΟΔΟΣΗΣ (ΑΜ: Τ03214) Επιβλέπων: <ΣΑΒΒΑΣ ΗΛΙΑΣ, ΑΝΑΠΛΗΡΩΤΗΣ ΚΑΘΗΓΗΤΗΣ> ΛΑΡΙΣΑ 2015

2

3 «Εγώ ο Ζαμαντζάς Ευάγγελος και εγώ ο Ροδίτης Θεοδόσης, δηλώνουμε υπεύθυνα ότι η παρούσα Πτυχιακή Εργασία με τίτλο Ηλεκτρονικό βιβλιοπωλείο «Η Πρότασις» είναι δική μας και βεβαιώνουμε ότι: Σε όσες περιπτώσεις έχουμε συμβουλευτεί δημοσιευμένη εργασία τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Σε όσες περιπτώσεις μεταφέρουμε λόγια τρίτων, αυτό επισημαίνεται με σχετική αναφορά στα επίμαχα σημεία. Με εξαίρεση τέτοιες περιπτώσεις, το υπόλοιπο κείμενο της πτυχιακής αποτελεί δική μας δουλειά. Αναφέρουμε ρητά όλες τις πηγές βοήθειας που χρησιμοποίησαμε. Σε περιπτώσεις που τμήματα της παρούσας πτυχιακής έγιναν από κοινού με τρίτους, αναφέρουμε ρητά ποια είναι η δική μας συνεισφορά και ποια των τρίτων. Γνωρίζουμε πως η λογοκλοπή αποτελεί σοβαρότατο παράπτωμα και είμαστε ενήμεροι για την επέλευση των νομίμων συνεπειών» < υπογραφή > Ζαμαντζάς Ευάγγελος Ροδίτης Θεοδόσης

4 Εγκρίθηκε από την τριμελή εξεταστική επιτροπή Τόπος: ΤΕΙ ΛΑΡΙΣΑΣ Ημερομηνία: 11/03/2015 ΕΠΙΤΡΟΠΗ ΑΞΙΟΛΟΓΗΣΗΣ 1. ΗΛΙΑΣ ΣΑΒΒΑΣ 2. ΓΕΩΡΓΙΟΣ ΚΑΚΑΡΟΝΤΖΑΣ 3. ΦΩΤΗΣ ΚΟΚΚΟΡΑΣ

5 Περίληψη Η εφαρμογή Protasis Bookstore, είναι μία εφαρμογή διαχείρισης Ηλεκτρονικού Βιβλιοπωλείου, ειδικά σχεδιασμένη για να τρέχει και τοπικά (local) στον υπολογιστή της επιχείρησης αλλά και διαδικτυακά (online) μέσω Διακομιστή (Server). Το βασικό εργαλείο πυρήνας για τη δημιουργία της εφαρμογής θα είναι η γλώσσα PHP. H PHP είναι μια γλώσσα που τρέχει σε διακομιστές (server). Επίσης θα χρησιμοποιηθεί η γλώσσα σήμανσης HTML σε συνδυασμό με την CSS για τη δημιουργία και μορφοποίηση του γραφικού περιβάλλοντος της εφαρμογής (GUI). Ακόμη θα χρησιμοποιήσουμε Javascript, Ajax και SQL για την κατασκευή της δυναμικής σελίδας. Θα χρησιμοποιηθεί ακόμη το Apache Webserver ως πρόγραμμα Διακoμιστή (Server) και το MySQL για τη διαχείριση της βάσης δεδομένων της ε- φαρμογής. -i-

6

7 Ευχαριστίες Με το πέρας αυτής της πτυχιακής εργασίας θα θέλαμε πρώτα απ όλα να ευχαριστήσουμε τον κύριο Ηλία Σαββα για την ανάθεση αυτού του θέματος, την βοήθεια του για τις όποιες απορίες είχαμε καθώς και τις μεθοδικές κατευθύνσεις που μας έδοσε. Θα θέλαμε επίσης να ευχαριστήσουμε όλους τους καθηγητές του τμήματός μας που βρισκόντουσαν δίπλα μας και μας βοηθήσανε σε ότι χρειαστήκαμε όλα αυτά τα χρόνια. Τέλος θέλουμε να ευχαριστήσουμε τις οικογένειες μας για την οικονομική και ψυχολογική τους υποστήριξη καθώς και την κατανόηση που δείξανε όλα αυτά τα χρόνια. Ζαμαντζάς Ευάγγελος Ροδίτης Θεοδόσης 5/3/2015 -iii-

8

9 Περιεχόμενα ΠΕΡΙΛΗΨΗ... I ΕΥΧΑΡΙΣΤΙΕΣ... III ΠΕΡΙΕΧΟΜΕΝΑ... V 1 ΕΙΣΑΓΩΓΗ ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΟ ΠΕΡΙΒΑΛΛΟΝ ΠΤΥΧΙΑΚΗΣ ΜΕΘΟΔΟΣ ΑΝΑΛΥΣΗΣ ΚΑΙ ΑΝΑΠΤΥΞΗΣ ΠΤΥΧΙΑΚΗΣ ΘΕΩΡΗΤΙΚΟ ΚΟΜΜΑΤΙ HTML JAVASCRIPT CSS (CASCADING STYLE SHEET) ΣΤΑΤΙΚΕΣΙΣΤΟΣΕΛΙΔΕΣ ΔΥΝΑΜΙΚΕΣ ΙΣΤΟΣΕΛΙΔΕΣ PHP SQL OPENSOURCE APACHE MYSQL PHPMYADMIN XAMPP ΚΥΡΙΟ ΜΕΡΟΣ ΤΗΣ ΠΤΥΧΙΑΚΗΣ ΕΡΓΑΣΙΑΣ ΕΠΙΛΥΣΗ ΠΡΟΒΛΗΜΑΤΟΣ ΕΓΚΑΤΑΣΤΑΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ ΠΡΑΓΜΑΤΟΠΟΙΗΣΗ ΤΗΣ ΕΡΓΑΣΙΑΣ ΑΠΟΤΕΛΕΣΜΑΤΑ ΒΙΒΛΙΟΓΡΑΦΙΑ v-

10 -vi-

11 1 Εισαγωγή Στο κεφάλαιο αυτό θα δούμε μια μικρή περίληψη σχετικά με το αντικείμενο της πτυχιακής εργασίας μας. Συγκεκριμένα θα εξετάσουμε για την πτυχιακή αυτή τους λόγους για τους οποίους επιλέξαμε το θέμα καθώς και μία σύνοψη των κεφαλαίων που θα ακολουθήσουν Περίληψη Το αντικείμενο που πραγματεύεται αυτή η πτυχιακή εργασία είναι η κατασκευή ιστοσελίδας για τη διαχείριση ενός ηλεκτρονικού βιβλιοπωλείου. Πιο συγκεκριμένα, για την υλοποίηση αυτής της ιστοσελίδας έχει γίνει χρήση των γλωσσών προγραμματισμού HTML, PHP, Javascript και CSS. Για τη διαχείρηση και την εμφάνιση πληροφοριών έχει χρησιμοποιηθεί η γλώσσα προγραμματισμού βάσεων δεδομένων SQL. Η ιστοσελίδα παρέχει στον επισκέπτη πληροφορίες για τις υπηρεσίες του βιβλιοπωλείου καθώς και για τα βιβλία που προβάλει. Η τοποθέτηση και η προβολή των υπηρεσιών έχουν γίνει με τέτοιο τρόπο έτσι ώστε να καθοδηγούν τον επισκέπτη στην πλοήγηση του και να του παρέχονται εύκολα και γρήγορα πληροφορίες για την υπηρεσίαες που ενδιαφέρεται ή και γενικές πληροφορίες για κάποιο βιβλίο. Πιο συγκεκριμένα, η ιστοσελίδα υποστηρίζει δύο κατηγορίες χρηστών, τους τελικούς χρήστες και τους διαχειριστές. Οι πρώτοι μπορούν να περιηγηθούν στην ιστοσελίδα και να βρούν πληροφορίες για τα ακόλουθα για τα βιβλία που τους ενδιαφέρουν, καθώς και να προχωρήσουν σε αγορά τους. Οι δεύτεροι μπορούν να επεξεργάζονται τις πληροφορίες των ήδη καταχωρημένων βιβλίων, να προσθέτουν καινούργια βιβλία καθώς και να διαγράφουν παλιά Κίνητρο για την Διεξαγωγή της Εργασίας Στην εποχή που ζούμε, το διαδίκτυο (internet) έχει γίνει αναπόσπαστο κομμάτι της καθημερινότητάς μας. Η συνεχής πρόοδος της τεχνολογίας και των ηλεκτρονικών υπολογιστών έχει οδηγήσει, τις επιχειρήσεις να αναζητούν την αναβάθμιση και τον εκσυγχρόνισμο της υποδομής και των υπηρεσιών τους προκειμένου να μπορούν να ανταπεξέλθουν στις απαιτήσεις της εποχής τους και να ξεχωρίσουν από τους ανταγωνιστές τους. Οι επιχειρήσεις που έρχονται σε άμεση ή έμμεση επαφή με τους πελάτες τους, όπως ένα βιβλιοπωλείο, επιβάλεται τουλάχιστον η ύπαρξη ενός «προσώπου» στο διαδίκτυο. Για να καλυφθεί η ανάγκη αυτή δημιουργήσαμε μια βασική σελίδα η οποία θα ήταν το διαδικτυακό πρόσωπο του βιβλιοπωλείου στο internet και θα λειτουργούσε ως υποστηρικτικό υλικό για τους συνεργάτες και τους πελάτες μας. -1-

12 Η δημιουργία αυτής της ιστοσελίδας δεν ήταν τίποτα άλλο παρά η αφορμή για την αναζήτηση ενός εργαλείου κατασκευής δυναμικών ιστοσελίδων το οποίο θα μας έδινε την δυνατότητα να δημιουργήσουμε δυναμικές ιστοσελίδες 1.3. Σκοπός και Στόχοι Εργασίας Σημαντικότερος στόχος είναι η δημιουργία μιας ιστοσελίδας για βιβλιοπωλείο στην οποία οι επισκέπτες θα μπορούν να πλοηγηθούν και να βρούν πληροφορίες και υποστηρικτικό υλικό για τις υπηρεσίες της επιχείρησης αλλά και για τα βιβλία τα οποία προβάλει. Άλλος ένας στόχος είναι να κατασκευαστεί η ιστοσελίδα με τέτοιο τρόπο έτσι ώστε η πλοήγηση να είναι φιλική προς τον χρήστη. Ο επισκέπτης να μπορεί με ευκολία να βρίσκει την πληροφορία που αναζητά ή να πλοηγήται προκειμένου να ενημερωθεί, χωρίς να κουράζεται και να χάνεται στην ιστοσελίδα. Κεφάλαιο 2: Μεθοδολογία Υλοποίησης. Στο κεφάλαιο αυτό αναφέραται η μεθοδολογία που ακολουθήσαμε για την υλοποίηση αυτής της πτυχιακής εργασίες. Επιπλέον κάνουμε μία συνοπτική αναφορά στις εμπλεκόμενες γλώσσες προγραμματισμού. Παρατίθουμαι με βάση την έ- ρευνα που πραγματοποιήσαμε για τις γλώσσες προγραμματισμού που χρησιμοποιήσαμε. Δίνονται επίσης επεξηγήσεις σε σχετικές βασικές έννοιες. Κεφάλαιο 3: Κύριο μέρος πτυχιακής. Υλοποιείται η ανάλυση του προβλήματος που καλούμαστε να αντιμετωπίσουμε, προσδιορισμός των απαιτήσεων της ιστοσελίδας και αναφορά στο σχεδιασμό υλοποίησης, καθώς επίσης και περιγράφονται τα διάφορα βήματα της υλοποίησης, δηλαδή η εγκατάσταση απαραίτητου λογισμικού, η ανάπτυξη του κωδίκα της ιστοσελίδας κτλ. Κεφάλαιο 4: Αποτελέσματα. -2-

13 2 ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΟ ΠΕΡΙΒΑΛΛΟΝ ΠΤΥΧΙΑΚΗΣ 2.1 Μέθοδος Ανάλυσης και Ανάπτυξης Πτυχιακής Στη συγκεκριμένη περίπτωση το πρόβλημα είναι η ύπαρξη ενός προσώπου / προφίλ στο Διαδίκτυο για ένα βιβλιοπωλείο. Για την επίλυση του προβλήματος θα δημιουργήσουμε μία ι- στοσελίδα η οποία θα κατασκευαστεί με διάφορες γλώσσες προγραμματισμού. Η ιστοσελίδα θα είναι μία παρουσίαση του βιβλιοπωλείου και θα παρέχει πληροφορίες και υποστηρικτικό υλικό για τα βιβλία που προβάλλονται καθώς και για τις σχετιζόμενες με αυτά υπηρεσίες. Επίσης θα έχουμε την δυνατότητα να οργανώσουμε, να διαχειριστούμε και να προβάλουμε το περιεχόμενο μας. 2.2 Θεωρίες Στο σημείο αυτό θα γίνει ανάλυση των γλωσσών προγραμματισμού και των εργαλείων που θα χρησιμοποιήσουμε για την υλοποίηση της επίλυσης του προβλήματος HTML Τα αρχικά HTML προέρχονται από τις λέξεις HyperText Markup Language. Ουσιαστικά δεν είναι μια γλώσσα προγραμματισμού, αλλά είναι μια γλώσσα σήμανσης (markup language), δηλαδή ένας ειδικός τρόπος γραφής κειμένου. Είναι πολύ εύκολο να δημιουργήσει κανείς ένα αρχείο HTML χρησιμοποιώντας απλά έναν επεξεργαστή κειμένου(π.χ notepad). Αποτελεί υποσύνολο της γλώσσας SGML (Standard Generalized Markup Language) που επινοήθηκε από την IBM προκειμένου να λυθεί το πρόβλημα της μη τυποποιημένης εμφάνισης κειμένων στα διάφορα υπολογιστικά συστήματα. Ο browser αναγνωρίζει αυτόν τον τρόπο γραφής και εκτελεί τις εντολές που περιέχονται σε αυτόν. Αξίζει να σημειωθεί ότι η HTML είναι η πρώτη και πιο διαδεδομένη γλώσσα περιγραφής της δομής μιας ιστοσελίδας και χρησιμοποιεί τις ειδικές ετικέτες (τα tags) να δώσει τις απαραίτητες οδηγίες στον browser στο πώς να εμφανίσει τα διάφορα στοιχεία. Τα tags είναι εντολές που συνήθως ορίζουν την αρχή ή το το τέλος μιας λειτουργίας. Επίσης βρίσκονται πάντα μεταξύ των συμβόλων < και >. Π.χ. <BODY> Οι οδηγίες είναι case insensitive, δεν επηρεάζονται από το αν έχουν γραφτεί με πεζά (μικρά) ή κεφαλαία. Ένα αρχείο HTML πρέπει να έχει κατάληξη htm ή HTML. Για να μπορούν οι browser να ερμηνεύουν σχεδόν απόλυτα σωστά την HTML έχουν θεσπιστεί κάποιοι κανόνες. Αυτοί οι κανόνες είναι γνωστοί ως προδιαγραφές. Επομένως σχεδόν κάθε είδος υπολογιστή μπορεί να δείξει το ίδιο καλά μια ι- στοσελίδα. Οι πρώτες προδιαγραφές ήταν η HTML 2.0. Πρόβλημα προέκυψε όταν η Μicrosoft και Νetscape πρόσθεσαν στην HTML τέτοιες δυνατότητες που στην αρχή τουλάχιστον ήταν συμβατές μόνο με συγκεκριμένους browser. Ακόμη και σήμερα υπάρχουν διαφορές στην απεικόνιση κάποιας σελίδας από διαφορετικούς browsers. Ιδιαίτερο είναι το πρόβλημα όταν η ιστο- -3-

14 σελίδα, εκτός από "καθαρή" HTML περιλαμβάνει και εφαρμογές Javascript. Σήμερα πολλοί είναι εκείνοι που δημιουργούν μια ιστοσελίδα σε κάποιο πρόγραμμα που επιτρέπει την δημιουργία χωρίς την συγγραφή κώδικα. Η άποψη πάνω στο θέμα όμως είναι ότι κάτι τέτοιο είναι αρνητικό επειδή ο δημιουργός δεν έχει τον απόλυτο έλεγχο του κώδικα με αποτέλεσμα πολλές φόρες να υπάρχει οπτικό χάος στην προσπάθεια των browser να εμφανίσουν την ιστοσελίδα, έτσι έχει δημιουργηθεί για το σκοπό αυτό ειδικό λογισμικό, που επιτρέπει το οπτικό στήσιμο της σελίδας, χωρίς τη συγγραφή κώδικα, όμως έχει τη δυνατότητα παρέμβασης και στον κώδικα. Σημαντικά παραδείγματα είναι το λογισμικό Dreamweaver της Adobe και το FrontPage της Microsoft ή το WebStorm των Jetbrains. Επίσης υπάρχουν διαθέσιμα στο διαδίκτυο αντίστοιχα προγράμματα Open Source όπως το Aptana Javascript Η javascript είναι μία γλώσσα scripting και σχεδιάστηκε για να προσθέσει αλληλεπίδραση στις ιστοσελίδες. Συνήθως η javascript ενσωματώνεται απευθείας στον κώδικα της ιστοσελίδας. Η JavaScript είναι γλώσσα προγραμματισμού η οποία έχει σαν σκοπό την παραγωγή δυναμικού περιεχομένου και την εκτέλεση κώδικα στην πλευρά του πελάτη (client-side) σε ιστοσελίδες. Το πρότυπο της γλώσσας κατά τον οργανισμό τυποποίησης ECMA ονομάζεται ECMAscript. Αρχικά η Javascript βασίστηκε συντακτικά στη γλώσσα προγραμματισμού C, αν και έχει εξελιχθεί, ενσωματώνοντας πια χαρακτηριστικά από νεότερες γλώσσες. Αρχικά χρησιμοποιήθηκε για προγραμματισμό από την πλευρά του πελάτη (client), που ήταν ο φυλλομετρητής του χρήστη, έτσι στην πορεία χαρακτηρίστηκε σαν client-side γλώσσα προγραμματισμού. Αυτό σημαίνει ότι η επεξεργασία του κώδικα Javascript και η παραγωγή του τελικού περιεχομένου HTML δεν πραγματοποιείται στο διακομιστή, αλλά στο πρόγραμμα περιήγησης των επισκεπτών, ενώ μπορεί να ενσωματωθεί σε στατικές σελίδες HTML. Αντίθετα, άλλες γλώσσες όπως η PHP εκτελούνται στο διακομιστή (server-side γλώσσες προγραμματισμού). [http://sitemaniac.blogspot.gr/2013/01/javascript.html, 2013] Παρά την ευρεία χρήση της Javascript για συγγραφή προγραμμάτων σε περιβάλλον φυλλομετρητή, αξίζει να σημειωθεί ότι από την αρχή χρησιμοποιήθηκε και για τη συγγραφή κώδικα από την πλευρά του διακομιστή, από την ίδια τη Netscape στο προϊόν LiveWire, με μικρή επιτυχία. Η χρήση της Javascript στο διακομιστή εμφανίζεται πάλι σήμερα, με τη διάδοση του Node.js, ενός μοντέλου προγραμματισμού βασισμένο στα γεγονότα (events). Ο κώδικας Javascript μιας σελίδας περικλείεται από τις ετικέτες της HTML <script type="text/javascript"> </script>. [http://sitemaniac.blogspot.gr/2013/01/javascript.html, 2013] Αν ο κώδικας Javascript περιέχει περισσότερες από μία εντολές, αυτές θα πρέπει να διαχωριστούν μεταξύ τους με το χαρακτήρα του ελληνικού ερωτηματικού ';'. Η χρήση του χαρακτήρα αυτού για την τελευταία εντολή δεν είναι απαραίτητη. Η διαχώριση των εντολών στους νεότερους φυλλομετρητές δεν είναι απαραίτητη. -4-

15 CSS CSS είναι μια γλώσσα style που καθορίζει τη διάταξη των HTML εγγράφων. Για παράδειγμα, CSS καλύπτει τις γραμμές, ύψος, πλάτος, τις γραμματοσειρές, τα χρώματα, εικόνες φόντου, τα περιθώρια, προηγμένες θέσεις και πολλά άλλα πράγματα. Η HTML μπορεί να χρησιμοποιηθεί για την προσθήκη διάταξης για ιστοσελίδες. Αλλά CSS προσφέρει περισσότερες επιλογές και είναι πιο ακριβής και εξελιγμένη. Τα Cascading Style Sheets χρησιμοποιούνται για την μορφοποίηση της διάταξης των ιστοσελίδων. Επίσης είναι δυνατόν να χρησιμοποιηθούν για να ορίσετε το style κειμένου, τα μεγέθη των πινάκων και άλλες πτυχές των ιστοσελίδων που προηγουμένως δεν μπορούσαν να οριστούν παρά μόνο στον κώδικα HTML μιας σελίδας. Το CSS βοηθάει τους προγραμματιστές ιστοσελίδων να δημιουργήσουν μια ομοιόμορφη εμφάνιση σε αρκετές σελίδες μιας τοποθεσίας Web. Αντί να καθορίζει το style του κάθε πίνακα και κάθε τμήματος κειμένου μέσα στον κώδικα HTML μιας σελίδας, μπορούν να καθοριστούν μόνο μία φορά κοινά style παρουσίασης σε ένα έγγραφο CSS. Μόλις το style οριστεί σε ένα αρχείο CSS, μπορεί να χρησιμοποιηθεί από οποιαδήποτε σελίδα που έχει παραπομπή σε αυτό. Ακόμη η χρήση CSS καθιστά εύκολη την αλλαγή style σε πολλές σελίδες ταυτόχρονα. Για παράδειγμα, ένας προγραμματιστής Web μπορεί να θελήσει να αυξήσει το μέγεθος του κειμένου από προεπιλογή 10pt σε 12pt για πενήντα σελίδες ενός δικτυακού τόπου. Εάν οι σελίδες αναφέρονται στο ίδιο αρχείο, το μέγεθος του κειμένου μπρεί να αλλάξει μόνο στο αρχείο αυτό και όλες οι σελίδες θα δείξουν το κείμενο μεγαλύτερο. Αν και το CSS είναι καταπληκτικό για τη δημιουργία style κειμένου, είναι επίσης χρήσιμο για τη μορφοποίηση των άλλων πτυχών της διάταξης της ιστοσελίδας. Για παράδειγμα, CSS μπορεί να χρησιμοποιηθεί για να καθοριστεί το κενό ανάμεσα στα κελιά, το style, το πάχος και το χρώμα των συνόρων ενός πίνακα και για το γέμισμα-πλαίσιο γύρω από τις εικόνες ή άλλα αντικείμενα. Το CSS δίνει στους προγραμματιστές ιστοσελίδων πιο ακριβή έλεγχο για το πως θα εμφανιστούν οι ι- στοσελίδες από ότι ο HTML κώδικας. Γι αυτό οι περισσότερες ιστοσελίδες περιλαμβάνουν σήμερα επικαλυπτόμενα φύλλα style(css) Στατικές ιστοσελίδες Μια στατική ιστοσελίδα περιέχει Web σελίδες με περιεχόμενο που δεν αλλάζει. Κάθε σελίδα είναι κωδικοποιημένη σε HTML και εμφανίζει τις ίδιες πληροφορίες σε κάθε επισκέπτη. Στατική περιοχές είναι το πιο βασικό είδος της ιστοσελίδας και είναι το πιο εύκολο να δημιουργήσετε. Σε αντίθεση με τις δυναμικές ιστοσελίδες, οι στατικές σελίδες δεν απαιτούν κανένα προγραμματισμό Web ή το σχεδιασμό της βάσης δεδομένων. Μπορεί να κατασκευαστεί με την απλή δημιουργία μερικών σελιδών HTML και τη δημοσίευσή τους σε ένα διακομιστή Web. Από την στιγμή που οι στατικές ιστοσελίδες περιέχουν σταθερό κώδικα, το περιεχόμενο της κάθε σελίδας δεν αλλάζει, εκτός αν ενημερωθεί χειροκίνητα από τον διαχειριστή της ιστοσελίδας. Αυτό λειτουργεί καλά για μικρές ιστοσελίδες, αλλά μπορεί να κάνει μεγάλα sites με εκατοντάδες ή χιλιάδες σελίδες δύσκολο να διατηρηθεί. Γι αυτό οι μεγαλύτερες ιστοσελίδες χρησιμοποιούν συνήθως δυναμικές σελίδες, ώστε να μπορούν να ενημερωθούν απλά τροποποιώντας ένα αρχείο βάσης δε- -5-

16 δομένων. Οι στατικές ιστοσελίδες που περιέχουν πολλές σελίδες συχνά έχουν σχεδιαστεί χρησιμοποιώντας πρότυπα. Αυτό δίνει τη δυνατότητα να ενημερώσετε πολλές σελίδες ταυτόχρονα, και επίσης βοηθά στην παροχή μιας σταθερής διάταξης σε όλο το χώρο. Τα πλεονεκτήματα των στατικών ιστοσελίδων Κατασκευάζεται γρήγορα Χαμηλό κόστος Μειονεκτήματα των στατικών ιστοσελίδων: Απαιτεί πολύ καλή γνώση HTML και εμπειρία πάνω στην ανάπτυξη ιστοσελίδων για την ενημέρωσή τους, Η ιστοσελίδα δεν είναι τόσο χρήσιμη για τον επισκέπτη-χρήστη Το περιεχόμενο παραμένει στάσιμο Δυναμικές ιστοσελίδες Το κύριο χαρακτηριστικό των δυναμικών σελίδων είναι ότι παράγονται σε πραγματικό χρόνο. Οι σελίδες αυτές περιλαμβάνουν Web κώδικα, scripting, όπως η PHP ή ASP. Όταν μια δυναμική σελίδα προσπελαστεί τότε μέσα στη σελίδα αναλύεται ο κώδικας στο διακομιστή και η HTML που προκύπτει αποστέλλεται στο πρόγραμμα περιήγησης Web του πελάτη. Οι περισσότερες μεγάλες ιστοσελίδες είναι δυναμικές, δεδομένου ότι είναι ευκολότερο να συντηρηθούν από τις στατικές ιστοσελίδες και αυτό γίνεται επειδή στις στατικές σελίδες καθεμία περιέχει περιεχόμενο μοναδικό το οποίο συνεπάγεται ότι πρέπει χειροκίνητα να ανοιχτεί, επεξεργαστεί, και δημοσιευτεί κάθε φορά που γίνεται μια αλλαγή. Οι δυναμικές σελίδες, από την άλλη έχουν πρόσβαση σε πολλές πληροφορίες μέσα από μια βάση δεδομένων. Έτσι για να τροποποιηθεί το περιεχόμενο μιας δυναμικής σελίδας, ο διαχειριστής της ιστοσελίδας χρειάζεται μόνο να ενημερώσει ένα αρχείο βάσης δεδομένων. Είναι ιδιαίτερα χρήσιμο για τα μεγάλα και πολύπλοκα sites που περιέχουν πάρα πολλές σελίδες. Ακόμη παρέχεται τη δυνατότητα σε πολλούς χρήστες να ενημερώσουν το περιεχόμενο μιας ιστοσελίδας χωρίς να επεξεργαστούν τη διάταξη των σελίδων. Οι δυναμικές ιστοσελίδες που έχουν πρόσβαση σε πληροφορίες από μια βάση δεδομένων ονομάζονται επίσης database-driven websites. Πλεονεκτήματα των δυναμικών ιστοσελίδων Πολύ πιο λειτουργική ιστοσελίδα Πολύ πιο εύκολη ενημέρωση Μειονεκτήματα των δυναμικές ιστοσελίδων Η ανάπτυξη της ιστοσελίδας είναι αργή και ακριβή Το κόστος φιλοξενίας είναι πιο υψηλό -6-

17 PHP Η PHP (αναδρομικό ακρωνύμιο του PHP: Hypertext Preprocessor) είναι μια ανοιχτού κώδικα και γενικού σκοπού γλώσσα προγραμματισμού, η οποία είναι ειδικά κατάλληλη για ανάπτυξη εφαρμογών Web. Γενικά η PHP είναι μια γλώσσα προγραμματισμού για τη δημιουργία δυναμικών σελίδων web. Μια PHP σελίδα περνά από επεξεργασία από ένα συμβατό διακομιστή του Παγκόσμιου Ιστού (π.χ. Apache), ώστε να παραχθεί σε πραγματικό χρόνο το περιεχόμενο το οποίο θα σταλεί στο πρόγραμμα περιήγησης (browser) των επισκεπτών σε μορφή κώδικα HTML. Ένα αρχείο με κώδικα PHP θα πρέπει να έχει την κατάλληλη επέκταση όπως *.php, *.php4, *.phtml κτλ. Η ενσωμάτωση κώδικα PHP μέσα σε ένα αρχείο με επέκταση *.HTML δεν θα λειτουργήσει και θα εμφανίσει στον browser τον κώδικα χωρίς επεξεργασία, εκτός κι εάν έχει γίνει η κατάλληλη ρύθμιση στα MIME types του server. Επίσης όταν ένα αρχείο έχει την επέκταση.php, θα πρέπει ο server να είναι ρυθμισμένος για να επεξεργάζεται κώδικα PHP. Ο Apache διακομιστής (server) που χρησιμοποιείται σήμερα ευρέως σε συστήματα με τα λειτουργικά συστήματα GNU/Linux και Microsoft Windows είναι κατάλληλος για την υποστήριξη της εκτέλεσης κώδικα PHP. Ιστορία Η ιστορία της PHP ξεκινά από το 1994, όταν ένας φοιτητής, ο Rasmus Lerdorf δημιούργησε χρησιμοποιώντας τη γλώσσα προγραμματισμού Perl ένα απλό script με όνομα php.cgi, για προσωπική χρήση. Το script αυτό είχε σαν σκοπό να διατηρεί μια λίστα στατιστικών για τα άτομα που έβλεπαν το online βιογραφικό του σημείωμα. Αργότερα αυτό το script το διέθεσε και σε φίλους του, οι οποίοι άρχισαν να του ζητούν να προσθέσει περισσότερες δυνατότητες. Η γλώσσα τότε ονομαζόταν PHP/FI από τα αρχικά Personal Home Page/Form Interpreter. Το 1997 η PHP/FI έφθασε στην έκδοση 2.0, βασιζόμενη αυτή τη φορά στη γλώσσα C και αριθμώντας περισσότερους από ιστότοπους που τη χρησιμοποιούσαν, ενώ αργότερα την ίδια χρονιά οι Andi Gutmans και Zeev Suraski ξαναέγραψαν τη γλώσσα από την αρχή, βασιζόμενοι όμως αρκετά στην PHP/FI 2.0. Έτσι η PHP έφθασε στην έκδοση 3.0 η οποία θύμιζε περισσότερο τη σημερινή μορφή της. Στη συνέχεια, οι Zeev και Andi δημιούργησαν την εταιρεία Zend (από τα αρχικά των ονομάτων τους), η οποία συνεχίζει μέχρι και σήμερα την ανάπτυξη και εξέλιξη της γλώσσας PHP. Ακολούθησε το 1998 η έκδοση 4 της PHP, τον Ιούλιο του 2004 διατέθηκε η έκδοση 5, ενώ αυτή τη στιγμή έχουν ήδη διατεθεί και οι πρώτες δοκιμαστικές εκδόσεις της επερχόμενης PHP 6, για οποιονδήποτε προγραμματιστή θέλει να τη χρησιμοποιήσει. Οι περισσότεροι ιστότοποι επί του παρόντος χρησιμοποιούν κυρίως τις εκδόσεις 4 και 5 της PHP SQL Η SQL σημαίνει Structured Query Language. SQL χρησιμοποιείται για να επικοινωνεί με μια βάση δεδομένων. Σύμφωνα με την ANSI (American National Standards Institute), είναι η τυπική γλώσσα σχεσιακών συστημάτων διαχείρισης βάσεων δεδομένων. -7-

18 Γενικά η SQL (από το Structured Query Language) είναι μία γλώσσα υπολογιστών στις βάσεις δεδομένων, που σχεδιάστηκε για τη διαχείριση δεδομένων, σε ένα σύστημα διαχείρισης σχεσιακών βάσεων δεδομένων (Relational Database Management System, RDBMS) και η οποία, αρχικά, βασίστηκε στη σχεσιακή άλγεβρα. Η γλώσσα περιλαμβάνει δυνατότητες ανάκτησης και ενημέρωσης δεδομένων, δημιουργίας και τροποποίησης σχημάτων και σχεσιακών πινάκων, αλλά και ελέγχου πρόσβασης στα δεδομένα. Η SQL ήταν μία από τις πρώτες γλώσσες για το σχεσιακό μοντέλο του Edgar F. Codd, στο σημαντικό άρθρο του το 1970, και έγινε η πιο ευρέως χρησιμοποιούμενη γλώσσα για τις σχεσιακές βάσεις δεδομένων. Ιστορία Η SQL αναπτύχθηκε στην IBM από τους Andrew Richardson, Donald C. Messerly και Raymond F. Boyce, στις αρχές της δεκαετίας του Αυτή η έκδοση, αποκαλούμενη αρχικά SEQUEL, είχε ως σκοπό να χειριστεί και να ανακτήσει τα στοιχεία που αποθηκεύτηκαν στο πρώτο RDBMS της IBM, το System R. Το πρώτο σύστημα διαχείρισης σχεσιακών βάσεων δεδομένων (RDBMS) ήταν το RDMBS το οποίο αναπτύχθηκε στις αρχές της δεκαετίας του 1970 στo MIT, και η Ingres η οποία αναπτύχθηκε στο Πανεπιστήμιο Μπέρκλεϋ το H Ingres ε- φάρμοσε μία γλώσσα ερωτημάτων την QUEL, η οποίο αντικαταστάθηκε αργότερα στην αγορά από την SQL. Προς το τέλος της δεκαετίας του 70 η Relational Software (τώρα Oracle Corporation) είδε τη δυνατότητα αυτών που περιγράφηκαν από Codd, Chamberlin, και Boyce και αναπτυξε την SQL βασισμένο στο RDBMS, με τις φιλοδοξίες πώλησης του στο Αμερικανικό ναυτικό, την Κεντρική Υπηρεσία Πληροφοριών και άλλες Αμερικανικές Υπηρεσίες. Το καλοκαίρι του 1979, η Relational Software εισήγαγε την πρώτη διαθέσιμη στο εμπόριο εφαρμογή του SQL και νίκησε την IBM με τη διάθεση του πρώτου εμπορικού RDBMS για μερικές εβδομάδες. Γλωσσικά στοιχεία Η γλώσσα SQL υποδιαιρείται σε διάφορα γλωσσικά στοιχεία, που περιλαμβάνουν Clauses, οι οποίες είναι σε μερικές περιπτώσεις προαιρετικές, αλλά απαραίτητα συστατικά των δηλώσεων και ερωτήσεων. Expressions που μπορούν να παραγάγουν είτε τις κλιμακωτές τιμές είτε πίνακες που αποτελούνται από στήλες και σειρές στοιχείων. Predicates που διευκρινίζουν τους όρους που μπορούν να αξιολογηθούν σαν σωστό ή λάθος. Queries που ανακτούν τα στοιχεία βασισμένες σε ειδικά κριτήρια. Statements που μπορούν να έχουν μια επίδραση στα σχήματα και τα στοιχεία, ή που μπορούν να ελέγξουν τη ροή του προγράμματος και τις συνδέσεις από άλλα προγράμματα. Το κενό αγνοείται γενικά στις Statements και τις Queries SQL. Ένα κενό είναι όμως απαραίτητο για να ξεχωρίζει Statements όπως και στην κανονική γραφή κειμένων Open Source Ο όρος Open Source περιγράφει τις πρακτικές στην παραγωγή και την ανάπτυξη που προάγουν την πρόσβαση στα βασικά υλικά του τελικού προϊόντος του. Το open source θερείται από -8-

19 μερικούς ότι είναι μια φιλοσοφία ενώ παλι άλλοι θεωρούν ότι είναι μια ρεαλιστική μεθοδολογία. Πριν ο όρος open source υιοθετηθεί ευρέως, οι προγραμματιστές και οι παραγωγοί χρησιμοποιούσαν μια ποικιλία από φράσεις για να περιγράψουν αυτήν την έννοια. Ο όρος Open source επικράτησε με την άνοδο του Διαδικτύου, καθώς και την ανάγκη για μαζική ανανέωση του πηγαίου κώδικα των υπολογιστών. Η ανοιχτή διάθεση του πηγαίου κώδικα πυροδότησε την αυτοπροαγωγή της πολυμορφίας των μοντέλων παραγωγής, μονοπάτια επικοινωνίας, και διαδραστικές κοινότητες. Στη συνέχεια, η νέα φράση "λογισμικό ανοιχτού κώδικα" γεννήθηκε για να περιγράψει το περιβάλλον που τα νέα πνευματικά δικαιώματα, η χορήγηση αδειών καθώς και ζητήματα καταναλωτών δημιουργήθηκαν. Ιστορία Η έννοια του ανοιχτού κώδικα και της ελεύθερης ανταλλαγής τεχνολογικών πληροφοριών υ- πήρχε πολύ πριν από τους υπολογιστές. Για παράδειγμα, οι συνταγές έχουν κοινοποιηθεί από τις αρχές του ανθρώπινου πολιτισμού. Open source μπορεί να αφορούν τις επιχειρήσεις και τους υπολογιστές, λογισμικό και την τεχνολογία. Πολύ πριν ο όρος Open Source χρησιμοποιηθεί, το λογισμικό αναπτυσσόταν από ενώσεις προγραμματιστών και ανταλλάζοταν ελεύθερα. Ξεκινώντας στις αρχές της δεκαετίας του 1950, οργανισμοί όπως το SHARE και το DECUS ανάπτυξαν ένα μεγάλο μέρος του λογισμικού που οι εταιρείες hardware έδιναν μαζί με το υλικό τους. Εκείνη την εποχή οι εταιρείες ηλεκτρονικών υπολογιστών εστίαζαν επιχείρηση hardware. Οτιδήποτε μείωνε το κόστος του λογισμικού και έκανε περισσότερο προγράμματα διαθέσιμα έκανε τις εταιρείες hardware πιο ανταγωνιστικές. Το μοντέλο αυτό άλλαξε τη δεκαετία του Το 1965 η ADR ανέπτυξε το πρώτο εμπορικό προϊόν λογισμικού, ανεξάρτητα από μια εταιρεία υλικού. Η ADR συναγωνιζόταν ένα δωρεάν πακέτο λογισμικού της IBM που αναπτύχθηκε αρχικά από την IBM πελάτες. Η ADR κατοχύρωσε με δίπλωμα ευρεσιτεχνίας το λογισμικό τους το Για να διακόψει την κοινή χρήση του προγράμματός τους, το έδιναν με μια μορφή leasing κατά την οποία η πληρωμή διαδόθηκε κατά τη διάρκεια ζωής του προϊόντος. Η ADR διατήρησε έτσι την ιδιοκτησία και μπορούσε να ελέγχει τη μεταπώληση και χρήση. Το 1969 το Υπουργείο Δικαιοσύνης των ΗΠΑ κατηγόρησε την IBM ότι καταστρέφει τις επιχειρήσεις διανέμοντας δωρεάν λογισμικό με το υλικό της IBM. Ως αποτέλεσμα αυτής της μύνησης, η IBM αποδέσμευσε το λογισμικό της, δηλαδή το λογισμικό έγινε ένα ξεχωριστό, ανεξάρτητο προϊόν από το υλικό. Το 1968 η εταιρεία Informatics διέδωσε το πρώτο εμπορικό killer-app και γρήγορα καθιέρωσε την έννοια του προϊόντος λογισμικού, της εταιρείας λογισμικού και πολύ υψηλά ποσοστά απόδοσης. Η Informatics ανέπτυξε την ιδέα της άδειας λογισμικού που είναι σήμερα σε όλη την βιομηχανία των υπολογιστών, ό- που η κυριότητα δεν μεταβιβάζεται στον πελάτη. Εφαρμογές Πολλοί τομείς της μελέτης και των κοινωνικών και πολιτικών απόψεων έχουν επηρεαστεί από την ανάπτυξη της έννοιας του ανοικτού πηγαίου κώδικα. Οι υπέρμαχοι σε ένα τομέα προωθούν συχνά την επέκταση του ανοιχτού κώδικα και σε άλλους τομείς. Για παράδειγμα, ο Linus Torvalds, δήλωσε, «το μέλλον είναι ανοιχτός κώδικας σε όλα." Ωστόσο, ο Eric Raymond και άλ- -9-

20 λους ιδρυτές του κινήματος ανοιχτού κώδικα έχουν μερικές φορές δημοσίως επιχειρηματολογήσει κατά εικασιών σχετικά με τις εφαρμογές έξω από το λογισμικό, λέγοντας ότι ισχυρά επιχειρήματα για το άνοιγμα του λογισμικού δεν θα πρέπει να αποδυναμώνονται από υπέρβαση σε περιοχές όπου η ιστορία είναι λιγότερο πειστικά. Αυτό μου μένει να δούμε είναι οι ευρύτερες επιπτώσεις του open-source κινήματος, καθώς και την έκταση του ρόλου του στην ανάπτυξη νέων διαδικασιών ανταλλαγής πληροφοριών. Το open-source κίνημα έχει εμπνεύσει την αύξηση της διαφάνειας και την ελευθερία σε άλλους τομείς, συμπεριλαμβανομένης της απελευθέρωσης της βιοτεχνολογικής έρευνας από CAMBIA, τη Wikipedia και άλλα έργα. Το open-source σκεπτικό έχει εφαρμοστεί και στα μέσα μαζικής ενημέρωσης, εκτός από προγράμματα ηλεκτρονικών υπολογιστών, για παράδειγμα, από την Creative Commons. Αποτελεί επίσης ένα παράδειγμα της καινοτομίας του χρήστη. Συχνά, το Open source είναι μια έκφραση που σημαίνει απλά ότι ένα σύστημα είναι διαθέσιμο σε όλους που επιθυμούν να εργαστούν σε αυτό. Η διαφορά μεταξύ crowdsourcing και open source είναι ότι η ανοιχτού κώδικα παραγωγή είναι μία δραστηριότητα συνεργασίας και ξεκίνησε εθελοντικά από μέλη του κοινού. Λογισμικό ηλεκτρονικών υπολογιστών Λογισμικό ανοιχτού κώδικα είναι το λογισμικό του οποίου ο πηγαίος κώδικας δημοσιεύεται και τίθεται στη διάθεση του κοινού που επιτρέπει σε οποιονδήποτε να αντιγράψει, να τροποποιήσει και να αναδιανείμει τον πηγαίο κώδικα χωρίς την καταβολή τελών χρήσης. Ο ανοικτός κώδικας εξελίσσεται μέσω της συνεργασίας του community. Τα communities αποτελούνται και από προγραμματιστές αλλά και πολύ μεγάλες επιχειρήσεις. Παραδείγματα προϊόντων λογισμικού ανοικτού κώδικα είναι: Εφαρμογές λογισμικού (Application software) 7-Zip - συμπιεστής αρχείων Eclipse - περιβάλλον ανάπτυξης (IDE) GIMP - επεξεργαστής γραφικών Apache OpenOffice - σουίτα γραφείου Mozilla Firefox - πρόγραμμα περιήγησης ιστοσελίδων Mozilla Thunderbird - πρόγραμμα ηλεκτρονικής αλληλογραφίας Λειτουργικά συστήματα (Operating systems) FreeBSD - λειτουργικό σύστημα που προέρχεται από το Unix Linux/GNU - λειτουργικό σύστημα της οικογένειας του UNIX OpenSolaris - λειτουργικό σύστημα της Sun Microsystems's που προήλθε από το Unix Symbian - λειτουργικό σύστημα για κινητά τηλέφωνα (smartphones) Γλώσσες προγραμματισμού (Programming languages) PHP - γλώσσα προγραμματισμού web -10-

21 Python - γλώσσα προγραμματισμού γενικών καθηκόντων Λογισμικό εξυπηρετητή (Server software) Apache - HTTP διακομιστής web MongoDB - document-oriented, non-relational database WordPress - blog software Apache Γενικά ο Apache HTTP Server, που συνήθως αναφέρονται ως Apache, είναι ένα λογισμικό διακομιστή Web (web server). Συνήθως Apache τρέχει σε τύπο Unix λειτουργικού σύστηματος. Το Apache έχει αναπτυχθεί και συντηρείται από μια ανοιχτή κοινότητα προγραμματιστών, υπό την αιγίδα του Apache Software Foundation. Διατίθεται για μια ευρεία ποικιλία λειτουργικών συστημάτων, συμπεριλαμβανομένων των Unix, Solaris, Novell, AmigaOS, Mac OS X, Microsoft Windows, OS/2, κτλ. Κυκλοφόρησε κάτω από την άδεια χρήσης Apache και είναι λογισμικό ανοιχτού κώδικα. Από τον Απρίλιο 1996, το Apache έχει γίνει το πιο δημοφιλές λογισμικό διακομιστή HTTP που χρησιμοποιείται. Τον Μαΐου 2011 υπολογίστηκε ότι το Apache εξυπηρετεί το 63% όλων των δικτυακών τόπων και το 66% των πιο πολυσύχναστων. Χαρακτηριστικά Το Apache υποστηρίζει μια ποικιλία χαρακτηριστικών, εκ των οποίων πολλά είναι μεταγλωτισμένες ενότητες (compiled modules) που επεκτείνουν την βασική λειτουργικότητα. Το Apache μπορεί να φιλοξενήσει στατικές ιστοσελίδες, καθώς και δυναμικές που χρησιμοποιούν serverside scripting γλώσσες, όπως η PHP, Python ή Perl. Δημοφιλή μέθοδοι συμπίεσης στον Apache περιλαμβάνουν το module εξωτερικής επέκτασης, mod_gzip, με σκοπό να βοηθήσουν στην μείωση του μεγέθους των σελίδων του Διαδικτύου που εξυπηρετούνται μέσω HTTP. Το ModSecurity είναι μία open source μηχανή πηγή ανίχνευσης και πρόληψης εισβολής για τις web εφαρμογές. Το Virtual hosting επιτρέπει σε μία Apache εγκατάσταση να εξυπηρετήσει πολλές διαφορετικές ιστοσελίδες. Το Apache έχει την δυνατότηα να διαμορφώσει τα μηνύματα λάθους, DBMS βάσεις δεδομένων αυθεντικοποίησης, καθώς και το περιεχόμενο των διαπραγματεύσεων. Επίσης, υποστηρίζεται από πολλές γραφικές διεπαφές χρήστη (GUIs). Υποστηρίζει έλεγχο ταυτότητας κωδικού(password authentication) και ψηφιακά πιστοποιητικά αυθεντικοποίησης. Το Apache έχει ενσωματωμένη μηχανή αναζήτησης και ένα HTML εργαλείο που επιτρέπει και υ- ποστηρίζει FTP MySql Η MySQL είναι ένα open source σύστημα διαχείρισης σχεσιακών βάσεων δεδομένων. Είναι βασισμένο στη γλώσσα ερώτημα δομή (SQL), το οποίο χρησιμοποιείται για την προσθήκη, αφαίρεση, και τροποποίηση πληροφοριών στη βάση δεδομένων. Πρότυπο εντολές SQL, όπως ADD, DROP, INSERT, UPDATE μπορούν να χρησιμοποιηθούν με την MySQL. Η MySQL μπο- -11-

22 ρεί να χρησιμοποιηθεί για μια ποικιλία εφαρμογών, αλλά την συναντάμε συνήθως σε web servers. Μια σελίδα που χρησιμοποιεί MySQL μπορεί να περιλαμβάνει ιστοσελίδες που έχουν πρόσβαση στις πληροφορίες από μια βάση δεδομένων. Αυτές οι σελίδες συχνά αναφέρεται ως "δυναμικές", που σημαίνει το περιεχόμενο της κάθε σελίδας παράγεται από μια βάση δεδομένων. Οι σελίδες που χρησιμοποιούν δυναμικές ιστοσελίδες συχνά αναφέρονται ιστοσελίδες με γνώμονα την βάση δεδομένων(database driven websites). Πολλοί database driven ιστότοποι που χρησιμοποιούν την MySQL επίσης χρησιμοποιούν μια Web γλώσσα δέσμης ενεργειών (web scripting language) όπως την PHP για να έχουν πρόσβαση σε πληροφορίες από τη βάση δεδομένων. Οι MySQL εντολές είναι δυνατόν να ενσωματωθούν στον κώδικα PHP, επιτρέποντας μέρος ή το σύνολο μιας ιστοσελίδας να δημιουργηθεί από τις πληροφορίες της βάσης δεδομένων. Επειδή και οι δύο MySQL και PHP είναι και οι δύο ανοιχτού κώδικα (που σημαίνει ότι είναι ελεύθεροι να τους κατεβάσετε και να τους χρησιμοποιήσετε), ο συνδυασμός PHP / MySQL έχει γίνει μια δημοφιλής επιλογή για τις database driven ιστοσελίδες PHPMyAdmin To phpmyadmin είναι ένα εργαλείο ανοικτού κώδικα, γραμμένο σε PHP κώδικα, με σκοπό τη διαχείριση της MySQL με τη χρήση ενός προγράμματος περιήγησης. Μπορεί να εκτελεί διάφορες εργασίες όπως τη διαχείριση βάσεων δεδομένων. Επίσης εκτελεί SQL ερωτήματα και διαχειρίζεται τους χρήστες και τις άδειες-δικαιώματα τους. Ο Tobias Ratschiller, τότε σύμβουλος και αργότερα ιδρυτής της εταιρείας λογισμικού Maguma, το 1998 άρχισε να εργάζεται σε ένα web front-end για την MySQL, βασιζόμενο σε PHP. Παράτησε το έργο το 2000, λόγω της έλλειψης χρόνου. Μέχρι εκείνη τη στιγμή, το phpmyadmin είχε ήδη γίνει ένα από τα πιο δημοφιλή εργαλεία για PHP και MySQL. Δυνατότητες που παρέχονται από το πρόγραμμα περιλαμβάνουν: Διεπαφή Web Διαχείριση βάσεις δεδομένων MySQL Εισαγωγή δεδομένων από CSV και Sql Εξαγωγή δεδομένων σε διάφορες μορφές: CSV, SQL, XML, PDF (μέσω της βιβλιοθήκης TCPDF), ISO / IEC OpenDocument κειμένου και λογιστικών φύλλων, Word, Excel, LaTeX και άλλα. Διαχείριση πολλών διακομιστών Κτλ κτλ Xampp Το XAMPP είναι ένα πακέτο που αποτελείται από ανεξάρτητα προγράμματα που είναι εγκατεστημένα σε υπολογιστές που χρησιμοποιούν λειτουργικό σύστημα Microsoft Windows. Σας επι- -12-

23 τρέπει να δημιουργήσετε εφαρμογές web με την χρήση του Apache, της PHP και την βάση δεδομένων MySql. Το XAMPP είναι ένα ακρωνύμιο που σχηματίζεται από τα αρχικά του λειτουργικού συστήματος Microsoft Windows και τα κύρια συστατικά του πακέτου τα οποία είναι το Apache, MySQL και ένα από τα PHP, Perl ή Python. Το Apache είναι ένας web server. Η MySQL είναι ένα open-source βάση δεδομένων. Η PHP είναι μια γλώσσα προγραμματισμού που μπορεί να χειριστεί στοιχεία που τηρούνται στη βάση δεδομένων και να «παράγουν» ιστοσελίδες δυναμικά κάθε φορά που ζητείται περιεχόμενο από ένα πρόγραμμα περιήγησης. Άλλα προγράμματα μπορεί επίσης να περιλαμβάνονται σε ένα πακέτο, όπως το phpmyadmin το ο- ποίο παρέχει μια γραφική διεπαφή χρήστη για το διαχειριστή της βάσης δεδομένων MySQL, ή η εναλλακτική scripting γλώσσες Python ή Perl. Από την άλλη πλευρά έχουμε το LAMP το οποίο είναι ίδιο με το XAMPP αλλά για τα λειτουργικά συστήματα Linux και το MAMP για to MAC Os. Λειτουργίες Οι λειτουργίες του XAMPP Server είναι ολοκληρωμένες και εύκολες στην χρήση. Αυτές αναφέρονται παρακάτω. Με ένα αριστερό κλίκ στο εικονίδιο του XAMPP θα έχετε την δυνατότητα να: Διαχειριστείτε της υπηρεσίες του Apache και MySql Εγκαταστήσετε άλλες εκδόσεις των Apache, MySql και PHP Έχετε πρόσβαση στα log αρχεία σας Έχετε πρόσβαση στα αρχεία ρυθμίσεων Και με ένα δεξί κλίκ θα μπορείτε να: Αλλάξετε την γλώσσα του μενού Έχετε πρόσβαση στην ιστοσελίδα του XAMPP. -13-

24

25 3 ΚΥΡΙΟ ΜΕΡΟΣ ΤΗΣ ΠΤΥΧΙΑΚΗΣ ΕΡΓΑΣΙΑΣ 3.1 Επίλυση προβλήματος Για την επίλυση του προβλήματος θα χρειαστεί να αποκομίσουμε κάποιες βασικές γνώσεις σε κάποιες γλώσσες προγραμματισμού (PHP, SQL). Έπειτα θα γίνει ανάλυση των πληροφοριών που επιθυμούμε να προβάλουμε προκειμένου να καταλήξουμε στους διάφορους τύπους περιεχομένου και από ποιους αντίστοιχους τύπους δεδομένων αυτοί θα αποτελούνται. Θα χρειαστεί να προσδιοριστούν επαρκής και σωστές δικαιοδοσίες στις παρακάτω κατηγορίες χρηστών: Διαχειριστής ιστοσελίδας: πλήρης δικαιοδοσία Εξουσιοδοτημένος χρήστης: δυνατότητα εισαγωγής νέων εγγραφών δεδομένων με βάση τους ήδη υπάρχοντες τύπους περιεχομένου καθώς και δυνατότητα περιήγησης και προβολής σε αυτόν όλου του περιεχομένου της ιστοσελίδας. Ανώνυμος χρήστης: δυνατότητα περιήγησης και προβολής σε αυτόν όλου του προς προβολή περιεχομένου της ιστοσελίδας. Επίσης η ιστοσελίδα θα πρέπει να είναι φιλική και εύκολη στην χρήση για τους επισκέπτες της. Οι επισκέπτες θα πρέπει να βρίσκουν γρήγορα τις πληροφορίες που αναζητούν. Παρακάτω αναφέρονται συνοπτικά τα βήματα που ακολουθήσαμε. Βασική εκμάθηση των γλωσσών προγραμματισμού PHP, SQL, Javascript, HTML, CSS, AJAX Αναζήτηση στο διαδίκτυο για παρόμοιες με την δική μας ιστοσελίδες. Έρευνα για την δομή των τύπων περιεχομένων μας, προκειμένου να καταλήξουμε από τι τύπους δεδομένων θα αποτελείται ο καθένας. Εγκατάσταση του XAMPP στον υπολογιστή μας. Υλοποίηση της ιστοσελίδας -15-

26 3.2 ΕΓΚΑΤΑΣΤΑΣΗ ΤΟΥ ΛΟΓΙΣΜΙΚΟΥ XAMPP SERVER Το XAMPP είναι ένα μη κερδοσκοπικό έργο για την προώθηση του Apache Server. Περιέχει επίσης τη MySQL, την PHP και την Perl. Εγκατάσταση και Ρυθμίσεις Κατεβάζουμε το XAMPP Lite από τη διεύθυνση Το XAMPP Lite είναι μια απλουστευμένη έκδοση του XAMPP η οποία περιέχει Apache, PHP, MySQL, phpmyadmin, OpenSSL και SQLite. Δεν περιέχει αναβαθμίσεις ή πρόσθετα, είναι Take-Run-Delete-Forget-it πακέτο. Κάνουμε διπλό κλικ στο αρχείο που κατεβάσαμε και κάνουμε extract στον δίσκο C:\. Έπειτα μπαίνουμε στο φάκελο C:\xampplite και εκτελούμε το αρχείο setup_xampp.bat. Όταν τελειώσει είμαστε έτοιμοι να το τρέξουμε. Προσοχή να μην τρέχει το skype στον υπολογιστή μας, το οποίο δουλεύει στην TCP πόρτα 80, όπως και ο Apache. Εκτελούμε το C:\xampplite_start.exe. Έπειτα ανοίγουμε τον browser και πληκτρολογούμε τη διεύθυνση localhost/xampp/index.php για να μπούμε στις ρυθμίσεις. Αν πάμε στο status αριστερά θα δούμε ότι όλα είναι ενεργοποιημένα και έτσι ξέρουμε ότι όλα είναι καλά. Για να τερματίσουμε το XAMPP τρέχουμε το αρχείο C:\xampplite\xampp_stop.exe και θα εμφανιστεί ένα μήνυμα SHUTDOWN COMPLETE. Δημιουργία βάσης δεδομένων Ο πιο εύκολος τρόπος για να δημιουργήσουμε μια βάση δεδομένων είναι ένα πολύ καλό εργαλείο του XAMPP το phpmyadmin. Για τα το τρέξουμε, ανοίγουμε τον browser και πάμε στη διεύθυνση localhost/phpmyadmin όπου εκεί θα δούμε το control panel του εργαλείου, όπως φαίνεται και στην παρακάτω εικόνα. -16-

27 3.2.2 ΔΕΥΤΕΡΕΥΟΝ ΛΟΓΙΣΜΙΚΟ Notepad++ Πρόκειται για τον πιο γνωστό επεξεργαστή κειμένου (text editor). Είναι το αγαπημένο εργαλείο συγγραφής κώδικα των προγραμματιστών, καθώς αποτελεί ένα ελαφρύ πρόγραμμα το οποίο όμως έχει πάρα πολλές δυνατότητες. Περιβάλλον εργασίας: Το περιβάλλον εργασίας είναι εξαιρετικά απλό και λειτουργικό. Στο επάνω μέρος του υπάρχει μία εργαλειοθήκη με τις κυριότερες λειτουργίες. Όλο το υπόλοιπο μέρος του καταλαμβάνεται από τον χώρο συγγραφής του κώδικα. Γύρω από τον χώρο αυτόν, μπορούν να εμφανιστούν διάφορα πλαίσια τα οποία παρουσιάζουν διάφορες πληροφορίες ανάλογα με τα plugins από τα οποία προέρχονται. Χαρακτηριστικά και λειτουργίες: Το σημαντικό του χαρακτηριστικό είναι το λεγόμενο syntax highlighting, το οποίο χρωματίζει τον κώδικα ανάλογα με την δομή του και διευκολύνει την ανάπτυξη του. Για κάθε γλώσσα προγραμματισμού υπάρχει διαφορετικό χρωματικό style. Το πρόγραμμα έχει έτοιμα style για πολλές γλώσσες και δίνει την δυνατότητα να τα ρυθμίσετε σύμφωνα με τις ανάγκες σας ή να φτιάξετε καινούργια. Μπορείτε να επεξεργαστείτε πολλά έγγραφα συγχρόνως τα οποία ανοίγουν σε ξεχωριστές καρτέλες έτσι ώστε να επεξεργάζεστε τα αρχεία ενός ολόκληρου project. Επιπλέον μπορείτε να βλέπετε και να επεξεργάζεστε δύο έγγραφα συγχρόνως χάρη στο χαρακτηριστικό multi view. Πολύ δυνατό χαρακτηριστικό του προγράμματος είναι οι εκτεταμένες δυνατότητες εύρεσης κειμένου στο αρχείο που δουλεύετε ή στα αρχεία ενός ολόκληρου φακέλου. Εκτός από τον κλασικό -17-

28 τρόπο έρευνας μπορεί να χρησιμοποιήσει και regular expressions για ακόμα πιο ακριβή αποτελέσματα. Το πρόγραμμα υποστηρίζει την χρήση plugins, τα οποία επεκτείνουν τις δυνατότητες του. Υ- πάρχουν πολλά τέτοια plugins για να κατεβάσετε και να στήσετε το πρόγραμμα όπως σας βολεύει. Επιπλέον προσφέρει την δυνατότητα καταγραφής και εκτέλεσης μακροεντολών, ώστε να αυτοματοποιήσετε τις εργασίες που εκτελείτε συχνά. Πληροφορίες εγκατάστασης: Το μέγεθός του είναι εξαιρετικά μικρό και οι απαιτήσεις του ελάχιστες. Για να το εγκαταστήσετε απλά ακολουθήστε τα βήματα του αντίστοιχου οδηγού. Μπορείτε να το χρησιμοποιήσετε και σαν portable πρόγραμμα, τοποθετώντας το σε ένα USB Flash disk και να το εκτελείτε σε οποιονδήποτε υπολογιστή. Για τον σκοπό αυτό κατεβάστε το αντίστοιχο zip αρχείο. Τέλος, υποστηρίζεται η χρήση της ελληνικής γλώσσας στα μενού και στα πλαίσια διαλόγου του προγράμματος. Firebug Ο Firebug είναι ένα δωρεάν εργαλείο ανοικτού κώδικα, διαθέσιμο ως επέκταση του Mozilla Firefox, το οποίο επιτρέπει την αποσφαλμάτωση, την επεξεργασία και την παρακολούθηση των CSS, HTML, DOM και JavaScript από κάθε ιστοσελίδα. Επίσης ο Fidebug διαθέτει σύστημα ανάλυσης των επιδόσεων μιας ιστοσελίδας καθώς επίσης και και μια κονσόλα στην οποία μπορείτε να παρακολουθείτε τα σφάλματα που προκύπτουν από τη JavaScript όπως επίσης να παρακολουθείτε και τις τιμές διάφορων μεταβλητών. Το εργαλείο αυτό το συνοδεύουν και άλλα εργαλεία που έχουν ως αποτέλεσμα να ενισχύουν την παραγωγικότητα των προγραμματιστών διαδικτύου. Στον Firebug θα βρείτε όλα τα εργαλεία που χρειάζεστε για να αναλύσετε, να κάνετε αποσφαλμάτωση και να παρακολουθήσετε τη JavaScript, τα CSS, την HTML και ερωτήματα AJAX. Μερικά από τα σημαντικότερα εργαλεία του Firebug είναι ο το πρόγραμμα αποσφαλμάτωσης, η κονσόλα προβολής σφαλμάτων, η γραμμή εντολών, και η μεγάλη ποικιλία εργαλείων επιθεώρησης στοιχείων HTML. Θα πρέπει να θυμάστε πως οι αλλαγές στον κώδικα της σελίδας σας που γίνονται με τον Firebug, εφαρμόζονται πάνω στο αντίγραφο της σελίδας που είναι στον περιηγητή σας και όχι στον πηγαίο κώδικα που έχετε στον πρόγραμμα συγγραφής της ιστοσελίδας σας. Κάθε φορά που κάνετε αλλαγές στον κώδικα σας μέσω του Firebug, θα πρέπει να εφαρμόζετε τις ίδιες και στον κώδικα σας αν θέλετε να είναι μόνιμες. Ο Firebug έχει δημιουργηθεί ως AddOn για τον Firefox και μπορεί να εγκατασταθεί στον Firefox όπως και όλα τα άλλα AddOn. Αν θέλετε να τρέξετε τον Firebug σε άλλο περιηγητή (πχ. -18-

29 Internet Explorer, Opera, Safari, κ.α.) υπάρχει μια έκδοση του σε μορφή JavaScript η οποία όμως δεν έχει όλες τις λειτουργίες του κανονικού Firebug. Για να εγκαταστήσετε τον Firebug στον Firefox, επισκεφθείτε την σελίδα και κάντε Click στο σύνδεσμο Install Firebug on Firefox. Επιτήρηση στοιχείων της σελίδας Αυτό είναι το πρώτο βήμα για να εντοπίσετε ένα στοιχείο της HTML. Κάντε Click στο κουμπί Επιτήρηση αντικειμένου για να αλλάξει η κατάσταση του Firebug σε κατάσταση επιτήρησης. Μετακινήστε το ποντίκι σας πάνω από τα στοιχεία της σελίδας σας που θέλετε να επιτηρήσετε Κάντε Click στο στοιχείο που θέλετε να επιτηρήσετε για να αρχίσει η ανάλυση. Υπάρχει ακόμα ένας γρήγορος και εύκολος τρόπος για να κάνετε την ίδια εργασία. Εντοπίστε το στοιχείο που θέλετε να επιτηρήσετε, κάντε δεξί Click πάνω του και από το αναδυόμενο μενού επιλέξετε Επιτήρηση αντικειμένου. Τέλος, μπορείτε να επιλέξετε ένα κόμβο στο DOM και να παρακολουθήσετε από εκεί το CSS του στοιχείου, τη δομή του και τις ιδιότητες του στο DOM. Προφίλ JavaScript Πληκτρολογήστε των κώδικα που ακολουθεί σε μια σελίδα, αποθηκεύστε τη σελίδα σε ένα αρχείο HTML και ανοίξτε το με ένα Firefox που έχει ενεργοποιημένο το Firebug. -19-

30 (Αν ο Firebug δεν είναι ενεργοποιημένος τότε πατήστε το F12 για να τον ενεργοποιήσετε). <HTML> <head> <title>firebug</title> <script type="text/javascript"> function bar() { console.profile( Measuring time ); foo(); console.profileend(); function foo() { loop(1000); loop(100000); loop(10000); function loop(count) { for(var i=0;i<count;i++){ </script> </head> <body> Click this button to profile JavaScript <input type= button value= Start onclick= bar(); /> </body> </HTML> Αφού ανοίξετε τη σελίδα με τον Firefox κάντε Click στο κουμπί Start για να αρχίσει η ανάλυση του κώδικα JavaScript. Θα δείτε ένα πίνακα που θα δημιουργηθεί στην κονσόλα του Firebug. Η περιγραφή και ο σκοπός αυτού του πίνακα αναλύετε παρακάτω: Συνάρτηση : Αυτή η στήλη δείχνει το όνομα κάθε συνάρτησης που εκτελείτε κατά το άνοιγμα μιας σελίδας Κλήσεις : Δείχνει πόσες φορές έχει εκτελεστεί κάθε μια από τις συναρτήσεις της λίστας. Ποσοστό : Δείχνει το ποσοστό χρόνου που κατανάλωσε κάθε συνάρτηση μέχρι να ο- λοκληρωθεί η σελίδα -20-

31 Ίδια ώρα : Δείχνει το χρόνο που χρειάζεται για να εκτελεστεί ο κώδικας μέσα σε μια συγκεκριμένη συνάρτηση. Για παράδειγμα η συνάρτηση foo στον παράδειγμα μας δεν έχει καθόλου δικό της κώδικα, αλλά εκτελεί τη συνάρτηση loop. Για αυτό το λόγο ο χρόνος εκτέλεσης της είναι ~0ms. Αν θέλετε να δείτε λίγο χρόνο σε αυτή τη συνάρτηση προσθέστε μερικές επανάληψης σε ένα βρόχο. Χρόνος : Δείχνει το συνολικό χρόνο εκτέλεσης της συνάρτησης, από την αρχή της μέχρι το τέλος. Για παράδειγμα η συνάρτηση foo δεν έχει καθόλου δικό της κώδικα και ο χρόνος της είναι ~0ms, αλλά καλούμε άλλες συναρτήσεις μέσα σε αυτή, οπότε ο συνολικός χρόνος εκτέλεσης είναι 4.491ms για τις άλλες συναρτήσεις, που στην πράξη είναι ο συνολικός χρόνος της συνάρτησης foo και των χρόνων εκτέλεσης όλως των κλήσεων της συνάρτησης loop. Μέσος : Δείχνει το μέσο όρο εκτέλεσης κάθε συνάρτησης. Αν μια συνάρτηση την καλέσετε μόνο μια φορά τότε δεν θα έχετε και μεγάλη διαφορά από τη στήλη Χρόνος. Αν καλείτε μια συνάρτηση για περισσότερες από μια φορές τότε θα καταλάβετε τη διαφορά. Η φόρμουλα υπολογισμού του μέσου όρου είναι : Μέσος = Ίδια ώρα / Κλήσεις Στήλες Ελ. και Μεγ. : Δείχνουν τον ελάχιστο και τον μέγιστο χρόνο εκτέλεσης κάθε συνάρτησης. Στο παράδειγμα μας καλούμε τη συνάρτηση loop 3 φορές. Όταν περνάμε στην συνάρτηση την παράμετρο 1000 θα πρέπει να πάρει περίπου ms για να ε- κτελεστεί, αλλά όταν περνάμε ως παράμετρο το χρειάζεται περισσότερο χρόνο να εκτελεστεί και αυτός θα πρέπει να είναι περίπου 4.036ms. Το αποτέλεσμα είναι πως η στήλη Ελ. θα πρέπει να έχει την τιμή ms και η στήλη Μεγ. θα πρέπει να έχει την τιμή 4.036ms για την ίδια συνάρτηση. Αρχείο : Δείχνει το όνομα του αρχείου και τον αριθμό της γραμμής μέσα στο αρχείο που περιέχει τη συνάρτηση Αποσφαλμάτωση JavaScript σεναρίων Ο Firebug σας επιτρέπει να εισάγετε σημεία διακοπής στην εκτέλεση του κώδικα JavaScript και εκτέλεση βήμα βήμα του κώδικα. Δημιουργήστε μια σελίδα HTML και βάλτε τον παρακάτω κώδικα. -21-

32 <HTML> <head> <title>javascript Debugging</title> <script type="text/javascript"> function populatediv() { var divelement = document.getelementbyid("messagelabel"); divelement.innerhtml = "Lorem ipsum dollor"; </script> </head> <body> <div id="messagelabel"></div> <input type="button" value="click Me!" onclick="populatediv();" /> </body> </HTML> Ανοίξτε τώρα αυτή τη σελίδα με τον Firefox και κάτω από την καρτέλα Σενάριο εντολών, μετακινήστε το ποντίκι σας πάνω από τη γραμμή που φαίνεται και στην εικόνα παρακάτω και κάντε click αριστερά από τον αριθμό γραμμής για να δημιουργήσετε ένα σημείο διακοπής Για να βεβαιωθείτε ότι έχετε εισάγει ένα σημείο διακοπής στον κώδικα σας μπορείτε να πάτε στην καρτέλα Σημεία διακοπής στα δεξιά της καρτέλας Σενάρια εντολών. Εκεί θα εντοπίσετε όλα τα σημεία διακοπής που έχετε εισάγει στα σενάρια σας. Τώρα είστε έτοιμοι να παρακολουθήσετε τη συμβαίνει στον κώδικα σας. Κάντε Click στο κουμπί Click Me! που έχουμε μέσα στη σελίδα μας για να αρχίσει η εκτέλεση των εντολών. Μετά το Click θα παρατηρήσετε πως η εκτέλεση του κώδικα σταματάει στην γραμμή που βάλαμε το σημείο διακοπής. -22-

33 Τώρα είστε σε θέση να εκτελέσετε τον κώδικα σας βήμα βήμα πατώντας ένα από αυτά τα κουμπιά (Συνέχεια, Βήμα μέσα, Προσπέρασε, Βήμα Έξω) που βρίσκονται κάτω από την καρτέλα Σενάρια εντολών Συνέχεια (F8) : Σας επιτρέπει να συνεχίσετε την εκτέλεση του κώδικα, μετά από παύση από κάποιο σημείο διακοπής. Προσπέρασε (F10) : Σας επιτρέπει να συνεχίσετε την εκτέλεση του κώδικα χωρίς να περάσετε μέσα από τη συνάρτηση. Βήμα μέσα (F11) : Σας επιτρέπει να συνεχίσετε μέσα από τον κώδικα μιας συνάρτησης. Βήμα έξω : Σας επιτρέπει να συνεχίσετε την εκτέλεση του κώδικα και να σταματήσει στο επόμενο σημείο διακοπής που έχετε ορίσει Γρήγορη επεξεργασία των CSS Με τον Firebug μπορείτε να προσθέσετε, να διαγράψετε και να επεξεργαστείτε τις ιδιότητες CSS ενός στοιχείου. Αυτό είναι ένα από τα ποιο χρήσιμα χαρακτηριστικά του Firebug, αφού σας επιτρέπει να διορθώσετε προβλήματα που προκύπτουν από τη CSS γρήγορα και εύκολα. Με αυτό το εργαλείο οι αλλαγές που πραγματοποιούνται στην καρτέλα CSS του Firebug εφαρμόζονται άμεσα στο αντίγραφο της σελίδας που βλέπετε την δεδομένη χρονική στιγμή. Για παράδειγμα αν θέλετε να αλλάξετε το χρώμα ενός στοιχείου που επιτηρείτε κάντε τα ακόλουθα : Ανοίξτε τη σελίδα που δημιουργήσατε στο προηγούμενο παράδειγμα και κάντε Click στο κουμπί Click Me! Κάντε δεξί Click στο κείμενο που προκύπτει μετά το Click στο κουμπί και επιλέξτε Επιτήρηση αντικειμένου από το αναδυόμενο μενού. Στην καρτέλα HTML του Firebug θα εμφανιστεί το επιλεγμένο στοιχείο μέσα στον κώδικα της σελίδας σας. Στα δεξιά της καρτέλας HTML υπάρχει μια σειρά από άλλες καρτέλες, επιλέξτε την καρτέλα CSS και από κάτω κάντε δεξί Click και επιλέξτε Επεξεργασία style στοιχείου από το αναδυόμενο μενού Τώρα πληκτρολογήστε την ιδιότητα color και μετά αμέσως το πλήκτρο Tab. -23-

34 Τώρα πληκτρολογήστε το χρώμα που θέλετε είτε ονομαστικά είτε με rgb αναπαράσταση είτε με δεκαεξαδική αναπαράσταση (πχ : #AF0, #333333) και πατήστε Enter. Εκτός από την αυτόματη συμπλήρωση κώδικα στην JavaScript ο Firebug διαθέτει αυτόματη συμπλήρωση και για τα CSS. Για να απενεργοποιήσετε ένα κανόνα CSS, βάλτε το ποντίκι σας πάνω από τον κανόνα στα α- ριστερά του πάνω από το εικονίδιο και κάντε Click Για να αλλάξετε την τιμή κάποιου κανόνα κάντε απλά ένα Click στην τιμή του κανόνα και αμέσως η τιμή του θα μετατραπεί σε κείμενο για να το επεξεργαστείτε. Επίσης αν έχετε αριθμητικές τιμές σε κάποιο κανόνα (πχ. width: 300px) μπορείτε να χρησιμοποιήσετε τα βελάκια πάνω και κάτω για να αλλάξετε τις τιμές διαδοχικά χωρίς να πληκτρολογείτε κάθε φορά νέα τιμή. 3.3 ΠΡΑΓΜΑΤΟΠΟΙΗΣΗ ΤΗΣ ΕΡΓΑΣΙΑΣ Εδώ θα παραθέσουμε τον κώδικα της πτυχιακής εργασίας. index.php <?php session_start();?> <?php require('header.php');?> <?php require('menu.php');?> <?php require('db_info.php');?> <?php $mycon = new PDO("mysql:host=$dbhost;dbname=$dbname;", $dbuser, $dbpass); $sql="select * FROM images GROUP BY name LIMIT 5"; $statement= $mycon->prepare($sql); $result=$statement->execute(); $result=$statement->fetchall(pdo::fetch_assoc); $statement->closecursor(); $i=0; foreach ($result as $row) { $file[$i]='uploads/'.$row['filename']; $desc[$i]=$row['description']; $i++; $mycon=null; -24-

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

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

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

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

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

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

XAMPP Apache MySQL PHP javascript xampp

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

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

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

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

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

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP Αντώνης Χρυσόπουλος Κατερίνα Κυπριώτη Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP Για να γίνουμε όλοι καλύτεροι άνθρωποι Τι έχει το μενού σήμερα??? 1. Τι είναι η PHP??? Τι είναι

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

Τεχνικός Εφαρμογών Πληροφορικής

Τεχνικός Εφαρμογών Πληροφορικής Τεχνικός Εφαρμογών Πληροφορικής ΓΛΩΣΣΑ ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΥ ΕΙΣΑΓΩΓΗ Εξάμηνο: 2014Β Διδάσκουσα: Ηλεκτρονική Τάξη: Κανελλοπούλου Χριστίνα_ΠΕ19 Πληροφορικής Περιεχόμενα 1.Τι είναι η Php; 2.Πως γίνετε η γραφή

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

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

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

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

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

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

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

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες

Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Μέρος 3 ο : Βασικές Έννοιες για δυναμικές ιστοσελίδες Εισαγωγή-Σκοπός. Τρόποι δημιουργίας δυναμικών ιστοσελίδων. Dynamic Web Pages. Dynamic Web Page Development Using Dreamweaver. Τρόποι δημιουργίας δυναμικών

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

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

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

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

Προγραμματισμός διαδικτυακών εφαρμογών με PHP

Προγραμματισμός διαδικτυακών εφαρμογών με PHP ΕΣΔ516: Τεχνολογίες Διαδικτύου Προγραμματισμός διαδικτυακών εφαρμογών με PHP Ερωτήματα μέσω Περιεχόμενα Περιεχόμενα Λογισμικό για εφαρμογές Web Η τριεπίπεδη αρχιτεκτονική (3-tier architecture) Εισαγωγή

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

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

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

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

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΔΙΕΥΘΥΝΣΗ ΜΗΧΑΝΟΡΓΑΝΩΣΗΣ ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου Συντάκτες: Παναγιώτα Μπούγια Θεοδώρα Νάνου Ιανουάριος 2015 Περιεχόμενα 1. Εισαγωγή...

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

MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά

MANAGER SIDE BAR. Μία άλλη λειτουργία είναι το ξυπνητήρι. Μπορείτε να ορίσετε τον χρόνο υπενθύμισης. Μετά την λήξη του χρόνου θα ειδοποιηθείτε ηχητικά MANAGER SIDE BAR Η Manager side bar είναι μία εφαρμογή σχεδιασμένη να προσφέρει μια σειρά από λειτουργίες και ευκολίες σε κάθε χρήστη Η/Υ προχωρημένο ή αρχάριο. Βασική λειτουργία της εφαρμογής είναι ότι

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

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

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

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

Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης

Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης Γρήγορη αναφορά Αντιγραφή Δημιουργία αντιγράφων Γρήγορη δημιουργία αντιγράφου 3 Στον πίνακα ελέγχου του εκτυπωτή πατήστε το κουμπί αντίγραφο 4 Εάν τοποθετήσατε το έγγραφο στη γυάλινη επιφάνεια σάρωσης

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

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

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

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

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

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

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

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

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

Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης. Μικρομεσαίες Επιχειρήσεις και Καινοτομία

Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης. Μικρομεσαίες Επιχειρήσεις και Καινοτομία Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης Μικρομεσαίες Επιχειρήσεις και Καινοτομία Ηλεκτρονικό Εμπόριο H δυνατότητα των καταναλωτών και των εμπορικών καταστημάτων να κάνουν

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

Οδηγίες Χρήσης της MySQL

Οδηγίες Χρήσης της MySQL ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2

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

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

ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΟΙΚΟΝΟΜΙΚΩΝ ΚΑΙ ΚΟΙΝΩΝΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΟΙΚΟΝΟΜΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΜΑΘΗΜΑ : Η/Υ I (ενότητα WINDOWS) ΥΠΕΥΘΥΝΟΣ : ΑΝΑΣΤΑΣΙΟΣ ΟΙΚΟΝΟΜΙΔΗΣ, Καθηγητής ΕΡΓΑΣΤΗΡΙΑ : ΘΕΑΝΩ ΧΑΤΖΙΔΑΚΗ, Εργαστηριακό

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

Vodafone Business Connect

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

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

Interactive Power Point

Interactive Power Point Interactive Power Point Οι περισσότεροι χρήστες γνωρίζουν τη χρήση του Microsoft Power Point για τη δημιουργία παρουσιάσεων. Αυτό όμως που λίγοι γνωρίζουν, είναι ότι το πρόγραμμα αυτό, έχει δυνατότητες

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

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

Για περισσότερες πληροφορίες σχετικά με τη συμβατότητα του λογισμικού με άλλα λειτουργικά συστήματα, επικοινωνήστε με το τμήμα υποστήριξης πελατών. Σελίδα 1 από 7 Οδηγός σύνδεσης Υποστηριζόμενα λειτουργικά συστήματα Μπορείτε να πραγματοποιήσετε εγκατάσταση του λογισμικού του εκτυπωτή χρησιμοποιώντας το CD Λογισμικό και τεκμηρίωση για τα ακόλουθα λειτουργικά

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

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

Οδηγός γρήγορης εκκίνησης Χρήση του Office 365 σε τηλέφωνο Windows Phone Οδηγός γρήγορης εκκίνησης Έλεγχος ηλεκτρονικού ταχυδρομείου Ρυθμίστε το Windows Phone για αποστολή και λήψη ηλεκτρονικού ταχυδρομείου από το λογαριασμό του

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

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

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

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

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

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

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

hel-col@otenet.gr Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης kparask@hellenic-college.

hel-col@otenet.gr Κωνσταντίνος Παρασκευόπουλος Καθηγητής Πληροφορικής (ΠΕ19 MSc) Ελληνικό Κολλέγιο Θεσσαλονίκης kparask@hellenic-college. Χρήση της Διεπαφής Προγραμματισμού Εφαρμογής Google Maps για τη δημιουργία διαδραστικού χάρτη με τα Μνημεία Παγκόσμιας Πολιτιστικής Κληρονομιάς της ΟΥΝΕΣΚΟ στη Θεσσαλονίκη Εμμανουήλ Τσάμης 1, Κωνσταντίνος

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

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

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

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

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

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

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

Open eclass 2.2 - Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης

Open eclass 2.2 - Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης Open eclass 2.2 - Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης Οδηγίες Αναβάθμισης (Upgrade) Ομάδα Εργασίας: Τσιμπάνης Κωνσταντίνος, Εξηνταρίδης Γιάννης Αθήνα, 30 Σεπτεμβρίου 2009 Εισαγωγή Η πλατφόρμα Open eclass

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

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

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

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

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

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

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

Γρήγορη Εκκίνηση. Όταν ξεκινήσετε το GeoGebra, εμφανίζεται το παρακάτω παράθυρο:

Γρήγορη Εκκίνηση. Όταν ξεκινήσετε το GeoGebra, εμφανίζεται το παρακάτω παράθυρο: Τι είναι το GeoGebra; Γρήγορη Εκκίνηση Λογισμικό Δυναμικών Μαθηματικών σε ένα - απλό στη χρήση - πακέτο Για την εκμάθηση και τη διδασκαλία σε όλα τα επίπεδα της εκπαίδευσης Συνδυάζει διαδραστικά γεωμετρία,

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

Χρήση του Office 365 σε τηλέφωνο Android

Χρήση του Office 365 σε τηλέφωνο Android Χρήση του Office 365 σε τηλέφωνο Android Οδηγός γρήγορης εκκίνησης Έλεγχος ηλεκτρονικού ταχυδρομείου Ρυθμίστε το τηλέφωνο Android για αποστολή και λήψη ηλεκτρονικού ταχυδρομείου από το λογαριασμό του Office

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

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

ΕΓΧΕΙΡΙ ΙΟ ΡΥΘΜΙΣΕΩΝ ΓΙΑ ΤΗΝ ΠΡΟΣΒΑΣΗ ΣΕ ΗΛΕΚΤΡΟΝΙΚΟΥΣ ΠΟΡΟΥΣ ΙΚΤΥΟ ΒΙΒΛΙΟΘΗΚΩΝ ΤΟΥ ΙΝΣΤΙΤΟΥΤΟΥ ΘΕΡΒΑΝΤΕΣ ΕΓΧΕΙΡΙ ΙΟ ΡΥΘΜΙΣΕΩΝ ΓΙΑ ΤΗΝ ΠΡΟΣΒΑΣΗ ΣΕ ΗΛΕΚΤΡΟΝΙΚΟΥΣ ΠΟΡΟΥΣ ΙΚΤΥΟ ΒΙΒΛΙΟΘΗΚΩΝ ΤΟΥ ΙΝΣΤΙΤΟΥΤΟΥ ΘΕΡΒΑΝΤΕΣ σ. 1 από 18 _ Εγχειρίδιο ρυθµίσεων για την πρόσβαση σε ηλεκτρονικούς πόρους bibliotecas Εγχειρίδιο

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

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο

ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ. Κωδικός Τίτλος Επίπεδο ΔΡΑΣΤΗΡΙΟΤΗΤΕΣ Ενότητα: Υποενότητα: Διαδικτυακές Υπηρεσίες κι Εφαρμογές Υ8 - Δημοτικοί Ιστότοποι / Google Sites Λίστα Δραστηριοτήτων Κωδικός Τίτλος Επίπεδο Υ8.Δ1 Αναζήτηση δημοτικών ιστοτόπων και αξιολόγηση

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

Εγκατάσταση του εκτυπωτή από το CD λογισμικού και τεκμηρίωσης

Εγκατάσταση του εκτυπωτή από το CD λογισμικού και τεκμηρίωσης Σελίδα 1 από 6 Οδηγός σύνδεσης Υποστηριζόμενα λειτουργικά συστήματα Μπορείτε να εγκαταστήσετε το λογισμικό του εκτυπωτή χρησιμοποιώντας το CD λογισμικού στα ακόλουθα λειτουργικά συστήματα: Windows 8.1

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

ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C

ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C ΕΡΓΑΣΤΗΡΙΟ 3: Προγραμματιστικά Περιβάλλοντα και το Πρώτο Πρόγραμμα C Στο εργαστήριο αυτό, θα ασχοληθούμε με δύο προγραμματιστικά περιβάλλοντα για τη γλώσσα C: τον gcc μεταγλωττιστή της C σε περιβάλλον

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

Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010

Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Τμήμα Πληροφορικής & Επικοινωνιών Τομέας Υπολογιστικών Τεχνικών & Συστημάτων Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Ιωάννης Γεωργουδάκης - Πάρις Μαστοροκώστας Σεπτέμβριος 2011 ΠΕΡΙΕΧΟΜΕΝΑ

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

Πως θα κατασκευάσω το πρώτο πρόγραμμα;

Πως θα κατασκευάσω το πρώτο πρόγραμμα; Εργαστήριο Δομημένος Προγραμματισμός (C#) Τμήμα Μηχανολογίας Νικόλαος Ζ. Ζάχαρης Καθηγητής Εφαρμογών Σκοπός Να γίνει εξοικείωση το μαθητών με τον ΗΥ και το λειτουργικό σύστημα. - Επίδειξη του My Computer

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

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

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

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

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

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

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

Σύντομη περιγραφή 5. Για να ξεκινήσετε 6. Οι οθόνες του προγράμματος 8. Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7

Σύντομη περιγραφή 5. Για να ξεκινήσετε 6. Οι οθόνες του προγράμματος 8. Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7 Σύντομη περιγραφή 5 Για να ξεκινήσετε 6 Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7 Οι οθόνες του προγράμματος 8 Αρχική οθόνη 8 Στοιχεία ασθενή 9 Εργασίες - Ραντεβού 10 Εικόνες 11 Ημερολόγιο

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

Google Apps για το Office 365 για επιχειρήσεις

Google Apps για το Office 365 για επιχειρήσεις Google Apps για το Office 365 για επιχειρήσεις Πραγματοποίηση της μετάβασης Το Office 365 για επιχειρήσεις έχει διαφορετική εμφάνιση από το Google Apps. Για το λόγο αυτό, όταν συνδεθείτε, θα δείτε αυτήν

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

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης

Σταύρος Καουκάκης Ευτύχιος Βαβουράκης ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ Βασικές Έννοιες Διαδικτύου Wordpress & Κοινωνικά Δίκτυα (Part 1) Σταύρος Καουκάκης Ευτύχιος Βαβουράκης 1 Περιεχόμενα Γενικές Έννοιες Διαδικτύου Η αρχιτεκτονική του Web Συστήματα Διαχείρισης

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

Κέντρο υποστήριξης HP. Εισαγωγή. Τι χρειάζεται να γνωρίζετε. Λήψη και εγκατάσταση της λύσης Vista στα Windows 8. 1 of 5 1/7/2014 2:09 μμ

Κέντρο υποστήριξης HP. Εισαγωγή. Τι χρειάζεται να γνωρίζετε. Λήψη και εγκατάσταση της λύσης Vista στα Windows 8. 1 of 5 1/7/2014 2:09 μμ http://h2056wwwhp.com/portal/site/hpsc/template.page/public/psi... 1 of 5 1/7/2014 2:09 μμ Για το σπίτι Για την επιχείρηση Υποστήριξη Είσοδος Εγγραφή Βοήθεια ιστότοπου HP Color LaserJet 3600 Printer series

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

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

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

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

Μηχανή αναζήτησης βασισμένη σε AJAX και Soundex. Πτυχιακή Εργασία

Μηχανή αναζήτησης βασισμένη σε AJAX και Soundex. Πτυχιακή Εργασία ΒίΟΜηγανικτί Πλΐΐοοφορική Τ.Ε.Ι. ΚΑΒΑΛΑΣ Μηχανή αναζήτησης βασισμένη σε AJAX και Soundex Πτυχιακή Εργασία llai')/>oc Ντυαένο^ Επιβλέττων Κ αθηγητής: Δμ Στέλιος Παπαδάκης ΚΑΒΑΛΑ 2008 Βιοαΐίγανίκή ΠληροφορικτΙ

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

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr

Εφαρµογή: Σύστηµα ιαχείρισης ιαδικτυακού Περίπτερου / Ιστοσελίδας στον διαδικτυακό τόπο kalliergea.gr ..χτίζουµε την ιστοσελίδα σας στο Internet www.kalliergea.gr Λάουρα Π. Καζακράντε «Καλλιεργαία» Πληροφορική - Internet - ιαφήµιση - Μεταφράσεις Τηλ.: 211 0104925, 695 6118589 Email: info@kalliergea.gr

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

Η εφαρµογή ClassWeb δίνει στους διδάσκοντες χρήστες του συστήµατος τη δυνατότητα πρόσβασης µέσω του ιαδικτύου σε ποικίλες υπηρεσίες, όπως:

Η εφαρµογή ClassWeb δίνει στους διδάσκοντες χρήστες του συστήµατος τη δυνατότητα πρόσβασης µέσω του ιαδικτύου σε ποικίλες υπηρεσίες, όπως: 1. Υπηρεσία ClassWeb 1.1. Γενικά Η εφαρµογή ClassWeb δίνει στους διδάσκοντες χρήστες του συστήµατος τη δυνατότητα πρόσβασης µέσω του ιαδικτύου σε ποικίλες υπηρεσίες, όπως: εµφάνιση στατιστικών στοιχείων

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

Microsoft PowerPoint 2007

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

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

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

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

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

Η HTML 5 θα αλλάξει το Web?

Η HTML 5 θα αλλάξει το Web? Η HTML 5 θα αλλάξει το Web? (ή αλλιώς, έρχεται το τέλος των plugins?) Αλέξανδρος Καράκος Εργαστήριο Προγραµµατισµού και Επεξεργασίας Πληροφοριών Internet 2... Είναι ένα ξεχωριστό µέσο δηµοσίευσης πληροφοριών

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

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

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

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

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος

Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά. Νίκος Πασσαράς. Εισηγητής: Πρεζεράκος Γεώργιος ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΙΔΡΥΜΑ ΠΕΙΡΑΙΑ ΣΧΟΛΗ ΤΕΧΝΟΛΟΓΙΚΩΝ ΕΦΑΡΜΟΓΩΝ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ Ανάπτυξη Υπηρεσίας Καταλόγου LDAP με τα στοιχεία του προσωπικού του TEI Πειραιά Νίκος Πασσαράς

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

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

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

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

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

Σπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background

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

Α.Τ.Ε.Ι. ΚΑΒΑΛΑΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ

Α.Τ.Ε.Ι. ΚΑΒΑΛΑΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ σελ. 1 Α.Τ.Ε.Ι. ΚΑΒΑΛΑΣ ΤΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΔΙΑΧΕΙΡΙΣΗ ΧΡΗΣΤΩΝ ΔΙΚΤΥΟΥ ΜΕΣΩ ΙΣΤΟΣΕΛΙΔΑΣ ΕΠΙΒΛΕΠΩΝ ΚΑΘΗΓΗΤΗΣ ΤΣΕΤΣΟΣ ΚΩΝΣΤΑΝΤΙΝΟΣ ΣΠΟΥΔΑΣΤΕΣ ΣΑΡΗΜΑΝΩΛΗΣ ΧΡΗΣΤΟΣ ΚΟΡΚΟΥ ΕΥΑΓΓΕΛΙΑ

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

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

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

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

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet.

ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΜΑΘΗΜΑ: Εργαλεία Ανάπτυξης εφαρμογών internet. ΩΡΕΣ ΔΙΔΑΣΚΑΛΙΑΣ: ΕΙΔΟΣ ΜΑΘΗΜΑΤΟΣ: Μικτό Γενικός σκοπός είναι να αποκτήσει ο καταρτιζόμενος τις αναγκαίες γνώσεις σχετικά με εργαλεία και τις τεχνικές για

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

Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub

Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub Σύνοψη Σ αυτό το κεφάλαιο θα περιγράψουμε τη δημιουργία φορμών, προκειμένου να εισάγουμε δεδομένα και να εμφανίζουμε στοιχεία από τους πίνακες

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

1. Τα τμήματα της επιφάνειας εργασίας των Windows

1. Τα τμήματα της επιφάνειας εργασίας των Windows 1. Τα τμήματα της επιφάνειας εργασίας των Windows Εικονίδια συντομεύσεων (αρχείου-φακέλου) Εικονίδια Ανενεργά Ενεργό Επιφάνεια (αρχείου-φακέλου) παράθυρα παράθυρο εργασίας Γραμμή μενού Γραμμή εργαλείων

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

Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client

Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client ΕΣΔ 516 Τεχνολογίες Διαδικτύου Δυναμικές Ιστοσελίδες Εισαγωγή στην Javascript για προγραμματισμό στην πλευρά του client Περιεχόμενα Περιεχόμενα Javascript και HTML Βασική σύνταξη Μεταβλητές Τελεστές Συναρτήσεις

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

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

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

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

Οδηγίες για την εγκατάσταση του πακέτου Cygwin

Οδηγίες για την εγκατάσταση του πακέτου Cygwin Οδηγίες για την εγκατάσταση του πακέτου Cygwin Ακολουθήστε τις οδηγίες που περιγράφονται σε αυτό το file μόνο αν έχετε κάποιο laptop ή desktop PC που τρέχουν κάποιο version των Microsoft Windows. 1) Copy

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

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2

ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 2 Μάθαµε στο προηγούµενο µάθηµα πώς να δίνουµε ονόµατα στις ιστοσελίδες µας, να βάζουµε χρώµα και γραφικά, ή ακόµα να δηµιουργούµε υπερσυνδέσµους σε κείµενο και εικόνες. Σήµερα µεταξύ

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

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15

ΠΕΡΙΕΧΟΜΕΝΑ. Πρόλογος... 13. Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 ΠΕΡΙΕΧΟΜΕΝΑ Πρόλογος... 13 Κεφάλαιο 1 ο Αρχές Διαχείρισης πληροφορίας στον Παγκόσμιο Ιστό... 15 1.1 Εισαγωγή... 16 1.2 Διαδίκτυο και Παγκόσμιος Ιστός Ιστορική αναδρομή... 17 1.3 Αρχές πληροφοριακών συστημάτων

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

ΕΡΓΑΣΤΗΡΙΟ 1: 1 Εισαγωγή, Χρήσιμες Εφαρμογές

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

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

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

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

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

Ενημέρωση σε Windows 8.1 από τα Windows 8

Ενημέρωση σε Windows 8.1 από τα Windows 8 Ενημέρωση σε Windows 8.1 από τα Windows 8 Τα Windows 8.1 και τα Windows RT 8.1 είναι βασισμένα στα Windows 8 και στα Windows RT, για να σας προσφέρουν βελτιώσεις στην εξατομίκευση, την αναζήτηση, τις εφαρμογές,

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

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

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

Εθνική Πύλη ermis.gov.gr

Εθνική Πύλη ermis.gov.gr Εθνική Πύλη ermis.gov.gr Έκδοση και εγκατάσταση ψηφιακών πιστοποιητικών χαλαρής αποθήκευσης Έκδοση 1.1 Εγκατάσταση Ψηφιακών Πιστοποιητικών Χαλαρής Αποθήκευσης σελίδα 1 / 31 Πίνακας Περιεχομένων 1. ΕΙΣΑΓΩΓΗ

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

Vodafone Business Connect

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

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

Βάσεις δεδομένων (Access)

Βάσεις δεδομένων (Access) Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Κουμπί Κενή βάση δεδομένων Κουμπί του Office Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στο κουμπί «Κενή βάση δεδομένων»

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

ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ

ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΟΔΗΓΟΣ ΧΡΗΣΗΣ WEBMAIL ΤΕΙ ΚΑΛΑΜΑΤΑΣ ΠΕΡΙΕΧΟΜΕΝΑ 1. URL Διεύθυνση WebMail... 3 2. Εγκατάσταση Πιστοποιητικού Ασφάλειας... 3 2.1 Εγκατάσταση Πιστοποιητικού στον Internet Explorer... 3 2.2 Εγκατάσταση Πιστοποιητικού

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

Εγκατάσταση της έκδοσης 5.30

Εγκατάσταση της έκδοσης 5.30 Μελίσσια, 23 Φεβρουαρίου 2010 Εγκατάσταση της έκδοσης 5.30 Περιεχόμενα Φακέλου Ο φάκελος που παραλάβατε περιέχει 1 CD και τις οδηγίες που διαβάζετε. Αντίγραφα Ασφαλείας Λόγω των μετασχηματισμών που θα

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

4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ :

4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ : 4 ο ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ ΓΕΝΙΚΟΣ ΣΚΟΠΟΣ : Σκοπός του συγκεκριμένου φύλλου εργασίας είναι ο μαθητής να εξοικειωθεί με τις συναρτήσεις, τις αριθμητικές πράξεις καθώς και την επισήμανση κελιών υπό όρους με στόχο

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

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

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

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

Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης eclass 1.7. Οδηγίες Αναβάθμισης (Upgrade) - 1 - Αθήνα, 16 Μαρτίου 2007. 1. Εισαγωγή

Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης eclass 1.7. Οδηγίες Αναβάθμισης (Upgrade) - 1 - Αθήνα, 16 Μαρτίου 2007. 1. Εισαγωγή Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης eclass 1.7 Οδηγίες Αναβάθμισης (Upgrade) Ομάδα Εργασίας: Τσιμπάνης Κωνσταντίνος, Εξηνταρίδης Γιάννης Αθήνα, 16 Μαρτίου 2007 1. Εισαγωγή Η πλατφόρμα eclass είναι ένα

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

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗ ΧΡΗΣΗ ΤΟΥ CONTROL PANEL RACKSPACE

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗ ΧΡΗΣΗ ΤΟΥ CONTROL PANEL RACKSPACE ΟΔΗΓΙΕΣ ΓΙΑ ΤΗ ΧΡΗΣΗ ΤΟΥ CONTROL PANEL RACKSPACE Περιεχόμενα 1 Γενικά...2 2 Πρόσβαση στο Control Panel...2 3 Εμφάνιση Λίστας Domains...2 3.1 Καρτέλα General Settings...3 3.2 Καρτέλα Permissions...5 3.3

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

Βάσεις δεδομένων (Access)

Βάσεις δεδομένων (Access) Βάσεις δεδομένων (Access) Όταν εκκινούμε την Access εμφανίζεται το παρακάτω παράθυρο: Για να φτιάξουμε μια νέα ΒΔ κάνουμε κλικ στην επιλογή «Κενή βάση δεδομένων» στο Παράθυρο Εργασιών. Θα εμφανιστεί το

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

Using Custom Python Expression Functions

Using Custom Python Expression Functions Using Custom Python Expression Functions QGIS Tutorials and Tips Author Ujaval Gandhi http://google.com/+ujavalgandhi Translations by Christina Dimitriadou Paliogiannis Konstantinos Tom Karagkounis Despoina

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

Περιεχόμενα. 1 Προετοιμασία βιβλίου εργασίας 47. 2 Εργασία με δεδομένα και πίνακες Excel 75. Ευχαριστίες...11. Εισαγωγή στο Microsoft Excel 2010...

Περιεχόμενα. 1 Προετοιμασία βιβλίου εργασίας 47. 2 Εργασία με δεδομένα και πίνακες Excel 75. Ευχαριστίες...11. Εισαγωγή στο Microsoft Excel 2010... Περιεχόμενα Ευχαριστίες...11 Εισαγωγή στο Microsoft Excel 2010...13 Τροποποίηση της εμφάνισης της Κορδέλας...29 Χαρακτηριστικά και συμβάσεις του βιβλίου...35 Χρήση των αρχείων εξάσκησης...37 Βοήθεια...41

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

Stellarium Εγχειρίδιο Οδηγιών

Stellarium Εγχειρίδιο Οδηγιών Προϋποθέσεις συστήματος: Windows (XP, Vista, 7) με DirectX 9.x και τελευταίες ServicePack ή MacOS X 10.3.x (ή υψηλότερη), κάρτα γραφικών 3D με υποστήριξη OpenGL, ελάχ. 512 MB RAM, 1 GB διαθέσιμος χώρος

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

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

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

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

PRISMA Win POS Sync Merge Replication

PRISMA Win POS Sync Merge Replication ΤΜΗΜΑ ΥΠΟΣΤΗΡΙΞΗΣ Οδηγός Ρυθμίσεων Συγχρονισμού PRISMA Win POS Sync Merge Replication Η διαδικασία του συγχρονισμού γίνεται από τον Η/Υ που έχει το Back Office. Βασική προϋπόθεση για να ενεργοποιηθεί ο

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

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

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

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

Εγχειρίδιο Χρήσης Φορέα Πιστοποίησης

Εγχειρίδιο Χρήσης Φορέα Πιστοποίησης Εγχειρίδιο Χρήσης Φορέα Πιστοποίησης ΕΙΣΟΔΟΣ ΣΤΗΝ ΕΦΑΡΜΟΓΗ Για την είσοδο στην εφαρμογή απαιτείται, 1. Πλοηγός ιστοσελίδων (Internet Explorer, Mozilla Firefox, Google Chrome, Netscape Navigator), 2. Όνομα

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

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies)

ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) ΕΠΛ 012 ΤΕΧΝΟΛΟΓΙΕΣ ΣΧΕΔΙΑΣΗΣ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (Web Site Design Technologies) Διδάσκων Καθηγητής: Δημήτριος Τσουμάκος Εαρινό Εξάμηνο 2010 Βασικές Πληροφορίες Πότε: Δευτέρα & Πέμπτη 10:30-12μμ Πού: ΧΩΔ01

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

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

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

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

Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...

Περιεχόμενα. Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων... Περιεχόμενα Περιβάλλον ηλεκτρονικού υπολογιστή...9 Επιφάνεια εργασίας...12 Διαχείριση αρχείων...15 Ιοί Η/Υ...21 Διαχείριση εκτυπώσεων...22 Περιβάλλον ηλεκτρονικού υπολογιστή...23 Επιφάνεια εργασίας...26

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

Χαρακτηριστικά ιστοσελίδας

Χαρακτηριστικά ιστοσελίδας Χαρακτηριστικά ιστοσελίδας COSMOS4U Web Site Pro Χαρακτηριστικά Επιπλέον Δυνατότητες Προφίλ Εταιρίας Παρουσίαση της εταιρίας σας με φωτογραφικό υλικό και κείμενα. Τήρηση προδιαγραφών και χρήση λέξεων κλειδιά

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

Academia Financials Γενική Λογιστική ΠΕΡΙΕΧΟΜΕΝΑ

Academia Financials Γενική Λογιστική ΠΕΡΙΕΧΟΜΕΝΑ 05010103/03/12 ΠΕΡΙΕΧΟΜΕΝΑ ΠΕΡΙΕΧΟΜΕΝΑ Α. ΕΓΚΑΤΑΣΤΑΣΗ... 1 1. ΤΕΧΝΙΚΕΣ ΠΡΟΔΙΑΓΡΑΦΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ... 1 1.1. ΠΕΡΙΓΡΑΦΗ ΕΦΑΡΜΟΓΩΝ ΤΗΣ DATA COMMUNICATION... 1 1.2. ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ ΕΦΑΡΜΟΓΗΣ... 1 1.3. ΤΟΠΟΛΟΓΙΕΣ

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

Οδηγίες εγκατάστασης Δορυφορικής κάρτας Technisat

Οδηγίες εγκατάστασης Δορυφορικής κάρτας Technisat Οδηγίες εγκατάστασης Δορυφορικής κάρτας Technisat Απαιτήσεις συστήματος IBM συμβατό PC με επεξεργαστή Pentium III 700 MHz ή ανώτερο Τουλάχιστον 256 MB RAM Τουλάχιστον 30 MB ελεύθερος χώρος στον σκληρό

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

Σενάριο 18: Ραβδογράμματα Πληθυσμού

Σενάριο 18: Ραβδογράμματα Πληθυσμού Σενάριο 18: Ραβδογράμματα Πληθυσμού Φύλλο Εργασίας Τίτλος: Ραβδογράμματα Πληθυσμού Γνωστικό Αντικείμενο: Εφαρμογές Πληροφορικής-Υπολογιστών Διδακτική Ενότητα: Διερευνώ - Δημιουργώ Ανακαλύπτω, Συνθετικές

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

IR-100 Προγραμματιζόμενο Τηλεχειριστήριο Οδηγίες Χρήσης

IR-100 Προγραμματιζόμενο Τηλεχειριστήριο Οδηγίες Χρήσης IR-100 Προγραμματιζόμενο Τηλεχειριστήριο Οδηγίες Χρήσης 1. Περιεχόμενα 1.Περιεχόμενα 2.Δομή των οδηγιών χρήσης 3.Αρχική εγκατάσταση του προϊόντος 3.1.Περιγραφή του συστήματος 3.2.Εγκατάσταση της συσκευής

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

ΚΕΦΑΛΑΙΑ 1. ΕΙΣΑΓΩΓΗ ΚΑΙ ΠΡΩΤΑ ΒΗΜΑΤΑ 10 2. ΕΡΓΑΣΙΑ ΜΕ ΚΕΙΜΕΝΑ 20 3. ΜΟΡΦΟΠΟΙΗΣΗ 15

ΚΕΦΑΛΑΙΑ 1. ΕΙΣΑΓΩΓΗ ΚΑΙ ΠΡΩΤΑ ΒΗΜΑΤΑ 10 2. ΕΡΓΑΣΙΑ ΜΕ ΚΕΙΜΕΝΑ 20 3. ΜΟΡΦΟΠΟΙΗΣΗ 15 Vellum Open Office Web Authoring Professional Certificate Πιστοποιητικό ανάπτυξης εφαρµογών διαδικτύου µε εξειδίκευση στην γλώσσα Open Office Vellum Global Educational Services Σελίδα 1 από 1 Vellum Open

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