1 / 75

Lecture 1: Introduction

COMP1610/DGC1330. Interactive Computing for Visual Communication. Lecture 1: Introduction. Lecturers: Kelvin, Lee Kai Wah ( CVA 922, kelvinee@hkbu.edu.hk ) Yuen Pong Chi ( RRS 702B, pcyuen@comp.hkbu.edu.hk ). TAs: Alan, Yip Ho Lun ( CVA 926, alanyip@hkbu.edu.hk )

quinta
Download Presentation

Lecture 1: Introduction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COMP1610/DGC1330 Interactive Computing for Visual Communication Lecture 1: Introduction Lecturers: Kelvin, Lee Kai Wah ( CVA 922, kelvinee@hkbu.edu.hk ) Yuen Pong Chi ( RRS 702B, pcyuen@comp.hkbu.edu.hk ) TAs: Alan, Yip Ho Lun ( CVA 926, alanyip@hkbu.edu.hk ) Titan, Mak Hing Keung ( RRS 735, hkmak@comp.hkbu.edu.hk)

  2. Lecture 1 Course name: Interactive Computing for Visual Communication ? ? Is it the equation for this course? ? Interactive computing for visual communication Interactive Computing Visual Communication ＝ +

  3. X Lecture 1 Interactive computing for visual communication Interactive computing Visual communication ＝ +

  4. Lecture 1 You may have these assumptions: • Interactive Computing is ONLY for • Programmer, engineer, game designer and specialist

  5. Lecture 1 You may have these assumptions: • Interactive Computing is ONLY for 2. People with strong science and mathematics backgrounds

  6. Lecture 1 You may have these assumptions: • Visual Communication is ONLY for • Designer, artist and director

  7. Lecture 1 You may have these assumptions: • Visual Communication is ONLY for 2. People strong in drawing and visual sense

  8. Lecture 1 You may have these assumptions: • Interactive Computing is ONLY for • Programmer, engineer, game designer and specialist • People with strong science and mathematics backgrounds • Visual Communication is ONLY for • Designer, artist and director • People strong in drawing and visual sense Then, why am I here?

  9. Lecture 1 Because… Everyone is now using “Interactive Visual Applications”in daily life 1. Entertainment

  10. Lecture 1 Because… Everyone is now using “Interactive Visual Applications”in daily life 2. Communication

  11. Lecture 1 Because… Everyone is now using “Interactive Visual Applications”in daily life 3. Works

  12. Lecture 1 Because… Everyone is now using “Interactive Visual Applications”in daily life 4. Even an ATM machine

  13. Lecture 1 Therefore… Even if you are not going to be a programmer or designer

  14. Lecture 1 It is important for you to… • Have a better understanding of the principles • Develop a general sense of usage • Apply these ideas in your professional domain

  15. Lecture 1 It is important for you to… • Have a better understanding of the principles • Develop a general sense of usage • Apply these ideas in your professional domain

  16. Lecture 1 It is important for you to have… • Have a better understanding of the principles • Develop a general sense of usage • Apply these ideas in your professional domain

  17. Lecture 1 Moreover… Creative Installation http://www.thefuntheory.com/piano-staircase Piano Staircase

  18. Lecture 1 Moreover… Creative Installation http://www.youtube.com/watch?v=zSiHjMU-MUo Bottle Bank Arcade Machine

  19. Lecture 1 Moreover… Creative Installation http://www.youtube.com/watch?v=cbEKAwCoCKw The World's Deepest Bin

  20. Lecture 1 Moreover… Creative Installation http://www.youtube.com/watch?v=iynzHWwJXaA The Speed Camera Lottery

  21. Lecture 1 Moreover… Creative Installation http://www.youtube.com/watch?v=a-NRdyUx8Lc Adobe interactive wall

  22. Lecture 1 Moreover… Advertisements http://www.youtube.com/watch?v=Pm9yb1w7-Lc Interactive 3D Building Projection

  23. Lecture 1 Moreover… Mobile games http://www.youtube.com/watch?v=3lwsDqBT6R0 iButterfly apps augmented Reality

  24. Lecture 1 Moreover… Advertisements http://www.youtube.com/watch?v=5ks1u0A8xdU&feature=player_embedded#at=24 A 3D Spatial Memory Game

  25. Lecture 1 Moreover… Entertainment http://www.youtube.com/watch?v=Mf44bWQr3jc Kinect

  26. Lecture 1 How could these be possible? Interactive Computing Visual Communication

  27. Lecture 1 Theconvergenceis not by accident but is brought by continued intersection of two different trends of developments: 1. Visual Communication 2. Interactive Computing Visual Communication Interactive Computing

  28. Lecture 1 The developments of different components: • Visual Communication • Image-making process • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

  29. Lecture 1 Image-making process evolution Cave Painting 32,000-24,000 BC Computer Graphic 1960AD Printing 600AD Ancient symbols, 5000 BC Modernprinting & Display Paper and dye 2600BC Cathode ray tube display 1897 AD

  30. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Interactive Computer

  31. Lecture 1 Human used visuals to communicate long time ago: Ancient symbols, 5000 BC Signage, Current Cave Painting 32,000-24,000 BC 峰火戲諸候, 800 BC

  32. Lecture 1 Human used visuals to communicate long time ago: Crop Circles, England Moai, Easter Island Stonehenge, England

  33. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

  34. Lecture 1 Applications of Visual Communication: Signage:

  35. Lecture 1 Applications of Visual Communication: Logo:

  36. Lecture 1 Applications of Visual Communication: Advertisements (Traditional ways):

  37. Lecture 1 Applications of Visual Communication: Advertisements (New media):

  38. Lecture 1 Applications of Visual Communication: Graphical user interface (GUI):

  39. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

  40. Lecture 1 TheApple Cinema Displayin September 2011 Development of Display: TheApple Cinema Display was introduced in 2002 Apple 12” Monochrome Monitor, 1980 • Low resolution 640*480 • Very Small screen size • 12 inches • CRT technology • 4096 colors • High resolution 1600*1024 • Large screen size • 22 inches • LCD Panels • Million colors • Very high resolution 2560*1440 • Very large screen size • 30 inches • LED Panels • Million colors • Very Low resolution • Very Small screen size • 12 inches • CRT technology • Mono color AppleColor RGB monitor , 1986

  41. Lecture 1 More about Display: 3D projection (Hologram) Example

  42. Lecture 1 More about Display: 2D projection. Example

  43. Lecture 1 More about Display: Interactive projection Example

  44. Lecture 1 More about Display: 2008 Olympics opening part 5,part 6

  45. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

  46. Lecture 1 iPhone 4 2010 Development of Mobility and User Interface: 90s Desktop The "ENIAC" -  Electronic Numerical Integrator and Computer  World’s First Computer February 14, 1946 Mac Book Air 2010

  47. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

  48. Lecture 1 Development of Functionality: Mac Book Air 2011 The IBM 407 Accounting Machine (1949). It was the all-electromechanic IBM accounting machines

  49. Lecture 1 More about Functionality: VS Mac Book Air 2011 • Speed: Faster • Price: Cheaper • Size: Smaller "ENIAC" -  World’s First Computer, February 14, 1946

  50. Lecture 1 The developments of different components: • Visual Communication • Image-making process evolution • Human used visual to communicate long time ago • Application • Interactive Computing • Display • Mobility and User Interface • Functionality • Sensing technology and connectivity Visual Communication Computer Science

More Related