ΗΛΕΚΤΡΟΝΙΚΟ ΒΙΒΛΙΟΠΩΛΕΙΟ «Η ΠΡΟΤΑΣΙΣ» ΖΑΜΑΝΤΖΑΣ ΕΥΑΓΓΕΛΟΣ (ΑΜ: Τ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 γλώσσες προγραμματισμού). [ 2013] Παρά την ευρεία χρήση της Javascript για συγγραφή προγραμμάτων σε περιβάλλον φυλλομετρητή, αξίζει να σημειωθεί ότι από την αρχή χρησιμοποιήθηκε και για τη συγγραφή κώδικα από την πλευρά του διακομιστή, από την ίδια τη Netscape στο προϊόν LiveWire, με μικρή επιτυχία. Η χρήση της Javascript στο διακομιστή εμφανίζεται πάλι σήμερα, με τη διάδοση του Node.js, ενός μοντέλου προγραμματισμού βασισμένο στα γεγονότα (events). Ο κώδικας Javascript μιας σελίδας περικλείεται από τις ετικέτες της HTML <script type="text/javascript"> </script>. [ 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

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

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

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

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

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

Περιεχόμενα. Λίγα λόγια από το συγγραφέα... 7 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με

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

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. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα

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

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

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

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

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

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

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

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

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

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

MICROSOFT OFFICE 2003 MICROSOFT WORD 2003

MICROSOFT OFFICE 2003 MICROSOFT WORD 2003 MICROSOFT OFFICE 2003 MICROSOFT WORD 2003 Εµφάνιση των γραµµών εργαλείων "Βασική" και "Μορφοποίηση" σε δύο γραµµές Από προεπιλογή, οι γραµµές εργαλείων Βασική και Μορφοποίηση εµφανίζονται µε αγκύρωση (σταθεροποίηση:

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

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

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

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

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

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

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

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

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

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

Vodafone Business Connect

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε

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

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

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

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

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

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

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

Οδηγίες Εγκατάστασης της εφαρμογής Readium και Readium για μαθητές με αμβλυωπία για την ανάγνωση βιβλίων epub σε Υπολογιστή.

Οδηγίες Εγκατάστασης της εφαρμογής Readium και Readium για μαθητές με αμβλυωπία για την ανάγνωση βιβλίων epub σε Υπολογιστή. Οδηγίες Εγκατάστασης της εφαρμογής Readium και Readium για μαθητές με αμβλυωπία για την ανάγνωση βιβλίων epub σε Υπολογιστή. Βήμα 1 ο : Εγκατάσταση εφαρμογής ανάγνωσης Readium και Readium για μαθητές με

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

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας

Microsoft Excel Κεφάλαιο 1. Εισαγωγή. Βιβλίο εργασίας Περιεχόμενα Κεφάλαιο 1 Microsoft Excel 2010... 7 Κεφάλαιο 2 Η δομή ενός φύλλου εργασίας... 19 Κεφάλαιο 3 ημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων... 24 Κεφάλαιο 4 Συμβουλές για την καταχώριση

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

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

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

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

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

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

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

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

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

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

Μονάδα Διασφάλισης Ποιότητας. ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας. Κωδικός Πράξης ΟΠΣ: Επιχειρησιακό Πρόγραμμα:

Μονάδα Διασφάλισης Ποιότητας. ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας. Κωδικός Πράξης ΟΠΣ: Επιχειρησιακό Πρόγραμμα: Μονάδα Διασφάλισης Ποιότητας Πανεπιστημίου Δυτικής Μακεδονίας Κωδικός Πράξης ΟΠΣ: 335662 Τίτλος Πράξης: ΜΟΔΙΠ Πανεπιστημίου Δυτικής Μακεδονίας Επιχειρησιακό Πρόγραμμα: Άξονας Προτεραιότητας: Στοιχεία επιστημονικά

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Η βασική εργαλειοθήκη του διαδικτύου

Η βασική εργαλειοθήκη του διαδικτύου Η βασική εργαλειοθήκη του διαδικτύου Ματθαίος Πατρινόπουλος 1 2 HTML Hyper Text Markup Language Σήμερα στην έκδοση 5 --> HTML5 Δεν είναι γλώσσα προγραμματισμού αλλά γλώσσα που καθορίζει η δομή και τις

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

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

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

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

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

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

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

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

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

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

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

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

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

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί

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

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

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

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

Δραστηριότητα 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 ΘΕΩΡΗΤΙΚΟ ΜΕΡΟΣ τι είναι

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

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο) TEC610 (ΣΤ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά

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

Περιεχόμενα. Πρόλογος... xiii

Περιεχόμενα. Πρόλογος... xiii Περιεχόμενα Πρόλογος... xiii Κεφάλαιο 1 ο Εισαγωγή στις τεχνολογίες Διαδικτύου... 1 1.1 Σύντομη ιστορία του Διαδικτύου... 3 1.2 Σύνδεση στο Διαδίκτυο μέσω Παρόχου (ISP)... 6 1.3 Μοντέλα Επικοινωνίας...

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

Εγχειρίδιο του Accerciser, έκδοση 0.2.0

Εγχειρίδιο του Accerciser, έκδοση 0.2.0 i Εγχειρίδιο του Accerciser, ii Copyright 2006, 2007, 2008 IBM Corporation Ανάδραση Για να αναφέρετε ένα σφάλμα ή να κάνετε μια εισήγηση σχετικά με την εφαρμογή Accerciser ή με αυτό τον εγχειρίδιο, ακολουθήστε

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

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

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

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

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

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

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

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

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

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

Δημοσίευση στο Διαδίκτυο

Δημοσίευση στο Διαδίκτυο ΕΣΔ200 Δημιουργία Περιεχομένου ΙI Δημοσίευση στο Διαδίκτυο Περιεχόμενα - Βιβλιογραφία Ενότητας Περιεχόμενα Εισαγωγή Δημοσίευση μιας ταινίας στο παγκόσμιο ιστό Βασικά στοιχεία HTML Τεχνικές δημιουργίας

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

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

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

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

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

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

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

Microsoft PowerPoint 2010 Πανεπιστήμιο Κύπρου

Microsoft PowerPoint 2010 Πανεπιστήμιο Κύπρου Microsoft PowerPoint 2010 Πανεπιστήμιο Κύπρου Ιούλιος 2017 Copyright 2017 Πανεπιστήμιο Κύπρου. Όλα τα πνευματικά δικαιώματα κατοχυρωμένα. Δημιουργός: Λευτέρης Γ. Ζαχαρία Πίνακας Περιεχομένων 1. Εισαγωγή....

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

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Βάσεις δεδομένων και Microsoft Access Κεφάλαιο 2: Microsoft Access

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Βάσεις δεδομένων και Microsoft Access Κεφάλαιο 2: Microsoft Access Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Βάσεις δεδομένων και Microsoft Access... 9 Κεφάλαιο 2: Microsoft Access 2002... 20 Κεφάλαιο 3: Το σύστημα Βοήθειας του Microsoft Office ΧΡ... 36

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

SharePoint Online. Δημιουργήστε μια τοποθεσία ή μια δημοσίευση ειδήσεων. Αναζήτηση Βρείτε Τοποθεσίες, Άτομα ή Αρχεία.

SharePoint Online. Δημιουργήστε μια τοποθεσία ή μια δημοσίευση ειδήσεων. Αναζήτηση Βρείτε Τοποθεσίες, Άτομα ή Αρχεία. Οδηγός γρήγορης εκκίνησης Κάντε περισσότερα όπου και αν βρίσκεστε με ασφαλή πρόσβαση, κοινή χρήση και αποθήκευση αρχείων. Πραγματοποιήστε είσοδο στη συνδρομή σας στο Office 365 και επιλέξτε το SharePoint

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

Vodafone Business Connect

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

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

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

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

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

Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress. Δρ. Ματθαίος Πατρινόπουλος

Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress. Δρ. Ματθαίος Πατρινόπουλος Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress Δρ. Ματθαίος Πατρινόπουλος Τι θα κάνουμε Τοπική εγκατάσταση και αρχικές ρυθμίσεις των προγραμμάτων που είναι απαραίτητα για το

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

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

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

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

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

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

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

http://www.advanced-ip-scanner.com/gr/ Σο Advanced IP Scanner είναι μια γρήγορη και αξιόπιστη λύση σάρωσης δικτύου. ας επιτρέπει εύκολα και γρήγορα να ανακτήσετε όλες τις απαιτούμενες πληροφορίες για τους

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

Εργαλεία. Επικοινωνίας & Συνεργασίας Πανεπιστήμιο Κύπρου

Εργαλεία. Επικοινωνίας & Συνεργασίας Πανεπιστήμιο Κύπρου Εργαλεία Επικοινωνίας & Συνεργασίας Πανεπιστήμιο Κύπρου Ιούλιος 2017 Copyright 2017 Πανεπιστήμιο Κύπρου. Όλα τα πνευματικά δικαιώματα κατοχυρωμένα. Δημιουργός: Λευτέρης Γ. Ζαχαρία Σ ε λ ί δ α 1 Πίνακας

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

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

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

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

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

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

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

Π Τ Υ Χ Ι Α Κ Η Ε Ρ Γ Α Σ Ι Α ΑΝΩΤΑΤΟ ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙ ΕΥΤΙΚΟ Ι ΡΥΜΑ ΠΕΙΡΑΙΑ ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΩΝ ΥΠΟΛΟΓΙΣΤΙΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΤΟΜΕΑΣ ΑΡΧΙΤΕΚΤΟΝΙΚΗΣ Η/Υ, ΠΛΗΡΟΦΟΡΙΚΗΣ & ΙΚΤΥΩΝ Εργ. Τεχνολογίας Λογισμικού & Υπηρεσιών S 2 ELab Π Τ Υ Χ Ι Α

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

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

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

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

Θεματογράφος (ή ο βοηθός του Καθηγητή)

Θεματογράφος (ή ο βοηθός του Καθηγητή) Θεματογράφος (ή ο βοηθός του Καθηγητή) Τι είναι ο Θεματογράφος; Σύντομη Περιγραφή Ο Θεματογράφος είναι μία εφαρμογή με την οποία ο χρήστης μπορεί εύκολα να δημιουργήσει, να ταξινομήσει και να αποθηκεύσει

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

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

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

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

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

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

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

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

ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ. ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 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. Αν δεν βλέπουμε

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

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

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

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

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

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

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

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

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

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

Περιεχόμενα. Μέρος 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

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

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

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

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

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

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

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

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

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

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

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Microsoft Excel 2002... 9 Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26 Κεφάλαιο 3: Δημιουργία νέου βιβλίου εργασίας και καταχώριση δεδομένων...

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

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

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

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

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

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

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

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

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

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

ΚΕΦΑΛΑΙΟ 1. Εισαγωγή στην Python. 1.1 Εισαγωγή

ΚΕΦΑΛΑΙΟ 1. Εισαγωγή στην Python. 1.1 Εισαγωγή ΚΕΦΑΛΑΙΟ 1 Εισαγωγή στην Python Σύνοψη Σε αυτό το κεφάλαιο κάνουμε μια σύντομη εισαγωγή στην Python και στα εργαλεία λογισμικού που θα χρησιμοποιήσουμε στη συνέχεια του συγγράμματος. Προαπαιτούμενη γνώση

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

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ TITLE: ΤΙΤΛΟΣ:

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ TITLE: ΤΙΤΛΟΣ: ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ TITLE: IMPLEMENTATION OF WEBSITE FOR THE MAJOR HISTORICAL EVENTS OF THE 20TH CENTURY ΤΙΤΛΟΣ: ΚΑΤΑΣΚΕΥΗ ΙΣΤΟΣΕΛΙΔΑΣ ΓΙΑ ΤΑ ΣΗΜΑΝΤΙΚΟΤΕΡΑ ΙΣΤΟΡΙΚΑ ΓΕΓΟΝΟΤΑ ΤΟΥ 20 ΟΥ ΑΙΩΝΑ ΕΙΣΗΓΗΤΗΣ: ΠΑΠΑΔΟΥΡΑΚΗΣ

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

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

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

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

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

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

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

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

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

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

Interactive Power Point

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

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

ΟΝΟΜΑ : ΚΩΝΣΤΑΝΤΙΝΟΣ ΕΠΩΝΥΜΟ : ΚΟΚΟΛΟΓΟΣ Α.Μ. : Ε11060 ΕΞΑΜΗΝΟ : ΕΠΙ ΠΤΥΧΙΟ ΤΜΗΜΑ : ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΜΑΘΗΜΑ : ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ : ΕΦΑΡΜΟΓΗ

ΟΝΟΜΑ : ΚΩΝΣΤΑΝΤΙΝΟΣ ΕΠΩΝΥΜΟ : ΚΟΚΟΛΟΓΟΣ Α.Μ. : Ε11060 ΕΞΑΜΗΝΟ : ΕΠΙ ΠΤΥΧΙΟ ΤΜΗΜΑ : ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΜΑΘΗΜΑ : ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ : ΕΦΑΡΜΟΓΗ 1 ΟΝΟΜΑ : ΚΩΝΣΤΑΝΤΙΝΟΣ ΕΠΩΝΥΜΟ : ΚΟΚΟΛΟΓΟΣ Α.Μ. : Ε11060 ΕΞΑΜΗΝΟ : ΕΠΙ ΠΤΥΧΙΟ ΤΜΗΜΑ : ΨΗΦΙΑΚΩΝ ΣΥΣΤΗΜΑΤΩΝ ΜΑΘΗΜΑ : ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ : ΕΦΑΡΜΟΓΗ ΚΑΤΑΓΡΑΦΗΣ ΥΠΗΡΕΣΙΩΝ ΕΠΙΧΕΙΡΗΣΗΣ ΛΙΑΝΙΚΗΣ ΠΩΛΗΣΗΣ ΕΠΙΒΛΕΠΩΝ

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

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

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

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

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

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

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

Πλατφόρμα Cloud. Έκδοση 1.0. Οδηγός χρήσης

Πλατφόρμα Cloud. Έκδοση 1.0. Οδηγός χρήσης Πλατφόρμα Cloud Έκδοση 1.0 Οδηγός χρήσης Σεπτέμβριος 2017 www.lexmark.com Περιεχόμενα 2 Περιεχόμενα Ιστορικό αλλαγών...3 Επισκόπηση... 4 Ξεκινώντας...5 Απαιτήσεις συστήματος...5 Πρόσβαση στην Πλατφόρμα

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

Epsilon Net PYLON Platform

Epsilon Net PYLON Platform Epsilon Net PYLON Platform Οδηγίες Εγκατάστασης Top 1 / 31 Περιεχόμενα 1 ΠΡΟΑΠΑΙΤΟΥΜΕΝΑ... 3 2 ΕΓΚΑΤΑΣΤΑΣΗ ΕΦΑΡΜΟΓΗΣ... 5 3 ΕΓΚΑΤΑΣΤΑΣΗ DEMO... 7 4 ΕΓΚΑΤΑΣΤΑΣΗ ΠΡΟΤΥΠΗΣ ΒΑΣΗΣ... 8 4.1 Φόρτωση πρότυπης

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

Vodafone Business Connect

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

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

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

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

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

Κέντρο υποστήριξης 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

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

Περιεχόμενα. Λίγα λόγια από το συγγραφέα Windows Vista Επιφάνεια εργασίας Γραμμή εργασιών... 31

Περιεχόμενα. Λίγα λόγια από το συγγραφέα Windows Vista Επιφάνεια εργασίας Γραμμή εργασιών... 31 Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 91 Windows Vista... 9 92 Επιφάνεια εργασίας... 18 93 Γραμμή εργασιών... 31 94 Χειρισμός παραθύρων... 53 95 Το παράθυρο Υπολογιστής... 77 96 Το μενού Έναρξη...

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

Σχεδιασμός Βάσεων Δεδομένων

Σχεδιασμός Βάσεων Δεδομένων Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σχεδιασμός Βάσεων Δεδομένων Εργαστήριο 4 Δρ. Βασιλική Κούφη Περιεχόμενα Υλοποίηση Βάσεως Δεδομένων Εκτέλεση ερωτημάτων SQL στην Βάση Δεδομένων BHMA 1. Σχεδιασμός

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

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

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

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

Ελέγξτε την ταινία σας

Ελέγξτε την ταινία σας Ελέγξτε την ταινία σας Σε αυτές τις ασκήσεις, θα κάνετε εισαγωγή μιας ταινίας και θα χρησιμοποιήσετε τις επιλογές που παρουσιάστηκαν στο μάθημα. Άσκηση 1: Εισαγωγή αρχείου ταινίας 1. Κάντε κλικ στη μικρογραφία

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

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ

ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0. Σόλωνος 108,Τηλ Φαξ ΕΞΕΤΑΣΤΕΑ ΥΛΗ (SYLLABUS) ADVANCED σχεδιασμός ιστοσελίδας ΕΚΔΟΣΗ 1.0 ΤΙ ΕΙΝΑΙ ΤΟ ADVANCED Οι Advanced θεματικές ενότητες είναι είναι κατάλληλες για άτομα που επιθυμούν να συνεχίσουν σπουδές στο χώρο της

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