Φοιτητές : Μπεΐνογλου Βαλάντης Αυγερίδου Χριστίνα Παρουσίαση πτυχιακής Δημιουργία Εικονικού Διαδικτυακού εργαστηρίου Αρχιτεκτονικής υπολογιστών Καθηγητής:

Παρουσίαση με θέμα: "Φοιτητές : Μπεΐνογλου Βαλάντης Αυγερίδου Χριστίνα Παρουσίαση πτυχιακής Δημιουργία Εικονικού Διαδικτυακού εργαστηρίου Αρχιτεκτονικής υπολογιστών Καθηγητής:"— Μεταγράφημα παρουσίασης:

1 Φοιτητές : Μπεΐνογλου Βαλάντης Αυγερίδου Χριστίνα Παρουσίαση πτυχιακής Δημιουργία Εικονικού Διαδικτυακού εργαστηρίου Αρχιτεκτονικής υπολογιστών Καθηγητής: Δομουχτσής Κωνσταντίνος

2 Φοιτητές : Μπεΐνογλου Βαλάντης Αυγερίδου Χριστήνα Παρουσίαση πτυχιακής Δημιουργία Εικονικού Διαδικτυακού εργαστηρίου Αρχιτεκτονικής υπολογιστών Καθηγητής: Δομουχτσής Κωνσταντίνος

3 Σκοπός της πτυχιακής αυτής : Δημιουργία εικονικού εργαστηρίου και θεωρίας του μαθήματος Αρχιτεκτονικής Υπολογιστών Υλοποίηση υποδομής για τα υπόλοιπα μαθήματα και εργαστήρια Δυνατότητα παρακολούθησης αποθηκευμένων βίντεο σε κάθε χρήστη μέσω μετάδοσης εικονοροών (video on demand) Δυνατότητα παρακολούθησης βίντεο σε ζωντανή μετάδοση σε πραγματικό χρόνο (online streaming) Δημιουργία streaming server για τις παραπάνω απαιτήσεις

4 Vmware εικονικός δίσκος Ubuntu server v10.04 64-bit Apache MySQL PHP phpMyAdmin winSCP FTP Client Windows Media Encoder v9 Joomla v1.5 Χρησιμοποιήσαμε : Πόσα και τι εργαλεία χρησιμοποιήθηκαν

5 Συνολικό Σχέδιο Υλοποίησης Χρήστες www Ubuntu Server Ιστότοποι video-on-demand Διαδίκτυο Online Streaming

6 Βήματα της παρουσίασης Αναλυτικά για το κάθε βήμα στη συνέχεια 1 Διαδυκτιακή πύλη Αρχιτεκτονικής & πύλη γενικής υποδομής 2 Εικονικός δίσκος & Video Streaming Server 3 Online Streaming

7 Διαδικτυακή πύλη Αρχτεκτονικής & πύλη γενικής υποδομής Αναλυτικά για τις παραπάνω πύλες 1

8 Βασική μας μέριμνα ήταν η δημιουργία ενός εύχρηστου περιβάλλοντος μέσα από το οποίο ο χρήστης να μπορεί εύκολα να επιλέξει ότι τον ενδιαφέρει. Ο ιστότοπος Teiser tube δημιουργήθηκε για να δώσει πρόσβαση στα μαθήματα της σχολής μας στους σπουδαστές, μέσω video on demand αλλά και online streaming εργαστηριακών μαθημάτων, διαλέξεων και εκδηλώσεων όταν αυτά είναι διαθέσιμα. Teiser tube

9 Βήματα ανάπτυξης του ιστότοπου Για να δημιουργηθεί ο ιστότοπος έγινε η δημιουργία της βάσης δεδομένων με την εφαρμογή phpmyadmin και η εγκατάσταση του joomla σε έκδοση 1.5.23. Η διαμόρφωση πραγματοποίήθηκε μέσα από το περιβάλλον διαχείρισης του Joomla εισάγοντας αρχικά το πρότυπο που χαρακτηρίζει την κύρια δομή της σελίδας. Το πρότυπο προστέθηκε μέσα από τον πίνακα διαχείρισης και την εγκατάσταση επεκτάσεων. Αποτελείται από το βασικό αρχείο index.php το οποίο αποτελεί την Αρχική σελίδα, τον φάκελο images, το templateDetails και τον φάκελο css. Για την προετοιμασία της ιστοσελίδας μας πριν την τοποθέτηση της στον server, ώστε να υπάρχει πρόσβαση και τροποποίηση της τοπικά, χρησιμοποιήθηκε το XAMPP

10 Βήματα ανάπτυξης του ιστότοπου Διαμορφώθηκε το μενού κορυφής και προστέθηκαν χρήσιμες συνδέσεις μέσα από την επεξεργασία των στοιχείων μενού. Δημιουργήθηκε μενού μέσω της επιλογής «Διαχείριση μενού» με όλα τα μαθήματα του τμήματος το οποίο αποτελεί το κυρίως μενού. Έπειτα δημιουργήθηκε η επιλογή της αναζήτησης, μέσα από την επιλογή «Διαχείριση Ενθέματος»,η οποία παίζει καθοριστικό ρόλο στην εύκολη πρόσβαση συγκεκριμένων δεδομένων. Με τον ίδιο τρόπο δημιουργήθηκαν τα ενθεματα «Πρόσφατα», «Συνδεδεμένοι Χρήστες», «Most Viewed Videos» και «Πληροφορίες Στατιστικά»

11 Οι διαδικτυακές πύλες εφαρμόστηκαν σε περιηγητές με επιτυχία όπως ο Firefox, o Internet Explorer, o Safari και ο Google Chrome Εφαρμογή σε περιηγητές & θέση Streaming Button Για το online streaming δημιουργήθηκε το εικονίδο online streaming στο οποίο τοποθετόντας μέσα από την ιδιότητα Insert/edit link το url που παίρνουμε από τον encoder.

12 Στη σελίδα της Αρχιτεκτονικής έχουν προστεθεί τα βίντεο των διαλέξεων της θεωρίας και των εργαστηριακών μαθημάτων. Για να μπορούν να εμφανίζονται χρειάστηκε η εγκατάσταση ενός προσθέτου (Plugin). Μετά από δοκιμές κρίθηκε ως σταθερό και γρήγορο στην φόρτωση των βίντεο το AllVideos το οποίο εγκαταστάθηκε μέσα από την εγκατάσταση επεκτάσεων. Με τον ίδιο τρόπο δημιουργήθηκαν τα μενού και τα ενθέματα του ιστότοπου της Αρχιτεκτονικής. Τα βίντεο βρίσκονται στην προκαθορισμένη διαδρομή \teisertube\images\stories\videos και η αναπαραγωγή τους είναι δυνατή με την τοποθέτηση της εντολής {flv} όνομα αρχείου {/flv} στο αρχείο με το οποίο είναι συνδεδεμένο το Link που μας παραπέμπει στο συγκεκριμένο βίντεο.

13 Βήματα της παρουσίασης Αναλυτικά για το κάθε βήμα στη συνέχεια 1 Διαδυκτιακή πύλη Αρχιτεκτονικής & πύλη γενικής υποδομής 2 Εικονικός δίσκος & Video Streaming Server 3 Online Streaming

14 2 Server Αναλυτικά για το κάθε ένα από τα παραπάνω Vmware εικονικός δίσκος Video streaming server Ubuntu server operating system External Packages (PHP, APACHE, MySQL, phpMyAdmin) WinSCP FTP Client

15 Vmware Εικονικός δίσκος Γιατί τον χρησιμοποιήσαμε? Μας παρέχει την δυνατότητα εγκατάστασης & εκτέλεσης εφαρμογών σε Windows, Mac ή Linux στον ίδιο υπολογιστή σε ήδη υπάρχον λειτουργικό σύστημα χωρίς επανεκκίνηση. Επομένως αξιολόγηση, παρουσίαση, & δοκιμή λειτουργικών συστημάτων. Ubuntu 64-bit λειτουργικό σύστημα

16 Λειτουργικό σύστημα Ubuntu Server Έκδοση 10.04 64-bit  Ανοιχτού κώδικα-ελεύθερο λογισμικό βασισμένο σε πυρήνα Linux  κατασκευασμένο σύμφωνα με την δομή του λειτουργικού συστήματος Debian  επιτρέπει την εγκατάσταση πακέτων μη ελεύθερου λογισμικού για ειδικούς σκοπούς π.χ. Codec, hardware's, κτλ  ο πυρήνας είναι κατασκευασμένος με μια σειρά χαρακτηριστικά όπως προστασία μνήμης, καλός & ταχύς χειρισμός, μπλοκάροντας την φόρτωση πολλών & διάφορων ενοτήτων καθώς και υποστήριξη τελευταίων επεξεργαστών  ελάχιστες απαιτήσεις συστήματος 128MB RAM, 1GB Hard Disk  συμβατό με την εγκατάσταση σε εικονικούς δίσκους  απαιτήσεις που ορίσαμε εμείς στον δίσκο 2GB RAM, 29GB Hard disk Γιατί όχι Windows Server ; . Τυπικά υποτιθέμενων αδυναμιών αναφέρεται συχνά έχουν συμπεριλάβει πολλές φορές κακή εξοικείωση των καταναλωτών με το Linux, και η ευαισθησία των Microsoft Windows "σε ιούς και κακόβουλο λογισμικό.  ο τελικός λόγος επιλογής του συγκεκριμένου λειτουργικού συστήματος αποτελεί η σταθερότητα που παρέχει στις συγκεκριμένες video streaming εφαρμογές. Από τα βασικότερα χαρακτηριστικά που μας παρέχει η έκδοση του Server είναι Φιλοξενία Ιστοσελίδων, φιλοξενία Email, File/print sharing.

17 Εγκατάσταση Επιπλέον πακέτων α΄ Apache – εξυπηρετητής του παγκόσμιου ιστού web Όποτε ο χρήστης επισκέπτεται μια ιστοσελίδα ο περιηγητής επικοινωνεί με τον διακομιστή, ο οποίος παράγει τις ιστοσελίδες και τις αποστέλλει στο περιηγητή Για να τον εγκαταστήσουμε στον Server μας στην γραμμή εντολών του Server μας στο Terminal δίνουμε την εντολή Μας ζητάει κωδικό χρήστη και ξεκινάει την διαδικασία λήψης & εγκατάστασης του Apache στο Server. Δημιουργεί τον φάκελο var που περικλειει τον www PHP – γλώσσα προγραμματισμού για δημιουργία σελίδων web με δυναμικό περιεχόμενο Περνά από επεξεργασία από ένα συμβατό διακομιστή του παγκόσμιου ιστού π.χ. Apache Υποστηρίζεται εξ ολοκλήρου από τον διακομιστή Apache που χρησιμοποιείτε σήμετα ευρέως από όλα τα λειτουργικά συστήματα Για την διαδικασία λήψης & εγκατάστασης του PHP δίνουμε την εντολή

18 MySQL – σχεσιακή βάση δεδομένων Το πρόγραμμα τρέχει έναν εξυπηρετητή παρέχοντας πρόσβαση πολλών χρηστών σε ένα σύνολο βάσεων δεδομένων Για να τον εγκαταστήσουμε στον Server μας στην γραμμή εντολών του Server μας στο Terminal δίνουμε το σύνολο των εντολών: Μας ζητάει κωδικό χρήστη και ξεκινάει την διαδικασία λήψης & εγκατάστασης του MySQL στο Server. phpMyAdmin – εργαλείο διαχείρισης της MySQL μέσα από την χρήση του περιηγητή μας Μπορεί και εκτελεί τις διάφορες εργασίες όπως Δημιουργία, Επεξεργασία, Διαγραφή πινάκων κ.α Για την διαδικασία λήψης & εγκατάστασης του phpMyAdmin δίνουμε την εντολή Εγκατάσταση Επιπλέον πακέτων β΄ $ sudo apt-get install mysql-server mysql-common mysql-client $ sudo apt-get install php5-mysql $ sudo /etc/init.d/apache2 restart $ sudo apt-get install libdbd-mysql-perl Μας ζητάει κωδικό χρήστη και ξεκινάει την διαδικασία λήψης & εγκατάστασης του phpMyAdmin στο Server. $ sudo apt-get install phpmyadmin

19 Πρόγραμμα ανοιχτού λογισμικού SFTP, SCP, και FTP εξυπηρετητή Κύρια ιδιότητά του ασφαλή μεταφορά αρχείων μεταξύ τοπικού υπολογιστή και υπολογιστή σε απομακρυσμένη σύνδεση Βασίζεται στο SSH πρωτόκολλο για PuTTY και FTP πρωτόκολλο για FileZila Καρτέλα Log in Host name: βάζουμε την IP του απομακρυσμένου υπολογιστή User name: το όνομα απομακρυσμένου χρήστη Password: το κωδικό του > Login

20 Βήματα της παρουσίασης Αναλυτικά για το κάθε βήμα στη συνέχεια 1 Διαδυκτιακή πύλη Αρχιτεκτονικής & πύλη γενικής υποδομής 2 Εικονικός δίσκος & Video Streaming Server 3 Online Streaming

21 3 Online Ζωντανή μετάδοση βίντεο Ζωντανή κάλυψη γεγονότων και προβολή σε πραγματικό χρόνο

22 Windows Media Encoder Encoding Κωδικοποίηση Σχεδιάγραμμα ροής Online Streaming – Ζωντανής μετάδοσης

23 Μπορεί να είναι ένα κύκλωμα, μια συσκευή, ένα πρόγραμμα λογισμικού ακόμα και το ίδιο το πρόσωπο που μετατρέπει της πληροφορίες: Τα πρότυπα που αφορούν στην ζωντανή μετάδοση είναι VC-1 και H.264 ευκρίνεια, συμπίεση & διανομή σε υψηλή ποιότητα. Encoding κωδικοποίηση

24 » Οι υπηρεσίες Ζωντανής μετάδοσης επιτρέπουν την μετάδοση εικόνας & ήχου σε πραγματικό χρόνο την ώρα που αυτά παράγονται » Τα δεδομένα που καταγράφονται εισάγονται στον υπολογιστή και με την σειρά του τα συμπιέζει με την βοήθεια ειδικού λογισμικού* και τα αποστέλλει στους κατάλληλους εξυπηρετητές (servers). » Πλεονεκτήματα, άμεση παράδοση της πληροφορίας, απήχηση σε μεγάλο κοινό χωρίς έξοδα καθώς και απασχόληση του κοινού με ζωντανή μετάδοση ήχου & εικόνας BROADCAST IT * Το ειδικό λογισμικό που εμείς χρησιμοποιήσαμε είναι το Windows Media Encoder

25 Επιλέγουμε το γεγονός (βίντεο & ήχο) Κάνουμε εγκατάσταση το πρόγραμμα στον υπολογιστή που θα λάβουμε δεδομένα Windows Media Encoder Καθορίζουμε τις εισόδους Έξοδος και αποστολή των δεδομένων στο Server Εκκίνηση του Encoder ροή δεδομένων

26 ? Έχει σημασία επίσης… τρόποι βελτίωσης & επέκτασης της πτυχιακής αυτής ??? Προβλήματα που δημιουργήθηκαν

27 Προβλήματα κατά την υλοποίηση o ψηφιοποίηση περισσότερων μαθημάτων o προσθήκη περισσότερου υλικού για κάθε μάθημα πέρα των βίντεο o συχνή χρήση online stream για περισσότερα μαθήματα o παράδειγμα προς άλλα τμήματα του Τ.Ε.Ι. Προτάσεις πρώτη φορά σε επαφή με διαφορετικά λειτουργικά και λογισμικά προβλήματα συμβατότητας μεταξύ τους προβλήματα με κώδικα σε διάφορα σημεία που προστέθηκε μεγάλο χρονικό διάστημα έρευνας των απαραίτητων λογισμικών που χρειάστηκαν και πώς να χρησιμοποιηθούν

28 σας ευχαριστούμε τέλος