Project Portfolio John C. Wu What the puck?! CS 248 – Introduction to Computer Graphics  Autumn 2002  Final project: 3D network-playable.

Slides:



Advertisements
Similar presentations
On-line media tools for strategic communications purposes When using media tools for communication we try to use the latest technologies such us blogging,
Advertisements

Review of Chapter 2. Important concepts – The Internet is a worldwide collection of networks that links millions of businesses, government agencies, educational.
Chapter 1. Type in URL to browse a web page A search engine is a software program you can use to find web sites, web pages and files stored on the internet.
® Microsoft Office 2010 Browser and Basics.
Social Media.
INTERNET A collection of networks. History ARPANet – developed for security of sending in case of a nuclear attack IDEA – the system would not go down.
Server-Side vs. Client-Side Scripting Languages
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Enhancement Request Process Improvements Update
Technology in the Language Learning Classroom Angelika Kraemer Dennie Hoopingarner Scott Schopieray FLTA Orientation 2011.
Brad A. Myers, CMU Pilot: Exploratory Programming for Interactive Behaviors: Unleashing Interaction Designers’ Creativity Brad Myers, Stephen Oney, John.
What is Podcasting is a digital recording of a radio broadcasting or program that is made available on the internet. This recording is downloaded to a.
Software program’s we will use. Dreamweaver. Fireworks. Flash. Photoshop. Illustrator. In Design. Premiere.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
A content management system (CMS) is a computer program that allows publishing, editing and modifying content on a web site as well as maintenance from.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
Presentation By: Brian Mais. What Is It? Content Management Systems(CMS) describes software that manage content, workflow, and collaboration online and.
SMART Board Basics for Fire Prevention and Education Programs E. Brene Duggins Fire Educaator Fair Grove Fire Department 2013.
Lecturer: Ghadah Aldehim
Marie-Luce Bourguet Projects in the areas of: Multimedia processing Multimedia / Web design.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Unit 12 LO3 Be able to design websites
Teaching with Multimedia and Hypermedia
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
CS426 Game Programming II Dan Fleck. Why games?  While the ideas in this course are demonstrated programming games, they are useful in all parts of computer.
Methods For Web Page Design 6. Methods Why use one? What it covers –Possibly all stages Feasibility Analysis Design Implementation Testing –Maybe just.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
SOCIAL COMMUNITIES Chapter 5 Copyright © 2013 Pearson Education, Inc. publishing as Prentice Hall 1-5.
Development of the iPad Application “Sound Reading” Ryan DuToit, Bennett Hansen, Dr. Timothy Urness *Department of Mathematics and Computer Science, College.
Presentation by Clare Drew – Goss Interactive Steve Thomson – All Wales Unit.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
PROJECT-BASED LEARNING THROUGH GOOGLE Using Google Tools to create a GoogleTrek.
The Internet and World Wide Web By: Shilpa Phanse 10/8/2008.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
DYNAMIC WAP BASED VOTING SYSTEM Bertrand COLAS Submission date: May 2002 School of Computing Bachelor of Engineering with Honours in Computer.
The Development Process
Course Introduction Software Engineering
Introduction To Internet
CS 352 Introduction to Usability Engineering Class Size: Winter 2014: 53 Spring 2014: 89 Summer 2014: 72.
Introduction to IT Presented by: Ishan Agarwal ABV-IIITM, Gwalior.
An Elmo projector is digital visual presenter. It's a tool used by educators to facilitate and enhance learning in the classroom. The Elmo can be used.
Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.
CS 494 Web Development Class Size: Winter, 214: 97 Spring, 214: 81 Summer, 2014: 69.
Dr. Brian Durney Computing and Networking Sciences at UVU C S
Digital Learning India 2008 July , 2008 Mrs. C. Vijayalakshmi Department of Computer science and Engineering Indian Institute of Technology – IIT.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Chapter 22 - Browsing The World Wide Web Introduction Description Of Functionality –Obtain textual information, recorded sounds, or graphical images from.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
VCT 420 EDU The learning interface/vct420edudotcom.
VCT 420 Entire Course (UOP) FOR MORE CLASSES VISIT VCT 420 Week 1 DQ 1 VCT 420 Week 1 DQ 2 VCT 420 Week 2 Team Assignment Baderman.
Computer Technology Semester 2 Final Exam Review.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Tel : About iCodeinc: iCode Inc is a state-of-the-art educational institution located in the Dallas area. iCode’s mission.
Internet and world wide web Information Technology
Lecture 1: Introduction and Multimedia Data Representations
An Innovative Approach to the Technology Itch
User Interface Design and Usability Course Introduction
Computer Assisted Language Learning & Multimedia Language Learning
Fluency with Information Technology
About Multimedia Files
Web Application Development Using PHP
Presentation transcript:

Project Portfolio John C. Wu

What the puck?! CS 248 – Introduction to Computer Graphics  Autumn 2002  Final project: 3D network-playable air hockey game  Implementation time: 3 weeks  Team: Paul Hsu, Chris Neumann, John Wu  Technology highlights: 3D sound, particle effects, procedural models, on-screen UI, latency-tolerant networking, AI opponent, realistic collision physics, simulated dynamics

eCuts CS 194 – Software Project  Spring 2001  Project: web content clipping system  Implementation time: 10 weeks  Team: Dan Vekhter, John Wu  Premise: eCuts allows a user to browse the web and clip out portions of web pages as one would do with newspapers. These ‘eCuts’ can then be stored and set for live updates. Anything including text, graphics, java applets, and embedded objects can be clipped. These eCuts can be shared among users as well. The system requires no software download on the part of the user.

eCuts success 2 nd Place Electrical Engineering Department Award 2 nd Place Synaptics HCI Award Recognition  Invited to speak at DoDots  Invited to speak at Panasonic Venture Capital

iMural CS 247a – HCI Interaction Design Studio  Winter 2001  Project: wall-sized paint mural that facilitates interaction and creative expression between multiple users.  Market: theme park attraction for children  Team: Jeremy Ginsberg, Gaurav Keerthi, Clara Liang, John Wu  Implementation time: 3 weeks (including conceptualization, design, user-testing, and implementation)  Premise: A wall mural (electronic projection display) allows two children to paint collaboratively using wireless paintbrushes (3D mice). Our concept explored the challenges of building an engaging, yet simple environment, that encourages free expression. An additional unit with a live video feed, showing peer collaborators was also included.

A theme word, in different languages, aims to inspire a common topic of expression.

Children using the iMural at separate sites paint collaboratively. One’s own strokes appear above those of other participants to prevent destructive behavior. In addition, each stroke fades away after a set period of time in order to reduce clutter.

Since our wall interface was produced using a projector, we utilized lights to illuminate real-life objects, when various tools were selected. The yellow oval would illuminate a paintbrush object when this paintbrush chooser is enabled.

(Paint palette picture omitted)

(Shape object omitted)

Web Development Projects Personal website  Tokyo SwingCats  Asia Technology Initiative – Tokyo 2001 Asia Technology Initiative – Beijing 1999 Gangri Tours