Android Workshop: Day 1 Part 3
-
Upload
ahsanul-karim -
Category
Education
-
view
1.089 -
download
3
description
Transcript of Android Workshop: Day 1 Part 3
![Page 1: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/1.jpg)
Android Application Development
Workshop: Day 1 Part 3Ahsanul Karim
Sentinel Solutions Ltd.http://www.sentinelbd.com
http://androidstream.wordpress.com
Environment Setup
![Page 2: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/2.jpg)
System RequirementsSetting up Development Environment
Supported OS1. Windows XP (32-bit), Vista (32- or 64-bit), or Windows 7
(32- or 64-bit)2. Mac OS X 10.5.8 or later (x86 only)3. Linux (tested on Ubuntu Linux, Lucid Lynx)
Supported Development Environment (Eclipse IDE based)1. Eclipse 3.4 (Ganymede) or greater/Eclipse Classic (versions
3.5.1 and higher)2. JDK 1.5 or 1.63. ADT Plugin
![Page 3: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/3.jpg)
To set up the development environment, we need:1. Java Development Kit (JDK 1.5+, 1.6 is preferable)2. Eclipse IDE3. Android SDK
Setting up Development Environment(Contd.)
![Page 4: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/4.jpg)
Android SDK
Setting up Development Environment (Contd.)
Link: http://developer.android.com/sdk/index.html
Download and Install the SDK starter package from the table above (Highlighted)
![Page 5: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/5.jpg)
Android SDK Setup (3)
Setting up Development Environment (Contd.)
3. ADT Plugin for Eclipse
ADT Plugin: Android Development Tools (ADT) is a plugin for the Eclipse IDE for
1. extending the capabilities of Eclipse to set up new Android projects2. creating an application UI3. adding components based on the Android Framework API4. debugging your applications using the Android SDK tools5. exporting signed (or unsigned) APKs in order to distribute your application
We’ll see the 5 points gradually during development
![Page 6: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/6.jpg)
Android SDK Setup (4)
Setting up Development Environment (Contd.)
4. Installing the ADT
1. Start Eclipse, then select Help > Install New Software....
2. Click Add, in the top-right corner.
3. In the next window, you'll see a list of the tools to be downloaded. Click Next.
4. Read and accept the license agreements, then click Finish.
5. When the installation completes, restart Eclipse.
![Page 7: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/7.jpg)
Android SDK Setup (5)
Setting up Development Environment (Contd.)
5. Set SDK path
1. Start Eclipse, then select Window > Preferences
2. Browse and show the path of Android SDK.
3. Press Apply and OK.
Development Environment Setup is now completed!
![Page 8: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/8.jpg)
Setting up Development Environment (Contd.)In Our Lab (1)
![Page 9: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/9.jpg)
Setting up Development Environment (Contd.)In Our Lab (2)First we install JDK
We have already done that
![Page 10: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/10.jpg)
Setting up Development Environment (Contd.)In Our Lab (3.1)We’ll setup Eclipse IndigoStand-alone Eclipse: just decompress and run eclipse.exe
You can create a shortcut in the desktop for eclipse.exe
![Page 11: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/11.jpg)
Setting up Development Environment (Contd.)In Our Lab (3.3)We’ll setup Eclipse Indigo
Choose your WorkSpace
![Page 12: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/12.jpg)
Setting up Development Environment (Contd.)In Our Lab (3.5)We’ll setup Eclipse Indigo
![Page 13: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/13.jpg)
Setting up Development Environment (Contd.)In Our Lab (3.6)We’ll setup Eclipse Indigo
We’ll become familiar to our new IDE gradually and I swear you’ll start loving it
![Page 14: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/14.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.1)We’ll setup ADT Plugin
![Page 15: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/15.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.2)We’ll setup ADT Plugin
![Page 16: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/16.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.3)We’ll setup ADT Plugin
![Page 17: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/17.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.4)We’ll setup ADT Plugin
![Page 18: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/18.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.5)We’ll setup ADT Plugin
![Page 19: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/19.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.6)We’ll setup ADT Plugin
![Page 20: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/20.jpg)
Setting up Development Environment (Contd.)In Our Lab (4.7)We’ll setup ADT Plugin
Adding ADT Pluging is DONE… You’ll now get a message
![Page 21: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/21.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.1)We’ll setup android SDK
After restarting Eclipse we get:
Don’t forget to ask me about the red marks
![Page 22: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/22.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.2)We’ll setup android SDK
SDK and AVD Manager: If we click on it:
So, we have to set the location of Android SDK and show it to our IDE
To do so….
![Page 23: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/23.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.3)We’ll setup android SDK
![Page 24: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/24.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.4)We’ll setup android SDK
![Page 25: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/25.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.5)We’ll setup android SDK
![Page 26: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/26.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.6)We’ll setup android SDK
![Page 27: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/27.jpg)
Setting up Development Environment (Contd.)In Our Lab (5.6)We’ll setup DDMS
Now We are Ready
![Page 28: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/28.jpg)
Let’s say “Hello” to the Android World!
![Page 29: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/29.jpg)
Let’s Go Deep…Created Project has the following structure
Project Structure
-Source (src)-Generated Class (gen)-Android 1.6 library-Assets (assets)-Resource(res) -drawable-hdpi -drawable-ldpi -drawable-mdpi -layout -values-AndroidMenifest.xml-default.properties
![Page 30: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/30.jpg)
Let’s Go Deep… (Contd.)To run the app in emulator, we have to do the following steps:
1. Create AVD (Android Virtual Device)2. Create Run Configuration3. Run the Application
To run the app in device, we have to do the following steps:
1. Install device driver2. Connect device through USB3. Create Run Configuration4. Run the Application
We’ll run the app in emulator for now
![Page 31: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/31.jpg)
Let’s Go Deep… (Contd.)1. Create AVD (Android Virtual Device)
Use Android SDK & AVD Manager to create AVD
![Page 32: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/32.jpg)
Let’s Go Deep… (Contd.)2. Create Run Configuration
1. Create a Run Configuration
2. Browse and select the project to run
![Page 33: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/33.jpg)
Let’s Go Deep… (Contd.)3. Select AVD & Run
Click Run to start AVD/emulator
![Page 34: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/34.jpg)
Let’s Go Deep… (Contd.)Result in Emulator
Now its time to analyze how it works
![Page 35: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/35.jpg)
Project Structure…Created Project has the following structure
Project Structure
-Source (src)-Generated Class (gen)-Android 1.6 library-Assets (assets)-Resource(res) -drawable-hdpi -drawable-ldpi -drawable-mdpi -layout -values-AndroidMenifest.xml-default.properties
![Page 36: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/36.jpg)
Project Structure (Contd.)-Source (src)We have used only one class here which is an Activity named HalloActivity. We’ll describe about Activity in detail with lifecycle shortly. For now we can consider Activity as Android analogue for the window or dialog in a desktop application. It can load view from xml layout (here main.xml under res/layout folder)
In the HelloActivity class the view of the Activity is set from main.xml given below
![Page 37: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/37.jpg)
Project Structure (Contd.)-res/layout/main.xml
1. UI Layout can be defined from source code using View or by layout xmls. 2. The layout xml can be generated by visual tool given by ADT
![Page 38: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/38.jpg)
Project Structure (Contd.)-res/drawable1. From Android 1.6 to support different screen sizes and screen densities graphic files
are kept in 3 different folders drawable-hdpi, drawable-ldpi and drawable-mdpi2. In our current project, they contain only default icon file with different dimensions
to support devices with different screen resolution.
-assetsHolds other static files you wish packaged with the application for deployment onto the device. In this project, we have none
-gen/R.java -values/strings.xml
![Page 39: Android Workshop: Day 1 Part 3](https://reader034.fdocuments.in/reader034/viewer/2022052522/554c2430b4c90513198b47bf/html5/thumbnails/39.jpg)
Project Structure (Contd.)-AndroidMenifest.xml
XML file describing the application being built and what components – activities, services, etc. – are being supplied by that application