|
|
- Ἰεφθάε Δημητρίου
- 5 χρόνια πριν
- Προβολές:
Transcript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 Κατασκευή διαδραστικού και επαυξημένου φυσικού βιβλίου για την Τριτοβάθμια εκπαίδευση 1: Marker on Top 2: Marker on face 3: Without marker Εικόνα 15: 3D Pop-Up Book επιλογές: 1. Μπροστά στο αναγνωριστικό, κρατώντας το αναγνωριστικό μπροστά στην κάμερα (εικόνα 151) 2. Πάνω στο αναγνωριστικό, προσαρμόζοντας την κάμερα (εικόνα 152) 3. Πάντα στην οθόνη, χωρίς καμία αναωγνώριση οποιουδήποτε αναγνωριστικού (εικόνα 153) Το Wuxia the Fox, ήταν μια πετυχημένη πρσοπάθεια στο Kickstarter [9] που πρόσφερε περισσότερα χαρακτηριστικά από αυτά της Dawn Publications που είδαμε προηγουμένως. Πλέον η εφαρμογή που τρέχει σε ipad αντιδρά και προσαρμόζεται στην συμπεριφορά του χρήστη. Έτσι για παράδειγμα διαφορετικά ηχητικά εφέ θα ακουστούν ανάλογα με τον ρυθμό και τόνο της φωνής του αναγνώστη που διαβάζει δυνατά το βιβλίο. Με την βοήθεια φορετού εξοπλισμού, και συγκεκριμένα μιας μάσκας, είναι δυνατή η εμφάνιση επιπλέον οπτικουακουστικών στοιχείων. Σκοπός του δημιουργού ήταν η δημιουργία ενός υβριδικού βιβλίου που θα βοηθήσει γονείς και παιδιά να βιώσουν διαδραστικές ιστορίες (σχήμα 161). Επίσης στο Kickstarter παρουσιάστηκε το 2014 η προσπάθεια ενός Αυστραλού σχεδιαστή με θέμα ένα επαυξημένο κόμικ, το Modern Polaxis [42]. Το θέμα του ήταν η ζωή ενός ταξιδιώτη και ο αναγώστης με χρήση ipone ή ipad μπορούσε να ζωντανέψει και να ξεκλειδώσει μυστικά της ιστορίας προβάλλοντας στην οθόνη τρισδιάστατες εικόνες και βίντεο. Η επαύξηση μπορούσε να γίνει και στο τυπωμένο βιβλίο αλλά και σε μορφή pdf (σχήμα 162). 1: Wuxia : AR Book 2: Modern Polaxis: AR Book Εικόνα 16: AR Books in Kickstarter Η SmartBound Technology [43] παρουσίασε το 2015 ένα παιδικό διαδραστικό βιβλίο που δεν απαιτούσε κάποια επιπλέον εφαρμογή ή εξωτερική τεχνολογία για να ενεργοποιηθούν τα διαδραστικά του στοιχεία. Στο πίσω μέρος του βιβλίου υπάρχει κρυμμένη η μονάδα που τροφοδοτείται με ρεύμα από μπαταρία μακράς διάρκειας και Διπλωματική εργασία 12
24 Κατασκευή διαδραστικού και επαυξημένου φυσικού βιβλίου για την Τριτοβάθμια εκπαίδευση Εικόνα 17: SmourtBound Interactive Book είναι υπεύθυνη για την επαύξηση του (σχήμα 17). Πρόκειται ουσιαστικά για ένα βιβλίου ήχου για μικρά παιδιά. Τα παιδιά αγγίζουν πάνω από 150 διαφορετικά στοιχεία του βιβλίου και σαν αποτέλεσμα ακούν ποικίλους ήχους που σχετίζονται με τη μουσική, τα ζώα, τις πόλεις, τα γράμματα του αλφάβητου. Διαθέτει επίσης υποδοχή για ακουστικά καθώς και θύρα usb για επαναφόρτιση. Η Booke παρουσίασε μια εφαρμογή (για iphone και ipad) που όπως τονίζει η ίδια μετατρέπει το φυσικό χάρτινο βιβλίο σε ψηφιακό [23]. Απαραίτητη προϋπόθεση είναι να υπάρχει η αντίστοιχη έκδοση του φυσικού βιβλίου σε ψηφιακό. Μέσω της εφαρμογής, ο χρήστης μπορεί στο φυσικό βιβλίο να προσθέσει σελίδοδείκτες, να επιλέξει κείμενο και να το μοιραστεί στα μέσα κοινωνικής δικτύωσης, να αναζητήσει λέξη ή λέξεις σε ολόκληρο το κείμενο ή σε απόσπασμα αυτού, να δει σχόλια άλλων αναγνωστών για το βιβλίο, καθώς και του ίδιου του συγγραφέα στα μέσα κοινωνικής δικτύωσης. Η εφαρμογή είναι δωρεάν και ολοένα και περισσότεροι εκδότες ενδιαφέρονται να προσθέσουν τα βιβλία τους στην ψηφιακή πλατφόρμα, που ήδη διαθέτει πάνω από 500 τίτλους βιβλίων. Πρόκειται για μια εφαρμογή όπου η φυσική και η ψηφιακή μορφή του βιβλίου συνυπάρχουν ταυτόχρονα. Δεν απαιτείται καμία σάρωση ή μετατροπή των σελίδων εκτύπωσης. Όπως αναφέρουν οι δημιουργοί της, η Booke δείχνει πως η κοινωνική διάσταση δεν περιορίζεται μόνο στα ηλεκτρονικά βιβλία, αλλά μπορεί να υπάρξει τέλεια και στα φυσικά χάρτινα βιβλία. Στον πίνακα 2.1 βλέπουμε για τις συνολικές προσπάθεις διαδραστικών βιβλίων που αναλύσαμε παραπάνω, τον βασικό τρόπο λειτουργίας τους, την προσθήκη ή όχι υλικού στο φυσικό βιβλίο, καθώς και τους περιορισμούς - μειονεκτήματά τους. Πολλές από αυτές έκαναν μεγάλες παρεμβάσεις στο φυσικό βιβλίο, με την ενσωμάτωση πρόσθετου υλικού (αισθητήρες, αγώγιμο μελάνι, ηλεκτρόδια κ.λ.π.), κάπιοες απαιτούσαν από τον αναγνώστη να φοράει ειδική συσκευή κατά την ανάγνωση (μάσκα, ειδικά γυαλιά κ.λ.π) ενώ άλλες απαιτούσαν την χρήση σταθερού ηλεκτρονικού υπολογιστή ή βιντεοπροβολικού μηχανήματος. Ακόμα και αυτές που διατήρησαν την φυσικότητα του βιβλίου και έκαναν χρήση κινητού τηλεφώνου, είχαν το μειονέκτημα η εφαρμογή που εκτελείται σε αυτό να έχει σταθερό και αμετάβλητο περιεχόμενο. Η δική μας προσπάθεια, με το PiBook System όπως θα δούμε παρακάτω, σκποεύει στην δημιουργία ενός απολύτως φυσικού βιβλίου, που θα περιορίζει (ή εξαλείφει) τους προαναφερθέντες περιορισμούς. θα διατηρεί το φυσικό βιβλίο, δεν θα απαιτεί προσθήκη υλικού και η εφαρμογή που θα τρέχει στο κινητό θα μπορεί δυναμικά να αλλάζει την πληροφορία που θα δείχνει στον αναγνώστη. Διπλωματική εργασία 13
25
26
27
28
29
30
31
32
33
34
35
36
37 Electric Book options Create a print PDF 2 Create a screen PDF 3 Run as a website 4 Create an epub 5 Create an app 6 Export to Word 7 Convert source images to output formats 8 Refresh search index 9 Install or update dependencies x Exit Enter a number and hit enter.
38 #!/bin/bash pandoc chapter1. md -f markdown -t latex -o chapter1. tex pandoc chapter2. md -f markdown -t latex -o chapter2. tex pandoc chapter2. md -f markdown -t latex -o chapter2. tex... pandoc chaptern. md -f markdown -t latex -o chaptern. tex \ documentclass [12pt, a4paper]{ book} \ begin{ document} \include{chapter1} \include{chapter2}... \include{chaptern} \end{document}
39
40 @page { margin: 3cm 2cm; padding - left: center { content: " Pi Book Example"; width: 100%; vertical - align: bottom; border - bottom:.5pt solid; margin - bottom:.7cm; - right { font -size: 200%; text - align: center; vertical - align: middle; content: "("counter(page)")"; margin: 10pt } } html, body { font: 12pt/1.25 Fontin, serif! important; -weasy - hyphens: auto hyphens: auto; } body { text - align: justify; padding: 0! important; background: none! important; } hr. navbar { display: none } h1 { page - break - before: auto! important; -weasy - bookmark - level: none; bookmark - level: none; margin - top: 0! important; } h1, h2, h3, h4 { font - family: inherit! important }
41
42
43
44
45 Κατασκευή διαδραστικού και επαυξημένου φυσικού βιβλίου για την Τριτοβάθμια εκπαίδευση 1: Πρώτη δοκιμή 2: Δεύτερη δοκιμή 3: Τρίτη δοκιμή Εικόνα 29: Δοκιμές με την μπροστινή κάμερα Εικόνα 30: Προσανατολισμός σελίδας της βιβλιοθήκης Abbyy Αφού πετύχαμε να έχουμε αναγνώριση σελίδας με χρήση της μπροστά κάμερας του κινητού, το επόμενο βήμα ήταν δημιουργήσουμε το έντυπο βιβλίο μας. Από τον πίνακα 4.2 συμπεραίνουμε πως η δική μας προσπάθεια για την αναγνώριση της σελίδας, δεν απαιτεί καμία προσθήκη υλικού στο ίδιο το βιβλίο (ετικέτες, μηχανισμούς κ.λ.π). Το κινητό τηλέφωνο αποτελεί ταυτόδιπλωματική εργασία 34
46 Κατασκευή διαδραστικού και επαυξημένου φυσικού βιβλίου για την Τριτοβάθμια εκπαίδευση 1: Η εικόνα που παίρνουμε από τον καθρέφτη της Osmo 2: Η εικόνα μετά την αντιστροφή 3: Η εικόνα που τελικά στέλνουμε στην υπηρεσία Εικόνα 31: Αντιστροφή εικόνας για χρήση από την βιβλιοθήκη αναγνώρισης χρονα το μέσο αναγνώρισης της σελίδας αλλά και το μέσο προβολής της επιπρόσθετης πληροφορίας χωρίς να είναι αναγκαία η χρήση υπολογιστή ή βιντεοπροβολικού μηχανήματος. Τέλος, το κόστος είναι σχεδόν μηδαμινό, μιας και οι βιβλιοθήκες που κάνει χρήση είναι δωρεάν, και το μικρό καθρεφτάκι στοιχίζει μόλις 15 ευρώ με την δυνατότητα να χρησιμοποιηθεί σε όλα τα κινητά τηλέφωνα Σύνδεση της εφαρμογής PiBookApp με την ιστοσελίδα Έχοντας αναγνωρίσει μοναδικά την κάθε σελίδα του βιβλίου, μπορούμε να αξιοποιήσουμε την πληροφορία αυτή ώστε να ανάλογα να ενεργοποιούμε αντίστοιχα γεγονότα που θέλουμε να προβάλλουμε στον αναγνώστη για την σελίδα αυτή. Η βασική μας ιδέα όσον αφορά το τι θέλουμε να προβάλλουμε στον αναγνώστη του βιβλίου, ήταν η άντληση και προβολή στην οθόνη του κινητού, υλικού που είναι έτοιμο στο αποθετήριο sto github και αφορά την ιστοσελίδα του βιβλίου Ο Προγραμματισμός της Διάδρασης. Ο αναγνώστης ανοίγει το βιβλίο και καθώς διαβάζει, στις σελίδες που επιθυμεί ο συγγραφέας, εμφανίζεται επιπρόσθετο υλικό που υπάρχει μόνο στην ιστοσελίδα. Μια συλλογή από φωτογραφίες, ένα βίντεο από το youtube με μια παρουσίαση του συγγραφέα, ένα λεπτομερέστερο επεξηγηματικό παράδειγμα για την σελίδα που διαβάζει κλπ. Και μάλιστα όλα αυτά δυναμικά. Ο συγγραφέας αλλάζει τα παραδείγματα που επιθυμεί, προσθέτει ή αφαιρεί φωτογραφικό υλικό και αυτόματα το νέο υλικό παρουσιάζεται στον χρήστη χωρίς καμία αλλαγή στην υπάρχουσα εφαρμογή. Θα ήταν ιδανικό να μπορούσαμε να έχουμε όλη την πληροφορία που θέλουμε να δείξουμε στο κινητό σε αρχεία json (JavaScript Object Notation), που εστιάζουν περισσότερο στο περιεχόμενο και λίγότερο στην μορφοποίηση, είναι μικρότερα σε μέγεθος συγκριτικά με xml αρχεία και περισσότερο συμπαγή. Όπως αναφέρεται και στο άρθρο του Chris Anderson [5], τα json αρχεία είναι πλέον πολύτιμα για τις εφαρμογές κινητών τηλεφώνων, μιας και επιτρέπουν στους χρήστες να χρησιμοποιηούν διαφορετικές εκδόσεις της εφαρμογής αγνωόντας νέα πεδία που δεν χρησιμοποιούνται από παλαιότερες εκδόσεις. Πως λοιπόν από το διαθέσιμο υλικό στο αποθετήριο, μπορούμε να εξάγουμε την πληροφορία που θέλουμε σε json μορφή; Την λύση μας έδωσε η ίδια η μορφή που είναι γραμμένο το υλικό της ιστοσελίδας στο github. Το γεγονός πως ο συγγραφέας επέλεξε να κάνει χρήση της τεχνολογίας Jekyll, έδωσε απάντηση στο ερώτημα αυτό. Το Jekyll είναι ουσιαστικά ένα σύστημα διαχείρισης περιεχομένου (CMS Διπλωματική εργασία 35
47 { "images": [ {% for page in site. gallery %} { "image_url": "{{site.url}}{{ site.urlimg }}{{page.image_url}}", "image_thumb_url": "{{site.url}}{{ site.urlimg }}{{page.image_thumb_url}}",
48 "title": "{{page.title}}", "caption": "{{page.caption}}" } {% unless forloop.last %},{% endunless %} {% endfor %} ] }
49 @page { margin: 3cm 2cm; padding - left: center { content: " Pi Book Example"; width: 100%; vertical - align: bottom; border - bottom:.5pt solid; margin - bottom:.7cm; - right { font -size: 200%; text - align: center; vertical - align: middle; content: "("counter(page)")"; margin: 10pt } } html, body { font: 12pt/1.25 Fontin, serif! important; -weasy - hyphens: auto hyphens: auto; } body { text - align: justify; padding: 0! important; background: none! important; } hr. navbar { display: none } h1 { page - break - before: auto! important; -weasy - bookmark - level: none; bookmark - level: none; margin - top: 0! important; } h1, h2, h3, h4 { font - family: inherit! important }
50 { "bookpages":[ { "bookimage":"image1", "bookpage ":"(1)", " typeofcontent ":" webview. WebviewActivity", "content":"menu pie" },
51 { "bookimage":"image2", "bookpage ":"(3)", " typeofcontent ":" video. VideoPlayerActivity", "content":"orismosa" }, { "bookimage":"image3", "bookpage ":"(8)", " typeofcontent ":" galleryalternative. GalleryAlterActivity", "content ":"" } } ]
52
53
54 Κατασκευή διαδραστικού και επαυξημένου φυσικού βιβλίου για την Τριτοβάθμια εκπαίδευση Για την υλοποίησή του ακολουθήσαμε τα βήματα όπως φαίνονται στην εικόνα 34: 1: Δημιουργία χάρτινης βάσης, Βήμα 1 2: Δημιουργία χάρτινης βάσης, Βήμα 2 3: Δημιουργία χάρτινης βάσης, Βήμα 3 4: Δημιουργία χάρτινης βάσης, Βήμα 4 5: Δημιουργία χάρτινης βάσης, Κάτοψη 6: Δημιουργία χάρτινης βάσης, Πρόσοψη Εικόνα 34: Βήματα για την δημιουργία χάρτινης βάσης για το κινητό Διπλωματική εργασία 43
55
56
57
58
59 - right {... content: "("counter(page)")";... }
60 source " rubygems. org" gem " github - pages", group: : jekyll_plugins { } "images": [ {% for page in site. gallery %} { "image_url": "{{site.url}}{{ site.urlimg }}{{page.image_url}}", " image_thumb_url": "{{ site. url}}{{ site. urlimg }}{{ page. image_thumb_url} "title": "{{page.title}}", "bookpage": "{{page.bookpage}}", "caption": "{{page.caption}}" }{% unless forloop.last %},{% endunless %} {% endfor %} ] { } ] "remixes": [ {% for page in site. remix %} { "title": "{{ page.title }}", "codepen": "{{ page.codepen }}", "description": "{{page.description}}", "bookpage": "{{page.bookpage}}", "remix_url": "{{page.remix_url}}" }{% unless forloop.last %},{% endunless %} {% endfor %}
61 { } "screencasts ":[ { "type":"orismosa", " videourl":" H3ZAjgOi61w" }, { "type":"orismosb", " videourl":" bmjnao5rwq" }, { "type":"methodosa", "videourl":"km6aakkc -gm" }, { "type":"methodosb", " videourl ":"6 LI_SH9IE -0" }, { "type":"arhetypaa", " videourl":" gqn5hxri1u" }, { "type":"arhetypab", " videourl ":"6 TSBMZDO64" }, { "type":"ergaleiaa", "videourl":" _FnZVCQFxT4" } ] { "bookpages":[ { "bookimage":"image1", "bookpage ":"(1)", " typeofcontent ":" webview. WebviewActivity", "content":"menu pie" }, { "bookimage":"image2", "bookpage ":"(3)", " typeofcontent ":" video. VideoPlayerActivity", "content":"orismosa"
62 }, { "bookimage":"image3", "bookpage ":"(8)", " typeofcontent ":" galleryalternative. GalleryAlterActivity", "content ":"" } } ] --- layout: galleryapi permalink: "/ galleryapi. json" show_meta: false header: no layout: remixapi permalink: "/ remixapi. json" show_meta: false header: no layout: screencastsapi permalink: "/ screencastsapi. json" show_meta: false header: no --- { "remixes": [
63 { }, "title": "Audio player", "codepen": "OyJzZq", " description": " SoundCloud Mini player with css record animation", "bookpage": "27", "remix_url": " { }, "title": "Button", "codepen": "VvYoLm", "description": "Button Concept", "bookpage": "", "remix_url": " { }, "title": "Calculator", "codepen": "voqewj", " description": " Apple 's Calculator fork", "bookpage": "", "remix_url": " } ] { } "title": "Camera motion color", "codepen": "VvwXjv", " description": " Motion Detection with Javascript Canvas", "bookpage": "", "remix_url": " { "images": [ { }, { "image_url": "http :// :4000/ images/", " image_thumb_url": " http :// :4000/ images/", "title": "", "bookpage": "", "caption": "" " image_url": " http :// :4000/ images/ adaptive - menus. png", " image_thumb_url": " http :// :4000/ images/ adaptive - menus - thumb. png" "title": "adaptive -menus", "bookpage": "",
64 ." }, " caption": Ο",." } ] { } " image_url": " http :// :4000/ images/ android - emulator. png", " image_thumb_url": " http :// :4000/ images/ android - emulator - thumb. pn "title": "android -emulator", "bookpage": "", " caption": Ο" Android Emulator // Jekyll Urls public final static String LOCALHOST_SOURCE = " current_ip"; public final static String REPLACE_SOURCE = " current_ip"; public final static String REPLACE_TARGET = " local_ip"; ( same with the one we run j
65
66
67
68
<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραΣτοιχεία ορισμού θέσης (Positioning Elements)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #7 0 : Ορισμός θέσης σε διατάξεις (positioned layouts). Γαβαλάς Δαμιανός dgavalas@aegean.gr Στοιχεία ορισμού θέσης (Positioning Elements) Οι ιδιότητες τοποθέτησης των CSS
Διαβάστε περισσότεραCSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 3 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραΕργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΟδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word
Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών
Διαβάστε περισσότεραΗ εφαρμογή είναι βελτιστοποιημένη για όλες τις συσκευές ios και Android, με ios 9.x ή νεότερη έκδοση και Android 4.4 ή νεότερη έκδοση.
Οδηγίες βήμα προς βήμα για την εφαρμογή Με την εφαρμογή αυτή μπορείτε να χρησιμοποιήσετε ψηφιακά βιβλία (e-books) σε μορφή «Adobe Digital Editions epub» και «Adobe Digital Editions PDF», αρχεία ήχου (e-audios),
Διαβάστε περισσότεραΒασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Διαβάστε περισσότεραΠεριεχόμενα. Γαβαλάς Δαμιανός
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #5 η : Τυπογραφία στο web Γαβαλάς Δαμιανός dgavalas@aegean.gr Περιεχόμενα Κατανόηση αρχών σχεδιασμού με γραμματοσειρές Κατανόηση των μονάδων μέτρησης που χρησιμοποιούνται στα
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I Διαδικτυακή Εφαρμογή (1/2) Ως διαδικτυακή εφαρμογή μπορούμε
Διαβάστε περισσότεραΒασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Διαβάστε περισσότεραCSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ
CSS Εισαγωγή & Βασικές έννοιες Cascading Style Sheets Επικαλυπτόμενα φύλλα στυλ Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS
Διαβάστε περισσότεραΣεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)
Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων) Τι είναι το Wordpress: To Wordpress είναι ένα δωρεάν ανοικτού κώδικα (open source) λογισμικό (εφαρμογή), με το οποίο μπορεί κάποιος να δημιουργεί
Διαβάστε περισσότεραΗ ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας
Διαβάστε περισσότεραΠίνακες HTML. Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου
Πίνακες HTML Παναγιώτης Γαλάτης 1ο ΕΠΑΛ Ηρακλείου Τι είναι Πίνακας Ένας πίνακας στοιχείων αποτελείται από γραμμές και στήλες. Το σημείο τομής μιας γραμμής και μιας στήλης ονομάζεται κελί (cell( cell).
Διαβάστε περισσότεραΔημιουργώντας μια εφαρμογή ζωγραφικής. 2 η Εργασία
Δημιουργώντας μια εφαρμογή ζωγραφικής 2 η Εργασία Απαιτήσεις 1. Σύνδεση στο Διαδίκτυο (διότι οι εφαρμογές δημιουργούνται online) 2. Εγκατεστημένος ο Browser Google Chrome 3. Υπαρκτός λογαριασμός Gmail
Διαβάστε περισσότεραΗ γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Διαβάστε περισσότεραΗ Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα
Η Βίβλος των CSS - Μέρος 3 Το Box Model, τα Περιθώρια και τα Περιγράμματα Το Box Model Το box model στα CSS περιγράφει τα πλαίσια (boxes) που δημιουργούνται για τα στοιχεία (elements) της HTML. Το box
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
Διαβάστε περισσότεραΠοιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;
Τι είναι η HTML; Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ Κειμένου και βασίζεται στη γλώσσα SGML, Standard Generalized Markup Language, που είναι
Διαβάστε περισσότερα1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
Διαβάστε περισσότεραΥπερσυνδέσεις (hyperlinks)
Υπερσυνδέσεις (hyperlinks) Οι υπερσυνδέσεις αποτελούν το δυναμικό στοιχείο σε ένα έγγραφο html. Με τις υπερσυνδέσεις είναι δυνατή, εύκολη και γρήγορη η μετάβαση ή η παραπομπή από ένα αρχείο html (πηγή)
Διαβάστε περισσότεραΆδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons. Για εκπαιδευτικό υλικό, όπως εικόνες, που υπόκειται σε άδεια
JQUERY - AJAX Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος, Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται
Διαβάστε περισσότεραΠΡΟΣΟΧΗ: Οι απαντήσεις πολλαπλής επιλογής µόνο πάνω στο ΦΥΛΛΟ ΑΠΑΝΤΗΣΕΩΝ
ΤΕΙ Σερρών Σχολή Τεχνολογικών Εφαρμογών, Τμήμα Πληροφορικής και Επικοινωνιών Προγραμματιστικές Εφαρμογές στο Διαδίκτυο (Θ) Τελική Εξέταση Διδάσκων: Δ. Κοτζίνος Όνοµα: Α.Μ. : Εξάµηνο : Αίθουσα Έδωσα Project
Διαβάστε περισσότεραCSS Εργαστήριο 5. Θέση και διάταξη
Display - Επίδειξη CSS Εργαστήριο 5. Θέση και διάταξη Η ιδιότητα display καθορίζει πως και εάν ένα στοιχείο εμφανίζεται στην οθόνη. Τα περισσότερα στοιχεία, εξορισμού είναι είτε block είτε inline. Ένα
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Διαβάστε περισσότεραΔιαδραστικά Συστήματα Προβολής Conceptum
Διαδραστικά Συστήματα Προβολής Conceptum 1 Transparent LCD showcase Διάφανη LCD βιτρίνα Η LCD βιτρίνα είναι ένας πολύπλευρος και ελκυστικός τρόπος για να διαφημίσετε την επιχείρησή σας ή κάποιο προϊόν.
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότεραΔιαδραστικά Συστήματα Προβολής Conceptum
Διαδραστικά Συστήματα Προβολής Conceptum Interactive floor system - Διαδραστικό σύστημα δαπέδου Το διαδραστικό σύστημα προβολής δαπέδου είναι μια ολοκληρωμένη λύση με υλικό και λογισμικό, το οποίο μετατρέπει
Διαβάστε περισσότεραΑΛΛΗΛΕΠΙΔΡΑΣΗ ΑΝΘΡΩΠΟΥ - ΥΠΟΛΟΓΙΣΤΗ. Διδάσκων: Κωνσταντίνος Στεφανίδης
ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΕΠΙΣΤΗΜΗΣ ΥΠΟΛΟΓΙΣΤΩΝ ΜΑΘΗΜΑ ΕΠΙΛΟΓΗΣ ΗΥ-464 ΑΛΛΗΛΕΠΙΔΡΑΣΗ ΑΝΘΡΩΠΟΥ - ΥΠΟΛΟΓΙΣΤΗ Διδάσκων: Κωνσταντίνος Στεφανίδης Adobe XD is an all-in-one cross-platform
Διαβάστε περισσότεραΔΗ Μ Ι Ο ΥΡ Γ Ι Α 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 είναι ένας δικτυακός τόπος στον οποίο κάθε χρήστης έχει το δικαίωμα να δημιουργήσει
Διαβάστε περισσότεραο ιδανικοσ τροποσ να προβαλλετε τα εντυπα σασ online
ο ιδανικοσ τροποσ να προβαλλετε τα εντυπα σασ online O Με μοναδικός το iziread τρόπος μετατρέπουμε για να μετατρέψετε έντυπά πολυσέλιδα σας σε έντυπα ψηφιακές εκδόσεις δημιουργώντας μια ηλεκτρονική σε
Διαβάστε περισσότεραEισαγωγή στο λογισμικό QGis
Eισαγωγή στο λογισμικό QGis 3 η Εργαστηριακή άσκηση Οικολογίας της Βλάστησης - 2018 ανοιχτό λογισμικό: http://www.qgis.org/en/site/ Τι επιλέγουμε να εγκαταστήσουμε Αλλαγή γλώσσας στο QGis Ρυθμίσεις ->
Διαβάστε περισσότεραΠροαπαιτούμενες Ρυθμίσεις: Για την σωστή εκτύπωση των προσφορών απαιτούνται οι εξής ρυθμίσεις στο φυλλομετρητή (browser) που χρησιμοποιείτε:
Ελάχιστες Απαιτήσεις Εφαρμογής Η εφαρμογή για να λειτουργήσει σωστά απαιτεί τα εξής: Internet Explorer 6.0 ή νεότερο / Mozilla Firefox 1.5 ή νεότερο / Safari Οποιοδήποτε συνδυασμό υπολογιστή (PC/MAC/Linux/Unix)
Διαβάστε περισσότεραEurope Code Week 7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα
Europe Code Week 7-22 Οκτωβρίου 2017 7-22 October 2017 Μία γιορτή δημιουργίας με κώδικα @CodeWeekEU #codeeu codeeu Εισαγωγή στο Web Development CSS Λίγα λόγια... Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση
Διαβάστε περισσότεραΠΑΝΔΠΙΣΗΜΙΟ ΠΔΙΡΑΙΩ ΣΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗ ΓΙΟΙΚΗΗ & ΣΔΧΝΟΛΟΓΙΑ TOOLBOOK - ΕΙΣΑΓΩΓΗ ΠΡΟΑΡΜΟΓΗ: ΒΑΛΚΑΝΙΩΣΗ ΓΗΜ. ΔΚΠΑΙΓΔΤΣΙΚΟ ΠΔ19 1 TOOLBOOK ΜΑΘΗΜΑ 1
ΠΑΝΔΠΙΣΗΜΙΟ ΠΔΙΡΑΙΩ ΣΜΗΜΑ ΒΙΟΜΗΧΑΝΙΚΗ ΓΙΟΙΚΗΗ & ΣΔΧΝΟΛΟΓΙΑ TOOLBOOK - ΕΙΣΑΓΩΓΗ TOOLBOOK ΜΑΘΗΜΑ 1 ΔΚΠΑΙΓΔΤΣΙΚΟ ΠΔ19 1 Τι Είναι το ToolBook Το ToolBook είναι ένα πρόγραμμα συγγραφής εφαρμογών πολυμέσων που
Διαβάστε περισσότεραΔημιουργία λογαριασμού στο Google-Gmail (1/2)
ΔΗΜΙΟΥΡΓΙΑ BLOG Στις διαφάνειες περιγράφονται τα διαδοχικά βήματα για τη δημιουργία blog στον blogger, τη μια από τις δωρεάν υπηρεσίες σχετικού λογισμικού, καθώς και οι απαραίτητες ενέργειες για την ανάρτηση,
Διαβάστε περισσότεραAdvertising Options. Advertising Options
Advertising Options Οι τρόποι διαφημιστικής προβολής που προσφέρονται μέσω της ιστοσελίδας του www.skroutz.gr είναι οι εξής: Front Page Sponsorhip Category Skin Flash Banner Στην επιλογή Front Page Sponsorship
Διαβάστε περισσότεραΑνοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας
Ανοικτά Ψηφιακά Μαθήματα στο Πανεπιστήμιο Δυτικής Μακεδονίας Σύνδεσμος: http://opencourses.uowm.gr/ «Κεντρικό Μητρώο Ελληνικών Ανοικτών Μαθημάτων» Σύνδεσμος: http://ocw-project.gunet.gr Πίνακας περιεχομένων
Διαβάστε περισσότεραAPP INVENTOR ΟΔΗΓΟΣ 8 Οκτωβρίου 2018
Πώς φτιάχνω Εφαρμογές για Android με το App Inventor Έχετε μια ιδέα για μια mobile εφαρμογή, αλλά δεν ξέρετε πώς να την υλοποιήσετε; Το App Inventor είναι ένα χρήσιμο εργαλείο για κάθε αρχάριο προγραμματιστή
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων Εισαγωγή στα CSS (Cascading Style Sheets) Παρουσίαση 13 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Εισαγωγή Πλεονεκτήματα χρήσης των CSS Βασικοί
Διαβάστε περισσότεραΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ. Κειμενογράφος WORD
ΕΠΕΞΕΡΓΑΣΙΑ ΚΕΙΜΕΝΟΥ Κειμενογράφος WORD ΣΚΟΠΟΣ Η ανάπτυξη δεξιοτήτων επεξεργασίας κειμένου ΠΡΟΤΑΣΕΙΣ ΚΑΙ ΡΥΘΜΙΣΕΙΣ Άνω περιθώριο (top margin) : 2.49cm Κάτω περιθώριο (bottom margin) :5.99cm Αριστερό περιθώριο
Διαβάστε περισσότεραΕπαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML
Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο για το αρχείο Ορίζει το σώµα της background URL
Διαβάστε περισσότεραΠεριγραφή. Γράψτε χειρόγραφα πάνω στο ipad. Πάρτε το Ιατρείο σας μαζί σας. Άμεση πρόσβαση σε όλο το ιστορικό του ασθενή
ΓΙΑ ΟΔΟΝΤΙΑΤΡΟΥΣ Περιγραφή identist: Λογισμικό διαχείρισης ασθενών και οδοντιατρείου για χρήση από PC, LAPTOP, ipad & iphone. Το identist μαζί με το ipad της Apple σας επιτρέπει να έχετε όλα τα στοιχεία
Διαβάστε περισσότεραΓραπτή εξέταση. Γαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις
Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις Γαβαλάς Δαμιανός dgavalas@aegean.gr Γραπτή εξέταση H διάρκεια της εξέτασης θα είναι 2 ώρες και 15 Θα απαντήσετε σε
Διαβάστε περισσότεραΔιαδραστική τέχνη και υπολογιστική όραση. Θοδωρής Παπαθεοδώρου Ανωτάτη Σχολή Καλών Τεχνών info@artech.cc http://artech.cc
Διαδραστική τέχνη και υπολογιστική όραση Θοδωρής Παπαθεοδώρου Ανωτάτη Σχολή Καλών Τεχνών info@artech.cc http://artech.cc Προγραμματισμός + τέχνη?! Ιστορικά στενή σχέση του καλλιτέχνη με τα εργαλεία του
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Μορφοποίηση κειμένου Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης Το παρόν εκπαιδευτικό
Διαβάστε περισσότεραΟδηγίες για smartphone ή tablet με λογισμικό Android
Οδηγίες για smartphone ή tablet με λογισμικό Android Οδηγίες εγκατάστασης της εφαρμογής Gitden Reader για την ανάγνωση βιβλίων epub σε smartphone ή tablet Βήμα 1 ο : Εγκατάσταση της εφαρμογής ανάγνωσης
Διαβάστε περισσότεραΗ γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή.
Εισαγωγή στο CSS Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή. Πλεονεκτήματα CSS έναντι χρήσης μόνο HTML Μεγαλύτερη ευελιξία μορφοποιήσεων. Το CSS κατέστησε
Διαβάστε περισσότεραΆσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Διαβάστε περισσότεραΥπηρεσία Επισημείωσης Hypothesis. Εγχειρίδιο χρήσης
Υπηρεσία Επισημείωσης Hypothesis Εγχειρίδιο χρήσης Περιεχόμενα 1. Γενικές οδηγίες 3 2. Δημιουργία λογαριασμού 5 3. Ενεργοποίηση 5 4. Πληροφορίες για το αρχικό μενού 6 4.1 Επίπεδο δημοσίευσης επισημειώσεων
Διαβάστε περισσότεραΕτικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Διαβάστε περισσότερα«DIGITAL STORY TELLING» PROJECT
«DIGITAL STORY TELLING» PROJECT ΕΙΣΑΓΩΓΗ: Στα πλαίσια της εξοικείωσής μας με τα «πολυμέσα» θα ασχοληθούμε με το project «digital story telling». Το project αυτό θα μας μάθει πώς να «αφηγούμαστε» ψηφιακά
Διαβάστε περισσότεραΜουσεία της πόλης μας. Μία πολυμεσική, διαδραστική περιήγηση στη Θεσσαλονίκη, της Ιστορίας, των Τεχνών και του Πολιτισμού. ΤΑΞΗ Ε
Μουσεία της πόλης μας Μία πολυμεσική, διαδραστική περιήγηση στη Θεσσαλονίκη, της Ιστορίας, των Τεχνών και του Πολιτισμού. ΤΑΞΗ Ε ΣΧΕΔΙΟ ΕΡΓΑΣΙΑΣ Οι μαθητές της Ε τάξης στο πλαίσιο του project Μουσειακής
Διαβάστε περισσότεραΔιαδραστικός πίνακας. Ναλμπάντη Θεοδώρα Σχολική Σύμβουλος Πληροφορικής Θράκης
Διαδραστικός πίνακας Ναλμπάντη Θεοδώρα Σχολική Σύμβουλος Πληροφορικής Θράκης Ο διαδραστικός πίνακας έχει εισβάλει στην διδασκαλία των διαφόρων γνωστικών αντικειμένων και πολλά εκπαιδευτικά κέντρα το έχουν
Διαβάστε περισσότεραTEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)
TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί
Διαβάστε περισσότεραΕισαγωγή στα Μέσα Κοινωνικής Δικτύωσης
Εισαγωγή στα Μέσα Κοινωνικής Δικτύωσης YouTube Κουστουμπάρδη Ερατώ ΤΕΙ Ιονίων Νήσων Τμήμα Ψηφιακών Μέσων και Επικοινωνίας Τι είναι το YouTube Το YouTube είναι ένα Κοινωνικό Μέσο με βασικές λειτουργίες
Διαβάστε περισσότεραΓαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική
Διαβάστε περισσότεραΠεριγραφή. Γράψτε χειρόγραφα πάνω στο ipad. Πάρτε το γραφείο σας μαζί σας. Άμεση πρόσβαση σε όλες τις επαφές και πολιτικού σας φίλους
ΓΙΑ ΑΙΡΕΤΟΥΣ Περιγραφή We: Λογισμικό Διαχείρισης πολιτικού γραφείου για χρήση από PC, LAPTOP, ipad & iphone. Το We είναι μια εφαρμογή διαχείρισης πολιτικού γραφείου. Μέσω του We κάθε αιρετός αποκτά την
Διαβάστε περισσότεραΠώς εισάγουμε μια νέα έννοια χρησιμοποιώντας το εργαλείο Create
Inspiration 8 IE Β ήμα προς Βήμα Για μαθητές Έναρξη Προγράμματος Inspiration 1. Κάνουμε κλικ στο κουμπί Start, επιλέγουμε Programs και κάνουμε κλικ στο Inspiration 8 IE. 2. Στην αρχική οθόνη του προγράμματος
Διαβάστε περισσότεραΑντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης
Γρήγορη αναφορά Αντιγραφή Δημιουργία αντιγράφων Γρήγορη δημιουργία αντιγράφου 3 Στον πίνακα ελέγχου του εκτυπωτή πατήστε το κουμπί αντίγραφο 4 Εάν τοποθετήσατε το έγγραφο στη γυάλινη επιφάνεια σάρωσης
Διαβάστε περισσότεραΟδηγός Χρήσης Η-Βιβλίων Ebrary ΒΙΒΛΙΟΘΗΚΗ & ΚΕΝΤΡΟ ΠΛΗΡΟΦΟΡΗΣΗΣ ΠΑΝΕΠΙΣΤΗΜΙΟΥ ΛΕΥΚΩΣΙΑΣ
Οδηγός Χρήσης Μάιος, 2014 TABLE OF CONTENTS ΠΛΗΡΟΦΟΡΙΕΣ ΓΙΑ ΤΑ ΗΛΕΚΤΡΟΝΙΚΑ ΒΙΒΛΙΑ ΤΗΣ EBRARY... 3 1. ΑΠΑΙΤΗΣΕΙΣ ΣΥΣΤΗΜΑΤΟΣ... 3 ΕΓΚΑΤΑΣΤΑΣΗ ADOBE DIGITAL EDITIONS... 3 2. ΔΗΜΙΟΥΡΓΙΑ ΛΟΓΑΡΙΑΣΜΟΥ EBRARY...
Διαβάστε περισσότεραCTEC-153: ΥΠΟΛΟΓΙΣΤΙΚΑ ΦΥΛΛΑ
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Μορφοποίηση Αριθμών 2. Αλλαγή Μεγέθους Και Τύπου Γραμματοσειράς 3. Χρησιμοποίηση Πλάγιων, Έντονων, Υπογραμμισμένων Χαρακτήρων 4. Αλλαγή Χρώματος Γραμματοσειράς 5. Παράθυρο Διαλόγου
Διαβάστε περισσότερα1. Κλικ στην καρτέλα Insert 2. Tables 3. Κλικ Table 4. Σύρουμε το δείκτη του ποντικιού και επιλέγουμε τον επιθυμητό αριθμό γραμμών και στηλών
ΜΑΘΗΜΑ 4 ΣΤΟΧΟΙ: 1. Προσθήκη Πίνακα (Table) 2. Εισαγωγή Και Μετακίνηση Κειμένου Σε Πίνακα 3. Εισαγωγή Στηλών Και Γραμμών Σε Πίνακα 4. Διαγραφή Στηλών Και Γραμμών Σε Πίνακα 5. Αλλαγή Πλάτους Στηλών Και
Διαβάστε περισσότεραΔιάλεξη 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
Διαβάστε περισσότεραΓΝΩΡΙΣΤΕ ΤΗΝ BLACKBOARD ΜΕΣΑ ΑΠΟ ΤΟΝ ΣΥΝΤΟΜΟ ΑΥΤΟ ΟΔΗΓΟ
ΓΝΩΡΙΣΤΕ ΤΗΝ BLACKBOARD ΜΕΣΑ ΑΠΟ ΤΟΝ ΣΥΝΤΟΜΟ ΑΥΤΟ ΟΔΗΓΟ Συμβουλές για ομαλότερη διεξαγωγή του μαθήματος 1. Για την σωστή παρακολούθηση των συμμετεχόντων είναι προτιμότερο να χρησιμοποιηθούν ακουστικά κεφαλής
Διαβάστε περισσότεραΗ Βίβλος των CSS. Εισαγωγή στα CSS
Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων
Διαβάστε περισσότεραΚεφάλαιο 11: Εισαγωγή στην HTML. Εφαρμογές Πληροφορικής Κεφ. 11 Καραμαούνας Πολύκαρπος
Κεφάλαιο 11: Εισαγωγή στην HTML 1 11.1 Γενική εισαγωγή στην HTML Τι είναι η HTML HyperText Markup Language - Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση
Διαβάστε περισσότεραWORDPRESS. Εικόνα 1. Πατώντας στη «Σύνδεση» γράψτε το Username (όνομα χρήστη) και το Password (συνθηματικό) (εικόνα 2) που σας έδωσε ο διαχειριστής
WORDPRESS Το παρόν εγχειρίδιο είναι μία προσπάθεια για τους συναδέλφους εκπαιδευτικούς αλλά και μαθητές για την δημοσίευση άρθρων. Για παραλήψεις, λάθη ή κάτι το δυσνόητο παρακαλώ ενημερώστε με ώστε να
Διαβάστε περισσότεραΕξοικείωση με το περιβάλλον δημιουργίας Android εφαρμογών App Inventor. Φτιάχνουμε το πρώτο μας παιγνίδι!
Εξοικείωση με το περιβάλλον δημιουργίας Android εφαρμογών App Inventor Φτιάχνουμε το πρώτο μας παιγνίδι! H εφαρμογή που θα κατασκευάσουμε θα προσομοιώνει το στρίψιμο ενός κέρματος (κορώνα ή γράμματα).
Διαβάστε περισσότεραΜενού Προβολή. Προβολές εγγράφου
Μενού Προβολή Προβολές εγγράφου Το Word παρέχει πέντε διαφορετικού είδους προβολές στον χρήστη, οι οποίες και βρίσκονται στο μενού Προβολή (View). Εναλλακτικά μπορούμε να επιλέξουμε το είδος προβολής που
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20
Σχεδίαση και Ανάπτυξη Ιστότοπων HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η 1 Βελώνης Γεώργιος Καθηγητής Σημασία συμβόλων HTML5 tags Obsolete tags: Μην αφήνετε αυτές τις ετικέτες
Διαβάστε περισσότεραΠίνακες. ετικέτα <table>
Πίνακες ετικέτα σύνταξη κελί 1 κελί 2 κελί 3 κελί 4 : πίνακας : γραμμή : κελί Ιδιότητα border border : ορίζει
Διαβάστε περισσότεραΞεκινώντας NSZ-GS7. Network Media Player. Οι εικόνες επί της οθόνης, οι λειτουργίες και οι προδιαγραφές μπορεί να αλλάξουν χωρίς προειδοποίηση.
Ξεκινώντας EL Network Media Player NSZ-GS7 Οι εικόνες επί της οθόνης, οι λειτουργίες και οι προδιαγραφές μπορεί να αλλάξουν χωρίς προειδοποίηση. Ξεκινώντας: ON/STANDBY Ενεργοποιεί ή απενεργοποιεί τη συσκευή
Διαβάστε περισσότεραΟδηγίες για smartphone ή tablet με λογισμικό ios
Οδηγίες για smartphone ή tablet με λογισμικό ios Οδηγίες εγκατάστασης της εφαρμογής Gitden Reader για την ανάγνωση βιβλίων epub σε smartphone ή tablet. Βήμα 1ο: Εγκατάσταση της εφαρμογής ανάγνωσης epub
Διαβάστε περισσότεραΕισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Διαβάστε περισσότεραPandoc: Ένας ελβετικός σουγιάς μετατροπής αρχείων
eutypon32-33 2014/11/30 12:03 page 7 #11 Εὔτυπον, τεῦχος 32-33 Ὀκτώβριος/October 2014 7 Pandoc: Ένας ελβετικός σουγιάς μετατροπής αρχείων Απόστολος Συρόπουλος 28ης Οκτωβρίου 366 671 00 Ξάνθη Η/Τ: asyropoulos
Διαβάστε περισσότεραCSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ
ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ Βαγγελιώ Καβακλή Τμήμα Πολιτισμικής Τεχνολογίας & Επικοινωνίας 8 Μαρτίου 2001 Hypertext Markup Language (HTML)! Σε μια ιστοσελίδα μπορούν να εμφανίζονται διαφορετικά
Διαβάστε περισσότεραΒασίλειος Κοντογιάννης ΠΕ19
Ενότητα3 Επικοινωνία και Διαδίκτυο 11.1 Γενική Εισαγωγή στην HTML Τι είναι η HTML (HyperText Markup Language); Είναι μια γλώσσα σήμανσης (Markup) με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου
Διαβάστε περισσότερα(Αντιγραφή) ή χρησιμοποιήστε το πληκτρολόγιο για να καταχωρίσετε τους αριθμούς των αντιγράφων. Αντιγραφή με χρήση της γυάλινης επιφάνειας σάρωσης
Σύντομη αναφορά Αντιγραφή Δημιουργία αντιγράφων Γρήγορη δημιουργία αντιγράφου 3 Στον πίνακα ελέγχου του εκτυπωτή πατήστε το κουμπί αντίγραφο 4 Εάν τοποθετήσατε το έγγραφο στη γυάλινη επιφάνεια σάρωσης
Διαβάστε περισσότεραApp Inventor 5ο Μάθημα (Κορώνα γράμματα - επέκταση)
App Inventor 5ο Μάθημα (Κορώνα γράμματα - επέκταση) Λογικός τελεστής not Δομή επιλογής If then else Λογικές μεταβλητές Animation Θα επεκτείνουμε την εφαρμογή Κορώνα Γράμματα που δόθηκε σαν δραστηριότητα
Διαβάστε περισσότεραΧΡΗΣΗ ΤΗΣ ΠΛΑΤΦΟΡΜΑΣ BLACKBOARD ΑΠΟ ΜΑΘΗΤΗ ΒΑΣΙΚΟΣ ΟΔΗΓΟΣ
ΧΡΗΣΗ ΤΗΣ ΠΛΑΤΦΟΡΜΑΣ BLACKBOARD ΑΠΟ ΜΑΘΗΤΗ ΒΑΣΙΚΟΣ ΟΔΗΓΟΣ Οδηγός για Ρυθμίσεις μικροφώνου και ηχείου WHITEBOARD Διαδραστικός πίνακας VIDEO & ΗΧΟΣ Ενεργοποίηση και ρύθμιση κάμερας, ηχείων, μικροφώνου Ζητάμε
Διαβάστε περισσότεραΣπουδές 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
Διαβάστε περισσότεραΗ τεχνολογία LibroPage προσφέρει υπηρεσίες μετατροπής οποιουδήποτε εντύπου σε digital edition.
1 Η τεχνολογία LibroPage προσφέρει υπηρεσίες μετατροπής οποιουδήποτε εντύπου σε digital edition. Κάθε LibroPage Digital Edition φιλοξενείται σε dedicated servers δωρεάν για 12 μήνες από την ενεργοποίησή
Διαβάστε περισσότεραLino it. Ιατροπούλου Ράνια, Νηπιαγωγός. Το Lino πραγµατοποιεί ετικέτες στο διαδίκτυο (Online Stickies)
Lino it Ιατροπούλου Ράνια, Νηπιαγωγός Το Lino πραγµατοποιεί ετικέτες στο διαδίκτυο (Online Stickies) Το «Lino» είναι µια νέα διαδικτυακή εφαρµογή, η οποία επιτρέπει την τοποθέτηση εικονικών σηµειώσεων
Διαβάστε περισσότεραΠροβολέας DLP. Εγχειρίδιο Πολυμέσων
Προβολέας DLP Εγχειρίδιο Πολυμέσων ΑΡΧΙΚΗ ΕΓΚΑΤΑΣΤΑΣΗ Προετοιμασία για λειτουργίες πολυμέσων Βήμα 1: Εγκατάσταση dongle USB Wi-Fi Για να χρησιμοποιήσετε την ενσωματωμένη προβολή ασύρματης συσκευής HDcast
Διαβάστε περισσότεραΔΗΜΙΟΥΡΓΙΑ ΚΑΤΑΛΟΓΟΥ ΕΤΕΡΟΑΝΑΦΟΡΩΝ
ΔΗΜΙΟΥΡΓΙΑ ΚΑΤΑΛΟΓΟΥ ΕΤΕΡΟΑΝΑΦΟΡΩΝ 1. Αρχικά, θα πρέπει να έχουμε συλλέξει τα scopus ID των ερευνητών του εργαστηρίου. Και μάλιστα όλα τα scopus ID των ερευνητών, καθώς κάποιος ερευνητής μπορεί να έχει
Διαβάστε περισσότεραΓλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης
CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες
Διαβάστε περισσότερα1. Περιεχόμενα συσκευασίας. 2. Γενική επισκόπηση της συσκευής. Τα πρώτα βήματα. ΟΔΗΓΟΣ ΓΙΑ ΣΥΝΤΟΜΗ ΕΝΑΡΞΗ ΧΡΗΣΗΣ Prestigio Nobile PER3162B
Τα πρώτα βήματα EL 1. Περιεχόμενα συσκευασίας 1. Συσκευή ανάγνωσης ηλ. βιβλίων 2. Καλώδιο USB 3. Ακουστικά 4. Οδηγός για σύντομη έναρξη χρήσης 5. Κάρτα εγγύησης 2. Γενική επισκόπηση της συσκευής 1 2 3
Διαβάστε περισσότεραΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: Τρόπος 1:
ΜΑΘΗΜΑ 5 ΣΤΟΧΟΙ: 1. Εισαγωγή Εικόνας 2. Εισαγωγή Αρχείου Γραφικού 3. Εισαγωγή Αυτόματου Σχήματος 4. Τροποποίηση Γραφικών Αντικειμένων 5. Αλλαγή Μεγέθους Γραφικού Αντικειμένου 6. Περιστροφή Γραφικού Αντικειμένου
Διαβάστε περισσότεραΚατασκευή Ιστολόγιου
Κατασκευή Ιστολόγιου Τι είναι το ιστολόγιο Τα blog είναι ιστοχώροι ή ιστοσελίδες που ανανεώνονται τακτικά συνήθως σε καθημερινή βάση. Περιέχουν πληροφορίες σχετικές με ένα θέμα και συνήθως χρησιμοποιούνται
Διαβάστε περισσότεραΜε την ολοκλήρωση της διαδικασίας μπορούμε αν θέλουμε να επιλέξουμε να ανοίξει ή όχι η εφαρμογή που έχει εγκατασταθεί.
Πώς φτιάχνω Εφαρμογές για Android με το App Inventor Τι χρειάζεται για να ξεκινήσουμε; Η λειτουργία του App Inventor είναι κυρίως διαδικτυακή. Για να ξεκινήσει κανείς δηλαδή δεν απαιτείται ούτε κάποιο
Διαβάστε περισσότεραΟδηγίες Χρήσης Ασύρματης Φορητής WiFi Κάμερας
Οδηγίες Χρήσης Ασύρματης Φορητής WiFi Κάμερας Κομβίο Επαναφοράς RESET Θύρα κάρτας SD Πίσω κάλυμμα Διακόπτης λειτουργίας Θυρα Φόρτισης Οπή Βάσης στήριξης Ένδειξη λειτουργίας Μικρόφωνο Αισθητήρας στάθμης
Διαβάστε περισσότεραΝέες Τεχνολογίες και Καλλιτεχνική Δημιουργία
Παιδαγωγικό Τμήμα Νηπιαγωγών Νέες Τεχνολογίες και Καλλιτεχνική Δημιουργία Ενότητα # 11: Φωτοϊστορίες με το PhotoStory3 Θαρρενός Μπράτιτσης Παιδαγωγικό Τμήμα Νηπιαγωγών Άδειες Χρήσης Το παρόν εκπαιδευτικό
Διαβάστε περισσότεραInteractive Power Point
Interactive Power Point Οι περισσότεροι χρήστες γνωρίζουν τη χρήση του Microsoft Power Point για τη δημιουργία παρουσιάσεων. Αυτό όμως που λίγοι γνωρίζουν, είναι ότι το πρόγραμμα αυτό, έχει δυνατότητες
Διαβάστε περισσότεραΚΕΦΑΛΑΙΟ. Βασικές αρχές λειτουργίας και χρήσης του υπολογιστή
ΚΕΦΑΛΑΙΟ 2 Βασικές αρχές λειτουργίας και χρήσης του υπολογιστή Κεφάλαιο 2 2. Βασικές αρχές λειτουργίας και χρήσης του υπολογιστή 2.1 Εισαγωγή Στο σημείο αυτό είστε ήδη εξοικειωμένοι με την κεντρική ιδέα
Διαβάστε περισσότερα