CS 101 Representing Information. Lecture 5

Size: px
Start display at page:

Download "CS 101 Representing Information. Lecture 5"

Transcription

1 CS 101 Representing Information Lecture 5 1

2 Representing Information Computers are capable of storing, transmitting, and displaying information For example, Text files, Word documents, JPEG videos, MOV video file, and so on How does a machine store this type of information? We will answer this question in this section of the class 2

3 Representing Information Before diving into the details of how computers represent information, let s take a step back and ask: How do humans represent information, without a computer? 3

4 Poem How does a human represent a poem? Speak the words of the poem Write the poem down with penand-paper The former is temporal Once you speak the poem, it isn t stored anywhere (except, perhaps, in your memory banks) 4

5 Poem By storing the poem with written english, we have a representation of the poem which is stored for later retrieval 5

6 Poem Storage for a poem: a. Storage medium: Paper b. Storage representation: English words c. Storage Retrieval: A human that can interpret the english language 6

7 Storage for Architectural Drawings ICA A. What is the Storage Medium? 7

8 Storage for Architectural Drawings ICA A. What is the Storage Medium? Drafting paper 8

9 Storage for Architectural Drawings ICA A. What is the Storage Medium? Drafting paper A. What is the Storage Representation? 9

10 Storage for Architectural Drawings ICA A. What is the Storage Medium? Drafting paper A. What is the Storage Representation? Lines, measurements, architectural schematics 10

11 Storage for Architectural Drawings ICA A. What is the Storage Medium? Drafting paper A. What is the Storage Representation? Lines, measurements, architectural schematics A. What is the Storage Retrieval? 11

12 Storage for Architectural Drawings ICA A. What is the Storage Medium? Drafting paper A. What is the Storage Representation? Lines, measurements, architectural schematics A. What is the Storage Retrieval? Someone with specific knowledge who can interpret 12

13 Storage for Portrait Painting ICA A. What is the Storage Medium? 13

14 Storage for Portrait Painting ICA A. What is the Storage Medium? Canvas, paper, drywall, etc 14

15 Storage for Portrait Painting ICA A. What is the Storage Medium? Canvas, paper, drywall, etc A. What is the Storage Representation? 15

16 Storage for Portrait Painting ICA A. What is the Storage Medium? Canvas, paper, drywall, etc A. What is the Storage Representation? Oil/Water/other paint in patterns 16

17 Storage for Portrait Painting ICA A. What is the Storage Medium? Canvas, paper, drywall, etc A. What is the Storage Representation? Oil/Water/other paint in patterns A. What is the Storage Retrieval? 17

18 Storage for Portrait Painting ICA A. What is the Storage Medium? Canvas, paper, drywall, etc A. What is the Storage Representation? Oil/Water/other paint in patterns A. What is the Storage Retrieval? Anyone who enjoys art - relative? 18

19 Representing Information We just discussed 3 different ways that humans store, and interpret information Computers also store and interpret/display information, but they do it differently that how humans do Let s learn... 19

20 Representing Information Computers store information (called files) on Hard Drive Disk (HDD) and/or SSD (Solid State Drive) Both HDDs and SSDs are types of Hard Drives We ll learn more about hard drives later 20

21 Representing Information Hard drives store information in Binary This means that computers can only use 1s and 0s for storing every type of file! Before learning about how computer store text, images, and videos with binary, we need to learn how binary works 21

22 Representing Information The most common type of hard drive today is the SSD (Solid State Drive). As solid state drive uses tiny electrical components called floating gate transistors (FGT) to store each 1 and zero A single SSD can have millions, billions, or even trillions of FGTs in them 22

23 Representing Information 1 Gigabyte = 8,000,000,000 (billion) bits of information Meaning, a 1 GB hard drive can store 8 billion 1s and zeroes! A more common sized hard drive, like 256GB can store over 2 trillion 1s or 0s! We will talk more about hard drives and how computers are built in a few weeks 23

24

25 How does binary work? 25

26 Storing things in Binary ICA In your groups, come up with a methodology of translating English to only 1s and 0s. How you go about it? 26

27 Representing Information Binary (also called base-2) is just another way of representing numbers Decimal (also called base-10) is the numeric representation that we are all used to In decimal, there are ten digits to use for representing numeric values: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 In binary, there are two digits to use for representing numeric values: 0, 1 27

28 Representing Information When we count in decimal When we count in binary

29 Representing Information For every binary number, there is an equivalent decimal number When computers retrieve, process, modify, and store information, it is all just numbers at its core When we talk about information being represented by numbers we will often refer to a decimal number, but the computer is really using binary internally Let's look at converting to binary 29

30 Converting from Decimal To Binary To convert a number to binary: o divide the number by 2 o keep track of the quotient and the remainder o continue dividing the quotient by 2 until the quotient is 0 o write out the remainders in reverse order an algorithm! 30

31 Converting from Decimal To Binary Example: convert 14 to binary quotient remainder 14 / 2 = 7 0 7/ 2 = 3 1 3/ 2 = 1 1 1/ 2 = 0 1 Answer:

32 Converting from Decimal To Binary Example: convert 142 to binary quotient remainder 142 / 2 = / 2 = / 2 = / 2 = 8 1 8/ 2 = 4 0 4/ 2 = 2 0 2/ 2 = 1 0 1/ 2 = 0 1 Answer:

33 Convert to Binary ICA Front Half: 171 Back Half: 98 33

34 Convert to Binary ICA Front Half: Back Half: 98 34

35 Convert to Binary ICA Front Half: Back Half:

36 Converting from binary to decimal Remember that decimal numbers are shorthand for powers of = 1 x x x x 10 0 = 1 x x x x 1 Binary numbers are shorthand for powers of = 1 x x x x 2 0 = 1 x x x x 1 = = 14 36

37 Converting from binary to decimal Example: convert to decimal = 1x x x x x x x x2 0 = = =

38 Convert from Binary ICA Front Half: Back Half:

39 Image Files How do computers represent image files? There are lots of formats out there.jpeg.gif.bmp.png.psd etc.jpeg is one of the most common, but understanding the format is a complex because it uses compression In this lecture, we ll look at the simpler.ppm format We'll start with talking about how computers display images but first... 39

40 How are images represented ICA Given what you know about drawing on a screen in Processing (and using color), how do you think computers represent images on a hard drive? Remember - only have 1 s and 0 s to work with. 40

41 Image Files On a screen, each pixel has a red, green, and blue (RGB) component By varying the brightness of each color dot in a pixel, each pixel can be a different overall color When these pixels are combined, they create graphics and images 41

42 Image Files Common resolutions are 1920 x 1080 (1080p) 3840 x 2160 (4k) 2880 x 1800 (Retina) 42

43 Image Files Images files come in many flavors One thing most image formats have in common: They specify what each pixel of the image should look like A.ppm image specifies what the red, green, and blue value should be for each dot within each pixel for the entire image The specification starts from the top-left of the image, and goes across 43

44 PPM Image Format 44

45 PPM Image Format 45

46 PPM Image Format 46

47 PPM Image Format 47

48 PPM Image Format 48

49 PPM Image Format

50 PPM Image Format 50

51 Determine the Pixel values ICA Need four colors (other than white): The orange hair The blue face The red eyes The green mouth Use the color picker (or your intuition) to find these... 51

52 PPM Image Format With Red Green Blue Decimal values 52

53 The First Row

54 The Second Row

55 The Third Row

56 The Fourth Row

57 The Fifth Row

58 The Sixth Row

59 The Seventh Row

60 All of the pixels

61 Image Files In the next assignment, you will be writing some PPM images byhand! No need to worry about all of that format complexity You only need to specify four things Image format Width/Height Max Color The pixels! For example... 61

62 P

63 P3 is one of the standard types of PPM images. Don t forget to make this the first line! The Width and Height (in that order) of the image file P The max color brightness. Typically, you always want this to be The Red/Green/Blue values for every pixel in the image 63

64 What image will this produce? ICA P

65 What image will this produce? ICA P

66 What image will this produce? ICA P

67 Example PPM image ICA P

68 Text Files Now that we re familiar with binary, let s see how computers use binary (numbers) to represent other types of information We ll start with text files Files that end with.txt 68

69 The ASCII Table 69

70 Condensed ASCII Table a i q y b j r z c k s d l t ? e m u ! f n v : g o w spc h p x nwl

71 letter Decimal number Binary number a i q y b j r z c k s d l t ? e m u ! f n v : g o w spc h p x nwl

72 hello in binary 72

73 hello in binary h = e = l = o =

74 hello in binary h = e = l = o = h e l l o

75 Coffee to ASCII ICA Convert the word coffee to ASCII, both in it s binary representation and it s decimal representation a i q y b j r z c k s d l t ? e m u ! f n v : g o w spc h p x nwl

76 coffee in binary ICA c = o = f = e =

77 coffee in binary ICA c = o = f = e = c o f f e e

78 I think that's the single best piece of advice: constantly think about how you could be doing things better - Elon Musk

79 Problem Solving - Materials Required Materials UTDW Chapter 2 79

Objectives. Connecting with Computer Science 2

Objectives. Connecting with Computer Science 2 Objectives Learn why numbering systems are important to understand Refresh your knowledge of powers of numbers Learn how numbering systems are used to count Understand the significance of positional value

More information

[301] Bits and Memory. Tyler Caraza-Harter

[301] Bits and Memory. Tyler Caraza-Harter [301] Bits and Memory Tyler Caraza-Harter Ones and Zeros 01111111110101011000110010011011000010010001100110101101 01000101110110000000110011101011101111000110101010010011 00011000100110001010111010110001010011101000100110100000

More information

Discussion. Why do we use Base 10?

Discussion. Why do we use Base 10? MEASURING DATA Data (the plural of datum) are anything in a form suitable for use with a computer. Whatever a computer receives as an input is data. Data are raw facts without any clear meaning. Computers

More information

Unit 2: Data Storage CS 101, Fall 2018

Unit 2: Data Storage CS 101, Fall 2018 Unit 2: Data Storage CS 101, Fall 2018 Learning Objectives After completing this unit, you should be able to: Evaluate digital circuits that use AND, OR, XOR, and NOT. Convert binary integers to/from decimal,

More information

COMP 102: Computers and Computing

COMP 102: Computers and Computing COMP 102: Computers and Computing Lecture 2: Bits&bytes, Switches, and Boolean Logic Instructor: Kaleem Siddiqi (siddiqi@cim.mcgill.ca) Class web page: www.cim.mcgill.ca/~siddiqi/102.html The Lowly Bit

More information

CISC 1600 Lecture 3.1 Introduction to Processing

CISC 1600 Lecture 3.1 Introduction to Processing CISC 1600 Lecture 3.1 Introduction to Processing Topics: Example sketches Drawing functions in Processing Colors in Processing General Processing syntax Processing is for sketching Designed to allow artists

More information

Variables and Data Representation

Variables and Data Representation You will recall that a computer program is a set of instructions that tell a computer how to transform a given set of input into a specific output. Any program, procedural, event driven or object oriented

More information

Properties and Definitions

Properties and Definitions Section 0.1 Contents: Operations Defined Multiplication as an Abbreviation Visualizing Multiplication Commutative Properties Parentheses Associative Properties Identities Zero Product Answers to Exercises

More information

Unit 2 Digital Information. Chapter 1 Study Guide

Unit 2 Digital Information. Chapter 1 Study Guide Unit 2 Digital Information Chapter 1 Study Guide 2.5 Wrap Up Other file formats Other file formats you may have encountered or heard of include:.doc,.docx,.pdf,.mp4,.mov The file extension you often see

More information

ITP 140 Mobile App Technologies. Colors

ITP 140 Mobile App Technologies. Colors ITP 140 Mobile App Technologies Colors Colors in Photoshop RGB Mode CMYK Mode L*a*b Mode HSB Color Model 2 RGB Mode Based on the RGB color model Called an additive color model because adding all the colors

More information

CS 1124 Media Computation. Steve Harrison Lecture 1.2 (August 27, 2008)

CS 1124 Media Computation. Steve Harrison Lecture 1.2 (August 27, 2008) CS 1124 Media Computation Steve Harrison Lecture 1.2 (August 27, 2008) Today Computer science Look at Jython Look at some cool image things Pixels Why study CS? What is computer science about? What do

More information

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults

Creating Vector Shapes Week 2 Assignment 1. Illustrator Defaults Illustrator Defaults Before we begin, we are going to make sure that all of us are using the same settings within our application. For this class, we will always want to make sure that our application

More information

Division. Reverse Box Method

Division. Reverse Box Method Division Reverse Box Method Why do we use the reverse box method? The box method of multiplication is used because it develops a strong conceptual understanding of multiplication! If you have not read

More information

Bits, bytes, binary numbers, and the representation of information

Bits, bytes, binary numbers, and the representation of information Bits, bytes, binary numbers, and the representation of information computers represent, process, store, copy, and transmit everything as numbers hence "digital computer" the numbers can represent anything

More information

Search Lesson Outline

Search Lesson Outline 1. Searching Lesson Outline 2. How to Find a Value in an Array? 3. Linear Search 4. Linear Search Code 5. Linear Search Example #1 6. Linear Search Example #2 7. Linear Search Example #3 8. Linear Search

More information

CS 100 Python commands, computing concepts, and algorithmic approaches for final Fall 2015

CS 100 Python commands, computing concepts, and algorithmic approaches for final Fall 2015 CS 100 Python commands, computing concepts, and algorithmic approaches for final Fall 2015 These pages will NOT BE INCLUDED IN THE MIDTERM. print - Displays a value in the command area - Examples: - print

More information

Worksheet - Storing Data

Worksheet - Storing Data Unit 1 Lesson 12 Name(s) Period Date Worksheet - Storing Data At the smallest scale in the computer, information is stored as bits and bytes. In this section, we'll look at how that works. Bit Bit, like

More information

Bits and Bit Patterns

Bits and Bit Patterns Bits and Bit Patterns Bit: Binary Digit (0 or 1) Bit Patterns are used to represent information. Numbers Text characters Images Sound And others 0-1 Boolean Operations Boolean Operation: An operation that

More information

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list.

2. Click on the Freeform Pen Tool. It looks like the image to the right. If it s not showing, right click on that square and choose it from the list. This tutorial will walk you through how to use Paths in Photoshop. It explains the general workings of paths, as well as how to use them to do specific tasks. Tasks such as how to create vector shapes

More information

1.1 Review of Place Value

1.1 Review of Place Value 1 1.1 Review of Place Value Our decimal number system is based upon powers of ten. In a given whole number, each digit has a place value, and each place value consists of a power of ten. Example 1 Identify

More information

AP Computer Science Unit 1. Writing Programs Using BlueJ

AP Computer Science Unit 1. Writing Programs Using BlueJ AP Computer Science Unit 1. Writing Programs Using BlueJ 1. Open up BlueJ. Click on the Project menu and select New Project. You should see the window on the right. Navigate to wherever you plan to save

More information

Data Representation. Interpreting bits to give them meaning. Part 1: Numbers, Bases, and Binary

Data Representation. Interpreting bits to give them meaning. Part 1: Numbers, Bases, and Binary Data Representation Interpreting bits to give them meaning Part 1: Numbers, Bases, and Binary Notes for CSC 100 - The Beauty and Joy of Computing The University of North Carolina at Greensboro What you

More information

Chapter 1. Data Storage Pearson Addison-Wesley. All rights reserved

Chapter 1. Data Storage Pearson Addison-Wesley. All rights reserved Chapter 1 Data Storage 2007 Pearson Addison-Wesley. All rights reserved Chapter 1: Data Storage 1.1 Bits and Their Storage 1.2 Main Memory 1.3 Mass Storage 1.4 Representing Information as Bit Patterns

More information

Using sticks to count was a great idea for its time. And using symbols instead of real sticks was much better.

Using sticks to count was a great idea for its time. And using symbols instead of real sticks was much better. 2- Numbering Systems Tutorial 2-1 What is it? There are many ways to represent the same numeric value. Long ago, humans used sticks to count, and later learned how to draw pictures of sticks in the ground

More information

Numbers and their bases

Numbers and their bases Numbers and their bases Information on computers are all represented as numbers. For example, ord( a ) == 97, ord( + ) == 43 (See ASCII table). All audio, video, and photos are represented as numbers.

More information

GCSE Computer Science Component 02

GCSE Computer Science Component 02 GCSE Computer Science Component 02 Revision Computational Thinking ABSTRACTION Making a problem simpler by removing unnecessary details. This is important when coding as it: Makes it easier to code! Means

More information

Lecture 1: What is a computer?

Lecture 1: What is a computer? 02-201, Fall 2015, Carl Kingsford Lecture 1: What is a computer? 0. Today's Topics Basic computer architecture How the computer represents data 1. What is a computer? A modern computer is a collection

More information

E40M. Binary Numbers, Codes. M. Horowitz, J. Plummer, R. Howe 1

E40M. Binary Numbers, Codes. M. Horowitz, J. Plummer, R. Howe 1 E40M Binary Numbers, Codes M. Horowitz, J. Plummer, R. Howe 1 Reading Chapter 5 in the reader A&L 5.6 M. Horowitz, J. Plummer, R. Howe 2 Useless Box Lab Project #2 Adding a computer to the Useless Box

More information

CMSC 104 -Lecture 2 John Y. Park, adapted by C Grasso

CMSC 104 -Lecture 2 John Y. Park, adapted by C Grasso CMSC 104 -Lecture 2 John Y. Park, adapted by C Grasso 1 Topics Major Computer Components Bits, Bytes, and Words The Decimal Number System The Binary Number System Converting from Binary to Decimal Converting

More information

Introduction to Java Unit 1. Using BlueJ to Write Programs

Introduction to Java Unit 1. Using BlueJ to Write Programs Introduction to Java Unit 1. Using BlueJ to Write Programs 1. Open up BlueJ. Click on the Project menu and select New Project. You should see the window on the right. Navigate to wherever you plan to save

More information

Adobe photoshop Using Masks for Illustration Effects

Adobe photoshop Using Masks for Illustration Effects Adobe photoshop Using Masks for Illustration Effects PS Preview Overview In this exercise you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from scratch

More information

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two ENGL 323: Writing for New Media Repurposing Content for the Web Part Two Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Using Color to Establish Visual Hierarchies Color is useful in

More information

Basic circuit analysis and design. Circuit analysis. Write algebraic expressions or make a truth table

Basic circuit analysis and design. Circuit analysis. Write algebraic expressions or make a truth table Basic circuit analysis and design Circuit analysis Circuit analysis involves figuring out what some circuit does. Every circuit computes some function, which can be described with Boolean expressions or

More information

FA269 - DIGITAL MEDIA AND CULTURE

FA269 - DIGITAL MEDIA AND CULTURE FA269 - DIGITAL MEDIA AND CULTURE ST. LAWRENCE UNIVERSITY a. hauber http://blogs.stlawu.edu/digitalmedia DIGITAL TECHNICAL PRIMER INCLUDED HERE ARE THE FOLLOWING TOPICS A. WHAT IS A COMPUTER? B. THE DIFFERENCE

More information

Lecture 1: Overview

Lecture 1: Overview 15-150 Lecture 1: Overview Lecture by Stefan Muller May 21, 2018 Welcome to 15-150! Today s lecture was an overview that showed the highlights of everything you re learning this semester, which also meant

More information

(Refer Slide Time 00:01:09)

(Refer Slide Time 00:01:09) Computer Organization Part I Prof. S. Raman Department of Computer Science & Engineering Indian Institute of Technology Lecture 3 Introduction to System: Hardware In the previous lecture I said that I

More information

Jianhui Zhang, Ph.D., Associate Prof. College of Computer Science and Technology, Hangzhou Dianzi Univ.

Jianhui Zhang, Ph.D., Associate Prof. College of Computer Science and Technology, Hangzhou Dianzi Univ. Jianhui Zhang, Ph.D., Associate Prof. College of Computer Science and Technology, Hangzhou Dianzi Univ. Email: jh_zhang@hdu.edu.cn Copyright 2015 Pearson Education, Inc. Chapter 1: Data Storage Computer

More information

Animations involving numbers

Animations involving numbers 136 Chapter 8 Animations involving numbers 8.1 Model and view The examples of Chapter 6 all compute the next picture in the animation from the previous picture. This turns out to be a rather restrictive

More information

Using Masks for Illustration Effects

Using Masks for Illustration Effects These instructions were written for Photoshop CS4 but things should work the same or similarly in most recent versions Photoshop. 1. To download the files you ll use in this exercise please visit: http:///goodies.html

More information

CP SC 4040/6040 Computer Graphics Images. Joshua Levine

CP SC 4040/6040 Computer Graphics Images. Joshua Levine CP SC 4040/6040 Computer Graphics Images Joshua Levine levinej@clemson.edu Lecture 03 File Formats Aug. 27, 2015 Agenda pa01 - Due Tues. 9/8 at 11:59pm More info: http://people.cs.clemson.edu/ ~levinej/courses/6040

More information

Hexadecimal Numbers. Journal: If you were to extend our numbering system to more digits, what digits would you use? Why those?

Hexadecimal Numbers. Journal: If you were to extend our numbering system to more digits, what digits would you use? Why those? 9/10/18 1 Binary and Journal: If you were to extend our numbering system to more digits, what digits would you use? Why those? Hexadecimal Numbers Check Homework 3 Binary Numbers A binary (base-two) number

More information

Introduction to Programming with JES

Introduction to Programming with JES Introduction to Programming with JES Titus Winters & Josef Spjut October 6, 2005 1 Introduction First off, welcome to UCR, and congratulations on becoming a Computer Engineering major. Excellent choice.

More information

Computer Number Systems Supplement

Computer Number Systems Supplement Computer Number Systems Supplement Dr. Ken Hoganson, All Rights Reserved. SUPPLEMENT CONTENTS S.1 Decimal System: Powers-of-the-Base 2 S.2 Converting to Binary: Division/Remainder Algorithm. 3 S.3 Binary

More information

Audio Text for the Lesson: Counting Systems

Audio Text for the Lesson: Counting Systems Audio Text for the Lesson: Counting Systems Part 1: Introduction (2 minutes) Peace, mercy and blessings of Allah Welcome everyone in this lesson Allow me to introduce myself, my name is Abdullah Saleh

More information

ABB PowerPoint template User s Guide

ABB PowerPoint template User s Guide Corporate Communications February 2006 ABB PowerPoint template User s Guide ABB Group -1- ABB PowerPoint template User s Guide Table of Contents pg 3 The ABB PowerPoint template pg 7 Minimizing overall

More information

If Statements, For Loops, Functions

If Statements, For Loops, Functions Fundamentals of Programming If Statements, For Loops, Functions Table of Contents Hello World Types of Variables Integers and Floats String Boolean Relational Operators Lists Conditionals If and Else Statements

More information

Adobe Flash CS3 Reference Flash CS3 Application Window

Adobe Flash CS3 Reference Flash CS3 Application Window Adobe Flash CS3 Reference Flash CS3 Application Window When you load up Flash CS3 and choose to create a new Flash document, the application window should look something like the screenshot below. Layers

More information

Transcription of The Magic Picture" Lesson

Transcription of The Magic Picture Lesson First Segment: Transcription of The Magic Picture" Lesson Once upon a time, a woman came to a ruler and said," I complain to you that I do not have mice at my place!" People around the ruler started wondering,

More information

Data Storage. Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J.

Data Storage. Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J. Data Storage Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J. Glenn Brookshear Copyright 2012 Pearson Education, Inc. Data Storage Bits

More information

CS101 Lecture 12: Image Compression. What You ll Learn Today

CS101 Lecture 12: Image Compression. What You ll Learn Today CS101 Lecture 12: Image Compression Vector Graphics Compression Techniques Aaron Stevens (azs@bu.edu) 11 October 2012 What You ll Learn Today Review: how big are image files? How can we make image files

More information

Lecture (01) Digital Systems and Binary Numbers By: Dr. Ahmed ElShafee

Lecture (01) Digital Systems and Binary Numbers By: Dr. Ahmed ElShafee ١ Lecture (01) Digital Systems and Binary Numbers By: Dr. Ahmed ElShafee Digital systems Digital systems are used in communication, business transactions, traffic control, spacecraft guidance, medical

More information

Data Representation From 0s and 1s to images CPSC 101

Data Representation From 0s and 1s to images CPSC 101 Data Representation From 0s and 1s to images CPSC 101 Learning Goals After the Data Representation: Images unit, you will be able to: Recognize and translate between binary and decimal numbers Define bit,

More information

Data Representation 1

Data Representation 1 1 Data Representation Outline Binary Numbers Adding Binary Numbers Negative Integers Other Operations with Binary Numbers Floating Point Numbers Character Representation Image Representation Sound Representation

More information

Notes from April 3 Tuesday

Notes from April 3 Tuesday Notes from April 3 Tuesday With many weeks of ce108 covering higher level computing using matlab, it is time to go lower level so we could understand more of the computer terms used frequently in the computer

More information

Technologies 1ºESO. Unit 2. Hardware and software. Name Nº Class. After having explained page 26 of your book:

Technologies 1ºESO. Unit 2. Hardware and software. Name Nº Class. After having explained page 26 of your book: After having explained page 26 of your book: Make sure you get this concepts right: 1. What is computer science? A computer system collects data, processes it and transmits the information. Computer science

More information

Drawing in 3D (viewing, projection, and the rest of the pipeline)

Drawing in 3D (viewing, projection, and the rest of the pipeline) Drawing in 3D (viewing, projection, and the rest of the pipeline) CS559 Fall 2016 Lecture 6/7 September 26-28 2016 The first 4 Key Ideas 1. Work in convenient coordinate systems. Use transformations to

More information

Making Backgrounds With Paint Shop Pro

Making Backgrounds With Paint Shop Pro Making Backgrounds With Paint Shop Pro A good Web site deserves a good background. Whether you decide on a single color, a faded repeated logo, a textured tile, or a border, the background of your Web

More information

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool.

HYPERSTUDIO TOOLS. THE GRAPHIC TOOL Use this tool to select graphics to edit. SPRAY PAINT CAN Scatter lots of tiny dots with this tool. THE BROWSE TOOL Us it to go through the stack and click on buttons THE BUTTON TOOL Use this tool to select buttons to edit.. RECTANGLE TOOL This tool lets you capture a rectangular area to copy, cut, move,

More information

CMPS 10 Introduction to Computer Science Lecture Notes

CMPS 10 Introduction to Computer Science Lecture Notes CMPS Introduction to Computer Science Lecture Notes Binary Numbers Until now we have considered the Computing Agent that executes algorithms to be an abstract entity. Now we will be concerned with techniques

More information

Lecture (01) Introduction Number Systems and Conversion (1)

Lecture (01) Introduction Number Systems and Conversion (1) Lecture (01) Introduction Number Systems and Conversion (1) By: Dr. Ahmed ElShafee ١ Digital systems Digital systems are used in communication, business transactions, traffic control, spacecraft guidance,

More information

Photoshop tutorial: Final Product in Photoshop:

Photoshop tutorial: Final Product in Photoshop: Disclaimer: There are many, many ways to approach web design. This tutorial is neither the most cutting-edge nor most efficient. Instead, this tutorial is set-up to show you as many functions in Photoshop

More information

umber Systems bit nibble byte word binary decimal

umber Systems bit nibble byte word binary decimal umber Systems Inside today s computers, data is represented as 1 s and 0 s. These 1 s and 0 s might be stored magnetically on a disk, or as a state in a transistor. To perform useful operations on these

More information

Navigation. Websites need a formalized system of links to allow users to navigate the site

Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

DIRECTV Message Board

DIRECTV Message Board DIRECTV Message Board DIRECTV Message Board is an exciting new product for commercial customers. It is being shown at DIRECTV Revolution 2012 for the first time, but the Solid Signal team were lucky enough

More information

3 Data Storage 3.1. Foundations of Computer Science Cengage Learning

3 Data Storage 3.1. Foundations of Computer Science Cengage Learning 3 Data Storage 3.1 Foundations of Computer Science Cengage Learning Objectives After studying this chapter, the student should be able to: List five different data types used in a computer. Describe how

More information

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site

Comm 244 Week 3. Navigation. Navigation. Websites need a formalized system of links to allow users to navigate the site Comm 244 Week 3 Navigation Navigation Websites need a formalized system of links to allow users to navigate the site Navigation Many larger websites have multiple forms of navigation For example, look

More information

计算机信息表达. Information Representation 刘志磊天津大学智能与计算学部

计算机信息表达. Information Representation 刘志磊天津大学智能与计算学部 计算机信息表达 刘志磊天津大学智能与计算学部 Bits & Bytes Bytes & Letters More Bytes Bit ( 位 ) the smallest unit of storage Everything in a computer is 0 s and 1 s Bits why? Computer Hardware Chip uses electricity 0/1 states

More information

ADOBE PHOTOSHOP Using Masks for Illustration Effects

ADOBE PHOTOSHOP Using Masks for Illustration Effects ADOBE PHOTOSHOP Using Masks for Illustration Effects PS PREVIEW OVERVIEW In this exercise, you ll see a more illustrative use of Photoshop. You ll combine existing photos with digital art created from

More information

CS Problem Solving and Object-Oriented Programming

CS Problem Solving and Object-Oriented Programming CS 101 - Problem Solving and Object-Oriented Programming Lab 5 - Draw a Penguin Due: October 28/29 Pre-lab Preparation Before coming to lab, you are expected to have: Read Bruce chapters 1-3 Introduction

More information

Computing in the Modern World

Computing in the Modern World Computing in the Modern World BCS-CMW-7: Data Representation Wayne Summers Marion County October 25, 2011 There are 10 kinds of people in the world: those who understand binary and those who don t. Pre-exercises

More information

Electronic Data and Instructions

Electronic Data and Instructions Lecture 2 - The information Layer Binary Values and Number Systems, Data Representation. Know the different types of numbers Describe positional notation Convert numbers in other bases to base 10 Convert

More information

SCRATCH MODULE 3: NUMBER CONVERSIONS

SCRATCH MODULE 3: NUMBER CONVERSIONS SCRATCH MODULE 3: NUMBER CONVERSIONS INTRODUCTION The purpose of this module is to experiment with user interactions, error checking input, and number conversion algorithms in Scratch. We will be exploring

More information

APPM 2460 PLOTTING IN MATLAB

APPM 2460 PLOTTING IN MATLAB APPM 2460 PLOTTING IN MATLAB. Introduction Matlab is great at crunching numbers, and one of the fundamental ways that we understand the output of this number-crunching is through visualization, or plots.

More information

HOW TO DIVIDE: MCC6.NS.2 Fluently divide multi-digit numbers using the standard algorithm. WORD DEFINITION IN YOUR WORDS EXAMPLE

HOW TO DIVIDE: MCC6.NS.2 Fluently divide multi-digit numbers using the standard algorithm. WORD DEFINITION IN YOUR WORDS EXAMPLE MCC6.NS. Fluently divide multi-digit numbers using the standard algorithm. WORD DEFINITION IN YOUR WORDS EXAMPLE Dividend A number that is divided by another number. Divisor A number by which another number

More information

Slide Set 1. for ENEL 339 Fall 2014 Lecture Section 02. Steve Norman, PhD, PEng

Slide Set 1. for ENEL 339 Fall 2014 Lecture Section 02. Steve Norman, PhD, PEng Slide Set 1 for ENEL 339 Fall 2014 Lecture Section 02 Steve Norman, PhD, PEng Electrical & Computer Engineering Schulich School of Engineering University of Calgary Fall Term, 2014 ENEL 353 F14 Section

More information

This podcast will demonstrate a logical approach as to how a computer adds through logical gates.

This podcast will demonstrate a logical approach as to how a computer adds through logical gates. This podcast will demonstrate a logical approach as to how a computer adds through logical gates. A computer is a programmable machine that receives input, stores and manipulates data, and provides output

More information

Intermediate Algebra. Gregg Waterman Oregon Institute of Technology

Intermediate Algebra. Gregg Waterman Oregon Institute of Technology Intermediate Algebra Gregg Waterman Oregon Institute of Technology c 2017 Gregg Waterman This work is licensed under the Creative Commons Attribution 4.0 International license. The essence of the license

More information

Design Programming DECO2011

Design Programming DECO2011 Design Programming DECO2011 Rob Saunders web: http://www.arch.usyd.edu.au/~rob e-mail: rob@arch.usyd.edu.au office: Room 274, Wilkinson Building Data, Variables and Flow Control What is a Variable? Computers

More information

Clustering Images. John Burkardt (ARC/ICAM) Virginia Tech... Math/CS 4414:

Clustering Images. John Burkardt (ARC/ICAM) Virginia Tech... Math/CS 4414: John (ARC/ICAM) Virginia Tech... Math/CS 4414: http://people.sc.fsu.edu/ jburkardt/presentations/ clustering images.pdf... ARC: Advanced Research Computing ICAM: Interdisciplinary Center for Applied Mathematics

More information

CpSc 101, Fall 2015 Lab7: Image File Creation

CpSc 101, Fall 2015 Lab7: Image File Creation CpSc 101, Fall 2015 Lab7: Image File Creation Goals Construct a C language program that will produce images of the flags of Poland, Netherland, and Italy. Image files Images (e.g. digital photos) consist

More information

Using Flash Animation Basics

Using Flash Animation Basics Using Flash Contents Using Flash... 1 Animation Basics... 1 Exercise 1. Creating a Symbol... 2 Exercise 2. Working with Layers... 4 Exercise 3. Using the Timeline... 6 Exercise 4. Previewing an animation...

More information

Basic: Communities, Week 3 Post Office, Bills and Junk Mail

Basic: Communities, Week 3 Post Office, Bills and Junk Mail Basic: Communities, Week 3 Post Office, Bills and Junk Mail Unit objective: Students will be able navigate the post office, address and write a letter, interpret a simple bill and write a check. Monday

More information

15110 PRINCIPLES OF COMPUTING SAMPLE EXAM 2

15110 PRINCIPLES OF COMPUTING SAMPLE EXAM 2 15110 PRINCIPLES OF COMPUTING SAMPLE EXAM 2 Name Section Directions: Answer each question neatly in the space provided. Please read each question carefully. You have 50 minutes for this exam. No electronic

More information

The x86 Microprocessors. Introduction. The 80x86 Microprocessors. 1.1 Assembly Language

The x86 Microprocessors. Introduction. The 80x86 Microprocessors. 1.1 Assembly Language The x86 Microprocessors Introduction 1.1 Assembly Language Numbering and Coding Systems Human beings use the decimal system (base 10) Decimal digits: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 Computer systems use the

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2013

DOING MORE WITH WORD: MICROSOFT OFFICE 2013 DOING MORE WITH WORD: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

More information

MySQL: an application

MySQL: an application Data Types and other stuff you should know in order to amaze and dazzle your friends at parties after you finally give up that dream of being a magician and stop making ridiculous balloon animals and begin

More information

Surface Area and Volume

Surface Area and Volume 15 CHAPTER Surface Area and Volume Lesson 15.1 Building Solids Using Unit Cubes How many unit cubes are used to build each solid? 1. 2. unit cubes unit cubes Extra Practice 5B 115 3. unit cubes 4. 5. unit

More information

PAGE LAYOUT CHAPTER X. In this session you will:

PAGE LAYOUT CHAPTER X. In this session you will: CHAPTER X INFOCUS PAGE LAYOUT Page layout refers to the overall layout and appearance of your document such as how much text you will include on each page, the size of the paper on which you will print

More information

CpSc 1111 Lab 4 Formatting and Flow Control

CpSc 1111 Lab 4 Formatting and Flow Control CpSc 1111 Lab 4 Formatting and Flow Control Overview By the end of the lab, you will be able to: use fscanf() to accept a character input from the user and print out the ASCII decimal, octal, and hexadecimal

More information

HTML Exercise 12 Making A Transparent 3-D Heading For The Hyperlinks 3 Page

HTML Exercise 12 Making A Transparent 3-D Heading For The Hyperlinks 3 Page HTML Exercise 12 Making A Transparent 3-D Heading For The Hyperlinks 3 Page This exercise will give you practice downloading and installing your own SuperBladePro presets, creating a transparent heading

More information

Making Your First Character

Making Your First Character Create a new canvas on Photoshop (File > New) and set this to 32 x 32 pixels select a transparent background. Remember to set up your preferences under Edit > Preferences > Guides, Grid & Slices Also remember

More information

CS7026 CSS3. CSS3 Graphics Effects

CS7026 CSS3. CSS3 Graphics Effects CS7026 CSS3 CSS3 Graphics Effects What You ll Learn We ll create the appearance of speech bubbles without using any images, just these pieces of pure CSS: The word-wrap property to contain overflowing

More information

Colour and Number Representation. From Hex to Binary and Back. Colour and Number Representation. Colour and Number Representation

Colour and Number Representation. From Hex to Binary and Back. Colour and Number Representation. Colour and Number Representation Colour and Number Representation From Hex to Binary and Back summary: colour representation easy: replace each hexadecimal "digit" with the corresponding four binary digits using the conversion table examples:

More information

INTRODUCTION TO COMPUTERS

INTRODUCTION TO COMPUTERS INTRODUCTION TO COMPUTERS When we talk about computers, we really are talking about a Computer System. Computer System: It is a combination of Hardware and Software. This combination allows a computer

More information

+ Inheritance. Sometimes we need to create new more specialized types that are similar to types we have already created.

+ Inheritance. Sometimes we need to create new more specialized types that are similar to types we have already created. + Inheritance + Inheritance Classes that we design in Java can be used to model some concept in our program. For example: Pokemon a = new Pokemon(); Pokemon b = new Pokemon() Sometimes we need to create

More information

6 COLOR AND PAINTING. Lesson overview

6 COLOR AND PAINTING. Lesson overview 6 COLOR AND PAINTING Lesson overview In this lesson, you ll learn how to do the following: Use color modes and color controls. Create, edit, and paint with colors using the Control panel and shortcuts.

More information

What is the Box Model?

What is the Box Model? CSS Box Model What is the Box Model? The box model is a tool we use to understand how our content will be displayed on a web page. Each HTML element appearing on our page takes up a "box" or "container"

More information

Dec Hex Bin ORG ; ZERO. Introduction To Computing

Dec Hex Bin ORG ; ZERO. Introduction To Computing Dec Hex Bin 0 0 00000000 ORG ; ZERO Introduction To Computing OBJECTIVES this chapter enables the student to: Convert any number from base 2, base 10, or base 16 to any of the other two bases. Add and

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

More information

Programming with Python

Programming with Python Programming with Python Dr Ben Dudson Department of Physics, University of York 21st January 2011 http://www-users.york.ac.uk/ bd512/teaching.shtml Dr Ben Dudson Introduction to Programming - Lecture 2

More information