undergraduate graphic design Web Design Advanced Techniques



Σχετικά έγγραφα
Web Responsive Media Design

Microsoft Visual Studio Γιώργος Καµαρινός Developer Programs Marketing Manager Microsoft Hellas

Σεμινάριο Wordpress CMS (Δημιουργία Δυναμικών Ιστοσελίδων)

Παρουσίαση Θερινού Σχολείου. Αριστεία ΕΛ/ΛΑΚ ΤΕΙ Αθήνας

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΡΗΤΗΣ. 2 ο ΣΧΟΛΕΙΟ ΚΩΔΙΚΑ «Ανάπτυξη Δυναμικών Διαδικτυακών Εφαρμογών» Μέρος 1 ο HTML CSS Bootstrap v3.

mockplus ΕΛΠΙΝΙΚΗ ΔΗΜΟΣΘΕΝΟΥΣ Α.Μ ΣΧΟΛΗ ΕΦΑΡΜΟΣΜΕΝΩΝ ΤΕΧΝΩΝ Μ.Π.Σ. ΓΡΑΦΙΚΕΣ ΤΕΧΝΕΣ - ΠΟΛΥΜΕΣΑ

A J A X AJAX Γιάννης Αρβανιτάκης

Προϋπολογισμού: ,00 (πλέον ΦΠΑ 23%) «Υπηρεσίες τεχνολογίας των πληροφοριών: παροχή συμβουλών, ανάπτυξη λογισμικού, Διαδίκτυο και υποστήριξη»

Συνέδριο ΕΛΛΑΚ Open Source λογισμικό σε εφαρμογές του δημόσιου και ιδιωτικού τομέα

Application... 4 Java Development Kit... 4 Android SDK... 5 Android Studio... 6 Genymotion... 8 ια ο Web Panel... 10

HTML HTML5...CSS

Φορολογική Βιβλιοθήκη. Θανάσης Φώτης Προγραμματιστής Εφαρμογών

2. ΔΙΑΠΙΣΤΕΥΣΕΙΣ: ΠΙΣΤΟΠΟΙΗΣΗ Ε.ΚΕ.ΠΙΣ. ΠΙΣΤΟΠΟΙΗΣΗ DQS DIN EN ISO 9001:2008

Δημιουργία και συντήρηση ιστοτόπου με χρήση WordPress

Virtual Class II: Web και DSP Developing με σύγχρονα εργαλεία

Κινητές τεχνολογίες;

Εισαγωγή στις αρχές του CMS. Joomla Training. Wordpress Training.

Πρόγραμμα Σπουδών "DIGITAL & SOCIAL MEDIA"

Business Software & Networks. Λύσεις Προώθησης Πωλήσεων µε τη πλατφόρµα mobile server. salesman. ing software platform.

ΕΚΔΗΛΩΣΗ ΕΝΗΜΕΡΩΣΗΣ ΠΡΩΤΟΕΤΩΝ. Παρουσίαση Εργαστηρίων Πληροφορικής

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP

Εφαρµογές WebGIS Open Source

ΕΚ ΗΛΩΣΗ ΕΝΗΜΕΡΩΣΗΣ. Παρουσίαση Εργαστηρίων Πληροφορικής

Σύστημα διαχείρισης περιεχομένου (Content Management System)

Τεχνολογίες που θα χρησιμοποιηθούν στο Up2U. Απριλίου

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ, ΕΡΕΥΝΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ

ΤΜΗΜΑ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ ΣΤΗ ΔΙΟΙΚΗΣΗ Κ ΣΤΗΝ ΟΙΚΟΝΟΜΙΑ ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ : Κατασκευή Ηλεκτρονικού Καταστήματος (e-shop) Σπουδαστές:

Το Έργο Συνεισφοράς. Ανάπτυξη εφαρμογής για κινητές συσκευές του Σ.Δ.Μ. Open eclass. Θερινό Σχολείο, Ιουλίου 2014

Γαβαλάς Δαμιανός

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ, ΕΡΕΥΝΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ

Λευτέρης Κουμάκης ΠΟΛΥΜΕΣΙΚΕΣ ΥΠΗΡΕΣΙΕΣ ΣΤΗΝ ΥΓΕΙΑ

Στελεχώνου ε το σή ερα το τώρα και το αύριο!

Π ΤΥ Χ ΙΑ Κ Η ΕΡΓΑΣΙΑ

Κατασκευή διαδικτυακής εφαρμογής παρατήρησης τιμών αγροτικών προϊόντων

Κινητές τεχνολογίες;

Στελεχώνου ε το σή ερα το τώρα και το αύριο!

28η Συνάντηση Εκπαιδευτικών Δυτικής Μακεδονίας στις ΤΠΕ Φλώρινα 7/4/2013. To wordpress εγκατάσταση στο ΠΣΔ

Στάθης Κατσούλας / Web Progress Web Design & Internet Marketing / webprogress.gr

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ ΥΠΟΥΡΓΕΙΟ ΠΑΙΔΕΙΑΣ, ΕΡΕΥΝΑΣ ΚΑΙ ΘΡΗΣΚΕΥΜΑΤΩΝ

Τεχνολογικό Εκπαιδευτικό Ίδρυµα Κρήτης

Γαβαλάς Δαμιανός

Συστήματα Πολυμέσων. Ανάπτυξη Πολυμεσικών Εφαρμογών Ι

Web Site Proposal. Maria Papamarinou. WEB STRATEGY AND TACTICS A.E.E WEBST Consulting S.A Μιχαλακοπούλου 157, Αθήνα

ΥΛΟΠΟΙΗΣΗ ΔΙΑΔΙΚΤΥΑΚΗΣ ΠΛΑΤΦΟΡΜΑΣ ΠΑΡΟΧΗΣ ΥΠΗΡΕΣΙΩΝ

Στελεχώνου ε το σή ερα το τώρα και το αύριο!

Τεχνολογίες Ανάπτυξης Ηλεκτρονικού Καταστήματος Μικρομεσαίας Επιχείρησης. Μικρομεσαίες Επιχειρήσεις και Καινοτομία

Ειδικά θέματα σε κινητά και ασύρματα δίκτυα

17PROC

Αξιοποίηση ΕΛ/ΛΑΚ από το ΚΕΔ του Π. Κρήτης. Case Study Υπηρεσίες βίντεο

Αγγελίες Εργασίας & Recruitment Software

Digital Academy. Εισαγωγή στην ανάπτυξη Android Εφαρμογών

Οικονομική Προσφορά Κατασκευή Ιστοσελίδας

Οικονομική Προσφορά Πρόταση Πακέτου Κατασκευής & Προώθησης Ιστοσελίδας

ΠΑΝΕΠΙΣΤΗΜΙΟ ΚΥΠΡΟΥ,

Επιμέλεια: Μαργαρίτα Ρουγγέρη Επιβλέπων: Γεώργιος Στυλιαράς Πληροφορική Πολυμέσα ΓΤΠ61 4 η Εργασία 2011

Β κύκλος σεμιναρίων για τα Νέα Μέσα

BIM The new technology that reduces the cost and improves the quality of building construction

Ανάπτυξη διαδικτυακής διαδραστικής εκπαιδευτικής εφαρμογής σε λειτουργικό σύστημα Android

Μέρος Γ: Υποδείγματα και Πίνακες Συμμόρφωσης. Πίνακας Περιεχομένων

Ermis Digital. Κατηγορία: Craft & Function / Omni-Channel Experience Design. Τίτλος Συμμετοχής: my Alpha wallet web platform & mobile app

ΑΝΑΡΤΗΤΕΑ ΣΤΟ ΔΙΑΔΙΚΤΥΟ

Οικονομική Προσφορά Πρόταση Πακέτου Κατασκευής & Προώθησης Ιστοσελίδας

Adobe FLASH Professional CC

ΤΕΧΝΟΛΟΓΙΕΣ ΔΙΑΔΙΚΤΥΟΥ

Σύστημα Διαχείρισης Περιεχομένου

Access control system Price list: Sample 99 EUR 10pcs 71 EUR 100pcs 49 EUR 1000pcs 36 EUR

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΤΟΠΟΥ ΧΡΗΣΙΜΟΠΟΙΩΝΤΑΣ ADAPTIVE / RESPONSIVE ΤΕΧΝΙΚΕΣ

Στελεχώνου ε το σή ερα το τώρα και το αύριο!

Προγραμματισμός για το Web

ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ ΜΑΡΚΕΤΙΝΓΚ

ΑΠΟΘΕΤΗΡΙΟ ΕΦΑΡΜΟΓΩΝ ΥΠΠΕΘ ΚΑΙ ΕΠΟΠΤΕΥΟΜΕΝΩΝ ΦΟΡΕΩΝ (git.minedu.gov.gr)

2. ΠΙΣΤΟΠΟΙΗΣΗ DQS DIN EN ISO 9001: ΠΙΣΤΟΠΟΙΗΣΗ ISO 9001:2015 & BS ISO 29990:2010

XAMPP Apache MySQL PHP javascript xampp

ΑΝΑΡΤΗΤΕΑ ΣΤΟ ΔΙΑΔΙΚΤΥΟ

Τεχνολογίες Διαδικτύου / Άδειες Ανοιχτού Λογισμικού. Απόστολος Βόγκλης Βασίλειος Καραβασίλης Μονάδα Αριστείας ΕΛΛΑΚ ΕΤΕΠΗ 20/10/2014

Ermis Media. Κατηγορία: Τίτλος Συμμετοχής: My Elvive" Προϊόν/Υπηρεσία ( Brand Name): L Oreal Paris. Εταιρία/Πελάτης: L Oreal Hellas

Δυναμικές Ιστοσελίδες Προγραμματισμός στην πλευρά του client

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I)

Εργαλεία ανάπτυξης εφαρμογών internet Ι

ΑΝΑΡΤΗΤΕΑ ΣΤΟ ΔΙΑΔΙΚΤΥΟ

ΚΕΦΑΛΑΙΟ 2. Λογισμικό (Software) ΕΝΟΤΗΤΑ 1 Υλικό - Λογισμικό και Εφαρμογές. Εφαρμογές Πληροφορικής

Ermis Digital. Κατηγορία: CRAFT & FUNCTION / User Interface Design. Τίτλος Συμμετοχής: elladakonta.gr. Προϊόν/Υπηρεσία ( Brand Name): Aegean

Ermis Digital. Κατηγορία: Websites 5. E-commerce & Marketplaces. Τίτλος Συμμετοχής: YODA E-commerce Site, yoda.gr

Future Business School Λίστα Σεμιναρίων - Diplomas

«E-Shopping & Delivery από Hypermarket με χρήση Συστήματος Διαχείρησης Περιεχομένου (CMS)»

Naftemporiki Digital Network Presentation

Προσβασιμότητα Περιεχομένου στα Ανοικτά Μαθήματα

Συστήματα Τηλεκπαίδευσης

ΠΡΟΓΡΑΜΜΑΤΙΣΤΙΚΑ ΕΡΓΑΛΕΙΑ ΓΙΑ ΤΟ ΔΙΑΔΙΚΤΥΟ

Chapter 1. Social Media

MASTER OF ARTS ARCHITECTURAL DESIGN VISUAL COMMUNICATION

Περιγραφή του EcoTruck

economy Δρ. Πάνος Φιτσιλής, Καθηγητής ΤΕΙ Θεσσαλίας Πρόγραμμα Μεταπτυχιακών Σπουδών Διοίκηση και Διαχείριση Έργων

2. ΔΙΑΠΙΣΤΕΥΣΕΙΣ: ΠΙΣΤΟΠΟΙΗΣΗ Ε.ΚΕ.ΠΙΣ. ΠΙΣΤΟΠΟΙΗΣΗ DQS DIN EN ISO 9001:2008

Σχεδίαση και Ανάπτυξη Ιστότοπων

Συστήματα Τηλεκπαίδευσης

Ολοκληρωμένο, Σταθερό, Γρήγορο, Επεκτάσιμο

Ανάπτυξη Δικτυακής Εφαρμογής Διάχυσης και Ανάλυσης Γεωχωρικών Δεδομένων και Πληροφοριών

2. ΔΙΑΠΙΣΤΕΥΣΕΙΣ: ΠΙΣΤΟΠΟΙΗΣΗ Ε.ΚΕ.ΠΙΣ. ΠΙΣΤΟΠΟΙΗΣΗ DQS DIN EN ISO 9001:2008

Transcript:

BA undergraduate graphic design Web Design Advanced Techniques

ΣΥΝΟΠΤΙΚΑ Τα μαθήματα θα είναι θεωρητικά και θα αναφέρονται με τον τίτλο: Web & new Media design. O όρος advanced techniques (motive) με την σειρά του, θα αναφέρεται στην Web Responsive Design (προσαρμογή σε laptop, desktop, pad, mobile phone, tv screens) καθώς και την γενική γνώση που χρειάζεται ο σπουδαστής για να κλείσει τον κύκλο του, με την πιθανή προσαρμογή ενός project στο web, είτε με την μορφή site ή apps. To όλο σκεπτικό είναι να ακολουθήσουμε την γραμμή των προγραμμάτων BA σε μια συνέχεια, χωρίς να κουράσουμε τον σπουδαστή με επιπλέον γνώσεις συνδυαστικών μορφών software. Μέσα στο περιορισμένο του χρόνου θα πρέπει να ακολουθήσει τις τρεις βασικές ενότητες: 1. Πώς σχεδιάζεται ή μεταφέρεται ένα υπάρχων project στο διαδίκτυο με την μορφή πληροφορίας & διαδραστικότητας. Concept & Storyboard. 2. Ποιά είναι η σωστή ροή των εργασιών. Οι πιθανές εφαρμογές, περιορισμοί, συχνά λάθη. 3. Οι γνώσεις που χρειάζεται ο graphics deisgner για να συνεργαστεί με τα αντίστοιχους web designers & developers - πως επιμερίζεται το project σε χρόνο και τεχνική υποστήριξη. A c a d e m i c y e a r 2 0 1 5 1

W1 ΕΙΣΑΓΩΓΗ 6Χ2h A c a d e m i c y e a r 2 0 1 5 W2 ΑΝΑΛΥΣΗ W3 SOFTWARE W4 CASE STUDIES W5 W6 PROJECT REALTIME ΠΥΚΝΩΣΗ ΤΗΣ ΥΛΗΣ ΤΩΝ ΜΑΘΗΜΑΤΩΝ 2

1 W1 a. Εισαγωγή. Ανάλυση των μαθημάτων. b. Ενημέρωση για Links & blog. c. Eπεξήγηση ορολογιών: New Web Responsive, Media screens, User interface, Prototype. e. Web: Προσαρμοσμένη τυπογραφία. f. Ο χρήστης. Ιδιαιτερότητες. g. Video samples. Η πρώτη συζήτηση W2 a. Παραδείγματα - sampleς. b. Προσέγγιση c. Ανάλυση δεδομένων. d. Web: Επιμερισμός της πληροφορίας e. Frameworks, το νέο WEB. g. Mobile media. Ερωτήσεις A c a d e m i c y e a r 2 0 1 5 3

2 W3 a. Software. b. Διαβάθμιση του software. c. Οι κατηγορίες software. d. Τεχνικές ορολογίες e. Συχνά λάθη. f. Τεχνικοί συνεργάτες και επικοινωνία. g. Ερωτήσεις W4 a. Έναρξη των ομάδων εργασίας. b. Επιλογή θεμάτων c. Ανάλυση δεδομένων. Χρονοδιάγραμμα. d. Παραδείγματα - Case Studies e. Παραδείγματα ανά κατηγορία Ερωτήσεις A c a d e m i c y e a r 2 0 1 5 4

3 W5 a. Project σε εξέλιξη. b. Ομάδες εργασίας. c. Αξιολόγηση (evaluation) W6 a. Παρουσίαση Project. b. Επιτυχία. c. Ανάλυση προβλημάτων, τα λάθη. d. Real time - πως ανεβαίνει και ολοκληρώνεται ένα Project. e. H επόμενη ημέρα. Κλείσιμο - updates (ενημερώσεις) και τα trends. A c a d e m i c y e a r 2 0 1 5 5

https://educ.leonidaskanellos.com μαθήματα A c a d e m i c y e a r 2 0 1 5 εργασίες links blog 6

1a responsive

1b Τα μαθήματα θα είναι θεωρητικά και θα αναφέρονται με τον τίτλο: Web & new Media design. O όρος advanced techniques (motive) με την σειρά του, θα αναφέρεται στην Web Responsive Design (προσαρμογή σε laptop, desktop, pad, mobile phone, tv screens) καθώς και την γενική γνώση που χρειάζεται ο σπουδαστής για να κλείσει τον κύκλο του, με την πιθανή προσαρμογή ενός project στο web, είτε με την μορφή site ή apps. Τα μαθήματα θα είναι θεωρητικά και θα αναφέρονται με τον τίτλο: Web & new Media design. To όλο σκεπτικό είναι να ακολουθήσουμε την γραμμή των προγραμμάτων BA σε μια συνέχεια, χωρίς να κουράσουμε τον σπουδαστή με επιπλέον γνώσεις συνδυαστικών μορφών software. υποστήριξη. O όρος advanced techniques (motive) με την σειρά του, θα αναφέρεται στην Web Responsive Design (προσαρμογή σε laptop, desktop, pad, mobile phone, tv screens) καθώς και την γενική γνώση που χρειάζεται ο σπουδαστής για να κλείσει τον κύκλο του, με την πιθανή προσαρμογή ενός project στο web, είτε με την μορφή site ή apps. To όλο σκεπτικό είναι να ακολουθήσουμε την γραμμή των προγραμμάτων BA σε μια συνέχεια, χωρίς να κουράσουμε τον σπουδαστή με επιπλέον γνώσεις συνδυαστικών μορφών software. υποστήριξη. archaic archaic

1c logo menu01 logo menu02 menu03 menu01 menu02 menu03 logo menu01 next menu02 menu03

1d logo logo logo open next open

1e Ty A τυπογραφία A

1f typoglyphs

1g die-a-gramm01 user code UI/UX DESIGN design die-a-gramm01 output

1h die-a-gramm02 design product design prototype typography vector bitmap animation video visuals adobe suite corel suite video editors clips die-a-gramm02

1j die-a-gramm03 software client - server (browsers) Adobe bundle design framework code frameworks Wordpress, Prestashop Magento die-a-gramm03 client - server /server - side media queries, javascript, jquery, bootstrap) php, mysql,ftp,.net, Apache, admin panels

1k brief die-a-gramm04 ένα δεδομ ση ανάλυ ηγική στρατ γές επιλο CMS n desig are softw nsive respo test δεδομένα επεξεργασία έξοδος errors ς έξοδο