Πξόινγνο Εηζαγσγή Κεθάιαην Πιαίζην ηόρνη Κεθάιαην Μεζνδνινγία Κεθάιαην

Transcript

1 Ομάδα: 4 Ονόματα μαθητών: Ευθφμης Αλεξίου Βασίλης Νασοφλης Κώστας Καρανίκας Βασίλης Καναβάρος 2 ο ΓΕΛ ΙΛΙΟΥ Τάξη: 1 η Ερευνητική Εργασία: «Θζμα» Καθηγητής - Σφμβουλος:

2 Περιεχόμενα Πξόινγνο... 3 Εηζαγσγή... 3 Κεθάιαην Πιαίζην ηόρνη... 4 Κεθάιαην Μεζνδνινγία... 5 Κεθάιαην Εξκελεία δεδνκέλσλ - πκπεξάζκαηα - πδήηεζεσθάλμα! Δεν έσει οπιζηεί ζελιδοδείκηηρ. Κξηηηθή - Απηνθξηηηθή Πξνζέγγηζε... 9 Επίινγνο... Σθάλμα! Δεν έσει οπιζηεί ζελιδοδείκηηρ.

3 Πρόλογος Η παξνύζα εξγαζία κειεηά δεηήκαηα πνπ αθνξνύλ ζε έλα άιιν γξαθηθό ζηνηρείν πνπ ππνζηεξίδεη ην html5:scalable Vector Graphics. Η SVG είλαη κία γιώζζα έθθξαζεο γηα γξαθηθά δύν δηαζηάζεσλ. Εισαγωγή Η παξνύζα εξγαζία μεθηλά κε ηνπο ζηόρνπο πνπ έζεζε ε νκάδα καο γηα ηελ πινπνίεζε ηεο εξγαζίαο. ηελ ζπλέρεηα αλαθέξεηαη ε κεζνδνινγία πνπ αθνινύζεζε ε νκάδα καο θαη ην πξντόλ κε ην νπνίν αζρνιεζήθακε. Έπεηηα ζηελ ζπιινγή δεδνκέλσλ θαηαγξάθνληαη ηα ζπζηήκαηα γξαθηθώλ θαη ηα πιενλεθηήκαηα ηνπο. Σέινο πξνζζέζακε κεξηθά δηθά καο svg γξαθηθά.

4 Κεφάλαιο 1 Πλαίσιο Στόχοι ηόρνο ηεο νκάδαο καο ήηαλ λα αλαδείμνπκε ηηο δπλαηόηεηεο ησλ svg γξαθηθώλ θαη λα παξνπζηάζνπκε ηα πιενλεθηήκαηα ηνπο ζε ζρέζε κε άιια γξαθηθά πνπ ρξεζηκνπνηνύληαη. Αθόκα ζην πιαίζην ηεο εξγαζίαο καο ήηαλ θαη ε θαηαζθεπή ηνπ ζεσξεηηθνύ κέξνπο όπνπ ζα παξνπζηαδόηαλ αλαιπηηθά ηα svg γξαθηθά κε κεγάιε πνηθηιία παξαδεηγκάησλ κέζα από εηθόλεο πνπ θαηαζθεπάζακε.

5 Κεφάλαιο 2 Μεθοδολογία Η εξεπλεηηθή καο εξγαζία έρεη ζαλ ζθνπό ηελ δεκηνπξγία κηα ηζηνζειίδαο ηνπ ζρνιείνπ ε νπνία ζα είλαη πξνζηηή θαη εύθνια πξνζβάζηκε ζε όινπο. Έηζη ρσξηζηήθακε ζε 4 νκάδεο πνπ ε θάζε κηα είρε ηνλ ξόιν ηεο. Η νκάδα καο ρσξίζηεθε ζε 4 ππό-νκάδεο θαη αζρνιεζήθακε κε ηα πιενλεθηήκαηα ησλ svg vector γξαθηθώλ απέλαληη ζηα raster γξαθηθά. Αξρηθά θαηεβάζακε θαη εγθαηαζηήζακε ην πξόγξακκα Gimp πνπ είλαη ηδαληθό γηα ηελ επεμεξγαζία εηθόλσλ θαη θσηνγξαθηώλ θαη θαηαζθεπάζακε ηα δηθά καο SVG γξαθηθά. Κεφάλαιο 3 Σςλλογή δεδομένων Τα ζςζηήμαηα γπαθικών είναι ηα εξήρ: 1)RASTER ΓΡΑΦΙΚΑ: ηα γξαθηθά ξάζηεξ, κηα εηθόλα αλαπαξίζηαηαη σο κία νξζνγώληα δηάηαμε εηθνλνζηνηρείσλ Κάζε εηθνλνζηνηρείν αληηπξνζσπεύεηαη είηε από ηηκέο ρξώκαηνο RGB, είηε σο δείθηεο ζε έλαλ θαηάινγν ρξσκάησλ. Απηή ε ζεηξά εηθνλνζηνηρείσλ (pixels), πνπ νλνκάδεηαη επίζεο bitmap, ζπρλά απνζεθεύεηαη ζε ζπκπηεζκέλε κνξθή. Σππηθέο κνξθέο αξρείσλ γηα ηα γξαθηθά raster πεξηιακβάλνπλ.jpg,.gif,.tiff θαη.bmp εηθόλεο. Σα RASTER γξαθηθά ερνπλ δηάθνξεο ρξήζεο. Είλαη θαηάιιεια γηα θσηνγξαθίεο, νη νπνίεο ζπάληα απνηεινύληαη από μερσξηζηέο γξακκέο θαη θακπύιεο. Γηα ηε δεκηνπξγία εηθόλσλ raster δηαηίζεληαη επξέσο δηαδεδνκέλα ινγηζκηθά ηα νπνία γεληθά είλαη πην εύθνια ζηε ρξήζε από πνιιά vector-based εξγαιεία. Τπάξρνπλ πνιινί δηαθνξεηηθνί ηξόπνη γηα ηε ζπκπίεζε θαη ηελ απνζήθεπζε raster εηθόλσλ θαη ε εζσηεξηθή αλαπαξάζηαζε απηώλ ησλ formats είλαη θνηλή.

6 2)VECTOR GRAPHICS: ε έλα δηαλπζκαηηθό γξαθηθό ζύζηεκα, κηα εηθόλα πεξηγξάθεηαη σο κηα ζεηξά από γεσκεηξηθά ζρήκαηα SVG (Scalable Vector Graphics) Η SVG είλαη κία γιώζζα έθθξαζεο γηα γξαθηθά δύν δηαζηάζεσλ. Υξήζεηο δηαλπζκαηηθώλ γξαθηθώλ Χρήζεις διανσζμαηικών γραθικών Σα δηαλπζκαηηθά γξαθηθά ρξεζηκνπνηνύληαη ζε : Computer Assisted Drafting ( CAD ) πξνγξάκκαηα, όπνπ ε αθξηβήο κέηξεζε θαη ε ηθαλόηεηα γηα εζηίαζε (zoom), πξνθεηκέλνπ λα θαλνύλ ιεπηνκέξεηεο ζε έλα ζρέδην, είλαη απαξαίηεηα. Πξνγξάκκαηα όπσο ην Adobe Illustrator, ηα νπνία ρξεζηκνπνηνύληαη γηα ην ζρεδηαζκό γξαθηθώλ πνπ ζα εθηππσζνύλ ζε πςειήο αλάιπζεο εθηππσηέο. PostScript εθηππώζεη ηεο Adobe θαη ζηελ imaging language: Κάζε ραξαθηήξαο πνπ εθηππώλεηε πεξηγξάθεηαη από γξακκέο θαη θακπύιεο. ην vector-based Macromedia Flash ζύζηεκα, γηα ην ζρεδηαζκό animation, παξνπζηάζεσλ θαη ηζηνζειίδσλ (David Eisenberg J., 2002, ζ. 3). Επεκηαζιμόηηηα Σα δηαλπζκαηηθά γξαθηθά έρνπλ έλα ραξαθηεξηζηηθό πνπ ηα θαζηζηά πνιύηηκα ζε πνιιέο εθαξκνγέο - κπνξνύλ λα ηξνπνπνηεζνύλ ρσξίο απώιεηεο ζηελ πνηόηεηα ηεο εηθόλαο (David Eisenberg J., 2002, p. 5). Οη εηθόλεο 3-3 θαη 3-5 είλαη bitmap, ελώ νη εηθόλεο 3-4 θαη 3-6 είλαη SVG.

7 Πίνακαρ 3- Σύγκπιζη Raster και SVG γπαθικών Επιζκόπηζη ηων SVG γραθικών Σα δηαλπζκαηηθά γξαθηθά αλαπαξηζηνύλ εηθόλεο κε ρξήζε καζεκαηηθώλ πεξηγξαθώλ γεσκεηξίαο. Μία δηαλπζκαηηθή εηθόλα πεξηέρεη όιεο ηηο πιεξνθνξίεο πνπ ρξεηάδνληαη γηα λα ζρεδηαζηεί κηα εηθόλα από ηα πςεινύ επηπέδνπ αληηθείκελα Γεσκεηξίαο, όπσο είλαη νη γξακκέο θαη ηα ζρήκαηα. Σν svg είλαη έλα παξάδεηγκα δηαλπζκαηηθώλ γξαθηθώλ. Όπσο ε HTML, έηζη θαη ηo SVG είλαη κηα κνξθή αξρείνπ πνπ επίζεο έρεη έλα API (Application Programming Interface). Σα SVG ζπλδπάδνπλ κε ηε θόξκα DOM APIs έλα API δηαλπζκαηηθώλ γξαθηθώλ. Είλαη δπλαηόλ λα ελζσκαησζνύλ ratser γξαθηθά όπσο εηθόλεο PNG κέζα ζε έλα SVG, αιιά ηα SVG έρνπλ πξσηίζησο δηαλπζκαηηθό format (Lubbers P., 2011, p. 63).

8 Μεπικά SVG γπαθικά όπωρ διαμοπθωθήκαν από ηην ομάδα μαρ:

9 Κριτική - Αυτοκριτική Προσέγγιση Η ζπλεξγαζία ηεο νκάδαο ήηαλ άςνγε κε ηελ βνήζεηα ηεο θαζεγήηξηάο. Καηαθέξακε λα ηειεηνπνηήζνπκε ηελ εξγαζία καο έρνληαο πάξεη ζεκαληηθέο εκπεηξίεο. Ωζηόζν παξαηεξήζακε όηη ε 1 ώξα ηεο εξεπλεηηθήο εξγαζίαο δελ επαξθνύζε.

10 Gimp 2 Βιβλιογπαθία Μαγκανάρη Στέλλα, Svg.doc Πηγέρ από Internet

11 Παπάπηημα ΗΜΕΡΟΛΟΓΙΟ 1/10/2014 Γλσξηκία καζεηώλ & ρσξηζκόο νκάδσλ. 9/10/2014 Αλάζεζε δηαθνξεηηθώλ ξόισλ ζηα κέιε ηεο νκάδαο. 23/10/2014 πξνεηνηκαζία ηεο εξγαζίαο 30/10/2014 εγθαηάζηαζε gimp 6/11/2014 επεμεξγαζία θσηνγξαθηώλ 13/11/2014 πξνεηνηκαζία ηνπ ζεσξεηηθνύ κέξνπο ηεο εξγαζίαο 20/11/2014 ζπκπιήξσζε ηνπ πεδίνπ "ζπιινγή δεδνκέλσλ" θαη αλάξηεζε όινπ ηνπ πιηθνύ ζην wiki. 27/11/2014 πκπιήξσζε ηνπ εκεξνινγίνπ θαη ηνπ ζεσξεηηθνύ κέξνπο 4/12/2014 Εύξεζε επηπιένλ πιεξνθνξηώλ γηα ηα svg γξαθηθά 18/12/2014 Σειεπηαίεο νδεγίεο από ηελ θαζεγήηξηα γηα ηελ νινθιήξσζε ηεο εξγαζίαο 8/1/2015 Πξνζζήθε ησλ δηθώλ καο svg γξαθηθώλ ζηελ εξγαζία

12 15/1/2015 πδήηεζε γηα ηελ ηειηθή κνξθή ηεο εξγαζίαο 22/1/2015 Σειηθή κνξθή ηεο εξγαζίαο