Dr. Ramkumar Lakshminarayanan article published in Tamil Computer Magazine. The content is about how we can create Android Application using HTML.

1. ݇†ó£Œ´ ÜŠO«è
û¡ à¼õ£‚°õF™
݇†ó£Œ´ âv®«èJ¡
(Android SDK) ðò¡ð£†®¬ù
𣘈¶ õ‰«î£‹. ݇†
󣌴‚° âù à¼õ£‚èŠ
ð†ì ÜŠO«èû¡è¬÷
«õÁ î÷ƒèÀ‚° Üî£õ¶
IOS (ÝŠHœ ªñ£¬ð™ ðò¡
𴈶‹ î÷‹) M‡«ì£v
äç«ð£¡, ݇†ó£Œ´,
H÷£‚ªð˜K ñŸÁ‹ ªõŠ-
æâv î÷ƒèÀ‚° ãŸð CPò
ñ£ŸøƒèÀì¡ à¼õ£‚è
º®»‹.
ºîL™ ꣡Hó£¡Cv
«è£M™ ï¬ìªðŸø Iphone
Dev Camp-™ Ýèv† 2008™
ç«ð£¡«èŠH¬ù ªõOJ†
죘èœ.
â„®â‹â™ ªîK‰î£™ ݇†ó£Œ´
ÜŠO«èû¡ à¼õ£‚èô£‹!
ªñ£¬ð™ «ð£¡øõŸPŸ°
ñ£ŸÁõ¶ â¡ð¶ ÜõCò
ñ£ùªêòô£°‹.â„®â‹â™5
CâvC ñŸÁ‹ ü£õ£ vA
KŠ†®™ õ™ô¬ñ ªðŸøõ˜
èœ ªñ£¬ð™ ÜŠO«èû¬ù
à¼õ£‚°õîŸè£ù î÷‹
ç«ð£¡«èŠ (Phonegap)Ý°‹.
ç«ð£¡«èŠ Íô‹ 
à¼õ£‚°‹ ÜŠO«èû¬ù
ðì‹-1
ðì‹-2
ðì‹-3 ðì‹-4

2. Þî¡ CøŠ¹ â„®â‹â™,
CâvCñŸÁ‹ü£õ£vAKŠ†
ªîK‰î Þ¬íòî÷ õ®
õ¬ñŠð£÷˜èÀ‹ ªñ£¬ð™
ÜŠO«èû¡è¬÷ à¼õ£‚è
º®»‹.
ðô vñ£˜† ç«ð£¡è¬÷
꣘‰¶ Ý‚CL«ó£e†ì˜,
«èñó£, 裋ðv, 裡삆v,
ç¬ð™v, Gô ܬñŠ¹,
áìè‹, ªï†å˜‚, «ï£†®
çH«èû¡v(Alerts, Sound),
ñŸÁ‹ v«ì£«óxè¬÷ ðò¡
𴈶ñ£Á ÜŠO«èû¬ù
à¼õ£‚è º®»‹.
ç«ð£¡«èŠH¡ Íô‹
à¼õ£‚èŠð´‹ ÜŠO«èû¡
è¬÷ ðô î÷ƒèÀ‚° ãŸð
ܬñ‚è Cô ñ£Ÿøƒè¬÷
ªêŒ«î GÁõ º®»‹ â¡ð
î¬ù G¬ùM™ ªè£œ÷
«õ‡´‹.
݇†ó£Œ´ ÜŠO«è
û¡ à¼õ£‚°õ «î¬õ
ò£ù â‚OŠv 3.4, ݇†
Ý¡†ó£Œ´ -2
Þ󣋰ñ£˜ ªô†²Iï£ó£òí¡
24
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
<uses-permission
android:name="android.permission.VIBRATE" />
<uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATI
ON" />
<uses-permission
android:name="android.permission.ACCESS_FINE_LOCATION"
/>
<uses-permission
android:name="android.permission.ACCESS_LOCATION_EXTR
A_COMMANDS" />
<uses-permission
android:name="android.permission.READ_PHONE_STATE" />
<uses-permission
android:name="android.permission.INTERNET" />
<uses-permission
android:name="android.permission.RECEIVE_SMS" />
<uses-permission
android:name="android.permission.RECORD_AUDIO" />
<uses-permission
android:name="android.permission.MODIFY_AUDIO_SETTIN
GS" />
<uses-permission
android:name="android.permission.READ_CONTACTS" />
<uses-permission
android:name="android.permission.WRITE_CONTACTS" />
<uses-permission
android:name="android.permission.WRITE_EXTERNAL_STORA
GE" />
<uses-permission
android:name="android.permission.ACCESS_NETWORK_STA
TE" />
<uses-permission
android:name="android.permission.GET_ACCOUNTS" />
<uses-permission
android:name="android.permission.BROADCAST_STICKY" />
android:configChanges="orientation|keyboardHi
dden|keyboard|screenSize|locale"
ðì‹-5
ðì‹-5A
ðì‹-6
󣌴âv®«è,
ADT Plug-in
ª è £ ‡ « ì
ç«ð£¡ «èŠ
ÜŠO«èû¡
à¼õ£‚è º®
»‹. ݇†
Gó™-2
Gó™-1

3. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.ram.phonegapexample"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="15" />
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"
/>
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/title_activity_main" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
</activity>
</application>
</manifest> Gó™-3
󣌴‚è£ù ç«ð£¡«èŠ
ÜŠO«èû¬ù à¼õ£‚°õ
 «î¬õò£ù ç¬ð™è¬÷
www.phonegap.com â¡ø
Þ¬íò î÷ˆFL¼‰¶ ðF
Mø‚è‹ ªêŒ¶ ªè£œ÷ô£‹.
ðFMø‚è‹ ªêŒî ç¬ð™
phonegap-phonegap-2.0.0-0-
g2dbbdab.zip â¡ø ç¬ðô£è
Þ¼‚°‹. ðFMø‚è‹ ªêŒî
ç¬ðL¬ù ç«ð£¡«èŠ â¡ø
«ð£™ìK™ â‚v†ó£‚†
(Extract) ªêŒ»ƒèœ.
݇†ó£Œ´ ÜŠO«è
û¬ù ç«ð£¡«èŠ ðò¡
ð´ˆF à¼õ£‚°‹ º¬øJ™
ºîL™ ¹Fò Šó£ªü‚† å¡
P¬ù ªî£ìƒ°ƒèœ.
Þ‰î ꣡Á ݇†
󣌴 4.1 ªè£‡´ à¼õ£‚
èŠð†´œ÷¶.
â‚OŠC™ (Eclipse) GÎ
Šó£ªü‚†(New-Project)â¡ð
F™ ݇†ó£Œ´ ÜŠO
«èû¡ Šó£ªü‚† â¡ð¬î
«î˜‰ªî´ˆ¶ ªï‚v† ð†
ì¬ù AO‚ ªêŒ»ƒèœ.
(ðì‹1)
Þ‰î ꣡PŸ° Phonegap
example â¡Á ªè£´‚èŠð†
´œ÷¶. (ðì‹2) H¡ù˜
ªï‚v† ð†ì¬ù AO‚ ªêŒ
»ƒèœ. ÜŠO«èû‚° ãŸð
ä裬ù ܬñ‚è Ü´ˆî
F¬ó ðò¡ð´Aø¶. H¡ù˜
ªï‚v† ð†ì¬ù AO‚
ªêŒ»ƒèœ. (ðì‹3)
H¡ù˜, ¹Fò Ý‚®M†®
J¬ù à¼õ£‚è Ü´ˆî F¬ó
ðò¡ð´Aø¶, Þƒ° Š÷£ƒ‚
Ý‚®M†® (Blank Activity)
â¡ð¬îˆ «î˜‰ªî´‚è «õ‡
´‹. H¡ù˜ ªï‚v† ð†
ì¬ù AO‚ ªêŒò «õ‡´‹
(ðì‹4).

4. ݇†ó£Œ´ ÜŠO«è
û¡ à¼õ£‚°õF™
݇†ó£Œ´ âv®«èJ¡
<!DOCTYPE HTML>
<html>
<head>
<title>Android Phone Gap Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-
2.0.0.js"></script>
</head>
<body>
<h1>Tamil Computer - Knowledge of HTML is enough to
Develop Android Application</h1>
</body>
</html>
- ªî£ì¼‹
Gó™-4
ðì‹-7
ðì‹-8
ðì‹-9
ðì‹-10
Cô «ïóƒèO™ «î¬õ
ò£ù ªì‹Š«÷†´èœ GÁM
Þ¼‰î£™ Install (or) Upgrade
AO‚ ªêŒ¶ GÁõ «õ‡´‹.
H¡ù˜ Finish AO‚ ªêŒò
«õ‡´‹. (ðì‹5)
â‚OŠv ç¬ð™è¬÷ 嘂
v«ðC™ (workspace) «êIˆ¶
¬õ‚°‹. Phonegap example
ÜŠO«èû¡ âù¶ èEQ
J™ (c:usersramkumarwork
space) ç«ð£™ìK™ «êI‚
èŠð†´œ÷¶. (ðì‹5a).
Þƒ° Settings, assests, bin,
gen, cibs, res, src «ð£¡ø
ç«ð£™ì˜èœ àœ÷¬î 𣘂
èô£‹.
嘂v«ðC™ àœ÷ assests
â¡ø ç«ð£™ìK™ www â¡ø
ç«ð£™ì¬ó à¼õ£‚°ƒ
èœ. H¡ù˜, ç«ð£¡«èŠ
L¼‰¶ â‚v†ó£‚† ªêŒòŠ
ð†ì ç«ð£™ìK™ àœ÷
coredova-2.0.0.js â¡ø
ç¬ðL¬ù assests/www
â¡ø ç«ð£™ìK½‹, coredo
va-2.0.0.jor â¡ø ç¬ðL¬ù
1 libs â¡ø «ð£™ìK™ 裊H
ªêŒ»ƒèœ (ðì‹6). ç«ð£¡
«èŠH™ àœ÷ xml ç«ð£™ì
K¬ù/res ç«ð£™ìK™ 裊H
ªêŒF´ƒèœ.
H¡ù˜, 1 libs ç«ð£™
ìK¬ù «î˜‰ªî´ˆ¶ Build
Paths->configurebuild Path
â¡ð¬î AO‚ ªêŒ»ƒèœ.
Libraries «ìH™ àœ÷ Add Jar
â¡ðî¬ù AO‚ ªêŒ¶ core
dova-2.0.0.jar ç¬ðL¬ù
Šó£ªü‚´ì¡ Þ¬í»ƒ
èœ. (ðì‹7)
ç«ð£¡«èŠ Íô‹ ÜŠO
«èû¡ à¼õ£‚°õîŸè£ù
Å›G¬ôJ¬ù ܬñˆ¶
M†«ì£‹. ÜŠO«èû¡ à¼
õ£‚°‹ º¬øJ¬ùŠ 𣘊
«ð£‹.
ªñJ¡ Ý‚®M†® ü£õ£
M™ Cô ñ£Ÿøƒè¬÷ ܬñ
‚è «õ‡´‹ ܬõ,
1. Import org.apache.cordo
va.* â¡ðî¬ù Þ¬í‚è
«õ‡´‹.
2. â‚vªì‡† (Extend)
Ý°‹ ÜŠO«èû¡ Ý‚®
M†®JL¼‰¶ ®ó£Œ´ «èŠ
HŸ° (Droidgap) ܬñ‚è
«õ‡´‹.
3. set content view( ) -¬õ
laod URL("file:///android_asset/
www/index.html") âù ñ£ŸP
ܬñ‚è «õ‡´‹.
Android Manifest ÜÂñF
èœ Cô õöƒè «õ‡´‹.
<uses-sdk:.1>MŸ°‹ <applic
ation../> tag èÀ‚° Þ¬ì«ò
àœ÷ Gó™è¬÷ 裊H ªêŒ
»ƒèœ.
݇†ó£Œ´ ªñQªðv†
®™ àœ÷ Ý‚®M†® «ì‚
AÂœ àœ÷ Gó™è¬÷ 裊H
ªêŒ»ƒèœ.
Gó™è¬÷ 裊H ªêŒî
H¡ ݇†ó£Œ´ ªñQ
ªðv† ç¬ðô£ù¶ Gó™-3™
àœ÷¶ «ð£¡Á «î£¡Á‹.
assest/www â¡ø ç«ð£™
ìK™ Index.html ç¬ðL¬ù
à¼õ£‚°ƒèœ (ðì‹9).
Index.html-è£ù Gó™-4™
ªè£´‚èŠð†´œ÷¶.
H¡ù˜ Run As Android
Application â¡Á ªè£´ˆî£™
ÜŠO«èû¡ ⺫ô†ìK™
«î£¡Á‹. (ðì‹10)