סילבוס

כלים ליצירה בסביבת רשת

Creation Tools for Web

סמסטר א'+ב'

סוג המסגרת: (סדנה)

שם המרצה: ערן הדס

טלפון: 054-5580657

דואר אלקטרוני: ehadas@gmail.com

שעות קבלה: לפי תאום מראש             

בניין:  מכסיקו

חדר: 208         

תאור הקורס   

קורס מבוא מעשי ליצירה דיגיטלית ברשת האינטרנט, המהווה את אחת הפלטפורמות המרכזיות ליצירה שכזו, הן כפלטפורמת הפצה והן ככלי יצירה מתפתח ודינאמי. בקורס נכיר את הטכנולוגיות המרכיבות את פלטפורמת הרשת ונלמד על אפשרויות ההבעה החדשות שנפתחות באמצעותן. נלמד איך הרשת עובדת ואיך נוכל לקחת בה חלק פעיל כיוצרים, בדגש על יצירת חוויה קולנועית על פלטפורמת רשת האינטרנט. במהלך הקורס נעשה את צעדינו הראשונים בקריאה וכתיבה של שפות הקוד המצויות ברשת, שהן כלי היצירה המרכזי במדיום זה, וביניהן: HTML, CSS, JavaScript.

דרישות הקורס

1. השתתפות פעילה בשיעורים, נוכחות.

מרכיבי הציון הסופי

1. השתתפות:       10%
2. תרגילים:           50%
3. פרויקט סיום:     40%

מהלך הקורס:

סמסטר א:

1. מבוא:
   ארכיטקטורת שרת-לקוח, תפקיד הדפדפן. חלוקת התפקידים בין html, css, javascript.
2. סביבת עבודה:
   טקסט, עריכת טקסט, קידוד, סביבת עבודה משולבת. כלי פיתוח בדפדפן. תרגיל ראשון: סצנה אינטראקטיבית
3. כלים אינטראקטיביים לצד-לקוח:
   סביבות כמו פרוססינג, סקרץ׳, ג׳אווה ופלאש. ספריות כמו three.
4. בניית סצנה אינטראקטיבית:
   סדנה להכרת מושגים על-בסיס הסביבות.
5. שפת HTML:
   מושג ה-markup, רינדור, מבנה מסמך, טקסט, קישורים, תמונות. תרגיל שני: בניית סיפור וובי
6. היפרמדיה:
   מודלים של היפרמדיה וחווית צפייה לא לינארית. הטמעת וידאו.
7. נושאים נוספים ב-HTML:
   תגיות סמנטיות ו-HTML5
8. סגנון בווב ו-CSS:
   עיצוב מסמכי ווב תוך שימוש ב-css, אינטראקציה בסיסית. תרגיל שלישי: בניית סיפור וובי מעוצב.
9. נושאים מתקדמים ב-CSS:
   אנימציה, css3
10. מבוא ל-Javascript:
    שליטה בסיסית ב-DOM, טיפול אינטראקטיבי בכפתורים, תכנות מבוסס אירועים, סקריפטים ופונקציות. תרגיל מסכם: סיפור אינטראקטיבי ב-DHTML
11. תכנות בסיסי ב-javascript:
    לולאות ומשפטי תנאי.
12. סיפורים לא לינאריים בקוד:
    בחירה מבין אפשרויות, מערכים, אקראיות, מיפויים.
13. הצגת תרגיל מסכם

סמסטר ב:

1. שלוש השכבות: הפרדה בין שכבת ממשק, שכבת לוגיקה ושכבת מידע.
2. מסדי נתונים: כיצד ניתן לספר סיפור אינטראקטיבי באמצעות מסד נתונים. מבוא ל-SQL.
3. סיפור נרטיבי דרך מסד נתונים – פרויקט מטריקס
4. סיפור נרטיבי דרך מסד נתונים – פיתוח רויקט המטריקס.
5. שיתופיות ברשת:
   יצירה שיתופית, שיתוף הקהל. שיתוף במובן של מסד נתונים משותף ובמובן של שרת אחד שבו כל צופה/משתתפת משפיעה על האחרות.
6. הצגת הצעות פרויקטים. תחילת העבודה על הפרויקטים מיד אחרי יום העצמאות
7. תכנות ועיצוב מודרניים: עבודה על שרת, שימוש בקוד מסביבת שרת.
8. תכנות ווב עם צד שרת: פרויקט הסנדר, Node JS.
9. עבודה מול שרת:
   שימוש בגיט ועבודה על פרויקט הסנדר מול שרת אמיתי.
10. סדנת  deep learning ושימוש בבינה מלאכותית בסטוריטלינג.
11. עבודה על פרויקט הגמר.
12. עבודה על פרויקט הגמר
13. הצגת פרויקט הגמר

רשימת ספרות

טקסטים ינתנו במהלך הקורס