ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΗΣ ΚΤΗΜΑΤΟΜΕΣΙΤΙΚΗΣ ΕΠΙΧΕΙΡΗΣΗΣ
|
|
- Ελευθέριος Νικολαΐδης
- 10 χρόνια πριν
- Προβολές:
Transcript
1 ΤΕΙ ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ ΑΝΑΠΤΥΞΗ WEB ΕΦΑΡΜΟΓΗΣ ΚΤΗΜΑΤΟΜΕΣΙΤΙΚΗΣ ΕΠΙΧΕΙΡΗΣΗΣ ΜΑΝΔΑΛΟΥ ΓΕΩΡΓΙΑ ΝΤΟΥΡΛΙΑ ΕΙΡΗΝΗ Σεπτέμβριος 2009 ΕΠΟΠΤΗΣ ΚΑΘΗΓΗΤΗΣ Παππάς Δημοσθένης Σελίδα 1 από 133
2
3 Πρόλογος H παρούσα πτυχιακή εργασία αφορά την ανάπτυξη μιας web εφαρμογής, με τη χρήση php και mysql, μιας κτηματομεσιτικής επιχείρησης. Στο πλαίσιο αυτό γίνεται μια συνοπτική περιγραφή όλης της διαδικασίας του σχεδιασμού και της λειτουργίας της εφαρμογής. Η προσπάθεια επικεντρώθηκε στο να δοθεί όσο γινόταν πιο απλά η υλοποίηση και η λειτουργία της web αυτής εφαρμογής. Χρειάστηκε λοιπόν, οργανωμένος και πραγραμματισμένος σχεδιασμός ώστε να δημιουργηθεί μια εφαρμογή η οποία θα είναι εύχρηστη και κατανοητή από τον χρήστη. Επιπλέον, χρειάστηκε η δημιουργία ένός βιβλίου το οποίο δεν θα αφήνει κενά, και θα εξηγεί αναλυτικά την εφαρμογή στον αναγνώστη ακόμη και αν δεν κατέχει τις απαραίτητες γνώσεις για κάτι τέτοιο. Τελείωνοντας, θα θέλαμε να ευχαριστήσουμε τον επιβλέποντα καθηγητή αυτής της εργασίας κύριο Δημοσθένη Παππά, για την παρότρυνση και τις επισημάνσεις του σε κάθε στάδιο περάτωσης αυτής της δουλειάς. Η βοήθεια του υπήρξε πολύ σημαντική. Σελίδα 3 από 133
4
5 Πίνακας Περιεχομένων Πρόλογος...3 Πίνακας Περιεχομένων...5 Εισαγωγή...7 Κεφάλαιο Μια Γρήγορη Επισκόπηση...9 Κεφάλαιο Στόχοι Και Απαιτήσεις Το Αντικείμενο Τα Προβλήματα Οι Λόγοι Δημιουργίας Της Εφαρμογής Η Παρούσα Κατάσταση & Η Εξέλιξη Οι Απαιτήσεις...12 Κεφάλαιο Γ ενικά Γ ια Την Εφαρμογή Ο Τρόπος Λειτουργίας Η Βάση Δεδομένων ( MySQL & XAMPP) Το Περιβάλλον Της Εφαρμογής & Η Σύνδεση Με Την Βάση...14 (PHP & HTML) Η Λειτουργία Της Εφαρμογής Ο Υπάλληλος Ο Πελάτης Ασφαλής Λειτουργία Της Εφαρμογής...15 Κεφάλαιο Εγχειρίδιο Χρήσης Απαιτήσεις Συστήματος Για Την Εγκατάσταση Του Xampp: Εγκαθιστώντας Το Xampp: Διαχείριση Της Εφαρμογής: Σύνδεση Υπάλληλου...20 Κεφάλαιο Σχεδιασμός και Κώδικας Η Αρχική Σελίδα Των Πελατών Πώς δημιουργήθηκε η Admin: Το Κεντρικό Μενού Το Μενού Επιλογών To Menu Του Διαχειριστή...59 Κεφάλαιο Προβλήματα & Δυσκολίες Κεφάλαιο Συμπεράσματα ΠΑΡΑΡΤΗΜΑ Α Λεξικό Δεδομένων & Τεκμηρίωση των γνωρισμάτων ΠΑΡΑΡΤΗΜΑ Β ΕΝΝΟΙΟΛΟΓΙΚΟΣ ΣΧΕΔΙΑΣΜΟΣ ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ-ΜΟΣ Τεκμηρίωση των τύπων οντοτήτων Προσδιορισμός των τύπων συσχετίσεων Σελίδα 5 από 133
6 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Καθορισμός των περιορισμών πληθικότητας και συμμετοχής των τύπων συσχετίσεων Τεκμηρίωση των τύπων συσχετίσεων ΛΟΓΙΚΗ ΣΧΕΔΙΑΣΗ ΦΥΣΙΚΗ ΣΧΕΔΙΑΣΗ XAMPP phpmyadmin MySQL client version: Έκδοση PHP: ΠΑΡΑΡΤΗΜΑ Γ: ΤΑ ΑΡΧΕΙΑ CSS Βιβλιογραφία Σελίδα 6 από 133
7 Εισαγωγή Στόχος είναι η καλύτερη και πιο αποδοτική λειτουργία μιας κτηματομεσιτικής εταιρείας. Σημαντικό μειονέκτημα παρόμοιων εταιρειών αποτελεί η μη ύπαρξη άμεσης πληροφόρησης των πελατών. Μέσω της θπιιπθ αναζήτησης από τον χρήστη καθώς και της συνεχής επίβλεψης, ανανέωσης και άμεσης ενημέρωσης της βάσης της εταιρείας, μειώνεται σημαντικά ο χρόνος εύρεσης ενός χώρου με τα απαιτούμενα από τον πελάτη χαρακτηριστικά. Ταυτόχρονα, ο πελάτης, μπορεί άμεσα και γρήγορα να πληροφορηθεί για τυχόν κατοικίες ή χώρους εργασίας οι οποίοι είναι διαθέσιμοι ή έχουν πουληθεί. Η ανάπτυξη της παρακάτω εφαρμογής, μέσω της αναβάθμισης των ήδη υπαρχόντων τεχνικών και της εισαγωγής νέων, ευελπιστεί όχι μόνο την επίλυση των παραπάνω προβλημάτων, αλλά την αλλαγή του συνολικού τρόπου διαχείρισης της εταιρείας αναβαθμίζοντας σημαντικούς παράγοντες λειτουργίας που μέχρι τώρα δεν λαμβάνονταν υπόψη. Σελίδα 7 από 133
8
9 Κεφάλαιο 1 Μια Γρήγορη Επισκόπηση Σε αυτό το κεφάλαιο δίνεται μια γρήγορη ματιά της εφαρμογής, των τεχνικών και των γλωσσών προγραμματισμού που χρησιμοποιήθηκαν καθώς και μια περίληψη των επόμενων κεφαλαίων. Η εφαρμογή και πιο συγκεκριμένα η υλοποίησή της θα μπορούσε κανείς να πει, γενικά ότι αποτελείται από πέντε μέρη. Το πρώτο μέρος αφορά την έρευνα σχετικά με τον τρόπο λειτουργίας παρόμοιων εταιρειών και την καταγραφή όλων των δυνατών λύσεων σχετικά με τα προβλήματα που παρουσίαζαν. Το δεύτερο μέρος αφορά το σχεδιασμό της βάσης δεδομένων καθώς και την επιλογή του τρόπου σχεδίασης της. Το τρίτο μέρος αφορά τη δημιουργία της βάσης δεδομένων. Το τέταρτο τη δημιουργία των σελίδων και τέλος το πέμπτο και τελευταίο μέρος τη <<συνένωση>> ή αλλιώς τη συνεργασία των δύο παραπάνω. Ο τρόπος με τον οποίο κατασκευάστηκαν τα παραπάνω θα αναλυθεί στα επόμενα κεφάλαια. Πιο συγκεκριμένα: Στο 2ο κεφάλαιο θα αναλυθούν λεπτομερώς, το αντικείμενο της εφαρμογής, οι λόγοι που οδήγησαν στην δημιουργία της, τα προβλήματα παρόμοιων εταιριών, οι επιλογές που έγιναν ως προς την επίλυσή τους στην παρούσα εφαρμογή καθώς και το αν και κατά πόσο εξελίχθηκαν με το χρόνο οι τρόποι λειτουργίας. Στο 3ο κεφάλαιο αναλύεται γενικότερα ο τρόπος λειτουργίας της εφαρμογής, ο σχεδιασμός της βάσης, το περιβάλλον της εφαρμογής και η σύνδεση της με αυτή, τα μέρη και ο τρόπος υλοποίησής τους. Στο 4ο κεφάλαιο θα παρουσιαστεί το εγχειρίδιο χρήσης αναλυτικά, ο τρόπος δηλαδή με τον οποίο μπορούν να εγκατασταθούν τα προγράμματα που χρησιμοποιήθηκαν στην παρούσα εφαρμογή καθώς και μια γρήγορη ματιά στη διαχείριση της από την πλευρά του πελάτη και του υπαλλήλου. Στο 5ο κεφάλαιο. Θα παρουσιαστούν αναλυτικά τα σημαντικότερα μέρη της εφαρμογής, καθώς και ο κώδικας με τον οποίο δημιουργήθηκαν, Σελίδα 9 από 133
10 1 Μια Γρήγορη Επισκόπηση συνοδευόμενος από σχόλια και φωτογραφίες για την καλύτερη κατανόηση του. Στο 6ο κεφάλαιο θα παρουσιαστούν τα προβλήματα που προέκυψαν, οι δυσκολίες υλοποίησης όπως επίσης και οι λόγοι που οδήγησαν στην επιλογή των συγκεκριμένων εργαλείων και τεχνικών. Στο 7ο κεφάλαιο περιέχονται τα συμπεράσματα από την αξιολόγηση της παρούσας δουλειάς καθώς και προτάσεις και ιδέες για περαιτέρω ανάπτυξη της συγκεκριμένης εφαρμογής. Τέλος, ακολουθούν συνοπτικά τα επιμέρους παραρτήματα. 1.1 ΠΑΡΑΡΤΗΜΑΤΑ: Παράρτημα Α: Λεξικό Δεδομένων του συστήματος. Παράρτημα Β: Τεκμηρίωση, περιγραφή των πινάκων, εννοιολογικός, λογικός και φυσικός σχεδιασμός της βάσης δεδομένων, διαγράμματα ΜΟΣ. Παράρτημα Γ: Τα αρχεία CSS. Σελίδα 10 από 133
11 Κεφάλαιο 2 Στόχοι Και Απαιτήσεις Στο κεφάλαιο αυτό θα πραγματοποιηθεί μια αναλυτική παρουσίαση του αντικειμένου της εφαρμογής, των προβλημάτων παρόμοιων επιχειρήσεων, της παρούσας κατάστασης και εξέλιξης τους, καθώς επίσης και ανάλυση των λόγων οι οποίοι οδήγησαν στη δημιουργία της εφαρμογής και των απαιτήσεων της. 2.1 Το Αντικείμενο Στόχος της παρούσας εφαρμογής είναι να καταφέρει την όσο πιο δυνατόν καλύτερη διαχείριση μιας κτηματομεσιτικής εταιρείας από την πλευρά του υπαλλήλου και να επιτύχει επίσης, την εξέλιξη των ήδη υπαρχόντων εργαλείων και τεχνικών καθώς και την εισαγωγή νέων συνδυασμένα σε μία εφαρμογή. Επιπλέον, να διευκολύνει την πρόσβαση του πελάτη με την εταιρία, παρέχοντας του, όσο το δυνατόν καλύτερη και γρηγορότερη εξυπηρέτηση. 2.2 Τα Προβλήματα Συνήθη προβλήματα των παρόμοιων εταιρειών: 1) Δυσκολία πρόσβασης των πελατών στις υπηρεσίες. 2) Απουσία έγκυρης και άμεσης πληροφόρησης τους. 3) Μη ύπαρξη γρήγορων υπηρεσιών-εργαλείων διαχείρισης, οργάνωσης και εποπτείας της επιχείρησης. 2.3 Οι Λόγοι Δημιουργίας Της Εφαρμογής Οι λόγοι που οδήγησαν στην ανάπτυξη της παρούσας εφαρμογής βασίστηκαν στα ακόλουθα: 1) Βελτίωση του τρόπου αναζήτησης & εύρεσης ενός χώρου. 2) Βελτίωση του τρόπου λειτουργίας: α)της διαχείρισης αιτήσεων των πελατών. Καταγραφή των στοιχείων του πελάτη μέσω αποστολής αίτησης για κάποιο χώρο. Σελίδα 11 από 133
12 2 Στόχοι Και Απαιτήσεις β)της διαχείρισης των διαθέσιμων χώρων. στοιχείων του κάθε χώρου και ταυτόχρονη ενημέρωση. Καταγραφή των γ) Της διαχείρισης των ιδιοκτητών. Καταγραφή των στοιχείων των ιδιοκτητών και επεξεργασία αυτών. 2.4 Η Παρούσα Κατάσταση & Η Εξέλιξη Ρίχνοντας μια γρήγορη ματιά στους λόγους για την δημιουργία της εφαρμογής εύκολα μπορεί κανείς να συμπεράνει και τα περισσότερα προβλήματα που καλείται να διορθώσει. Πρέπει να τονιστεί πως οι περισσότερες εταιρείες στον χώρο λειτουργούν με πανομοιότυπο τρόπο. Παρόλα αυτά όμως παρουσιάζεται έλλειψη στον τρόπο εύρεσης ενός χώρου καθώς ο επισκέπτης παρόμοιων σελίδων μπορεί να δει στοιχεία για τους υπάρχοντες χώρους χωρίς όμως να μπορεί να προσδιορίσει ο ίδιος τα απαιτούμενα στοιχεία που θέλει ο χώρος να έχει. Έτσι αναγκάζεται να ψάχνει μέσα από δεκάδες σπίτια και χώρους εργασίας τα οποία δεν πληρούν τις δικές του προϋποθέσεις και καταλήγουν να εγκαταλείπουν πολλές φορές την προσπάθεια για αναζήτηση. Οι εταιρίες λοιπόν, χάνουν υποψήφιους πελάτες και οι πελάτες τους χρόνο χωρίς κανένα αποτέλεσμα. 2.5 Οι Απαιτήσεις Σύμφωνα λοιπόν με τα παραπάνω χρειάστηκε μια εφαρμογή που να μπορεί να διαχειριστεί όσο το δυνατόν καλύτερα εκτός από τους διαθέσιμους χώρους κατοικιών και χώρων εργασίας της εταιρείας και τις αιτήσεις των πελατών καθώς και τα στοιχεία των ιδιοκτητών. Μια εφαρμογή <<ευέλικτη>> που να μπορεί εύκολα να ανανεωθεί αλλά και να βρίσκει εφαρμογή όχι μόνο σε ένα συγκεκριμένο κατάστημα της αλλά σε οποιοδήποτε κατάστημα όπου κι αν είναι αυτό. Με λίγα λόγια μια εφαρμογή που όχι μόνο να λύνει τα προαναφερθέντα προβλήματα αλλά που να μπορεί να μετατρέψει την εταιρεία σε μια καλά οργανωμένη επιχείρηση και πάνω από όλα έτοιμη στην άμεση και γρήγορη εξυπηρέτηση του πελάτη. Σελίδα 12 από 133
13 Κεφάλαιο 3 Γενικά Για Την Εφαρμογή Στο παρόν κεφάλαιο θα αναλυθεί εκτενέστερα η λειτουργία της εφαρμογής, των μερών, των υπηρεσιών της και ο τρόπος υλοποίησης τους. 3.1 Ο Τρόπος Λειτουργίας Η κατασκευή και η σωστή λειτουργία της εφαρμογής βασίστηκε πάνω σε δύο γλώσσες προγραμματισμού. Την MySQL και την PHP. Να αναφερθεί επίσης και μια τρίτη γλώσσα η HTML, η οποία χρησιμοποιήθηκε μόνο για την καλαισθησία των σελίδων και την χρήση αρχείου CSS (Cascading Style Sheets). Όπως ήδη προαναφέρθηκε, περνώντας πλέον από την έρευνα στην κατασκευή, υπήρξε η ανάγκη νοητού διαχωρισμού της εφαρμογής σε τρία μέρη. Την κατασκευή της βάσης δεδομένων, την δημιουργία των σελίδων και τέλος την συνένωση των δύο. 3.2 Η Βάση Δεδομένων ( MySQL & XAMPP) Όσον αφορά την κατασκευή της βάσης χρησιμοποιήθηκε η γλώσσα MySQL σε συνεργασία με το πρόγραμμα XAMPP το οποίο βοήθησε ως εικονικός Server δηλαδή ως το μέσο για την δημιουργία και διαχείριση της Βάσης Δεδομένων. Αρχικά, μέσω εντολών της MySQL δημιουργήθηκαν οι πίνακες της βάσης οι οποίοι και αντιπροσωπεύουν όλες τις σημαντικές οντότητες της εφαρμογής και είναι απαραίτητοι για την σωστή λειτουργία της. Κάθε πίνακας της βάσης αποτελείται από πεδία (κλειδιά) που αντιπροσωπεύουν μια ιδιότητα, για παράδειγμα το όνομα ή το επώνυμο ενός πελάτη. Όπως επίσης και από πρωτεύοντα κλειδιά, πεδία δηλαδή τα οποία είναι μοναδικά για κάθε εγγραφή του πίνακα. Κάθε πεδίο αντιμετωπίζεται σαν μια μεταβλητή διαφορετικού τύπου κάθε φορά, ανάλογα με το είδος και τον σκοπό που εξυπηρετεί. Για παράδειγμα το όνομα (NAME) θα μπορούσε να είναι Σελίδα 13 από 133
14 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια αλφαριθμητικό 10, 15, 20 ή και 100 χαρακτήρων, ανάλογα. Ενώ ο κωδικός του πελάτη θα μπορούσε να είναι ακέραιος χ ψηφίων. Αφού λοιπόν επιλέχθηκαν οι πίνακες, έπρεπε να επιλεγούν τα πρωτεύοντα κλειδιά (primary key), αλλά και τα τυχόν ξένα κλειδιά (foreign key), τα κλειδιά δηλαδή τα οποία ενώ υπάρχουν σε έναν πίνακα ως πρωτεύοντα, υπάρχουν και σε έναν άλλο ως απλά, αλλά με τις ίδιες ακριβώς τιμές. Από την στιγμή που υπάρχουν ξένα κλειδιά, επόμενο βήμα είναι να καθοριστούν οι περιορισμοί (constraint) για τα ίδια αλλά και για τον τρόπο «συμπεριφοράς >> τους σε περίπτωση διαγραφής ή ενημέρωσής τους. Η βάση δεδομένων, ουσιαστικά έτοιμη για την εγγραφή των δεδομένων. μετά την υλοποίηση των παραπάνω είναι 3.3 Το Περιβάλλον Της Εφαρμογής & Η Σύνδεση Με Την Βάση (PHP & HTML) Αφού λοιπόν κατασκευάστηκε η Βάση (ο χώρος δηλαδή όπου θα αποθηκεύονται τα δεδομένα), χρειάστηκε η δημιουργία ενός φιλικού προς τον χρήστη περιβάλλοντος για την εισαγωγή, την διαγραφή, την εύρεση και την τροποποίηση των στοιχείων (δεδομένων). Η ανάπτυξη του παραθυρικού περιβάλλοντος βασίστηκε στην χρήση της PHP και της HTML. Το στυλ καθώς και η τελική μορφή των παραθύρων επιλέχθηκε και σχεδιάστηκε κυρίως με την χρήση της HTML και την βοήθεια των προγραμμάτων Macromedia Dreamweaver 8, Fireworks και Microsoft Front Page. Αναφέρεται επίσης ότι το λογότυπο (logo) της εφαρμογής δημιουργήθηκε με το πρόγραμμα AAA Logo. Πέρα όμως από την κατασκευή των σελίδων, όσο αφορά το στυλ, έπρεπε να παρέχεται η δυνατότητα της σύνδεσής τους με την βάση για την υλοποίηση των εγγραφών, αναζητήσεων, διαγραφών, τροποποιήσεων των δεδομένων αλλά και της ασφαλούς αλληλεπίδρασης των αιτήσεων του χρήστη και της ασφάλειας των δεδομένων. Σε αυτό το σημείο καθοριστικό ρόλο έπαιξε η χρήση της PHP, καθώς μέσω αυτής δημιουργήθηκαν οι συνδέσεις και οι προδιαγραφές ασφαλών τροποποιήσεων, εισαγωγών και διαγραφών των δεδομένων. Όλα τα αιτήματα (queries) πραγματοποιήθηκαν με την χρήση MySQL εντολών ενσωματωμένων μέσα στην PHP. Σελίδα 14 από 133
15 5 Σχεδιασμός και Κώδικας 3.4 Η Λειτουργία Της Εφαρμογής Δύο από τους βασικούς <<χρήστες>> της εφαρμογής είναι ο Πελάτης και ο Υπάλληλος (Διαχειριστής) της εταιρείας. Ακολουθεί ένα πιθανό σενάριο της χρήσης της εφαρμογής Ο Υπάλληλος Ο υπάλληλος της επιχείρησης ο οποίος καταχωρεί μέσω της εφαρμογής στην βάση δεδομένων όλα τα απαραίτητα στοιχεία ενός χώρου και του ιδιοκτήτη του, ενώ μπορεί ανά πάσα στιγμή να ελέγχει για τυχόν ενδιαφερόμενους πελάτες μέσω προβολής των αιτήσεων. Μπορεί επίσης: α) Να ενημερωθεί για την πιθανή αίτηση και β) Να ενημερώσει την βάση για τυχόν τροποποιήσεις (πώληση ενός χώρου ή αλλαγή κάποιων στοιχείων αυτού και του ιδιοκτήτη) Να αναφέρουμε επίσης ότι ένας υπάλληλος μπορεί ανά πάσα στιγμή γενικά να εισάγει ή να διαγράψει ή να τροποποιήσει και να βρει χώρους, ιδιοκτήτες και αιτήσεις Ο Πελάτης Ένας πελάτης μπορεί μπαίνοντας στην σελίδα (εφαρμογή) της εταιρείας να ψάξει για τον συγκεκριμένο χώρο που τον ενδιαφέρει (με βάση την πόλη, την τιμή ενοικίου ή πώλησης, του ορόφου και των τετραγωνικών) και αποστέλλοντας μια αίτηση με τα στοιχεία του, να εκδηλώσει στην εταιρία το ενδιαφέρον του για τον συγκεκριμένο χώρο. 3.5 Ασφαλής Λειτουργία Της Εφαρμογής Για την επίτευξη της ασφαλούς λειτουργίας της εφαρμογής δημιουργήθηκαν οι παρακάτω περιορισμοί: Α) Οι Αιτήσεις μπορούν να διαγραφούν μόνο εφόσον έχουν ελεγχθεί από τον υπάλληλο. Β) Οι Χώροι μπορούν να διαγραφούν μόνο εφόσον έχουν πωληθεί. Γ) Οι Ιδιοκτήτες μπορούν να διαγραφούν μόνο εφόσον έχουν πουληθεί οι χώροι οι οποίοι τους ανήκουν. Όπως γίνεται λοιπόν αντιληπτό η έλλειψη καλής και οργανωμένης σχεδίασης θα μπορούσε να οδηγήσει σε πολλά και ίσως μη αναστρέψιμα Σελίδα 15 από 133
16 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια λάθη τα οποία θα ήταν δύσκολο ή έστω χρονοβόρο να διορθωθούν κατά τη δημιουργία της εφαρμογής. Σελίδα 16 από 133
17 Κεφάλαιο 4 Εγχειρίδιο Χρήσης 4.1 Απαιτήσεις Συστήματος Για Την Εγκατάσταση Του Xampp: Windows Xp ή Vista 64 Mb Ram 200 Mb Ελεύθερος Χώρος Στον Δίσκο Flash Player v.9 και πάνω 4.2 Εγκαθιστώντας Το Xampp: Αρχικά κρίνεται αναγκαία η εγκατάσταση του XAMPP, το οποίο μπορεί να βρεθεί δωρεάν στην σελίδα Η έκδοση του xampp πρέπει να είναι από 1.7 και πάνω. Κάνοντας διπλό κλικ στο αρχείο xamppjnstalation_17.exe ξεκινάει η εγκατάσταση. Στην αμέσως επόμενη οθόνη, αφού επιλεχθεί η διαδρομή στην οποία θα γίνει η εγκατάσταση (path destination) δίνεται η δυνατότητα στον χρήστη να επιλέξει τις υπηρεσίες MySQL & Apache ώστε να ξεκινούν αυτόματα (προτείνεται). Με το τέλος της εγκατάστασης είναι πλέον δυνατή η δημιουργία και διαχείριση της βάσης. Πληκτρολογώντας στον Internet Explorer την διεύθυνση Εδώ, πλέον ο χρήστης μπορεί να ξεκινήσει την δημιουργία μιας νέας βάσης ή να συνεχίσει την δημιουργία μιας ήδη υπάρχουσας. Για να <<φορτωθεί>> η βάση r-estate υπάρχουν δύο τρόποι. Ο πρώτος τρόπος είναι απλώς με μεταφορά του φακέλου στον οποίο βρίσκονται τα αρχεία της βάσης, στον φάκελο c:\xampp\mysql\data κάτι το οποίο στην συγκεκριμένη περίπτωση δεν συνιστάται καθώς η βάση είναι κατασκευασμένη με την μηχανή innodb αλλά και γιατί η παραπάνω δυνατότητα αφαιρέθηκε από τις νέες εκδόσεις του xampp. Ο τρόπος αυτός μπορεί να χρησιμοποιηθεί σε παλαιότερες εκδόσεις (μέχρι v1.7) για βάσεις MyIsam. Σελίδα 17 από 133
18 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Ο δεύτερος και πιο σωστός τρόπος είναι εφόσον ο χρήστης βρίσκετε ήδη στο phpmyadmin, να πληκτρολογήσει στο πεδίο «Δημιουργία νέας βάσης>> το όνομα της βάσης (πρέπει να είναι ακριβώς ίδιο), στην συγκεκριμένη περίπτωση <<r-estate>> και δημιουργία. Στην συνέχεια να επιλέξει την καρτέλα εισαγωγή και να κάνει upload το αρχείο db.sql το οποίο περιέχει όλες τις MySQL εντολές για την δημιουργία της βάσης. Πατώντας εκτέλεση η βάση είναι έτοιμη. Στον χρήστη δίνεται επίσης η δυνατότητα ανά πάσα στιγμή να δημιουργεί αρχεία σαν το db.sql απλώς επιλέγοντας την καρτέλα εξαγωγή και «ρίχνοντας» τα περιεχόμενα της εκτέλεσης σε ένα αρχείο text εφόσον αλλάξει την κατάληξη σε.sql. Φυσικά αυτό προϋποθέτει την δημιουργία ή ύπαρξη μιας βάσης. Για να μπορέσει στην συνέχεια να ξεκινήσει την εφαρμογή (μιας και η βάση είναι έτοιμη πλέον), ο φάκελος estates ο οποίος περιέχει όλες τις κατασκευασμένες σελίδες, μεταφέρεται στο φάκελο c:\xampp\htdocs. Πληκτρολογώντας στον Internet Explorer την διεύθυνση πλέον βρίσκετε στην αρχική σελίδα της εφαρμογής. Παρακάτω δίνεται η μορφή της. Εικόνα 4.1 Η αρχική σελίδα: Estates ' Μ pa mpis' Ydraylika contact M EM) Categories Photos welcome to our website posted on august 25th, 2007 Σελίδα 18 από 133
19 5 Σχεδιασμός και Κώδικας 4.3. Διαχείριση Της Εφαρμογής: Στην αρχική σελίδα δίνονται οι παρακάτω επιλογές. Οι χρήστες μπορούν, κάνοντας κλικ σε ένα από τα κουμπιά του αριστερού menu: 1) Να αναζητήσουν τον χώρο της επιλογής του κάνοντας κλικ στο κουμπί Search For An Estate. 2) Να αποστείλουν μια αίτηση για τον χώρο που τους ενδιαφέρει κάνοντας κλικ στο κουμπί Send An Apply. 3) Να δουν όλους τους χώρους που πουλήθηκαν με τιμή μικρότερη από ευρώ, ως τις καλύτερες αγορές, κάνοντας κλικ στο κουμπί Best Buy. 4) Οι πελάτες μπορούν επίσης να πληροφορηθούν για τον τρόπο λειτουργίας και τις υπηρεσίες της σελίδας κάνοντας κλικ στο κουμπί Help. 5) Να δουν όλες τις διαθέσιμες κατοικίες και χώρους εργασίας ανά περιοχή κάνοντας κλικ στα κουμπιά Athens Thessaloniki Patra Kavala της κατηγορίας Photos. Επίσης, κάνοντας κλικ σε ένα από τα κουμπιά της κεντρικής <<μπάρας>>, οι χρήστες μπορούν: 1) Να βρεθούν στην αρχική σελίδα της εφαρμογής κάνοντας κλικ στο κουμπί HOME. 2) Να δουν πληροφορίες που αφορούν την δημιουργία της εταιρείας κάνοντας κλικ στο κουμπί ABOUT. 3) Να πληροφορηθούν σχετικά, για όλα τα καταστήματα της εταιρείας, την τοποθεσία τους και τους υπεύθυνους κάνοντας κλικ στο κουμπί CONTACT και στην συνέχεια αν θέλουν πάνω σε μια τοποθεσία για περαιτέρω πληροφορίες. 4) Να συνδεθούν σε λογαριασμούς της εταιρείας εφόσον είναι υπάλληλοι κάνοντας κλικ στο κουμπί LOGIN. Σελίδα 19 από 133
20 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Εικόνα 4.2 Η φόρμα Login: Σύνδεση Υπάλληλου Ένας υπάλληλος μπορεί να συνδεθεί στον λογαριασμό του κάνοντας login. Δίνοντας τον σωστό κωδικό, όνομα χρήστη και τον κωδικό του καταστήματος στο οποίο ανήκει, εμφανίζεται μπροστά του το menu των υπαλλήλων. Εδώ ο υπάλληλος μπορεί να επιλέξει να διαχειριστεί: 1) Χώρους (Estates) 2) Αιτήσεις (Applies) και 3) Ιδιοκτήτες (owners) που αφορούν το κατάστημα του. Σελίδα 20 από 133
21 5 Σχεδιασμός και Κώδικας Εικόνα 4.3 To menu των υπαλλήλων: Όπως φαίνεται στην εικόνα 4.3 εδώ ο υπάλληλος μπορεί: 1) Να προσθέσει (Add An Estate) 2) Να διαγράψει (Delete An Estate) 3) Να τροποποιήσει (Edit An Estate) 4) Να βρει (Find An Estate) Χώρους, ιδιοκτήτες και αιτήσεις καθώς και να δει τις αντίστοιχες λίστες τους. List των χώρων και ιδιοκτητών και Check For Applies. Ανακεφαλαιώνοντας, τις δυνατότητες που παρέχονται τόσο στους υποψήφιους πελάτες όσο και στους υπαλλήλους της εταιρίας εύκολα αντιλαμβάνεται κανείς ότι η εφαρμογή παρέχει ένα φιλικό και εύχρηστο περιβάλλον και στους δύο αυτούς χρήστες. Σελίδα 21 από 133
22
23 Κεφάλαιο 5 Σχεδιασμός και Κώδικας Στο κεφάλαιο αυτό θα εξηγηθεί αναλυτικά ο τρόπος με τον οποίο δημιουργήθηκαν οι σημαντικότερες σελίδες της html και php, της εφαρμογής και πως συνδέθηκαν μεταξύ τους, δημιουργώντας μια ολοκληρωμένη web εφαρμογή. Παρακάτω παραθέτεται επίσης ολόκληρος ο κώδικας τους και φωτογραφίες με τη μορφή των σελίδων για την καλύτερη κατανόηση τους. 5.1 Η Αρχική Σελίδα Των Πελατών Πώς δημιουργήθηκε η Admin: Το περιβάλλον που αντικρίζει κανείς μπαίνοντας αρχικά στην εφαρμογή δημιουργήθηκε από πέντε διαφορετικές σελίδες html, που καλούνται από την admin. Ενωμένες και στοιχισμένες λοιπόν, κατάλληλα δημιουργούν την ενιαία της εικόνα. Αυτό μπορεί εύκολα να γίνει αντιληπτό αν δει κανείς τον κώδικα της admin.html 1. <HTML> 2. <HEAD> 3. <TITLE>admin.html</TITLE> 4. <META http-equiv="content-type" content="text/html"; charset="windows-1253"> 5. <link href="styles.css" rel="stylesheet" type="text/css" /> 6. </HEAD> 7. <FRAMESET rows = "20%,14%,79%" frameborder="0" framespacing="0" > 8. <frameset cols="*,76%"> 9. <FRAME name="top" src = "panw22.html" scrolling="no" noresize /> 10. <frame name="top2" src = "banner/index.htm" scrolling="no" noresize />> 11. </frameset> 12. <frame name="top1" target="main" src="admin2.html" scrolling="no" noresize> 13. <frameset cols="179,*" frameborder="0"> Σελίδα 23 από 133
24 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια 14. <FRAME name="contents" target="main" src = "kat45/kat5.html" scrolling="auto" noresize/> 15. <FRAME name = "main" src = "mesaio.html" scrolling="auto" noresize target="_self"/> 16. </frameset> 17. <BODY> 18. </BODY> 19. </noframes> 20. </FRAMESET> 21. <frameset> 22. <noframes></noframes> 23. </frameset> 24. </frameset> 25. </HTML> Εικόνα Η Admin (Estates M EW J contact Categories Just With <Photos welcome to our website posted on august 25th, 2007 real estates company is a realtor company which can help anyone who is interested to buy or rent a home or a workspace. you can easily search for an estate whether using a simple search or a more complex search and arrange a meeting by sending an apply! Η admin αρχικά καλεί την panw22.html (9) και αποτελεί το επάνω μέρος της εφαρμογής. Ο κώδικας της δίνεται στη συνέχεια. Σελίδα 24 από 133
25 5 Σχεδιασμός και Κώδικας Εικόνα H panw22.html panw22.html 1. <html> 2. <head> 3. <style type="text/css"> 4. body 5. { 6. width: 830px; 7. height: 150px; 8. margin: 0 auto; 9. background:#fdeb6b; 10. } 11. #logo { 12. height: 124px; 13. margin: 0 auto; 14. background: url(images/logo13.gif) no-repeat left 65%; 15. } 16. </style> 17. </head> 18. <body> 19. <div id="logo"> 20. </div> 21. </body> 22. </html> Όπως γίνεται αντιληπτό ο κώδικας δημιουργεί το χρώμα της σελίδας, τις διαστάσεις της και γενικά τα χαρακτηριστικά της (5-10). Καλεί επίσης το logo της εταιρίας και το στοιχίζει κατάλληλα (14). Σελίδα 25 από 133
26 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Εικόνα Το Logo Στη συνέχεια λοιπόν, η admin καλεί την admin2.html (9) η οποία αποτελεί το κεντρικό μενού της εφαρμογής. Σελίδα 26 από 133
27 5 Σχεδιασμός και Κώδικας Εικόνα Η admin2.html admin2.html 1. <html> 2. <head> 3. <style type="text/css"> 4. body 5. { 6. width: 830px; 7. height: 150px; 8. margin: 0 auto; 9. background:#fdeb6b; 10. } 11. #logo { 12. height: 124px; 13. margin: 0 auto; 14. background: url(images/logo13.gif) no-repeat left 65%; 15. } 16. </style> 17. </head> 18. <body> 19. <div id="logo"> 20. </div> 21. </body> 22. </html> Σελίδα 27 από 133
28 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Η σελίδα αυτή αρχικά καλεί ένα αρχείο css (3). Στα αρχεία αυτά μπορούν να δοθούν χρώματα και διαστάσεις, πινάκων, εικόνων κτλ, ώστε κάθε φορά που καλούνται από μια σελίδα html ή μια σελίδα php να δίνουν πάντα τα ίδια χαρακτηριστικά. Χρησιμοποιούνται για λόγους ευκολίας, γιατί μια αλλαγή σ αυτά τα αρχεία ακολουθεί τις αντίστοιχες αλλαγές σε όσες σελίδες τα καλούν και αποφεύγεται έτσι η <<επίσκεψη>> στον κώδικα της καθεμίας που πρέπει να αλλαχθεί. Επιπλέον, χρησιμοποιούνται και για ομοιομορφία των σελίδων. Τα αρχεία αυτά θα χρησιμοποιηθούν και στη συνέχεια στις περισσότερες σελίδες. Ενδεικτικά παρατίθεται εδώ ο κώδικας του styles.css. Ενώ όλα τα αρχεία που χρησιμοποιούνται στην εφαρμογή, μπορούν να βρεθούν σε παράρτημα του βιβλίου styles.css. 1. body{ 2. position:absolute; 3. margin: 0; 4. padding: 0 140; 5. background: # url(images/img03.jpg) repeat-x; 6. font-size: 13px; 7. color: #FFFFFF; 8. } 9. h1 {text-transform: none; 10. font-family: "Times New Roman", Times, serif,font-weight:normal; 11. color: #FEFE98; 12. letter-spacing: -4px; 13. font-size:1,4em; 14. } 15. h2 {text-transform: none; 16. font-family: "Times New Roman", Times, serif,font-weight:normal; 17. color: #FEFE98; 18. letter-spacing: normal; 19. font-size: 18px; 20. } 21. h3 {text-transform: none; 22. font-family: "Times New Roman", Times, serif,font-weight:normal; Σελίδα 28 από 133
29 5 Σχεδιασμός και Κώδικας 23. color: #FEFE98; 24. font-size: 1,3em; 25. } 26. #menu { 27. width: 700px; 28. height: 70px; 29. background: url(images/img03.jpg) repeat-x; 30. } 31. #menu ul { 32. margin: 0; 33. padding: 0; 34. list-style: none; 35. } 36. #menu li { 37. display: inline; 38. } 39. #menu a { 40. display: block; 41. float: left; 42. width: 166px; 43. height: 73px; 44. padding-top: 35px; 45. text-transform: lowercase; 46. text-decoration: none; 47. text-align: center; 48. letter-spacing: -1px; 49. font-size: 24px; 50. color: #FFFFFF; 51. } 52. #menu a:hover { 53. background: url(images/img09.jpg) no-repeat; 54. color: #FFFFFF; 55. } 56. #menu.active a { 57. background: url(images/img09.jpg) no-repeat; 58. color: #372412; 59. } 60. p, ul, ol { 61. line-height: 200%; 62. } Σελίδα 29 από 133
30 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια 63. a { 64. color: #FFEA6F; 65. text-decoration: none; 66. } 67. a:hover { 68. text-decoration: none; 69. } 70. #content { 71. float: left; 72. width: 532px; 73. } 74. post { 75. padding: px 0; 76. } 77. title { 78. margin: 0; 79. border-bottom: 2px solid #4A3903; 80. } 81. byline { 82. margin: 0; 83. } 84. meta { 85. border-top: 1px solid #4A3903; 86. text-align: right; 87. color: #646464; 88. } 89. meta a { 90. padding-left: 15px; 91. background: url(images/img06.gif) no-repeat left center; 92. font-weight: bold; 93. } Η admin2.html λοιπόν, αποτελείται από τέσσερα κουμπιά (Το κάθε ένα παραπέμπει σε μια άλλη σελίδα) (12-15). Η αρχική admin στη συνέχεια καλεί την kat5.html (10), η οποία αποτελεί το αριστερό μενού επιλογών. Σελίδα 30 από 133
31 5 Σχεδιασμός και Κώδικας kat5.html 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2. " 3. <!-- saved from url=(0014)about:internet --> 4. <html xm ln s-' 5. <head> 6. <title>kat5</title> 7. <meta http-equiv-'content-type" content-'text/html; charset=utf-8" /> 8. <!--Fireworks 8 Dreamweaver 8 target. Created Mon Apr 27 00:40:21 GMT > 9. </head> 10. <body bgcolor-'#372412''> 11. <a h re f-'kat4.html'' target-'contents''><img name-'kat5'' s rc -'kat5.gif w id th -'162" height="330" border="0" id="kat5" alt="" /></a> 12. </body> 13. </html> Η μορφή της kat5.html είναι η παρακάτω: Εικόνα Η kat5.html 'ME!NV Όταν ο χρήστης πατήσει πάνω στο κουμπί MENU τότε καλείτε η kat4.html η οποία εμφανίζει μια σειρά από οχτώ νέα κουμπιά. Σελίδα 31 από 133
32 Πτυχιακή Εργασία Της Γεωργίας Μανδάλου & Ειρήνης Ντούρλια Η ολοκληρωμένη μορφή της admin αφού πατηθεί το κουμπί MENU δίνεται παρακάτω. Εικόνα Η Ολοκληρωμένη Admin Estates MEM) Categories contact >Photos Jfiesaùm th welcome to our website posted on august 25th, 2007 real estates company is a realtor company which can help anyone who is interested to buy or rent a home or a job workspace. you can easily search for an estate whether using a simple search or a more complex search and arrange a meeting by sending an apply! kat4.html. 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2. " 3. <!-- saved from url=(0014)about:internet --> 4. <html xm ln s-' 5. <head> 6. <title>kat4.gif</title> 7. <meta http-equiv-'content-type'' content-'text/html; charset=utf-8" /> 8. <style type-'text/css''>td img {display: block;}</style> 9. <!--Fireworks 8 Dreamweaver 8 target. Created Sat May 02 20:39:04 GMT > 10. <meta http-equiv-'page-enter'' content-'revealtrans(duration=0.5,transition=14)''> Σελίδα 32 από 133
33 5 Σχεδιασμός και Κώδικας 11. <script language-'javascriptl.2" type="text/javascript"> 12. <! function MM_findObj(n, d) { //v var p,i,x; if(!d) d=document; if((p=n.indexof("?"))>0&&parent.frames.length) { 15. d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 16. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 17. for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=mm_findobj(n,d.layers[i].document); 18. if(!x && d.getelementbyld) x=d.getelementbyid(n); return x; 19. } 20. function MM_swapImage() { //v var i,j=0,x,a=mm_swapimage.arguments; document.mm_sr=new Array; for(i=0;i<(a.length-2);i+=3) 22. if ((x=mm_findobj(a[i]))!=null){document.mm_sr[j++]=x; if(!x.osrc) x.osrc=x.src; x.src=a[i+2];} 23. } 24. function MM_swapImgRestore() { //v var i,x,a=document.mm_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.osrc;i++) x.src=x.osrc; 26. } 27. function MM_preloadImages() { //v var d=document; if(d.images){ if(!d.mm_p) d.mm_p=new Array(); 29. var i,j=d.mm_p.length,a=mm_preloadimages.arguments; for(i=0; i<a.length; i++) 30. if (a[i].indexof("#")!=0){ d.mm_p[j]=new Image; d.mm_p[j++].src=a[i];}} 31. } 32. //--> 33. </script> 34. </head> 35. <body bgcolor="#372412" onload="mm_preloadimages('kat4_r2_c2_f2.gif,'kat4_r3_c2_f2.gif,'kat4_r4_c2_f2.gif,'kat4_r5_c2_f2.gif,'kat4_r7_c2_f2.gif,'kat4_r8_c2_f2.gif,'kat4_r9_c2_f2.gif,'kat4_r10 _c2_f2.gif);"> 36. <table border="0" cellpadding="0" cellspacing="0" width="163"> 37. <!-- fwtable fwsrc="kat4.png" fwbase="kat4.gif" fwstyle="dreamweaver" fwdocid = " " fwnested="0" --> 38. <tr> 39. <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> 40. <td><img src="spacer.gif" width="156" height="1" border="0" alt="" /></td> 41. <td><img src="spacer.gif" width="6" height="1" border="0" alt="" /></td> 42. <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td> 43. </tr> Σελίδα 33 από 133
Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Άσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ
2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται
Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας
Πανεπιστήμιο Αιγαίου Σχολή Κοινωνικών Επιστημών Τμήμα Πολιτισμικής Τεχνολογίας Και Επικοινωνίας Δικτυακά Πολυμέσα Ι (Β Έτος, 3ο εξ) Διάλεξη #5η: HTML: πίνακες (tables), πλαίσια (frames) Γαβαλάς Δαμιανός
Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>
Φόρμες Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητή για παραπέρα επεξεργασία. Γενικοί κανόνες Για τις
HTML... 1. Εισαγωγή στην HTML και τα CSS
HTML...... 1 Εισαγωγή στην HTML και τα CSS HTML...... 2 HTML. H HTML (HYPERTEXT MARKUP LANGUAGE), είναι µία γλώσσα η οποία «λέει» στον υπολογιστή πως θα πρέπει να εµφανίσει µία ιστοσελίδα. Τα αρχεία στα
Διάλεξη 3η HTML intermediate
Διάλεξη 3η HTML intermediate Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Επέκταση γνώσεων στην html
1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
How to register an account with the Hellenic Community of Sheffield.
How to register an account with the Hellenic Community of Sheffield. (1) EN: Go to address GR: Πηγαίνετε στη διεύθυνση: http://www.helleniccommunityofsheffield.com (2) EN: At the bottom of the page, click
Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
Στην τεχνολογία των CSS, οι κανόνες στυλ (style
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ
Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια
Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style
ΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών
Υπάρχουν δύο αρχεία που σχετίζονται με τα άρθρα. Αυτά είναι article.tpl και authorsarticle.tpl.
Article.tpl Υπάρχουν δύο αρχεία που σχετίζονται με τα άρθρα. Αυτά είναι article.tpl και authorsarticle.tpl. Το article.tpl σχετίζεται με την εμφάνιση ενός άρθρου της επιλεγμένης κατηγορίας ή του επιλεγμένου
2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>
ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά
Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
ΠΡΟΣΟΧΗ: Οι απαντήσεις πολλαπλής επιλογής µόνο πάνω στο ΦΥΛΛΟ ΑΠΑΝΤΗΣΕΩΝ
ΤΕΙ Σερρών Σχολή Τεχνολογικών Εφαρμογών, Τμήμα Πληροφορικής και Επικοινωνιών Προγραμματιστικές Εφαρμογές στο Διαδίκτυο (Θ) Τελική Εξέταση Διδάσκων: Δ. Κοτζίνος Όνοµα: Α.Μ. : Εξάµηνο : Αίθουσα Έδωσα Project
Cascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Δημιουργία Λογαριασμού Διαχείρισης Business Telephony Create a Management Account for Business Telephony
Δημιουργία Λογαριασμού Διαχείρισης Business Telephony Create a Management Account for Business Telephony Ελληνικά Ι English 1/7 Δημιουργία Λογαριασμού Διαχείρισης Επιχειρηματικής Τηλεφωνίας μέσω της ιστοσελίδας
Διάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Σπουδές 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
XAMPP Apache MySQL PHP javascript xampp
XAMPP Το xampp είναι ένα δωρεάν πρόγραμμα με το οποίο μπορούμε να κάνουμε εγκατάσταση τον Apache, τη MySQL και την PHP. Apache. Ο Apache είναι ένας Web Server. Είναι δηλαδή πρόγραμμα το οποίο τρέχει μόνιμα
Εργαστήριο 9. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο. Στόχος. Προετοιμασία περιβάλλοντος εργασίας
Εργαστήριο 9 Προγραμματιστικές Εφαρμογές στο Διαδίκτυο Στόχος Στόχος του εργαστηρίου είναι η εκμάθηση των βασικών εργασιών στην MySQL και η εξοικείωση με το περιβάλλον του εργαλείου διαχείρισης phpmyadmin.
<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Σχεδιασμός Βάσεων Δεδομένων
Πανεπιστήμιο Πειραιώς Τμήμα Ψηφιακών Συστημάτων Σχεδιασμός Βάσεων Δεδομένων Εργαστήριο 4 Δρ. Βασιλική Κούφη Περιεχόμενα Υλοποίηση Βάσεως Δεδομένων Εκτέλεση ερωτημάτων SQL στην Βάση Δεδομένων BHMA 1. Σχεδιασμός
Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος
Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition Κακαρόντζας Γεώργιος Μεθοδολογία Θα υλοποιήσουμε την λεγόμενη πιστοποίηση μέσω φόρμας στοιχείων εισόδου (form-based authentication)
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος
Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές
Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP
Τεχνολογίες Διαδικτύου Server Side Scripting I PHP Εισαγωγή PHP PHP:Hypertext Preprocessor Mηχανή που συνοδεύει web servers όπως ο IIS και ο Apache Η PHP είναι γλώσσα προγραμματισμού για web εφαρμογές
Βήμα 1ο. Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι:
Βήμα 1ο Συνδεθείτε στο σύστημα διαχείρισης του Joomla ιστοχώρου σας. Η διεύθυνση θα είναι: http://www.onoma_site.gr/administrator και δώστε το όνομα χρήστη και τον κωδικό σας για τη διαχείριση. Βήμα 2ο
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:
Οδηγίες Χρήσης της MySQL
ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Νοέμβριος 2007 1 Περιεχόμενα Εισαγωγή...2
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΜΕ ΘΕΜΑ:
ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΜΕ ΘΕΜΑ: ΘΕΟΔΟΣΙΟΥ ΝΙΚΗ Α.Μ. 103/04 ΠΑΠΑΠΕΤΡΟΥ ΦΩΤΕΙΝΗ Α.Μ. 134/04 Εξεταστική Επιτροπή Επιβλέπουσα Καθηγήτρια : Σατρατζέμη Μαρία, Καθηγήτρια Μέλη : Ευαγγελίδης
Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7
The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7 ΣΤΟΧΟΙ ΕΞΕΤΑΣΗΣ Η ενότητα ECDL WebStarter απαιτεί από τον Υποψήφιο να κατανοεί τις κύριες έννοιες της σχεδίασης και δημοσίευσης δικτυακών
NetBeans και σχετικά προγράμματα. Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα
NetBeans και σχετικά προγράμματα Κακαρόντζας Γεώργιος Κέντρο Αριστείας Ανοιχτού Λογισμικού ΑΠΘ 1ο Θερινό Σχολείο Κώδικα Ατζέντα Εγκατάσταση προγραμμάτων Java NetBeans MySQL Δημιουργία απλής εφαρμογής διαδικτύου
Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική
Joomla! with K2 - User Guide
Joomla! with K2 - User Guide τελευταία ανανέωση: 27/03/2014 από την ICAP WEB Solutions 1 Η κατασκευή της δυναμικής σας ιστοσελίδας έχει ολοκληρωθεί και μπορείτε πλέον να προχωρήσετε σε αλλαγές ή προσθήκες
Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub
Κεφάλαιο 5. Δημιουργία φορμών για τη βάση δεδομένων DVDclub Σύνοψη Σ αυτό το κεφάλαιο θα περιγράψουμε τη δημιουργία φορμών, προκειμένου να εισάγουμε δεδομένα και να εμφανίζουμε στοιχεία από τους πίνακες
1. Απαιτήσεις εργασίας
ctxxxxx.html 1 η ΕΡΓΑΣΙΑ: ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΟΥ ΤΟΠΟΥ (WEB SITE) Ημερομηνία Παράδοσης: Τρίτη 1 Δεκέμβρη 2009 (Η εργασία είναι ατομική!!) 1. Απαιτήσεις εργασίας Θα πρέπει να δημιουργήσετε το web site μιας
ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης
Σελίδα 1από ΤΕΙ ΚΑΒΑΛΑΣ Πτυχιακή εργασία Δικτυακή Εφαρμογή διαχείρισης ηλεκτρονικών εγγράφων υπηρεσίας. ΕΙΣΑΓΩΓΗ Μιλτιάδης Κακλαμάνης Σελίδα 2από Κατάλογος περιεχομένων ΕΙΣΑΓΩΓΗ...1 Σχετιζόμενα πρόσωπα...3
Βασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού
Πανεπιστήμιο Αιγαίου Εγχειρίδιο Χρήσης Εφαρμογής Συστήματος Διαχείρισης Λογισμικού Έκδοση 1.2 Περιεχόμενα 1. Είσοδος και Έξοδος από το Σύστημα... 3 2. Βοήθεια... 3 3. Αλλαγή Συνθηματικού... 3 4. Διαχείριση
Εισαγωγή στην γλώσσα υπερκειμένου HTML
Εισαγωγή στην γλώσσα υπερκειμένου HTML 1 Βασικές έννοιες 2 3 Yπερκείμενο - Υπερσύνδεσμος - HTML Το δομικό χαρακτηριστικό του WWW είναι το υπερκείμενο (hypertext), δηλαδή ένα αρχείο που εκτός από απλό κείμενο
Τα προγράμματα σε ASP που χρησιμοποιήθηκαν για την υλοποίηση της διαχείρισης των μαθημάτων.
ΠΑΡΑΡΤΗΜΑ Α Τα προγράμματα σε ASP που χρησιμοποιήθηκαν για την υλοποίηση της διαχείρισης των μαθημάτων. Αρχική σελίδα (home.asp)
Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Βάσεις δεδομένων και Microsoft Access Κεφάλαιο 2: Microsoft Access
Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Κεφάλαιο 1: Βάσεις δεδομένων και Microsoft Access... 9 Κεφάλαιο 2: Microsoft Access 2002... 20 Κεφάλαιο 3: Το σύστημα Βοήθειας του Microsoft Office ΧΡ... 36
Σημειώσεις για τις Ιστοσελίδες του Google
Σημειώσεις για τις Ιστοσελίδες του Google 1 Βήμα 1 ο Μπαίνουμε στην σελίδα της Google για τις ιστοσελίδες (http://sites.google.com). 2 Εναλλακτικά, μπαίνουμε στο http://www.google.com, επιλέγουμε περισσότερα
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
ΗTML και XHTML Βασικές. Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας
ΗTML και XHTML Βασικές έννοιες Βασική σύνταξη HTML και HTML Ηδομή μιας HTML σελίδας Η γραμματική της ΗΤML Όπως κάθε γλώσσα έχει μια γραμματική
Πανεπιστήμιο Πειραιώς Τμήμα Πληροφορικής
Πανεπιστήμιο Πειραιώς Τμήμα Πληροφορικής Πρόγραμμα Μεταπτυχιακών Σπουδών «Πληροφορική» Μεταπτυχιακή Διατριβή Τίτλος Διατριβής Ονοματεπώνυμο Φοιτητή Πατρώνυμο Ηλεκτρονικό Βιβλιοπωλείο Δημήτριος Μανώλης
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
Εγχειρίδιο Χρήσης-Οδηγός Εκπαίδευσης Χρηστών. - Δήμος Δέλτα - Αριστοτέλειο Πανεπιστήμιο Θεσσαλονίκης
Ανάπτυξη διαδικτυακής εφαρμογής υποστήριξης των δράσεων περιβαλλοντικής διαχείρισης της παράκτιας ζώνης του Θερμαϊκού Κόλπου και διαδραστικής εφαρμογής αναφοράς περιβαλλοντικών προβλημάτων Εγχειρίδιο Χρήσης-Οδηγός
Ημερομηνία Παράδοσης: 4/4/2013
Δράση 9.14 / Υπηρεσία εντοπισμού λογοκλοπής Κυρίως Παραδοτέο / Σχεδιασμός και ανάπτυξη λογισμικού (λογοκλοπής) και βάσης δεδομένων (αποθετηρίου) Επιμέρους Παραδοτέο 9.14.1.4 / Πληροφοριακό σύστημα υπηρεσίας
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3
ΕΡΓΑΣΤΗΡΙΟ FRONT PAGE 3 Φόρµες Ένας τρόπος για να συλλέξετε πληροφορία από τους επισκέπτες του δικτυακού σας τόπου είναι οι φόρµες. Με τα εξειδικευµένα αυτά εργαλεία µπορείτε να κάνετε έρευνες ή τεστ,
2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ
2014 2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ H HTML είναι μία γλώσσα σήμανσης και αποτελεί την κύρια γλώσσα δημιουργίας ιστοσελίδων του διαδικτύου. Είναι το ακρωνύμιο των λέξεων HyperText
ΥΠ.ΕΣ. - Δ.Μ.Η.Ε.Σ. ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΕΦΑΡΜΟΓΗΣ ΛΗΞΙΑΡΧΕΙΟΥ V 1.2
ΥΠ.ΕΣ. - Δ.Μ.Η.Ε.Σ. ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΕΦΑΡΜΟΓΗΣ ΛΗΞΙΑΡΧΕΙΟΥ V 1.2 Δεκέμβριος 2012 Πίνακας Περιεχομένων 1. Εισαγωγή.. σελ. 3 2. Σύνδεση για πρώτη φορά με την εφαρμογή 4 3. Είσοδος στην εφαρμογή 9 4. Αναζήτηση
Επίλυση προβλήματος με Access
Δ.1. Το προς επίλυση πρόβλημα Ζητείται να κατασκευάσετε τα αρχεία και τα προγράμματα μιας εφαρμογής καταχώρησης Δαπανών μελών ΔΕΠ (Διδακτικό και Ερευνητικό Προσωπικό) για την παρακολούθηση του απολογισμού
Εισαγωγή στην Αριθμητική Ανάλυση
Εισαγωγή στην Αριθμητική Ανάλυση Εισαγωγή στη MATLAB ΔΙΔΑΣΚΩΝ: ΓΕΩΡΓΙΟΣ ΑΚΡΙΒΗΣ ΒΟΗΘΟΙ: ΔΗΜΗΤΡΙΑΔΗΣ ΣΩΚΡΑΤΗΣ, ΣΚΟΡΔΑ ΕΛΕΝΗ E-MAIL: SDIMITRIADIS@CS.UOI.GR, ESKORDA@CS.UOI.GR Τι είναι Matlab Είναι ένα περιβάλλον
7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Φόρμες και Εκθέσεις στην ACCESS
Φόρμες και Εκθέσεις στην ACCESS Αφού έχουμε δημιουργήσει των ή τους πίνακες μας, το επόμενο βήμα είναι να δημιουργήσουμε το κατάλληλο περιβάλλον για να εισάγουμε ή να εξάγουμε δεδομένα. Τα εργαλεία που
Σύντομη περιγραφή 5. Για να ξεκινήσετε 6. Οι οθόνες του προγράμματος 8. Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7
Σύντομη περιγραφή 5 Για να ξεκινήσετε 6 Εγκατάσταση προγράμματος 6 Δημιουργία κωδικών χρήστη 7 Οι οθόνες του προγράμματος 8 Αρχική οθόνη 8 Στοιχεία ασθενή 9 Εργασίες - Ραντεβού 10 Εικόνες 11 Ημερολόγιο
Σχεδόν όλες οι ιστοσελίδες βασίζονται σε μεγάλο βαθμό σε πίνακες. Για να εισάγουμε έναν πίνακα επιλέγουμε από το μενού Insert->Table.
DreamWeaver - Άσκηση 4η Πίνακες Παρακάτω θα δούμε πως μπορούμε να δημιουργούμε και να επεξεργαζόμαστε πίνακες, μια πολύ βασική δομή. Θα δούμε πως γίνεται εισαγωγή πίνακα, ένωση κελιών του πίνακα, προσθήκη
ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ
ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Πτυχιακή Εργασία Θέμα Διαδικτυακή Μουσική Εγκυκλοπαίδεια με PHP & MySQL Πιστόλας Κωνσταντίνος, Α.Μ : 119/03 Κάκαρης Παντελής, Α.Μ : 88/03 Εξεταστική
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαδικτυακό Περιβάλλον Διαχείρισης Ασκήσεων Προγραμματισμού
ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ ΔΙΑΤΜΗΜΑΤΙΚΟ ΜΕΤΑΠΤΥΧΙΑΚΟ ΠΡΟΓΡΑΜΜΑ ΣΤΑ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Διπλωματική Εργασία με θέμα: Διαδικτυακό Περιβάλλον Διαχείρισης Ασκήσεων Προγραμματισμού Καραγιάννης Ιωάννης Α.Μ.
Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2
ΔΕ10: Πληροφοριακά Συστήματα Διοίκησης IΙ Εργαστήριο # 2 Dreamweaver 1/7 Εισαγωγή Το Dreamweaver είναι ένας HTML editor που αναπτύχθηκε από την Macromedia. Είναι WYSIWYG (What You See Is What You Get),
Βαρβάκειο Πρότυπο Γυμνάσιο
Παραδόσεις & εργαστηριακές ασκήσεις στην HTML Βαρβάκειο Πρότυπο Γυμνάσιο Σχολ. Χρονιά 2016-2017 Θ. Οτζάκογλου Εργαστήρι Πληροφορικής Σχολ. Έτος 2016 2017 Αν και δεν είναι μία ακόμη «γλώσσα προγραμματισμού»,
Διαχείριση Βάσης Δεδομένων (dbadmin)
Published on PRISMA Win Help - Megasoft (http://docs.megasoft.gr) Home > Εμπορική Διαχείριση > Διαχείριση Βάσης Δεδομένων (dbadmin) Διαχείριση Βάσης Δεδομένων (dbadmin) Μέσα από τη διαχείριση βάσης δεδομένων
Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος
Java & Java EE 1o Μέρος: Servlets και Java Server Pages Κακαρόντζας Γεώργιος Διάκριση μεταξύ Web και πλήρους προφίλ Στη Java EE υπάρχει η διάκριση μεταξύ web προφίλ και πλήρους προφίλ. Το Web προφίλ περιλαμβάνει
Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ
Field Service Management ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ 1 ΠΕΡΙΕΧΟΜΕΝΑ 1. ΑΝΑΛΥΣΗ ΜΕΝΟΥ ΕΦΑΡΜΟΓΗΣ... 4 2. ΕΠΕΞΗΓΗΣΗ ΚΕΝΤΡΙΚΟΥ ΜΕΝΟΥ ΚΑΡΤΕΛΑΣ... 5 3. ΔΗΜΙΟΥΡΓΙΑ ΠΕΛΑΤΗ... 6 4. ΑΝΑΖΗΤΗΣΗ ΠΕΛΑΤΗ... 6 5. ΕΠΕΞΕΡΓΑΣΙΑ/ΔΙΑΓΡΑΦΗ
Συλλογή και Επεξεργασία Δεδομένων με Φόρμες
Συλλογή και Επεξεργασία Δεδομένων με Φόρμες Οι φόρμες αποτελούν τον πιο δημοφιλή τρόπο για τη συλλογή δεδομένων μέσω του World Wide Web (WWW). Επιτρέπουν στους χρήστες να επικοινωνούν με τη βοήθεια του
Οδηγός Χρήστη για τα Υδρολογικά εδοµένα
Οδηγός Χρήστη για τα Υδρολογικά εδοµένα 1. Πρόσβαση στην εφαρµογή...1 2. Εγγραφή και Είσοδος στον Ιστοχώρο...4 3. Σταθµοί...4 3.1. Πρόσβαση...5 3.2. Λίστα...5 3.3. Σύνθετη Αναζήτηση...5 4. Χάρτης...7 4.1.
Εργαστήριο 8. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο
Εργαστήριο 8 Προγραμματιστικές Εφαρμογές στο Διαδίκτυο Στόχος Στόχος του εργαστηρίου είναι η εκμάθηση των βασικών προγραμματιστικών δομών της γλώσσας PHP και η δημιουργία φορμών για την επεξεργασία υποβαλλόμενων
Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα
Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box
Πλοήγηση και Αναζήτηση
Πλοήγηση και Αναζήτηση Περιήγηση Το Eprints παρέχει πολλούς διαφορετικούς τρόπους να επιμεριστεί το καταθετήριο σε διαφορετικές συλλογές και να προσεγγίζεται το περιεχόμενό του από διαφορετικές οπτικές
Υλοποίηση Δικτυακών Υποδομών και Υπηρεσιών: Web εφαρμογή με χρήση LDAP και SMTP Server
Υλοποίηση Δικτυακών Υποδομών και Υπηρεσιών: Web εφαρμογή με χρήση LDAP και SMTP Server Πανεπιστήμιο Πελοποννήσου Τμήμα Επιστήμης & Τεχνολογίας Τηλεπικοινωνιών Ευάγγελος Α. Κοσμάτος Αρχιτεκτονική εφαρμογής
Διαγραφή Επιλέγετε Διαγραφή για να διαγράψετε μία ήδη υπάρχουσα διαδικασία εισαγωγής ASCII
Published on PRISMA Win Help - Megasoft (http://docs.megasoft.gr) Home > Διαχείριση Βάσης Δεδομένων (dbadmin) > Αρχεία Αρχεία Εισαγωγή από αρχείο ASCII Με την εργασία αυτή έχετε την δυνατότητα να εισάγετε
Εργαστήριο 6. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο. Στόχος. Προετοιμασία περιβάλλοντος εργασίας. a) Εκκίνηση XAMPP
Εργαστήριο 6 Προγραμματιστικές Εφαρμογές στο Διαδίκτυο Στόχος Στόχος του εργαστηρίου είναι η εισαγωγή στην γλώσσα PHP και η εξοικείωση των φοιτητών στην χρήση του Web Server για την εξυπηρέτηση σελίδων
ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ
Οικονοµικό Πανεπιστήµιο Αθηνών Τµήµα ιοικητικής Επιστήµης & Τεχνολογίας ΠΛΗΡΟΦΟΡΙΑΚΑ & ΤΗΛΕΠΙΚΟΙΝΩΝΙΑΚΑ ΣΥΣΤΗΜΑΤΑ Κεφάλαιο 11 Eισαγωγή στην ανάπτυξη ιστοσελίδων µε HMTL Γιώργος Γιαγλής Περίληψη Κεφαλαίου
ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ LIVETRIP TRAVELLER
ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ LIVETRIP TRAVELLER Η εφαρμογή LiveTripTraveller διατίθεται για κινητά τηλέφωνα με λειτουργικό σύστημα Android. Στο υπο-ιστοσελίδα www.livetrips.com/sources μπορείτε να κατεβάσετε την εφαρμογή
SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ. Version 2.0
SITEBUILDER ΠΛΑΤΦΟΡΜΑ ΑΥΤΟΝΟΜΗΣ ΚΑΤΑΣΚΕΥΗΣ & ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΩΝ ΤΟΠΩΝ (WEBSITE) ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ Version 2.0 Περιεχόμενα 1. Οδηγίες πρόσβασης... 3 2. Οδηγίες Σχεδιασμού Website... 4 2.1. Έναρξη...
Οδηγίες Χρήσης της MySQL
ΠΑΝΕΠΙΣΤΗΜΙΟ ΠΕΙΡΑΙΩΣ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΗΜΕΙΩΣΕΙΣ ΣΕ ΒΑΣΕΙΣ ΔΕΔΟΜΕΝΩΝ Οδηγίες Χρήσης της MySQL Διδάσκων: Γιάννης Θεοδωρίδης Συντάκτης Κειμένου: Βαγγέλης Κατσικάρος Απρίλιος 2007 1 Περιεχόμενα Εισαγωγή...2
Βάσεις Δεδομένων 2η εργαστηριακή άσκηση
Βάσεις Δεδομένων 2η εργαστηριακή άσκηση Εισαγωγή στο περιβάλλον της oracle Δημιουργία πινάκων Δρ. Εύη Φαλιάγκα 1. Login Χρησιμοποιώντας έναν web explorer, μπαίνετε στο http://10.0.0.6:8080/apex και συμπληρώνετε
Οδηγίες Πρόσβασης στο EndNote Web. Πρόσβαση στο EndNote Web
Οδηγίες Πρόσβασης στο EndNote Web Το EndNote Web είναι εργαλείο διαχείρισης βιβλιογραφικών αναφορών, ενσωματωμένο στη βάση Web of Science. Απαιτείται εγγραφή και δημιουργία password (Sign in / Register)
ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ. Ηλεκτρονική Υποβολή Α.Π.Δ.
ΕΓΧΕΙΡΙΔΙΟ ΟΔΗΓΙΩΝ ΧΡΗΣΤΗ Ηλεκτρονική Υποβολή Α.Π.Δ. ΠΕΡΙΕΧΟΜΕΝΑ 1) Είσοδος στην εφαρμογή 2) Δημιουργία Περιόδου Υποβολής 2.α) Ακύρωση Περιόδου Υποβολής 3) Μέθοδος Υποβολής: Συμπλήρωση Φόρμας 3.α) Συμπλήρωση
ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ. Διαδικτυακό σύστημα διαχείρισης αιτήσεων για μεταπτυχιακό
ΤΜΗΜΑ ΕΦΑΡΜΟΣΜΕΝΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ: Διαδικτυακό σύστημα διαχείρισης αιτήσεων για μεταπτυχιακό ΠΑΠΑΔΟΠΟΥΛΟΣ ΔΗΜΗΤΡΙΟΣ, Α.Μ.: 56/05 Υπεύθυνη Καθηγήτρια: Σατρατζέμη Μαρία, Καθηγήτρια Εξεταστική
Εισαγωγή στην εφαρμογή Βασική Σελίδα (Activity) Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10
Περιεχόμενα Εισαγωγή στην εφαρμογή... 2 Βασική Σελίδα (Activity)... 3 Ρυθμίσεις... 3 Πελάτες... 6 Αναζήτηση Πελάτη... 6 Προβολή Πελάτη... 7 Επεξεργασία Πελάτη... 10 Αποθήκη... 11 Αναζήτηση προϊόντος...
QEMS TUTORIAL CRM. Οδηγίες για το νέο πρωτοποριακό πρόγραμμα της QEMS.
QEMS TUTORIAL CRM Οδηγίες για το νέο πρωτοποριακό πρόγραμμα της QEMS. ΕΚΔΟΣΗ 1.0.1 + 26/6/2014 ΠΕΡΙΕΧΟΜΕΝΑ ΕΙΣΑΓΩΓΗ... 2 LOGIN... 3 δικαιωματα ΕΦΑΡΜΟΓΗς... 4 ΙΔΙΟΚΤΗΤΗΣ... 4 ADMIN / MANAGER... 4 ΥΠΑΛΗΛΟΣ...
Singular Report Generator. Σχ 1 ηµιουργία Καταστάσεων SRG
Μια από τις πιο σηµαντικές ανάγκες που αντιµετωπίζει µια επιχείρηση κατά την εγκατάσταση ενός λογισµικού «πακέτου» (Οικονοµικής & Εµπορικής ιαχείρισης), είναι ο τρόπος µε τον οποίο πρέπει να ανταποκριθεί
Πίνακες. ετικέτα <table>
Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει
Νέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Πίνακες Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται
Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010
Τμήμα Πληροφορικής & Επικοινωνιών Τομέας Υπολογιστικών Τεχνικών & Συστημάτων Συνοπτικό εγχειρίδιο χρήσης του Microsoft Visual Studio 2010 Ιωάννης Γεωργουδάκης - Πάρις Μαστοροκώστας Σεπτέμβριος 2011 ΠΕΡΙΕΧΟΜΕΝΑ
Περιεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διάλεξη 6η CSS Advanced
Διάλεξη 6η CSS Advanced Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e. (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Block & Inline elements Advanced
Teaching Computer Science
Teaching Computer Science ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ (User Manual) ΘΕΣΣΑΛΟΝΙΚΗ 2016 Teaching Computer Science ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ (User manual) Περιεχόμενα 1. Αρχική οθόνη... 2 2. Δημιουργία λογαριασμού Εγγραφή...
ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΟΛΟΚΛΗΡΩΜΕΝΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ (ΟΠΣ) ΓΙΑ ΤΗΝ ΠΡΟΓΡΑΜΜΑΤΙΚΗ ΠΕΡΙΟΔΟ ΣΕΣ
ΕΓΧΕΙΡΙΔΙΟ ΧΡΗΣΗΣ ΟΛΟΚΛΗΡΩΜΕΝΟΥ ΠΛΗΡΟΦΟΡΙΑΚΟΥ ΣΥΣΤΗΜΑΤΟΣ (ΟΠΣ) ΓΙΑ ΤΗΝ ΠΡΟΓΡΑΜΜΑΤΙΚΗ ΠΕΡΙΟΔΟ ΣΕΣ 2014-2020 ΕΝΟΤΗΤΑ «ΔΙΑΧΕΙΡΙΣΗ ΠΡΟΣΚΛΗΣΕΩΝ ΕΡΓΩΝ ΣΧΕΔΙΩΝ ΧΟΡΗΓΙΩΝ» 1η Έκδοση: 2015 ΠΕΡΙΕΧΟΜΕΝΑ 1. ΕΙΣΑΓΩΓΗ...3