12.010 Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room 54-618, Chris Hill, Room 54-1511,

Slides:



Advertisements
Similar presentations
Iframes & Images Using HTML.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
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.
Image characteristics
CS 128/ES Lecture 7a1 Data – How (Much of) It Is Stored.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
CS 128/ES Lecture 7b1 File Formats. CS 128/ES Lecture 7b2 Outline What is an image really? Methods of storing images Compression algorithms.
Introduction to Computer Graphics
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Dr Jimmy Lam CAD for Fashion and Textiles
Vector A software technology that uses mathematical points based on “vectors" (information giving both magnitude and direction). Because the computer.
JRN 440 Adv. Online Journalism Vector file formats for print and projected Wednesday, 2/22/12.
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)
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
File Formats About graphic file formats And image compression.
Lecture 4 - Introduction to Computer Graphics
HTML Boot Camp: Rules and Images
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room A, Chris Hill, Room ,
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
SOFTWARE TYPES Word processing Page layout Paint Draw.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room A, Chris Hill, Room ,
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Information Processes and Technology Multimedia: Graphics.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room A, Chris Hill, Room ,
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
+ 5 Things you need to know about images* *Images for the web.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room A, Chris Hill, Room ,
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Image Compression CSC CSC Computing with Images2 Image Compression Goal: reduce redundancy –Encode the same information using fewer bits.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Digital Imaging 101 Ann Ware
 Scanned or digitally captured image  Image created on computer using graphics software.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room A, Chris Hill, Room ,
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
What is GIS? GIS is an integrated system used to view and manage information about geographic places, analyze spatial relationships, and model spatial.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Digital Illustration Chapter 6 File format.
Introduction to Graphics
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
A computer display is made up of small squares, called pixels.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
Introduction to Computer Graphics
GIMP BY MR. YOUSUF VALI 11/20/201811/20/2018.
GIMP BY MR. YOUSUF VALI 12/31/201812/31/2018.
Creating Images for the Web
Lecture 2 Components of GIS
Lecture 4 - Introduction to Computer Graphics
Presentation transcript:

Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room , Chris Hill, Room , Web page

11/21/ Lec 222 Review of last Lecture Examined parallel computing and MPI implementation. One more lecture in this area on Tues Nov 28. Matlab Homework posted and due November 30. Today: Class project and graphics formats

11/21/ Lec 223 Class Project Aim of the project is to put together everything you have learned in this course: –Algorithm design –User interface –Numerical methods –Graphics output We will spend some time over next two lectures introducing some concepts that might assist in these projects.

11/21/ Lec 224 Ground rules You will be working in groups. The role of each person in the group should be explained in the project description. There is a written and code components to the projects (see web page of requirements). You can solve the problem in any language that you want to use For those that choose Fortran, C or C++, they can choose their a graphics program to display results.

11/21/ Lec 225 Problem statement Each group should develop a problem statement that defines the problem they are trying to solve. Many of the projects are driven by differential equations in the acceleration and/or velocity of a body will depend on forces applied to the body We will look at the case on a gravity driven orbital problem.

11/21/ Lec 226 Governing equations for gravity- type problems Force = mass*acceleration (F=ma) Force = GM 1 M 2 /R 2 where M 1 and M 2 are two masses and R is the distance between them. The force is directed along the vector between the bodies For multiple bodies, the force acting on each body is the vector sum of the forces from all the other bodies. What do you do with these equations?

11/21/ Lec 227 Solution to equations Given the initial positions of all the bodies, the accelerations of each body can be computed. Acceleration integrated, gives the velocity change (remember bodies are initially moving) Velocity integrated gives position change. At the new positions, the forces will be different and therefore there will be different accelerations and velocities. How we quantity the changes in positions and velocities?

11/21/ Lec 228 Integration methods Simplest method is Euler’s method: Compute accelerations; DV = A*dt; P(t+dt) = P(t) + (V(t)+Adt/2)*dt V(t+dt) = V(t) + A*dt Compute new accelerations at P(t+dt) and continue to iterate. This is simplest and most inaccurate method. Why is it inaccurate? For your projects, write down the basic equations and how these will be solved.

11/21/ Lec 229 Graphics As we have seen some languages (Matlab and mathematica) already have graphics imbedded in them Languages such as Fortran, C and C++ do not explicitly contain graphics but graphics routines can be included in programs if a graphics library can be found. Often graphically output needs to be included in other documents (such as reports and web pages) Quality of the display depends very much on the type of graphics used. For graphics there are too many “standards”

11/21/ Lec 2210 Types of graphics files Graphics files fall into two basic types: –Vector graphics, made of lines and objects (e.g., fonts) that can scaled. The most common of these is Postscript (in its various forms) –Bitmapped graphics defined by pixels that have certain characteristics. The most common of these is GIF (Graphics Interchange Format). These types of formats are good for images especially with continuous tone changes. Bitmapped graphics can look very bad when re-scaled. Some formats are a composite of each type (e.g. Mac PICT format).

11/21/ Lec 2211 Basic Graphic formats Postscript: Comes in different versions (level 1, 2 and 3) and as encapsulated (EPS). EPS files may have a preview of image which is often displayed in WYSIWYG word processors. (The preview image may not always be displayable). Postscript is meant for printers and can maintain very high resolution Not all printers can print all levels of postscript and not all printers understand all parts of postscript. Postscript is a graphics programming language.

11/21/ Lec 2212 Other vector formats Often “drawing” program (opposed to “painting” programs) us a vector graphics format that is unique to the program (e.g, Macdraw). There is interest in XML (eXtended Markup Language) becoming a vector graphics standard. Advantages: –Small file sizes –Scalable –Good for may scientific graphics plots such as line drawings

11/21/ Lec 2213 Pixel formats GIF is the most common but enforcement of the patent on the compression algorithm used has raised concerned Network Portable Graphics (PNG) is an alternative but a lot of older software will not handle this. JPEG (Joint Photographic Experts Group) also common and good for image data These format represent an image as pixels which have attributes such as color. When image is resized, the pixels need to be merged and mapped to the new location.

11/21/ Lec 2214 Examples: Output from Kaleidagraph in PICT format

11/21/ Lec 2215 Bitmap format Basic bit-mapped graphic

11/21/ Lec 2216 Rescaled versions PICT and bitmap

11/21/ Lec 2217 JPEG Version Medium Resolution

11/21/ Lec 2218 JPEG Maximum resolution

11/21/ Lec 2219 Scaled versions of JPEG Effects of scaling graphics

11/21/ Lec 2220 EPS Files (from Photoshop) 1.1 Mbytes (displays badly but will print very well)

11/21/ Lec 2221 EPS Direct from Printing (This figure will print with high resolution but displays badly)

11/21/ Lec 2222 File sizes For the different images we just looked at: Original KG figure32K (24K no data) PICT 8K Bitmap12K JPEG (medium)44K JPEG (maximum)68K EPS (photoshop)1.1M EPS (KG)40K (no fonts) EPS (KG+fonts)256K

11/21/ Lec 2223 Microsoft Graphics (Object based) Sextant 10/00 2*Sun Elev (deg) GMT Hrs + M1*x +... M8*x 8 + M9*x M M M R

11/21/ Lec 2224 Issue with graphics Increasingly documents need to be prepared electronically and generating acceptable graphics is one of the biggest problems still. For electronic presentation of images, best if the original graphics is generated at 72 dots-per-inch. If the graphics is not scaled then these can print OK as well. For printing, vector graphics are most often the best. Display quality: Try antialiasing (process to smooth out edges but some times makes graphics look fuzzy. For WYSWYG word processing, encapsulated postscript generates good prints but may not be rendered in electronic versions (such as web pages). Currently: Still a lot of testing to see what works best.

11/21/ Lec 2225 Graphics packages in programming There are graphics programs that can be purchased or are open source in which data can be supplied and graphics generated There are also graphics libraries that can used and incorporated into user developed software. Some packages come in both forms Example: Generic Mapping Tool (GMT) available from Includes program that can be scripted and routines that can be used in user developed software Caution with these programs is that calls and features can change with versions

11/21/ Lec 2226 Summary of Today’s class Numerical integration on 3-body orbit problem. Results to shown both numerically and graphically Aim of the project is to put together everything you have learned in this course: –Algorithm design –User interface –Numerical methods –Graphics output Graphics formats and issues. suggestions for topics that you would like covered in next 2 lectures.