A Summary of Some Key Points from Chapters 1 and 2 of Peterson.

Slides:



Advertisements
Similar presentations
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Advertisements

Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
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.
Introduction to Computer Graphics
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
HYPERTEXT MARKUP LANGUAGE (HTML) Vijaya K Pandey.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Web Design, 4 th Edition 5 Typography and Images.
Web Design Basic Concepts.
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Web Graphics Image File Formats Image optimization Accessibility issues Using images and colors on the web.
GIS technologies and Web Mapping Services
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Lecture 4 - Introduction to Computer Graphics
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
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.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 3 This presentation © 2004, MacAvon Media Productions Introduction to Computer Graphics.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
Image Representation. Digital Cameras Scanned Film & Photographs Digitized TV Signals Computer Graphics Radar & Sonar Medical Imaging Devices (X-Ray,
Web Design Basics.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Data Representation Robin Burke IT 130. Outline Data Representation Binary Numbers Image types.
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Types of Spatial Data Sites Data portals: Find and download data –Humboldt County, National Atlas “Atlases”: General information –GoogleMaps, MapQuest.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
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.
Graphics Concepts Presentation
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
HTTP transaction with Graphics HTML file + two graphics files.
Chapter 1 Definitions & Basics of Digital Image 1.Image 2.Digital Image 3.Raster 4. Vector 5.Image Editing 1.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
TEI 工作坊 TEI and Images October The Concept.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Illustration Chapter 6 File format.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Sampling, Quantization, Color Models & Indexed Color
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Basic Knowledge of Web creation
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
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.
Look at Me Mod 4 Lesson 3 Graphics Module 4- Build a Game.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Color and Images.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

A Summary of Some Key Points from Chapters 1 and 2 of Peterson

On page 1 Peterson indicates that “The Internet was revolutionary for maps, similar to the invention of printing.” Do you agree or disagree with this statement and why?

Chris Perkins made the following statement: "Arguably the most significant change in the whole of the history of cartography began only in the middle of the first decade of the twenty-first century. Characterized by some as ‘‘crowdsourcing,’’ and by others as Volunteered Geographic Information (VGI), this phenomenon centres on using the Internet to create, share, and analyse geographic data…” Do you agree or disagree with this statement and why?

Cartographic Communication vs. Geovisualization

Cartographic Communication We presume that we wish to communicate some spatial information to map readers. Typically, one map is produced. An example might be a map for a journal or newspaper.

A Model for Cartographic Communication

Geovisualization Geographic visualization is a private activity in which unknowns are revealed in a highly interactive environment. (MacEachren 1994)

MacEachren ‘s (1994) cartography-cubed representation of how maps are used

Alaska Vote on the Oil Measure: An Example of Geovisualization?

Geovisual Analytics Uses the computational power of computers and the visualization power of humans to make sense out of large geospatial datasets.

Redistricting: A simple example of geovisual analytics

Goal of redistricting is to equalize voter representation while trying to create compact districts…

Peterson notes that MapQuest held the greatest market share among mapping sites until 2009 when it was replaced by Google Maps. How are you getting directions today? What role do you see paper atlases playing in the future?

Raster vs. Vector Maps

Raster maps: the image is represented as a grid of “picture elements” called pixels.

Raster Graphic File Formats GIF (Graphics Interchange Format) Limited to 256 shades or colors An early standard for distributing graphic files Well suited for graphics composed of lines Often used with map animations

Raster Graphic File Formats JPEG (Joint Photographics Experts Group) 16.8 million colors are possible Red, green, and blue colors are combined at each pixel Each color is represented by 1 byte (where does the 16.8 million come from?) Most common Internet graphic format Incorporates image compression methods that reduce file sizes Best suited for pictures (not maps)

JPEG Compression

Raster Graphic File Formats PNG (Portable Network Graphics) Also can display 16.8 million colors Uses a lossless form of data compression Appropriate for mapping

Vector maps: Define a graphic using X and Y coordinate pairs; a vector-to-raster conversion must be used to display the vector database on a raster device. MapQuest Zoom Levels

Vector Graphic File Formats (Proprietary) PDF (Adobe’s Portable Document Format TM ) Based on the programming language Postscript TM PDF is of course used for more than graphics Adobe’s Flash Files are only a fraction of those for PDF Frequently used for creating mapping apps Adobe Flex is an associated development environment for creating Web apps

Vector Graphic File Formats (Open) SVG(Scalable Vector Graphics) Created by the World Wide Web consortium Based on the extensible markup language (XML) Used in Wikimedia Commons, the graphic library of Wikipedia File sizes are larger than for PDF and Flash

Raster vs. Vector on the Internet What are the advantages and disadvantages of using raster vs. vector maps?

Part a of Exercise #1 Use the Web to search for four maps that illustrate various types of graphic files: GIF, JPG (or JPEG), PNG, SVG, and PDF How to find these maps?

To prepare for Exercise #1 Read Chapters 3 and 4 in Peterson Sign up for the web hosting service described on pp of Peterson. Become familiar with online material for working with html (e.g., w3schools.com)

Tiled Web Maps Google Maps revolutionized online mapping via the multi-scale, panable (MSP) map With image tiling, the map is divided into tiles and these tiles are sent individually

Tiled Web Maps (cont.) Asynchronous Javascript and XML (Ajax) maintains a continuous connection with the server, exchanging small messages in the background even when the user has not made a request.

Cost of Map Storage

Question: If the Internet TCP/IP protocol splits data into packets, why do we also need map tiles?

Map Mashups A mashup is the melding of data and mapping tools to create new presentations of information. Note the Peterson quote: “Probably the most important development in mapping during the first decade of the 21 st century was the introduction of online tools in the form of the application programming interface (API).” Do you agree?

Animated maps are maps that are characterized by continuous change while the map is viewed. Peterson and Wendel’s Animated Atlas of Flight Traffic over North America as an example Animated Maps

Images on slides 4, 16, 19, 21, and 29 are from the web site for Peterson’s bookweb site for Peterson’s book Images on slides 7 and 9 are from the web site for Slocum et al.’s bookweb site for Slocum et al.’s book