GRAPTH ERGASIA
3
θεωρητικό μέρος
NTOBA BEATRIKH
RO DO S2 016
61 P T G P EA
TEKMHRIVSH // Ο σχεδιαστής γραφικών (graphic designer) σχεδιάζει τις οθόνες και τον τρόπο αλληλεπίδρασης, συνεργάζεται στενά με τον ειδικό ευχρηστίας (user interface designer) και με όσους συνεισφέρουν στο οπτικό περιεχόμενο της εφαρμογής. Ο συγγραφέας περιεχομένου (writer, editor) ασχολείται με την παραγωγή κειμένων και εγγράφων με βάση τον σχεδιασμό. Ο τεχνικός πολυμέσων (audio & video specialist) καταγράφει, βελτιώνει, επεξεργάζεται και μετατρέπει αρχεία πολυμέσων. Ο προγραμματιστής υλοποιεί την εμφάνιση και τη δομή περιεχομένου που παράγουν οι προηγούμενες ειδικότητες. Ο ειδικός ευχρηστίας συμμετέχει σε όλες τις φάσεις ανάπτυξης της εφαρμογής και φροντίζει ώστε να είναι εύχρηστη, σαφής και αποτελεσματική. Απασχολείται και στην αξιολόγησή της, μετά την ολοκλήρωση. Η δουλειά του δεν είναι συγκεντρωμένη σε μία φάση της ανάπτυξης και δεν αρχίζει και τελειώνει σε φάσεις αλλά έχει ρόλο καθ’ όλη τη διάρκεια του πρότζεκτ και συνεργάζεται με όλους.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
team roles
1E.
ειδικός ευχρηστίας
Γ. Παπακωνσταντίνου, Πληροφορική - Πολυμέσα: Παραγωγή και Σχεδιασμός Πολυμέσων, ΕΑΠ, Πάτρα 2003 http://novella.mhhe.com/sites/0078685508/student_view0/unit4/chapter11/powerpoint__presentations.html https://quizlet.com/13481246/flashcards
layout
2A. σωστό
Γ. Παπακωνσταντίνου, Πληροφορική - Πολυμέσα: Παραγωγή και Σχεδιασμός Πολυμέσων, ΕΑΠ, Πάτρα 2003
TEKMHRIVSH // Κατά τον σχεδιασμό των οθονών ολόκληρη η ομάδα σχεδιασμού συνεργάζεται ώστε να επιτευχθεί το καλύτερο δυνατό αποτέλεσμα, με εξισορρόπηση αισθητικής και λειτουργικότητας. Το είδος και το πλήθος των οθονών εξαρτάται από το είδος της εφαρμογής (παιχνίδι, εγκυκλοπαίδεια κτλ. ). Στην πλειοψηφία των πολυμεσικών εφαρμογών συναντάμε κάποιες τυπικές οθόνες (εισαγωγής, περιεχομένων, πλοήγησης κ.ά.). Ο σχεδιασμός τους ξεκινά παράλληλα με την ανάπτυξη περιεχομένου καθώς βρίσκονται σε απόλυτη εξάρτηση. Για λόγους οικονομίας έχουν αναπτυχθεί πλατφόρμες και πρότυπα ανάπτυξης εφαρμογών με πολύ μεγάλη τυποποίηση βάσει κατηγορίας εφαρμογής ως προς το περιεχόμενο. Για παράδειγμα μια ενημερωτική ιστοσελίδα δεν μπορεί να βασιστεί σε πρότυπο ίδιο με αυτό που σχεδιάστηκε για portfolio, καθώς έχουν διαφορά ως προς την αναλογία κειμένων/εικόνων. Παρόλα αυτά η χρήση προτύπων δεν είναι ιδανική λύση για να αναδείξει με μοναδικό και κατάλληλο τρόπο μια πρωτότυπη εφαρμογή. Οι εφαρμογές ποικίλουν ως προς το είδος και την αναλογία των μέσων που θα προβάλλουν (περιεχόμενο) οπότε απαιτούν και τη χρήση διαφορετικών δομικών στοιχείων στις οθόνες τους.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
TEKMHRIVSH // Το beta testing ακολουθεί το alpha testing (το οποίο είναι πιο εσωστρεφές και εφαρμόζεται σε πιο πρώιμο στάδιο της εφαρμογής) και είναι γνωστό ως δοκιμή προδημοσίευσης (pre-release). Η εφαρμογή διανέμεται σε ένα ευρύ κοινό ώστε να λειτουργήσει στον πραγματικό κόσμο, αλλά και για να διαμορφωθεί η τελική της έκδοση. Οι χρήστες (beta-testers) στη διαδικασία αυτή δοκιμάζουν τα εξής: Εγκατάσταση, τρέξιμο εφαρμογής, τυπογραφικά λάθη, σημεία που προκαλούν σύγχυση, αιφνίδιες διακοπές. Για όλα αυτά παρέχουν ανατροφοδότηση στην ομάδα ανάπτυξης της εφαρμογής, ώστε να διορθώσει τις όποιες αστοχίες. Εκσφαλμάτωση είναι ο εντοπισμός και η επίλυση των σφαλμάτων, από την ομάδα προγραμματισμού, που εντοπίζονται στο testing μετά την αναφορά των δοκιμών. Ένα καλό τεστ είναι αυτό που βρίσκει bugs (σφάλματα-αστοχίες). Η εκσφαλμάτωση (debugging) όμως, ως όρος, είναι συνδεδεμένος περισσότερο με προγραμματιστική εργασία και τείνει να διαχωρίζεται από τον όρο testing. Η αξιολόγηση εφαρμόζεται σε μετά-δοκιμών φάση, σε ολοκληρωμένες εφαρμογές.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
beta testing
3a.
εκσφαλμάτωση
http://actoolkit.unprme.org/wp-content/resourcepdf/software_testing.pdf http://www2.sas.com/proceedings/sugi30/141-30.pdf https://en.wikipedia.org/wiki/Software_testing
hypermedia
4
l b. .
World Wide Web & Flash
http://aetos.it.teithe.gr/~cs1msa/hypermedia_systems.htm http://faculty.washington.edu/farkas/dfpubs/Farkas-Hypertext%20And%20Hypermedia.pdf http://www.diego.today/#!a-space-of-time/cpji http://www2.hawaii.edu/~peterleo/Electronic_Portfolio/final_proj/index.htm
TEKMHRIVSH // Υπερμεσικά συστήματα είναι μια κατηγορία πληροφοριακών συστημάτων στα οποία χρησιμοποιούνται πολυμεσικοί κόμβοι (nodes) συνδεδεμένοι μεταξύ τους με links. Το ίδιο το σύστημα είναι αυτό που ορίζει τους κόμβους και τον τρόπο μετάβασης από τον έναν στον άλλο. Μία σημαντική παράμετρος των υπερμεσικών συστημάτων είναι η δυνατότητα μη-γραμμικής πλοήγησης, δίνοντας ελευθερία στον χρήστη να επιλέξει πώς θα μετακινηθεί στους κόμβους και πότε. Το World Wide Web είναι ένα υπερμεσικό σύστημα το οποίο αναπτύχθηκε ως δεξαμενή ανθρώπινης γνώσης, η οποία επιτρέπει σε χρήστες από απομακρυσμένες περιοχές να μοιραστούν τις ιδέες τους. To internet, είναι το παγκόσμιο δίκτυο διασυνδεδεμένων υπολογιστών μέσω του πρωτόκολλου TCP/IP. Εκτός του World Wide Web υποστηρίζει και άλλες δικτυακές λειτουργίες (μη υπερμεσικές), όπως διαμοιρασμό αρχείων, τηλεφωνία, ηλεκτρονικό ταχυδρομείο κ.ά. Υπερμεσικές είναι και οι εφαρμογές που δημιουργεί το Flash, είτε ιστοσελίδες, είτε μη-διαδικτυακές εφαρμογές. To QTVR είναι ένας τύπος αρχείου της Apple που επιτρέπει την προβολή πανοραμικών εικόνων, για την περιήγηση σε έναν χώρο (Panoramic Movies), ή την περιήγηση σε τρισδιάστατα αντικείμενα από όλες τις οπτικές τους (Object Movies). Τα αρχεία αυτά μπορούν να αποτελέσουν κόμβους σε κάποιο υπερμεσικό σύστημα εικονικής πραγματικότητας. ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
TEKMHRIVSH // Το συγκεκριμένο εφέ γεμίσματος της έλλειψης είναι το radial gradient. Για να οριστεί πρέπει να προσδιοριστούν το κέντρο και η ακτίνα του εξωτερικού κύκλου (3 παράμετροι), και το κέντρο του εσωτερικού (άλλες δύο παράμετροι). Χρειάζεται επίσης τουλάχιστον 2 χρώματα, και για το καθένα από αυτά που αρχίζει και τελειώνει. Στο σήμα που δίνεται δεν είναι σαφές αν υπάρχει ή όχι διαφάνεια, το οποίο ρυθμίζεται με πρόσθετη παράμετρο. Αν υποθέσουμε ότι ζητούνται οι παράμετροι ενός κυκλικού ντεγκραντέ δίχρωμου, λευκό και μπλε, τότε οι παράμετροι είναι περισσότερες από 6. Το σχήμα της έλλειψης δεν υπολογίζεται στις παραμέτρους καθώς κάθε εφέ radial gradient μπορεί να εφαρμοστεί σε οποιοδήποτε σχήμα. Στο σχήμα φαίνονται 4 παραδείγματα παραμετροποίησης του εφέ (το gradient4 με 3 χρώματα) και εφαρμογή τους σε τετράγωνο και έλλειψη. Το δοσμένο σχήμα πλησιάζει περισσότερο στα gradient 2 όμως χρησιμοποιεί διαφάνεια. Ορίζει 4 παραμέτρους, συμπεριλαμβανομένων και των χρωμάτων, καθώς τα κέντρα των κύκλων ορίζονται by default στο κέντρο του εκάστοτε σχήματος. Όμως ο αριθμός των παραμέτρων που μπορούν να ρυθμιστούν γενινκά στο εφέ radial gradient του svg είναι μεγαλύτερος από 6. ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
svg radialGradient
5
l .
>6
http://www.w3schools.com/svg/svg_grad_radial.asp
photo gram metry
6b. λάθος
https://en.wikipedia.org/wiki/Comparison_of_photogrammetry_software http://www.photogrammetry.com/ http://www.3dflow.net/3df-zephyr-pro-3d-models-from-photos/ http://memento.autodesk.com/about http://www.tgi3d.com/
Application 123D Catch 3D pup-up[dead link] 3D VIA 3DF Zephyr 3dsom 4e Software Ames Stereo Pipeline APS ARC3D Australis Cognitech AutoMeasure Correlator3D Datugram3D DroneMapper ELCOVISION 10 EnsoMOSAIC Enwaii Hypr3D (Cubify Capture) ImageModeler INPHO iWitness / iWitnessPRO Linearis3D Photogrammetry Match Photo Mementify memento metigo 3D metigo MAP Micmac My3DScanner PC-Rect PHOTOMOD PhotoModeler PhotoModeler Scanner PhotoModeler Motion PhotoScan PhotoScan PhotoSculpt PhotoSketch Photosynth PHOV Pix4Dmapper Discovery Pix4Dmapper Pro Pixdim Python Photogrammetry Toolbox RealityCapture ReCap RhinoPhoto Scannerkiller CONTEXTCAPTURE StereoScan Metrology Engine Trimble Business Center UASMaster uSMART VI3DIM VideoTrace VisualSFM WebDLT Yodel
Data source Images Image Images Images, Video Images, Laser-Scans Images Images Images Images Images Images, panoramic images Images Images Aerial Images Images Images Images, Video, Lidar Images, Video Images Images Images, Video Images, Video Images Images Images Images, laser scans Images Images Images Images Images Images Images Images Images Images Images Images Images Images Images Images Images Images Images, Laser-Scans Images, Laser-Scans Images Images Images, Video Images Images Images Images Images Video Images, Video Images Images Images
TEKMHRIVSH // Με τη βοήθεια της φωτογραμμετρίας υπολογίζουμε διαστάσεις αντικειμένων από δισδιάστατη είσοδο, πχ. φωτογραφία. Παράγει ως έξοδο συνήθως χάρτη, σχέδιο ή τρισδιάστατο μοντέλο ενός πραγματικού αντικειμένου ή χώρου-τοπίου. Πολλοί από τους χάρτες που χρησιμοποιούμε είναι προϊόντα φωτογραμμετρίας από αεροφωτογραφίες. Η μέθοδος πρωτοχρησιμοποιήθηκε στα μέσα του 19ου αιώνα ως μέθοδος χαρτογράφισης, επεκτάθηκε ως στρατιωτική μέθοδος και παράλληλα με την τεχνολογική της εξέλιξη βρίσκει σήμερα εφαρμογή σε πολλές επιστήμες και τεχνικές (τοπογραφία, αρχιτεκτονική, τομέας κατασκευών, ποιοτικός έλεγχος, αστυνομία, γεωλογία, αρχαιολογία, μετεωρολογία κ.ά.) Η είσοδος μπορεί να λαμβάνεται από μακρινή ή κοντινή απόσταση. Τα δεδομένα εκτός από τις δύο διαστάσεις (φωτογραφία) μπορούν να εμπλουτίζονται με δεδομένα εμβέλειας το οποία προκύπτουν από συνδυασμό τεχνικών όπως LiDAR και laser scanners, δίνοντας ήδη πληροφορία για την τρίτη διάσταση. Η είσοδος μπορεί επίσης να προέρχεται από βίντεο ή κάμερα. Οι διαφορετικές είσοδοι που μπορεί να δέχεται ένα λογισμικό φωτογραμμετρίας φαίνεται στον πίνακα της wikipedia με τίτλο “Comparison of photogrammetry software“
TEKMHRIVSH // Με το shape tweening του Flash, σχεδιάζουμε ένα vector σχήμα σε ένα frame και αλλάζουμε το σχήμα ή σχεδιάζουμε κάποιο άλλο σε άλλο frame. Το πρόγραμμα παρεμβάλει όλα τα ενδιάμεσα σχήματα στα μεσοδιαστήματα, παράγοντας τη μεταμόρφωση του σχήματος από το αρχικό στο τελικό. Χρησιμοποιείται και για μεταβολή θέσης ή χρώματος, όμως το πλεονέκτημά του είναι το morphing. Το animateTransform στο svg με τα διαφορετικά types (translate, scale, rotate, & skew (x ή y)) υλοποιεί μεταβολή θέσης, μεταβολή μεγέθους, περιστροφή και παραμόρφωση στους δύο άξονες. Το animateMotion χρησιμοποιείται για να κινηθεί ένα σχήμα (circle, polygon, rect κτλ.) πάνω σε ένα καθορισμένο path (διαδρομή, μονοπάτι), ορίζοντας εκτός από το path, τη διάρκεια της μίας μετάβασης και το πλήθος των επαναλήψεων (ή indefinite). Οπότε τα δύο παραπάνω στοιχεία svg δεν μπορούν να χρησιμοποιηθούν για μεταμόρφωση από σχήμα σε σχήμα. Αν και το Transform υλοποιεί περίπτωση του ShapeTweening, την αλλαγή θέσης. Το animate επιτρέπει τη μεταβολή χαρακτηριστικών και ιδιοτήτων ενός σχήματος svg σε ορισμένο χρονικό διάστημα, γεγονός που επιτρέπει τη σταδιακή μεταμόρφωση σχημάτων από το ένα στο άλλο. Παρατίθεται κώδικας svg που μεταμορφώνει ένα αστέρι σε ένα checkmark και αντίστροφα, με το click.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
svg tweening
7b. Ď&#x201E;Îż <animate>
http://webdesign.tutsplus.com/tutorials/how-to-use-animatetransform-for-inline-svg-animation--cms-22296 https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion https://css-tricks.com/guide-svg-animations-smil/ http://codepen.io/chriscoyier/pen/DpFfE http://help.adobe.com/en_US/flash/cs/using/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html
xampp
8A.
εξυπηρετητής παγκόσμιου ιστού
https://blog.udemy.com/xampp-tutorial/ https://www.apachefriends.org/index.html
TEKMHRIVSH // To XAMPP είναι μία απλή και ελαφριά έκδοση Apache η οποία διευκολύνει τους δημιουργούς ιστοσελίδων να στήσουν έναν τοπικό εξυπηρετητή παγκοσμίου ιστού για δοκιμαστικούς σκοπούς. Είναι ένα εργαλείο που προσομοιώνει έναν webserver τοπικά στον υπολογιστή μας. Ανοίγοντας κάποια ports στο router μας λειτουργεί ως webserver. Περιλαμβάνει ότι χρειάζεται ένας webserver, δηλαδή εφαρμογή εξυπηρετητή, βάση δεδομένων και γλώσσα scripting. Είναι σχεδιασμένο στα πλαίσια του project Apache Friends, για Linux, Mac & Windows (cross-platform) και είναι επίσης δωρεάν και ανοιχτού κώδικα. Το όνομά του προκύπτει από τα αρχικά Cross-Platform (X), Apache (A), MySQL (M), PHP (P) και Perl (P). Είναι εξαιρετικά εύκολο στην εγκατάσταση και στη χρήση.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
TEKMHRIVSH // Το γάντι αλληλεπίδρασης ανιχνεύει την σύνθετη κίνηση του χεριού ώστε να αναγνωστεί και να ερμηνευτεί η πρόθεση του φορέα του. Συγκεκριμένα αναγνωρίζεται η κίνηση των δακτύλων και του καρπού. Για το σκοπό αυτό χρησιμοποιεί ευμετάβλητους αισθητήρες, σε πλήθος που ποικίλει από μοντέλο σε μοντέλο. Ανάλογα με τον προγραμματισμό τους τα γάντια προσφέρουν διαφοροποιημένη απτική αίσθηση όπως δόνηση, πίεση, σφίξιμο κτλ.
ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016
data gloves
9a.
κίνηση δακτύλων και καρπού
http://www.cyberglovesystems.com/cybertouch2/ http://www.metamotion.com/hardware/motion-capture-hardware-gloves-Cybergloves.htm
creative commons
10A. σωστό
https://creativecommons.org
TEKMHRIVSH // Creative Commons είναι η ονομασία του μη κερδοσκοπικού οργανισμού που επιτρέπει τον διαμοιρασμό και τη χρήση δημιουργικότητας και γνώσης μέσω δωρεάν και νόμιμων διαδικασιών. Οι άδειες πνευματικών δικαιωμάτων των Creative Commons και τα εργαλεία τους, διευρύνουν τη διαχείριση των δικαιωμάτων πέρα από τη “διατήρηση πλήρους δικαιώματος” της παραδοσιακής νομοθεσίας. Μπορούν να χορηγούνται άδειες επί των δικαιωμάτων πνευματικής ιδιοκτησίας, διαφορετικών τύπων (αντιγραφής, διανομής, τροποποίησης κτλ.) με έναν απλό και τυποποιημένο τρόπο, από μεμονωμένους δημιουργούς μέχρι μεγάλες εταιρίες. Δηλαδή μπορεί ο δημιουργός να επιλέξει ποια δικαιώματα θα διαφυλάξει και ποια θα παραχωρήσει, χωρίς να χρειάζεται να έχει νομικές γνώσεις. Τα εργαλεία του οργανισμού και οι χρήστες τους δημιούργησαν ως τώρα ένα πλήθος ψηφιακών δικαιωμάτων συνεχώς αυξανόμενο, μια τράπεζα περιεχομένου που μπορεί να αντιγραφεί, διανεμηθεί, επεξεργαστεί, αναμειχθεί και επαναδομηθεί, μέσα στα πλαίσια του νόμου. ντοβα βεατρικη / std087620@ac.eap.gr / γραπτη εργασια 3 [θεωρητικο μερος] / γτπ61 / ροδος 2016