summer school daiict

1. Android Development Lab
By – Mr.Prajyot Mainkar ( @prajyotm)!

2. I Don’t Have Specific Talent
I am just Passionately Curious
…About Android !!

3. About Me

4. SOWHAT’s IN PLATE
KEY TOPICS
Topics
Time
Dura.on
Introduc)on
15
mins
Ge2ng
Started
15
mins
Android
app
Fundamentals
15
mins
User
Interface
and
Controls
60
mins
Working
with
Text
Controls
60
mins
Graphic
and
Styling
30mins
Employing
Selec)on
Widgets
30mins

5. THE FLAVORS
ABOUT ANDROID OS
Source : developer.android.com

6. JELLY BEAN FEATURES
DOYOU KNOW ANY ?

7. A Little About Jelly Bean
• Everything in Jelly Bean feels fast, fluid, and smooth.
• More reactive and uniform touch responses. Boot up time 34
compared to Nexus’s 54
• improved performance throughout the system, including
faster orientation changes, faster responses when switching
between recent apps
• Introduction of PDK, Project Butter, Google Now and many
more features

8. GOOGLE NOW

9. TALK TO TEXT
• It too allows natural queries, provides
equally natural responses (much like
Siri), and the voice output sounds much
more human-like than any other.
• Improved both in accuracy and turn
around time
• Understands Indian accent to much
larger scale
• No data connection required as whole
vocabulary library is ember red within
Jelly Bean

10. SMART APP UPDATES
• Starting with Android 4.1 Jelly Bean,
each paid app is encrypted with a
device specific key. Google has
enabled “smart updates” – basically,
they only send the part of the APK file
that has changed, not the whole app all
over again.
• Saves time and bandwidth

11. PROJECT BUTTER
• Frame rate for animation is not set at
60FPS
• Reduces touch latency not only by
sync, but now VSync timing
• Triple buffering in graphic pipeline for
more constancy in rendering that
makes smoother from scroll to paging
and animation

12. ACTIONABLE NOTIFICATIONS
• The new notifications come packed with more
information and actions, enough to help you
perform all essential tasks from within the
notification drawer, without having to actually
launch each individual app.
• You will be able to drag down on a notification
with two fingers to expand it for extra info and
options
• Disable Notifications for individual apps

13. ANDROID PDK
• PDK is hardware equivalent of an SDK for manufactures
• PDK is supposed to help manufacturer to make devices for latest
versions of android before that version actually launches
• Fragmentation - would be tackled

14. TYPE PREDICTION
• Yes !! It serves are Mini-Swiftkey of Android
• Accuracy is yet unknown, but certainly is better
than default keyboard.

15. SMARTER HOME SCREEN
• The JB home screen takes a page out of the
iOS book with the addition of auto-arrange. This
feature will automatically arrange both icons and
widgets for you as you move them around and
between different home screens.
• For example, if you move a widget to a home
screen that doesn’t have enough space for it,
the widget will be resized to fit within the empty
space on said screen.

16. IMPROVED CAMERA APP
• The Camera app has been improved to facilitate faster switching between
the camera viewfinder and captured photos.
• You can swipe in from the right of the screen to jump to your captured
photos and pinch to switch to a new film strip view, where you can quickly
swipe a photo up off the screen to delete it. Accidental deletes can be
undone.

17. ANDROID BEAM
• you will be able to tap two NFC-enabled Android devices together to share
photos and videos as well.

18. CHOOSEWHICH SUITS
App Designed Using Local Resources
and is mobile os centric
NATIVE APPLICATION
Integrating app functionality with web
development techniques
MOBILE WEB APPLICATION
Wri)ng
minimal
na)ve
UI
and
loading
web
services
for
data
transmission
over
server
NATIVE & WEB APPLICATION
Using
the
respec)ve
model
to
create
cross
na)ve
apps
that
works
on
all
intended
targets
CROSS PLATFORM DEV TOOLS
TYPES OF APPS

19. FINDING THEWAY
ANDROID ECOSYSTEM
• Eclipse
• SDK
• Android Plug-in For Android
• Other Components and Platform Integration

20. APP DEVELOPMENT
KICKSTART APP STRUCTURE
Default Activity Other Activity
Libraries
Services
Content Providers
Android Manifest
Layout Values AssetsDrawable
Intent

21. SOMETHING
ABOUT ANDROID
Facts That very Few Know
Android
is
a
soJware
stack
for
mobile
device
which
includes
OS,
middleware
and
key
component/
features.Google,
Google
Services,
IDE’s
and
Programming.Google
has
many
acquisi)on
and
it
is
soon
making
into
Cloud
Arena

22. THE KICKSTART
ABOUT FIRST ANDROID
September 2008

23. THE TEXTVIEW
EXECUTING TEXTVIEW
Features of Edittext box
Element
to
View
Text
on
GUI.
textStyle,
textColor
are
some
of
its
element
type.
Import
android.widget.EditText
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://
schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=”I’m at Goa University"
/>

24. THE EDITWAY
EXECUTING EDITTEXT
Features of Edittext box
EditText
is
a
thin
veneer
over
textview
that
configures
itself
to
be
editable
Import
android.widget.EditText
<?xml version="1.0" encoding="utf-8"?>
<EditText xmlns:android="http://
schemas.android.com/apk/res/android"
android:id="@+id/field"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:singleLine="false"
/>

25. THE EDITWAY
EXECUTING EDITTEXT
Features of Edittext box
package com.edittext;import
android.app.Activity;import
android.os.Bundle;import android.widget.EditText;
public class EdittextActivity extends Activity
{@Override
public void onCreate(Bundle savedInstanceState)
{ super.onCreate(savedInstanceState);
setContentView(R.layout.main);
EditText E=(EditText)findViewById(R.id.field);
E.setText("Lets Have a Edit Text Demo.Have a
great day ahead. Cheers!");

26. THE IMAGEVIEW
EMPLOYING IMAGES
Features of Edittext box
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/
android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ImageView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:src="@drawable/img"/>
</LinearLayout>

27. THE CHECK(BOX)
UNDERSTANDING CHECKBOX
Advance Checkbox Functions
isChecked()
is
a
func)on
that
is
use
to
check
if
the
checkbox
has
been
checked.
CompoundBuDon.OnCheckedChangeListener()
interface
defini)on
for
a
callback
to
be
invoked
when
the
checked
state
of
a
compound
buTon
is
changed
<?xml version="1.0" encoding="utf-8"?>
<CheckBox xmlns:android="http://
schemas.android.com/apk/res/android"
android:id="@+id/check"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This checkbox is: unchecked" />

28. THE CHECK(BOX)
UNDERSTANDING CHECKBOX
package com.CB;
import android.app.Activity;
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
public class CheckboxActivity extends Activity implements CompoundButton.OnCheckedChangeListener {
CheckBox cb;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
cb=(CheckBox)findViewById(R.id.check);
cb.setOnCheckedChangeListener(this);
}
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
if (isChecked) {
cb.setText("This checkbox is: checked");
}
else {
cb.setText("This checkbox is: unchecked");
}
}
}

29. THE BUTTON
UNDERSTANDING BUTTON
Simplicity Unleased
There
are
2
simple
buTon
controls
for
use
within
your
layouts:
BuTon
(android.widget.BuTon)
ImageBuTon
(android.widget.ImageBuTon)
<ImageBuTon
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="
@drawable/skater"
android:id="@+id/
ImageBuTon01"
android:layout_toRightOf="@+id/
BuTon01"></ImageBuTon>

30. THE BUTTON
UNDERSTANDING BUTTON
Simplicity Unleased
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<Button android:id="@+id/button1"
android:layout_height="wrap_content"
android:text="Button 1"
android:layout_weight="0.01"
android:layout_width="96dp"/>
<Button android:id="@+id/button2"
android:layout_height="wrap_content"
android:text="Button 2"
android:layout_weight="0.01"
android:layout_width="97dp"/>

31. THE BUTTON
UNDERSTANDING BUTTON
Simplicity Unleased
package com.Button;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;
public class ButtonActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button b1 = (Button) findViewById(R.id.button1);
Button b2 = (Button) findViewById(R.id.button2);
b1.setOnClickListener(new OnClickListener()
{
public void onClick(View v)
{
Toast msg = Toast.makeText(getBaseContext(),"You have
clicked Button 1", Toast.LENGTH_LONG);
msg.show();
}
});
b2.setOnClickListener(new OnClickListener()
{
public void onClick(View v)
{
Toast msg = Toast.makeText(getBaseContext(),"You have
clicked Button 2", Toast.LENGTH_LONG);
msg.show();
}
});
}
}

32. THE RADIO BUTTON
MONO SELECT
Simple, yet effective
<?xml version="1.0" encoding="utf-8"?>
<RadioGroup
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<RadioButton android:id="@+id/radio1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Session" />
<RadioButton android:id="@+id/radio2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="In" />
<RadioButton android:id="@+id/radio3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=“My Department" />
</RadioGroup>
My Department

33. THE TOGGLE BUTTON
UNDERSTANDING ON/OFF
Extension to Button via XML
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://
schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ToggleButton
android:id="@+id/toggleButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="toggle_turn_on"
android:textOff="toggle_turn_off"
android:checked="true" />
</LinearLayout>

34. LINEAR LAYOUT CONCEPT
Various Linear Layout Parameters
Fill
Model
(
layout
:width
and
layout
:
height)
OrientaJon
(
Row
/
Colomn
)
Weight
(
How
are
the
spacing
between
two
widgets?)
Gravity(layout_gravity)
Padding(padding
leT,padding
right,padding
top,padding
boDom)
THE CONTAINERS

35. OTHER LAYOUT CONCEPT
Various Linear Layout Parameters
Rela.ve
Layout
Frame
Layout
Table
Layout
Absolute
Layout

36. LINEAR LAYOUT
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/
android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<RadioGroup android:id="@+id/orientation"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5px">
<RadioButton
android:id="@+id/horizontal"
android:text="horizontal" />
<RadioButton
android:id="@+id/vertical"
android:text="vertical" />
</RadioGroup>
<RadioGroup android:id="@+id/gravity"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px">
<RadioButton
android:id="@+id/left"
android:text="left" />
<RadioButton
android:id="@+id/center"
android:text="center" />
<RadioButton
android:id="@+id/right"
android:text="right" />
</RadioGroup>
</LinearLayout>

37. LINEAR LAYOUT
package com.LinearLayout;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.widget.LinearLayout;
import android.widget.RadioGroup;
public class LinearLayoutActivity extends Activity
implements RadioGroup.OnCheckedChangeListener {
RadioGroup orientation;
RadioGroup gravity;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
orientation=(RadioGroup)findViewById(R.id.orientation);
orientation.setOnCheckedChangeListener(this);
gravity=(RadioGroup)findViewById(R.id.gravity);
gravity.setOnCheckedChangeListener(this);
}
public void onCheckedChanged(RadioGroup group, int
checkedId) {
switch (checkedId) {
case R.id.horizontal:
orientation.setOrientation(LinearLayout.HORIZONTAL);
break;
case R.id.vertical:
orientation.setOrientation(LinearLayout.VERTICAL);
break;
case R.id.left:
gravity.setGravity(Gravity.LEFT);
break;
case R.id.center:
gravity.setGravity(Gravity.CENTER_HORIZONTAL);
break;
case R.id.right:
gravity.setGravity(Gravity.RIGHT);
break;
}
}
}

38. THE OUTPUT

39. LET’s MERGE
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/
android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px">
<TextView android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Name"
android:layout_alignBaseline="@+id/entry"
android:layout_alignParentLeft="true"/>
<EditText
android:id="@id/entry"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/label"
android:layout_alignParentTop="true"/>
<Button
android:id="@+id/ok"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/entry"
android:layout_alignRight="@id/entry"
android:text="OK" />
<Button
android:id="@+id/cancel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/ok"
android:layout_alignTop="@id/ok"
android:text="Cancel" />
</RelativeLayout>

40. NOW,CHECK THE OUTPUT

41. SCROLL AND COLOR BACKGROUND
<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="0">
<TableRow>
<View
android:layout_height="80px"
android:background="#ffffaa"/>
<TextView android:text="#ffffaa"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="#884400" />
<TextView android:text="#884400"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="#ffffff" />
<TextView android:text="#ffffff"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="#aa8844" />
<TextView android:text="#aa8844"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="#ffaa88" />
<TextView android:text="#ffaa88"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>

42. LET’s MERGE
<TableRow>
<View
android:layout_height="80px"
android:background="#ffffaa" />
<TextView android:text="#ffffaa"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="#aa8844" />
<TextView android:text="#aa8844"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
</TableLayout>
</ScrollView>

43. LETS USE FLIPPER
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/
apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button android:id="@+id/flip_me"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Check This Out!!"
/>
<ViewFlipper android:id="@+id/details"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textColor="#FFFF0000"
android:text="Thank you one and all"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textColor="#FF00FF00"
android:text="For Joining in"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textStyle="bold"
android:textColor="#FFFFFF33"
android:text="For This Android Workshop"
/>
</ViewFlipper>
</LinearLayout>

44. LETS USE FLIPPER
package com.flipper;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ViewFlipper;
public class FlipperActivity extends Activity {
ViewFlipper flipper;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
flipper=(ViewFlipper)findViewById(R.id.details);
Button btn=(Button)findViewById(R.id.flip_me);
btn.setOnClickListener(new View.OnClickListener() {
public void onClick(View view) {
flipper.showNext();
}
});
}
}

45. FONTS
ADDING EXTRA FLAVOR
<?xml version="1.0" encoding="utf-8"?>
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<TextView
android:text="sans:"
android:layout_marginRight="4px"
android:textSize="20sp"
/>
<TextView
android:id="@+id/sans"
android:text="Hello, Goa!"
android:typeface="sans"
android:textSize="20sp"
/>
</TableRow>

46. FONTS
ADDING EXTRA FLAVOR
<TableRow>
<TextView
android:text="serif:"
android:layout_marginRight="4px"
android:textSize="20sp"
/>
<TextView
android:id="@+id/serif"
android:text="Hello, Goa!"
android:typeface="serif"
android:textSize="20sp"
/>
</TableRow>
<TableRow>
<TextView
android:text="monospace:"
android:layout_marginRight="4px"
android:textSize="20sp"
/>

47. ABOUT THE CLUB
ANDROCID
Goa’s Only ANDROID CLUB
and
India’s Only Android Community Blog
www.gaug.in
www.androcid.com

48. GET IN TOUCH
CONTACT US
Address: SPM Softwares & Designers, Zarina Towers,St.Inez,Panaji Goa
Phone: +91-9822987513
Email: prajyotm@msn.com
http://facebook.com/prajyotmainkar
http://twitter.com/prajyotm
http://linkedin.com/in/prajyotm
+ Prajyot Mainkar