lec 07 Graphics Animations Location Services (GPS)

Slides:



Advertisements
Similar presentations
1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
Advertisements

Web Development & Design Foundations with XHTML Chapter 4 Key Concepts.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 4 Key Concepts 1 Copyright © Terry Felke-Morris.
App Customization. Introduction  Not all Android apps look the same  i.e. the default bland black and white look  Most have custom looks like  Background.
Unit 20 - Client Side Customisation of Web Pages
More Java: Encapsulation, Getters, Setters, Anonymous Class 1 CS300.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
Introduction to Computer Graphics
Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Getting Started with Dreamweaver
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
HTML Boot Camp: Rules and Images
Images in web pages. Images Why do we use images? They add interest, and keep the user from being bored They convey information –Charts are easier to.
Chapter 5 Web Graphics Styling Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
Resources. Application Resources Resources are strings, images, and other pieces of application information that are stored and maintained (externalized)
Information Processes and Technology Multimedia: Graphics.
MILLIONAIRE SCOREBOARD $100 $200 $300 $500 $1,000 $2,000 $4,000 $8,000 $16,000 $32,000 $64,000 $125,000 $250,000 $500,000 $1 MILLION Click the $ for.
Liang, Introduction to Java Programming, Eighth Edition, (c) 2011 Pearson Education, Inc. All rights reserved Introduction to Android (Part.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Adding Graphical Elements Essentials for.
UI Design and Development +Roman Nurik +Nick Butcher.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
2.01A-C Vocabulary Review Graphic, Raster and Vector Images Away We Go!!
Svetlin Nakov Telerik Corporation
ANDROID AND MODEL / VIEW / CONTROLLER. Slide 2 Design Patters Common solutions to programming problems are called design patterns Design patterns are.
11/12/2015 Box Model Reed Crouch. 11/12/2015  HTML elements can be considered as boxes. In CSS, the term "box model" is used when referring to layout.
Lecture 15. A Very Brief Introduction to HTML and XHTML, part IV Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
Introduction to the Computer Graphics Anton V. Kudinov, Assistant professor of Computer Engineering Department.
Tips on inserting images in slideshows downloading images from the internet (NOT copy and paste) making the background transparent minimising the image.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
Lec 07 Graphics Animations Location Services (GPS) Translating Location to Address Translating Address to Location.
Mobile Software Development for Android - I397 IT COLLEGE, ANDRES KÄVER, WEB:
CHAPTER 1 part 1 Introduction. Chapter objectives: Understand Android Learn the differences between Java and Android Java Examine the Android project.
Android 3: Exploring Apps and the Development Environment
Getting Started with Dreamweaver
V2.2 Boo Virk GIMP Tutorial v2.2 Boo Virk
Chapter 2: Simplify! The Android User Interface
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Digital Illustration Chapter 6 File format.
Layers in Adobe After Effect
CSS Layouts: Grouping Elements
What is SVG?.
Tutorial 2: Formatting a Workbook
Inserting and Working with Images
2.01 Understand Digital Raster Graphics
Scalable vector graphics
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
7/24/2018 8:48 AM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
GIF's by POV-Ray and GIAM a tiny crash course
Eform Basics – Image creation
Enhancing a Document Part 1
Illustrator Interface
Web Development & Design Foundations with HTML5 7th Edition
Introduction to Computer Graphics
Chapter 2 Adding Web Pages, Links, and Images
Enhancing a Document Part 1
2.01 Understand Digital Raster Graphics
Starting to develop a website
DREAMWEAVER MX 2004 Chapter 4 Working with Images
Creating Images for the Web
Some extra points.
Getting Started with Dreamweaver
2.01 Understand Digital Raster Graphics
Animation Fundamentals
PRODUCTION PHASES CHANGES
What is SVG?.
Lecture 4 - Introduction to Computer Graphics
Presentation transcript:

lec 07 Graphics Animations Location Services (GPS) Translating Location to Address Translating Address to Location 1

Graphics resources in Android . PNG (Portable Network Graphics) is a very versatile format among the raterized formats Make/search for PNGs with transparent backgrounds. Raster versus Vector Vector will render perfectly every time and scales infinitely. If you need to use buttons with fancy borders, use 9patch. Good resource is http://openclipart.org/ From this you can get/create most any graphic element you need.

Use 9-Patch Steps to creating 9-patch image 1/ find a good png with a transparent background. 2/ open in image editor (Photoshop) and create at least a 1px tranparent margin along all sides. 3/ Issue the following command from command-line: draw9patch 4/ drag/open your png into this tool. 5/ Define registration marks; left and top define the scalable area, and the bottom and right define the content area.

Scaling images Android drawable directory structure. drawable is the default directory. drawable-mdpi (medium) is usually the corresponding directory with the same assets drawable-ldpi (low) drawable-hdpi (high) drawable-xhdpi (extra-high) Android's recommended percentages: 75%, 100%, 150%, 200% where medium is the baseline When scaling your images, find the highest possible resolution and scale like this: 37.5%, 50%, 75%, 100% where xhdpi is the baseline

Using Location Services in Android . You must generate a debug key. See video on how to do this. ~/content/lec07/22GenerateKey.webm Your key is dev-machine specific. If you're developing on a laptop and a desktop, you will need seperate keys for each. Window || Preferences || Android || Build to see where the key is stored. You don't have to, but it's easier if you externalize the key to a string.

Using Location Services in Android . Translate from place description e.g. 'Millennium park' to location. Translate from location to map Overlays