Portable Image File Viewer ENEE 408G: Multimedia Signal Processing Seun Fabayo John Glancy Gordon Krauthamer.

Slides:



Advertisements
Similar presentations
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Advertisements

Networking at Home and Abroad
Multimedia Systems As Presented by: Craig Tomastik.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
Raster Graphics vs. Vector Graphics
Palantir A window-sharing system for Windows NT Max Feingold, Vladimir Livshits, and.
(NHA) The Laboratory of Computer Communication and Networking Network Host Analyzer.
Web Clipping Presentation By: Alex Jacobs, Philip Kim, Nathan Po Web Clipping.
SM3121 Software Technology Mark Green School of Creative Media.
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Task 2 P3, P4, P5 Gladys Nzita-Mak.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Computer Networking From LANs to WANs: Hardware, Software, and Security Chapter 14 Multimedia Networking.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
1 Bitmap Graphics It is represented by a dot pattern in which each dot is called a pixel. Each pixel can be in any one of the colors available and the.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Designing for the Unknown. Challenges of Web Design As frustrating as it may be – there is no guarantee that people will see/experience your web pages.
 Refers to sampling the gray/color level in the picture at MXN (M number of rows and N number of columns )array of points.  Once points are sampled,
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story describes.
Outline Overview Video Format Conversion Connection with An authentication Streaming media Transferring media.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
1 Ethics of Computing MONT 113G, Spring 2012 Session 10 HTML Tables Graphics on the Web.
Information Processes and Technology Multimedia: Graphics.
Data delivery Adolf Knoll National Library of the Czech Republic.
Addressing Image Compression Techniques on current Internet Technologies By: Eduardo J. Moreira & Onyeka Ezenwoye CIS-6931 Term Paper.
Stuff By Zach and Turtle To designate a default printer, choose Start > Control Panel > Printers and Faxes. Right-click the printer, and then.
Creating Web Documents: How the Web works Client / Server Protocols Access methods Homework: Complete experiment & report on Discussion Forum.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Mosaic Creator Lance Finfrock CS 470. Introduction A Mosaic is hundreds or thousands of pictures comprised to make one picture.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Joe Cohen Presentation Overview  Project definition and requirements  Solution process and explanation  Methodology.
Chapter 5 Common Internet Tools. How Gophers Work? Internet Gopher: Client software, to find Internet files and other resources easily Organize information.
Web Graphics. Web graphics Bandwidth is king Graphics must load quickly Graphics must be optimized All other components except for text, gif and jpg are.
Images.  Images include graphics, such as backgrounds, color schemes and navigation bars, and photos and other illustrations  An essential part of a.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
What is Video in Multimedia. Video Video, like sound, is recorded and played an as analog signal Analog video must be digitized in order for it to put.
Internet Flow By: Terry Hernandez. Getting from the customers computer onto the internet Internet Browser
Putting Education Content on a Diet Ernie Duran Volker Kleinschmidt Stephen M. Weeks.
System Architecture & Hardware Configurations Dr. D. Bilal IS 582 Spring 2008.
Information Systems Design and Development Media Types Computing Science.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
1 MIT 5316 Web-Based Computing Lecture 1. 2 Welcome Introduction Syllabus.
VIRTUAL NETWORK COMPUTING SUBMITTED BY:- Ankur Yadav Ashish Solanki Charu Swaroop Harsha Jain.
1.01 Investigate graphic types and file formats.
System Architecture & Hardware Configurations
2.01 Investigate graphic image design.
A computer display is made up of small squares, called pixels.
Hypertext Transfer Protocol
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Graphics and Animation
Remote Demos Remote Demo.
Representing Images 2.6 – Data Representation.
Web Design and Development
Web Design Designing for the Unknown.
Tiers vs. Layers.
2.01 Investigate graphic image design.
Creating Images for the Web
Radoslaw Jedynak, PhD Poland, Technical University of Radom
COMS 161 Introduction to Computing
Networking at Home and Abroad
Follow the Data Data (and information) move from place to place in computer systems and networks. As it moves it changes form frequently. This story.
2.01 Investigate graphic image design.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Portable Image File Viewer ENEE 408G: Multimedia Signal Processing Seun Fabayo John Glancy Gordon Krauthamer

Overview Portable devices have become more and more popular in recent years. –Growth of wireless Internet applications –Remote access to files is becoming a greater need Remote access to image files –Entertainment –Information –Job Related

Portable Image File Viewer A Client/Server Application that allows remote access to image files (bitmaps) on a server computer. –Allows connections to multiple servers providing access to multiple databases of image files. –Implements JPEG image compression in order to speed-up download time of files. –Allows remote scaling of files prior to sending in order to reduce file size and download time if desired.

Networking Works as basic Client/Server application –Client: PocketPC –Server: Image Database Server database programs can run on a number of servers on the network Allows Client to connect to different server depending on desired application

Connection Overview SERVERSCLIENT

Server Implemented in Java –Allows server program to run on any platform that has a Java Virtual Machine Supported Functions –File List Refresh Get a list of files found on the Server –Thumbnail Get Get a thumbnail of a file on the file list –File Get Get a file on the file list –Scaled File Get Scale a file to the size of the screen before sending

Protocol SERVERCLIENT Wait for connection request Send Connection Request Send Command Wait for Connection acknowledgment Wait for command Send data packet 1 Receive data packet 1 Send acknowledgement Process data Wait for acknowledgement Send data packet 2 Write data Receive data packet 2

Networking Performance Maximum Achieved Transfer Rate = 0.5KB/sec Possible reasons –Slow internet connection –Slow transfer protocol Despite slow transfer rate, file is always received intact

JPEG Compression The preferred format of the internet

Why JPEG? Reduced file size –20:1 compression from bitmap files More color depth –24 bits per pixel vs. 8 per pixel with GIF Result: 16 million colors vs. 256 colors

Disadvantages of JPEG Doesn’t handle black-and-white (but handles grayscale) Doesn’t handle motion pictures “Lossy” compression – decompressed image is different from original (However, it appears almost the same to human eyes, so this is only a problem when the image must be analyzed by machine) Takes longer to compress/decompress

JPEG Encoder

JPEG Decoder

S309Picturebox Control Handles JPEG files for eVB We used this control to: –Display JPEGs –Shrink JPEGs –Enlarge JPEGs Shortcomings: –Can’t write JPEGs –Can’t write pixels offscreen

Image processing functions of our program Displays full-size images from a server onto a Pocket PC Displays a thumbnail version of an image, if the user desires Scales the image to fit the screen, if the user desires

USER INTERFACE USER PROFILE

Graphic Presentation: Shows name of project and members of the Team. Continue button: Goes to the next form. OPENING WINDOW

PREVIEW WINDOW Image list: shows the list of images from the server. Preview frame: shows sample of an image in the list. IP Address: takes the address of the server. Disconnect button: disconnects from the server. Help button Display button: pulls up the display window. Refresh button: reconnects to the server. Connect button: connects to the server.

HELP WINDOW Close button: returns back to preview window. Help frame: shows how to operate the program.

PREVIEW WINDOW Image list: shows the list of images from the server. Preview button: shows sample of an image in the list. IP Address: takes the address of the server. Disconnect button: disconnects from the server. Help button Display button: pulls up the display window. Refresh button: reconnects to the server. Connect button: connects to the server.

DISPLAY WINDOW Image Frame: shows the final image. Close button: closes the display window. Shrink button: compresses the image to a smaller size. Resize button: resizes the image to its original size.

USER PROFILE

Final User Profile Users will mostly be between the ages of yrs. They will have the program operating on their PDAs or Cell phones. They will use the program on a weekly basis. Most will be college graduates, or enrolled in a higher institution.

Portable Image File Viewer Demonstration

Conclusion The Portable Image File Viewer provides an easy way for a Pocket PC user to gain access to image files on networked computers. JPEG encoding of files prior to transfer allows for faster download times without losing much quality.