RevaWiki

User Tools

Site Tools

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

Differences

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

Link to this comparison view

Next revision		Previous revision
public:res-ens:interactive-media:interactive-media [2018/12/19 11:56] – external edit 127.0.0.1public:res-ens:interactive-media:interactive-media [2023/07/20 10:00] (current) – external edit 127.0.0.1
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.1545216997.txt.gz · Last modified: 2023/07/20 09:59 (external edit)