SlideShare a Scribd company logo

echo-o & Android App Dev - BarCamp Saigon 1

Download as PPT, PDF
H
huyzing

The document presents an overview of the Echo-O web application built for multiple clients, including Android mobile devices. It discusses the Android application architecture, outlining essential components like activities, services, and web interactions, while also addressing common webview issues and their solutions. Code snippets illustrate practical implementations, such as enabling JavaScript and handling URL loading within the application.

Technology
1 of 24
Downloaded 118 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
by Tuan Tuong Dang @ Multinc with guidance from Huy Zing BarCamp Saigon 1 November 15, 2008
echo-o “ simple real-time feedback” From: To:
echo-o architecture Web Application Multiple clients: Web browser Adobe AIR iPhone mobile Android mobile
Android Mobile
This presentation Structure of an Android application Building blocks of an Android application User Interface of the echo-o application
 
 
HelloWorld.java public class HelloWorld extends Activity { public void onCreate(Bundle instanceState) { super.onCreate(instanceState); TextView tv = new TextView(this); tv.setText("Hello World!!!"); this.setContentView(tv); } }
 
 
4 Android Building Blocks Activity Service BroadcastReceiver ContentProvider
Building Blocks for echo-o Activity – to show screens and respond to user Service – to create a re-usable sound object BroadcastReceiver ContentProvider
Other APIs Intent Views Notifications
Other APIs for echo-o Intent – messages such as invoking a sound Views – display web pages Notifications – send vibrate notifications
 
UI Screens Each screen has views
View Layouts FrameLayout LinearLayout RelativeLayout TableLayout AbsoluteLayout
View Components Button TextView WebView – displays our web application EditText ListView CheckBox Radio
WebView Problem: JavaScript is disabled by default. Solution: browser.getSettings().setJavaScriptEnabled( true );
WebView Problem: Communication between Android app and web app: Solutions: Set up handler for JavaScript alerts/prompt/confirms: browser. setWebChromeClient (new WebChromeConfirm()); private class WebChromeConfirm extends WebChromeClient {…} Web app invokes method on native app: MainActivity.java AndroidManipulation am = new AndroidManipulation(this); browser. addJavascriptInterface (am, “am"); WebApp.js: am. doVibrate();
WebView Problem: Zoom picker is disabled by default Solution: LinearLayout zoomLayout = (LinearLayout)findViewById(R.id. basic_map_zoom ); settingWebView(); View zc = browser. getZoomControls (); zoomLayout. addView (zc, new ViewGroup.LayoutParams(ViewGroup.LayoutParams. WRAP_CONTENT , ViewGroup.LayoutParams. WRAP_CONTENT ));
WebView Problem: clicking links are sent to system web browser. Solution: clicking links stay in the WebView browser. setWebViewClient (new Callback()); private class Callback extends WebViewClient { public boolean shouldOverrideUrlLoading(WebView view, String url) { loadUrl(url); return(true); } }
WebView Problem: changing orientation resets emulator Solution: test on real mobile device on emulator: protected void onSaveInstanceState ( Bundle outState ) { super.onSaveInstanceState(outState); outState. putString ("address", txt.getText().toString()); } .... String address = savedInstanceState != null ? savedInstanceState. getString ("address") : "http://www.google.com.vn"; loadUrl(address);
http://multinc.com/ http://code.google.com/android/

More Related Content

PDF
Tom Germeau: Mobile Apps: Finding the balance between performance and flexibi...
Chartbeat
 
PDF
Support Design Library
Taeho Kim
 
PDF
Material design for everyone
Taeho Kim
 
PPT
Rakuraku Contact Network Award Presentation
yukisnowing
 
PPT
Jimmmy
guest886bd
 
PDF
iPhone App Dev Overview - Mobile Dev Camp Vietnam 1
huyzing
 
PPT
Improving IT Education In Vietnam
huyzing
 
PPT
iPhone & Android App Dev - BarCamp Saigon 1
huyzing
 
Tom Germeau: Mobile Apps: Finding the balance between performance and flexibi...
Chartbeat
 
Support Design Library
Taeho Kim
 
Material design for everyone
Taeho Kim
 
Rakuraku Contact Network Award Presentation
yukisnowing
 
Jimmmy
guest886bd
 
iPhone App Dev Overview - Mobile Dev Camp Vietnam 1
huyzing
 
Improving IT Education In Vietnam
huyzing
 
iPhone & Android App Dev - BarCamp Saigon 1
huyzing
 

Similar to echo-o & Android App Dev - BarCamp Saigon 1 (20)

PPT
Developing Applications for WebOS
Chuq Von Rospach
 
PPT
iLabs Toolbox Javashare 2008
rmzdotno
 
ODP
Non Conventional Android Programming En
guest9bcef2f
 
ODP
Non Conventional Android Programming (English)
Davide Cerbo
 
PDF
Federico Lox Lucignano, War of the worlds web or native both
IxDA_Poznan
 
PDF
Building an app across 11 arabic countries
droidcon Dubai
 
PDF
Hybrid application development
Engin Hatay
 
PDF
Android Survival Guide - Two years of software development
Alfredo Morresi
 
PDF
Android web service client
Aravindharamanan S
 
PPT
Developing apps on Maemo with Nokia Web Runtime
santtuahonen
 
PPT
Native Mobile Application Using Java Script
Borey Lim
 
PDF
Advantages and limitations of PhoneGap for sensor processing
Gabor Paller
 
PDF
The WebView Role in Hybrid Applications
Haim Michael
 
PPTX
4G LTE Presentation from O\'Reilly Android Open Confereence
Alex Gaber
 
PPTX
Make Mobile Apps Quickly
Gil Irizarry
 
PDF
The Enterprise Dilemma: Native vs. Web
Motorola Mobility - MOTODEV
 
ZIP
Titanium @ Minnebar
Kevin Whinnery
 
PPT
Getting started
Training Guide
 
PDF
HTML5 vs Native Android: Smart Enterprises for the Future
Motorola Mobility - MOTODEV
 
PPTX
Holland9 Android Workshop Hogeschool Rotterdam
J B
 
Developing Applications for WebOS
Chuq Von Rospach
 
iLabs Toolbox Javashare 2008
rmzdotno
 
Non Conventional Android Programming En
guest9bcef2f
 
Non Conventional Android Programming (English)
Davide Cerbo
 
Federico Lox Lucignano, War of the worlds web or native both
IxDA_Poznan
 
Building an app across 11 arabic countries
droidcon Dubai
 
Hybrid application development
Engin Hatay
 
Android Survival Guide - Two years of software development
Alfredo Morresi
 
Android web service client
Aravindharamanan S
 
Developing apps on Maemo with Nokia Web Runtime
santtuahonen
 
Native Mobile Application Using Java Script
Borey Lim
 
Advantages and limitations of PhoneGap for sensor processing
Gabor Paller
 
The WebView Role in Hybrid Applications
Haim Michael
 
4G LTE Presentation from O\'Reilly Android Open Confereence
Alex Gaber
 
Make Mobile Apps Quickly
Gil Irizarry
 
The Enterprise Dilemma: Native vs. Web
Motorola Mobility - MOTODEV
 
Titanium @ Minnebar
Kevin Whinnery
 
Getting started
Training Guide
 
HTML5 vs Native Android: Smart Enterprises for the Future
Motorola Mobility - MOTODEV
 
Holland9 Android Workshop Hogeschool Rotterdam
J B
 
Ad

Recently uploaded (20)

PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
DOCX
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Cloud computing and distributed systems.
kkkkkhan
 
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
ReZa AdineH
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Ad

echo-o & Android App Dev - BarCamp Saigon 1

  • 1. by Tuan Tuong Dang @ Multinc with guidance from Huy Zing BarCamp Saigon 1 November 15, 2008
  • 2. echo-o “ simple real-time feedback” From: To:
  • 3. echo-o architecture Web Application Multiple clients: Web browser Adobe AIR iPhone mobile Android mobile
  • 5. This presentation Structure of an Android application Building blocks of an Android application User Interface of the echo-o application
  • 6.  
  • 7.  
  • 8. HelloWorld.java public class HelloWorld extends Activity { public void onCreate(Bundle instanceState) { super.onCreate(instanceState); TextView tv = new TextView(this); tv.setText("Hello World!!!"); this.setContentView(tv); } }
  • 9.  
  • 10.  
  • 11. 4 Android Building Blocks Activity Service BroadcastReceiver ContentProvider
  • 12. Building Blocks for echo-o Activity – to show screens and respond to user Service – to create a re-usable sound object BroadcastReceiver ContentProvider
  • 13. Other APIs Intent Views Notifications
  • 14. Other APIs for echo-o Intent – messages such as invoking a sound Views – display web pages Notifications – send vibrate notifications
  • 15.  
  • 16. UI Screens Each screen has views
  • 17. View Layouts FrameLayout LinearLayout RelativeLayout TableLayout AbsoluteLayout
  • 18. View Components Button TextView WebView – displays our web application EditText ListView CheckBox Radio
  • 19. WebView Problem: JavaScript is disabled by default. Solution: browser.getSettings().setJavaScriptEnabled( true );
  • 20. WebView Problem: Communication between Android app and web app: Solutions: Set up handler for JavaScript alerts/prompt/confirms: browser. setWebChromeClient (new WebChromeConfirm()); private class WebChromeConfirm extends WebChromeClient {…} Web app invokes method on native app: MainActivity.java AndroidManipulation am = new AndroidManipulation(this); browser. addJavascriptInterface (am, “am"); WebApp.js: am. doVibrate();
  • 21. WebView Problem: Zoom picker is disabled by default Solution: LinearLayout zoomLayout = (LinearLayout)findViewById(R.id. basic_map_zoom ); settingWebView(); View zc = browser. getZoomControls (); zoomLayout. addView (zc, new ViewGroup.LayoutParams(ViewGroup.LayoutParams. WRAP_CONTENT , ViewGroup.LayoutParams. WRAP_CONTENT ));
  • 22. WebView Problem: clicking links are sent to system web browser. Solution: clicking links stay in the WebView browser. setWebViewClient (new Callback()); private class Callback extends WebViewClient { public boolean shouldOverrideUrlLoading(WebView view, String url) { loadUrl(url); return(true); } }
  • 23. WebView Problem: changing orientation resets emulator Solution: test on real mobile device on emulator: protected void onSaveInstanceState ( Bundle outState ) { super.onSaveInstanceState(outState); outState. putString ("address", txt.getText().toString()); } .... String address = savedInstanceState != null ? savedInstanceState. getString ("address") : "http://www.google.com.vn"; loadUrl(address);