Βάσεις Δεδομένων και Παγκόσμιος Ιστός Προγραμματιστική εργασία: «WebNews»

Παρουσίαση με θέμα: "Βάσεις Δεδομένων και Παγκόσμιος Ιστός Προγραμματιστική εργασία: «WebNews»"— Μεταγράφημα παρουσίασης:

1 Βάσεις Δεδομένων και Παγκόσμιος Ιστός Προγραμματιστική εργασία: «WebNews»

2 Προδιαγραφές της εργασίας Υλοποίηση της εργασίας σε βήματα

3 Βάσεις Δεδομένων και Παγκόσμιος Ιστός3 Γενικά στοιχεία Εφαρμογή σε Java Προσβαση σε πηγές του Ιστού (socket) Πρόσβαση σε βάση δεδομένων (MS Access - JDBC) Wrapping (parsing HTML σελίδων – String, StringBuffer) Γράψιμο σε αρχείο (streams) Ενα παράθυρο με δύο κουμπιά: Get data: αποσπά απο δύο εφημερίδες του Ιστού τον κύριο τίτλο, υπότιτλο, συντομη περιγραφή, και link για ολόκληρο το άρθρο και τα εισάγει στην ΒΔ Αν πατηθεί δύο φορές θα εισάγει δύο φορές την ιδια πληροφορία Create HTML: διαβάζει την ΒΔ και φτιάχνει με όλα τα περιεχόμενά της μια HTML σελίδα που σώζει σαν αρχείο στον δίσκο. Προθεσμία: Παρασκευή, 23 Απριλίου

4 Βάσεις Δεδομένων και Παγκόσμιος Ιστός4 Αρχιτεκτονική

5 Βάσεις Δεδομένων και Παγκόσμιος Ιστός5 Λεπτομέρειες Το αρχείο της MS Access με την βάση θα πρέπει να λέγεται “news.mdb” Το ODBC data source θα πρεπει να λέγεται “news_db” To HTML αρχείο θα δημιουργείται στον φάκελο “C:\db_www” και θα ονομάζεται “temp.html” Θα υπαρχει ενα run.bat αρχείο για να τρέχει η εφαρμογή από MS Windows Παράδειγμα: javaw -classpath.\bin WebNews Προτεινόμενα sites εφημερίδων: www.kathimerini.gr www.enet.gr

6 Βάσεις Δεδομένων και Παγκόσμιος Ιστός6

7 7

8 8 Τι δίνουμε CD με τον κώδικα μέσα, και το όνομα πάνω Συνισταται η εφαρμογή να μπορεί να τρέχει από το CD με εκτέλεση του run.bat Πλήρεις οδηγίες εγκατάστασης / τρεξίματος 1 σελίδα το πολύ Σύντομη περιγραφή της δομής του προγράμματος (ονόματα κλάσεων, υπευθυνότητα κάθε μιας, σχέση μεταξύ τους) Αναφέρετε βοήθεια που ενδεχομένως ζητήσατε 1-2 σελίδες Εκτύπωση μιας ενδεικτικής εξόδου του προγράμματος (το τελικό αρχείο HTML). Εκτύπωση προγράμματος Στοιχισμένος κώδικας με πολυ μικρο μέγεθος γραμματοσειράς

9 Προδιαγραφές της εργασίας Υλοποίηση της εργασίας σε βήματα

10 Βάσεις Δεδομένων και Παγκόσμιος Ιστός10 Τα βήματα Μια πρόταση για την μεθοδολογία υλοποίησης της εργασίας: 1. Κατασκευή User Interface Λειτουργία κουμπιού “Get Data” 2. Ανάκτηση ιστοσελίδων 3. Απόσπαση πληροφορίας 4. Εισαγωγή στην ΒΔ Λειτουργία κουμπιού “Create HTML” 5. Σύνθεση HTML σελίδας 6. Αποθήκευση σε αρχείο

11 Βάσεις Δεδομένων και Παγκόσμιος Ιστός11 Κατασκευή User Interface Βρείτε εισαγωγικό βιβλίο για Java, ρίξτε μια ματιά στην λογική κατασκευής UI και στο μοντέλο διαχείρισης events Υπαρχουν και on-line βιβλία, πχ. “Java Tutorial” http://java.sun.com/docs/books/ Κωδικας και συμβουλές για πάρα πολλά θέματα, ρωτήστε το Google Κατεβάστε και εγκαταστηστε το JDK, www.javasoft.comwww.javasoft.com Εξοικοιωθήτε με το on-line documentation Στήστε το περιβάλλον εργασίας, τρέξτε μια πολύ απλή εφαρμογή 5 γραμμών (“hello world”) για να βεβαιωθείτε οτι η εγκατάσταση δουλεύει ΟΚ Κατασκευάστε ένα παράθυρο με 2 κουμπιά Όταν πατιέται ένα κουμπί θα πρέπει να εμφανίζει από ενα dialog box με κάποιο διαφορετικό (οποιοδήποτε) μηνυματάκι

12 Βάσεις Δεδομένων και Παγκόσμιος Ιστός12 Ανάκτηση ιστοσελίδων Στόχος στο τέλος του βήματος αυτού: Οταν πατιέται το κουμπί Get Data, θα βγαίνει το dialog box, αλλά αντι για το dummy μήνυμα θα περιέχει τον HTML κώδικα των δύο σελίδων, τον ένα κάτω από τον άλλο Εναλλακτικά, εμφάνιση των σελίδων με το System.out.println Πώς θα πάρουμε τον HTML κώδικα της κάθε σελίδας από το Web; Η κλάση socket συνδέει την εφαρμογή μας με κάποια εφαρμογή που βρίσκεται σε κάποιο IP και «ακούει» σε κάποια πόρτα Αν πετύχει η σύνδεση, το socket μας δίνει streams στα οποία μπορούμε να γράψουμε και να διαβάσουμε. Οτι γράφουμε το διαβάζει η άλλη εφαρμογή (ο web server της εφημερίδας για εμας), και ότι μας απαντάει το διαβάζουμε εμείς Γραφουμε (στέλνουμε request) ένα HTTP μήνυμα GET Διαβάζουμε το HTTP response – το HTML περιεχόμενο είναι μετά την κενή γραμμή, το βάζουμε σε κάποια μεταβλητή String Για κώδικα και επεξήγηση, κοιτάξτε το κεφάλαιο «Java Networking» http://java.sun.com/docs/books/tutorial/networking/index.html

13 Βάσεις Δεδομένων και Παγκόσμιος Ιστός13 Απόσπαση πληροφορίας-Εισαγωγή στην ΒΔ Σχεδιάστε το σχήμα της ΒΔ και υλοποιήστε το με την MS-Access Ρωτήστε κάποιον να σας δείξει πώς φτιάχνουμε ένα ODBC Data Source για την βάση αυτή (3 λεπτά δουλειά) Το ODBC (Open DataBase Connectivity) είναι ένας «ενδιάμεσος» που διασφαλίζει ότι ανεξάρτητα από το τι είδος ΒΔ υπάρχει από κάτω και τι δυνατότητες έχει, η εφαρμογή από πάνω μπορεί να του «μιλήσει» με τον ίδιο εννιαίο τρόπο Αν αντί για MS-Access βάλετε Oracle η εφαρμογή θα συνεχισει να δουλεύει Από τον HTML κώδικα, αποσπάστε προσεκτικά την πληροφορία που χρειαζόμαστε (τίτλος, κτλ) HTML tutorials υπάρχουν πολλά στο Web, 5-10 σελίδες Ισως φανούν χρήσιμες οι κλάσεις: String, StringBuffer, StringTokenizer Χρησιμοποιείστε κλάσεις της Java βιβλιοθήκης JDBC (Java DataBase Connectivity) για να αποθηκεύσετε τα δεδομένα αυτά στην βάση

14 Βάσεις Δεδομένων και Παγκόσμιος Ιστός14 Σύνθεση HTML σελίδας Αποφασίστε πώς θα μοιάζει η HTML σελίδα, τι tags θα έχει και σε ποια σημεία θα μπαινει η πληροφορία που έχει αποθηκευτεί στην βάση Ισως βοηθήσει να φτιάξετε μια dummy σελίδα Καλύτερα αποφύγετε εργαλεία όπως το FrontPage, εισάγουν άχρηστα tags στην HTML Με JDBC διαβάστε την ΒΔ σε κάποιο loop, ενω ταυτόχρονα σχηματίζετε την HTML σε κάποιο string Χρησιμοποιέιστε την κλάση StringBuffer για να σχηματίζετε αθροιστικά την HTML Τα links στην βάση πρέπει να δουλεύουν στην HTML

15 Βάσεις Δεδομένων και Παγκόσμιος Ιστός15 Αποθήκευση σε αρχείο Χρησιμοποιείστε streams (FileStream) για να γράψετε το αποτέλεσμα στο αρχείο Ακολουθήστε τα προτεινόμενα ονόματα (βλέπε νωρίτερα) για την βάση, το ODBC Data Source, το αρχείο... Αυτό ήταν!!! Αν δουλεύει, μην μείνετε εδώ: ξαναδιαβάστε και «τακτοποιήστε» τον κώδικα Μελετήστε τα παραδείγματα των βιβλίων και του documentation, είναι συντομότερο από το να πέσετε κατευθείαν στο γράψιμο του κώδικα