Skills: image processing work flow Concepts: history of image processing, evolution of technology from prototype to mainstream, image processing programs,

Slides:

Advertisements

Similar presentations

Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-

Advertisements

Skills: using the topic module and assignment blogs, Concepts: topic module format, permalink, This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: information, information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: none Concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is licensed under a.

Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile,

Skills: image processing work flow, matching compression level to your application Concepts: compression, visual effect of image compression, the amount.

Skills: none Concepts: presentation experiments, audio tempo, audio speed, independent variable, dependent variable This work is licensed under a Creative.

Skills: none Concepts: Web client (browser), Web server, network connection, URL, mobile client, protocol This work is licensed under a Creative Commons.

Skills: audio compression Concepts: quality-file size trade off, capture-edit- compress, lossy versus lossless compression This work is licensed under.

Skills: rotate, select, crop, resize, change contrast, filter, compress Concepts: image processing operation, information This work is licensed under a.

Skills: None Concepts: Text editor versus word processor, information, text file, code, ASCII This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.

Skills: navigate the Paint.net user interface, and use the toolbox, tool settings and status lines, command menus, use the history, layer and color windows.

Network applications Skills: none Concepts: client, server, automatic downloading of programs from Web servers, desktop or stand-alone application versus.

Skills: export.mp3 files, configure Audacity Concepts: metadata, fair use of patented material This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: technology refinement versus technology shift, progress in processing and memory, storage, and communication technology, pre-electronic.

Image characteristics

Skills: subscribe to feeds, read feeds Concepts: RSS feed, polling vs. publish-subscribe, stand-alone vs. Web based reader, podcast, event stream This.

Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: two uses of the word “application,” networked vs. stand-alone, collaborative vs. personal productivity, synchronous vs. asynchronous,

Skills: edit, display the history of, discuss, and track changes to a page, wiki technique tips Concepts: Wiki operations This work is licensed under a.

Course overview IT skills: none IT concepts: the scope of the course This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Representing numeric data with bits

Skills: none Concepts: innovation timing, research prototype, commodity versus custom hardware, graphical user interface, contributions of Doug Engelbart,

Skills: creating, publishing, reporting the results of online surveys using SurveyGizmo Concepts: tabbed site navigation This work is licensed under a.

Skills: create, modify and post to a blog Concepts: wire-frame diagram, independence of content and appearance, gadget or widget, Blogger menu structure.

Skills: Concepts: data types, research precedes development, design for the future This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: embedded object, data type (text, audio, video, image), embedded program, evolution of the Web, bit, byte This work is licensed.

Skills: create, modify and post to a blog Concepts: blog, gadget, property sheet, wire frame diagram of a Web page, profile, tabbed navigation This work.

Skills: none Concepts: data, information, code, code standardization, encoding text, information and variety This work is licensed under a Creative Commons.

Skills: none Concepts: wiki examples and definition, operations, the wiki motto, wiki motivation and history, client- server applications This work is.

Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: selecting, cropping, resizing and sharpening an image, using the tool setting and status information in Paint.net Concepts: image size, information.

Skills: create a Twitter account, subscribe to (follow) the class Twitter feed, post tweets Concepts: subscription This work is licensed under a Creative.

Using the Google Docs word processor Skills: getting a Google account, creating a text document and sharing it on the Internet Concepts: stand-alone applications.

Skills: short document writing technique, tips Concepts: types of Internet writing This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: Set sample size and rate in Audacity Concepts: analog versus digital data, analog to digital conversion, digital to analog conversion, sample rate,

Skills: none Concepts: the amount of information in an image This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: posting images on Twitter using Twitpix.com Concepts: application ecosystem, application program interface (API) This work is licensed under a.

Skills: learn to use the topic module presentations Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Networked application programs Skills: none Concepts: networked versus stand-alone applications, client-server architecture, Web applications versus specialized.

Skills: create a narrated video of a PowerPoint presentation Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

RSS, real simple syndication Skills: subscribe to feeds, read feeds IT concepts: RSS feed, polling vs. publish- subscribe, stand-alone vs Web based reader,

Image processing Skills: none IT concepts: image processing program, operation, data type, image file type, data compression This work is licensed under.

Using Google Docs: a network-based word processor This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills:

IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.

An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:

Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:

Skills: none Concepts: Student’s background, topics covered This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-

Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:

Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.

What is image processing? Skills: choosing an image processing program IT concepts: historical context for image processing, image processing programs,

Skills: none Concepts: application, network versus stand-alone application, client, server, application versus system program This work is licensed under.

Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

What is image processing? Skills: choosing an image processing program IT concepts: historical context for image processing, image processing programs,

Voice applications Skills: none IT concepts: history of network speech, voice over IP, speech synthesis (text to speech), speech recognition (speech to.

Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,

Digital Video 1.

Skills: none Concepts: introduction to and history of speech (with and without text) and music processing, audio file formats, the audio processing workflow,

Using Google Drive/Docs Skills: use Google Drive/Docs Concepts: we download and run programs inside our Web clients, wire-frame diagram, user interface,

Skills: deploy a server with applications Concepts: evolution of application development and deployment, virtual server This work is licensed under a Creative.

Skills: none Concepts: research versus product prototypes This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: none Concepts: four considerations in determining fair use This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Skills: Adding independent layers to images Concepts: Image layers This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Using the Google Docs word processor Skills: familiarity with Google Docs, creating and sharing text document on the Internet Concepts: stand-alone applications.

Image compression Skills: image processing work flow, matching compression level to your application Concepts: compression, visual effect of image compression,

Image processing Skills: none

Presentation transcript:

Skills: image processing work flow Concepts: history of image processing, evolution of technology from prototype to mainstream, image processing programs, image processing examples, image processing operations This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. What is image processing?

Where does this topic fit? Internet concepts – Applications – Technology – Implications Internet skills – Application development – Content creation (image) – User skills

When data types went mainstream Data typeDecade Numeric1950s Alphanumeric1960s Text1970s Image1990s Speech2000s Music2000s Video2000s HD video2010s

Image processing in 1962 Sketchpad video:

… Can you identify any of these computers? From research prototype to product

Digital cameras, 1990

Image processing is mainstream today 65 % Work reports Term papers Web pages Press releases s Tweets Blog posts Brochures Presentations Ads Manuals

Cameras in phones Do you own a digital camera in addition to the one in your phone? If so, why?

Cameras everywhere

Image for a Dove soap billboard Video of the transformationVideo of the transformation, 1m 15s A similar videoA similar video, 2m 14s

Political deception

Abraham Lincoln’s head on John Calhoun’s body

Abraham and Marilyn

Play with images

Word processing operations Select text Cut text Copy text Move text Delete text Change fonts Change text size Change text color Change footnote style Check spelling Compress a text file Etc. etc. These are word processing operations. Can you think of some image processing operations?

Word and image processing operations Select text Cut text Copy text Move text Delete text Change fonts Change text size Change text color Change footnote style Check spelling Compress a text file Etc. etc. Select a portion of the image Crop an image Copy a portion of an image Move a portion of an image Delete a portion of an image Resize an image Rotate an image Change image brightness Change image contrast Change colors Compress an image file Etc. etc. Text dataImage data

Playing around at memegen.commemegen.com

Popular image processing programs Adobe Photoshop (proprietary, stand-alone) expensive – for professionals Paint.net (open source, stand alone) just right Photoshop.com (proprietary, in browser) too slow and lacking in features Adobe Photoshop Express (proprietary phone app) small screen, too slow and lacking in features How might this change in the future as technology improves?

The network will improve

How good do you need to be?

Image processing work flow Capture Edit Compress Distribute

Summary

1.Why didn’t image processing take off until the 1990s if we had been doing it since the 1960s? 2.We listed several word processing operations. Without looking back, can you recall some of them or list them based on your experience? 3.We listed several image processing operations. Without looking back, can you recall some of them or list them based on your experience? 4.We mentioned three image processing programs, what were the characteristics of each? 5.What were the steps in our image processing workflow? Do you understand each? 6.What are the step is an audio processing workflow? 7.What technology changes might lead me to one day switch from Paint.net to a networked image processor like Potoshop.com? Self-study questions

Ivan Sutherland demonstrating Sketchpad, narrated by Alan Kay: Dove billboard video: Deception with image processing: Humorous fake images: A brief history of fake photography: Image play: eadlines&emc=tha26 For Paint.net and other image processing programs, see the resources section at: Google image study: Google research on compression using the WebP format: Can a cell phone replace a digital camera? Resources