User Tools

Site Tools


public:res-ens:interactive-media:interactive-media

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

public:res-ens:interactive-media:interactive-media [2018/12/19 11:56]
127.0.0.1 external edit
public:res-ens:interactive-media:interactive-media [2019/03/15 11:58] (current)
tforgion Fix link
Line 22: Line 22:
 ---- ----
  
-{{:​res-ens:​interactive-media:​l1.1generalintromm2.1-2016.pdf| First part: General Introduction }} +{{:public:​res-ens:​interactive-media:​l1.1generalintromm2.1-2016.pdf| First part: General Introduction }} 
  
-{{:​res-ens:​interactive-media:​exampletoan.pdf| Your first contrib (see also this example of short student Intro)}}+{{:public:​res-ens:​interactive-media:​exampletoan.pdf| Your first contrib (see also this example of short student Intro)}}
  
-{{:​res-ens:​interactive-media:​l1.2intromm2.1-2016.pdf|Second part: first elements about multimedia.}}+{{:public:​res-ens:​interactive-media:​l1.2intromm2.1-2016.pdf|Second part: first elements about multimedia.}}
  
 == TO DO == == TO DO ==
Line 37: Line 37:
 == Link == == Link ==
  
-{{:​res-ens:​interactive-media:​reportexample.pdf|A seed example of report for your labs.}}+{{:public:​res-ens:​interactive-media:​reportexample.pdf|A seed example of report for your labs.}}
  
  
Line 71: Line 71:
 ---- ----
  
-{{:​res-ens:​interactive-media:​l1.3lab1mm2.1-2016.pdf|First part: getting started with HTML5.}}+{{:public:​res-ens:​interactive-media:​l1.3lab1mm2.1-2016.pdf|First part: getting started with HTML5.}}
  
-{{:​res-ens:​interactive-media:​l2.1intromm2.1-2016.pdf| Second part: first pool of slides about Jscript.}}+{{:public:​res-ens:​interactive-media:​l2.1intromm2.1-2016.pdf| Second part: first pool of slides about Jscript.}}
  
-{{:​res-ens:​interactive-media:​l3.2canvasmm2.1.pdf| Third part: Canvas and cie.}}+{{:public:​res-ens:​interactive-media:​l3.2canvasmm2.1.pdf| Third part: Canvas and cie.}}
  
-{{:​res-ens:​interactive-media:​l3.1formsmm2.1.pdf| Bonus: A quick intro to HTML5 forms.}}+{{:public:​res-ens:​interactive-media:​l3.1formsmm2.1.pdf| Bonus: A quick intro to HTML5 forms.}}
  
  
Line 84: Line 84:
 Here is the first one: Here is the first one:
  
-{{:​res-ens:​interactive-media:​bmw.mp4|}}+{{:public:​res-ens:​interactive-media:​bmw.mp4|}}
  
 A second live demo will be done during the lecture: about zoomable video. A second live demo will be done during the lecture: about zoomable video.
Line 103: Line 103:
  
  
-{{:​res-ens:​interactive-media:​ppt-template.ppt| PPT Template - Similar to the one used for lecture slides}}+{{:public:​res-ens:​interactive-media:​ppt-template.ppt| PPT Template - Similar to the one used for lecture slides}}
  
 == Direct Video Manipulation. Topic #1   ​Assignment:​ TAI and THUY == == Direct Video Manipulation. Topic #1   ​Assignment:​ TAI and THUY ==
  
-{{:​res-ens:​interactive-media:​direct-manipulation-uist07.pdf| Direct Video Manipulation in 2D Paper}}+{{:public:​res-ens:​interactive-media:​direct-manipulation-uist07.pdf| Direct Video Manipulation in 2D Paper}}
  
-{{:​res-ens:​interactive-media:​nguyen-directmanip3d-13.pdf|Direct Video Manipulation in 3D Paper}}+{{:public:​res-ens:​interactive-media:​nguyen-directmanip3d-13.pdf|Direct Video Manipulation in 3D Paper}}
  
 [[https://​www.youtube.com/​watch?​v=SZ2-9UkNWz0|Direct Video Manipulation in 2D]] [[https://​www.youtube.com/​watch?​v=SZ2-9UkNWz0|Direct Video Manipulation in 2D]]
Line 119: Line 119:
 == HyperVideos. Topic #2 Assignment: ERIC AND JOHN == == HyperVideos. Topic #2 Assignment: ERIC AND JOHN ==
  
-{{:​res-ens:​interactive-media:​hyper-hitchcock.pdf|Hyper-hitchcock paper #1}}+{{:public:​res-ens:​interactive-media:​hyper-hitchcock.pdf|Hyper-hitchcock paper #1}}
  
-{{:​res-ens:​interactive-media:​hypervideo.pdf| Hypervideo paper #2}}+{{:public:​res-ens:​interactive-media:​hypervideo.pdf| Hypervideo paper #2}}
  
 [[https://​www.youtube.com/​watch?​v=LaXZuLA-68g|HyperHitchcock and hyperVideos (also known as clickable videos).]] [[https://​www.youtube.com/​watch?​v=LaXZuLA-68g|HyperHitchcock and hyperVideos (also known as clickable videos).]]
Line 128: Line 128:
 == Dynamic/​Smart Time Line. Topic #3 Assignment: HUY AND VALENTIN == == Dynamic/​Smart Time Line. Topic #3 Assignment: HUY AND VALENTIN ==
  
-{{:​res-ens:​interactive-media:​timeline-uist10.pdf|Dynamic Time Line Paper #1}}+{{:public:​res-ens:​interactive-media:​timeline-uist10.pdf|Dynamic Time Line Paper #1}}
  
-{{:​res-ens:​interactive-media:​p1271-vliegendhart.pdf|Smart Like/Time Line Paper #2}}+{{:public:​res-ens:​interactive-media:​p1271-vliegendhart.pdf|Smart Like/Time Line Paper #2}}
  
 [[https://​www.youtube.com/​watch?​v=fqf_w5JE6CA|Dynamic Time Line Intro]] [[https://​www.youtube.com/​watch?​v=fqf_w5JE6CA|Dynamic Time Line Intro]]
Line 139: Line 139:
  
 Start with downloading this seed Start with downloading this seed
-{{:​res-ens:​interactive-media:​step0_student_seed_.zip| This is a piece of code to play with.}}+{{:public:​res-ens:​interactive-media:​step0_student_seed_.zip| This is a piece of code to play with.}}
  
 == TO DO == == TO DO ==
Line 163: Line 163:
  
  
-First part of the third lecture: when our UI will be done, we'll be modeling it with an automata and get back to the MVC model to see how our implementation fits with it. {{:​res-ens:​interactive-media:​mvc.pdf|We used these slides to explain that point.}}+First part of the third lecture: when our UI will be done, we'll be modeling it with an automata and get back to the MVC model to see how our implementation fits with it. {{:public:​res-ens:​interactive-media:​mvc.pdf|We used these slides to explain that point.}}
  
 Second part. Let's explain more about video interaction design and evaluation (zoomable video use case). Second part. Let's explain more about video interaction design and evaluation (zoomable video use case).
  
-{{:​res-ens:​interactive-media:​zoomable-ok.pdf|The Toulouse & Singapore zoomable video players}}+{{:public:​res-ens:​interactive-media:​zoomable-ok.pdf|The Toulouse & Singapore zoomable video players}}
  
  
Line 182: Line 182:
 ---- ----
  
-TO DO (for Thurs. Nov 10th) #1: please install python2 or ensure that you can launch a python 2 server with a command like "​python server.py" ​ {{:​res-ens:​interactive-media:​server.py.txt|where the py file is here (please change .py.txt in .py suffix)}} then snsure that your python server answers "​serving at port 8000"!+TO DO (for Thurs. Nov 10th) #1: please install python2 or ensure that you can launch a python 2 server with a command like "​python server.py" ​ {{:public:​res-ens:​interactive-media:​server.py.txt|where the py file is here (please change .py.txt in .py suffix)}} then snsure that your python server answers "​serving at port 8000"!
  
 TO DO (for Thurs. Nov 10th) #2: please prepare and send your reading assigments. TO DO (for Thurs. Nov 10th) #2: please prepare and send your reading assigments.
Line 219: Line 219:
  
 == HyperVideos. Topic #2 Assignment: ERIC AND JOHN == == HyperVideos. Topic #2 Assignment: ERIC AND JOHN ==
-{{:​res-ens:​interactive-media:​eric_report_slices.pdf|Here is Eric's presentation.}}+{{:public:​res-ens:​interactive-media:​eric_report_slices.pdf|Here is Eric's presentation.}}
  
 == Dynamic/​Smart Time Line. Topic #3 Assignment: HUY AND VALENTIN == == Dynamic/​Smart Time Line. Topic #3 Assignment: HUY AND VALENTIN ==
-{{:​res-ens:​interactive-media:​dynamictimeline.pdf|Here is their joint presentation.}}+{{:public:​res-ens:​interactive-media:​dynamictimeline.pdf|Here is their joint presentation.}}
  
 ---- ----
Line 229: Line 229:
  
  
-{{:​res-ens:​interactive-media:​l3.3audiovideomm2.1.pdf|Audio and Video in HTML5 + Javascript.}}+{{:public:​res-ens:​interactive-media:​l3.3audiovideomm2.1.pdf|Audio and Video in HTML5 + Javascript.}}
  
-New type of effort coming! ​ {{:​res-ens:​interactive-media:​tp2-full-nocomment.zip|Here is a complete code to play with }}+New type of effort coming! ​ {{:public:​res-ens:​interactive-media:​tp2-full-nocomment.zip|Here is a complete code to play with }}
  
 == TO DO == == TO DO ==
Line 268: Line 268:
 == Direct Video Manipulation. Topic #1   ​Assignment:​ TAI and THUY == == Direct Video Manipulation. Topic #1   ​Assignment:​ TAI and THUY ==
  
-{{:​res-ens:​interactive-media:​directmanipulation.pdf|Here is the presentation.}}+{{:public:​res-ens:​interactive-media:​directmanipulation.pdf|Here is the presentation.}}
  
 == HyperVideos. Topic #2 Assignment: ERIC AND JOHN == == HyperVideos. Topic #2 Assignment: ERIC AND JOHN ==
-{{:​res-ens:​interactive-media:​john_presentation.ppt|Here is John's presentation.}}+{{:public:​res-ens:​interactive-media:​john_presentation.ppt|Here is John's presentation.}}
  
  
-Last but not least {{:​res-ens:​interactive-media:​2016project_1.pdf|your project is here}}+Last but not least {{:public:​res-ens:​interactive-media:​2016project_1.pdf|your project is here}}
  
-{{:​res-ens:​interactive-media:​videotimeline.zip| Get started package (available code).}}+{{:public:​res-ens:​interactive-media:​videotimeline.zip| Get started package (available code).}}
  
 Please respect the rules explained during the general intro (see the first pool of slides from lecture #1) Please respect the rules explained during the general intro (see the first pool of slides from lecture #1)
public/res-ens/interactive-media/interactive-media.txt ยท Last modified: 2019/03/15 11:58 by tforgion