LoginRegister Langsung aja berikut cara membuat Aplikasi Web Mobile device Android dengan Framework PhoneGap. Berikut step by stepnya: 3. Extract SDK Android yang sudah didownload td. kurang lebih isinya akan seperti gambar ini. -buka folder eclipse dan jalankan eclipse.exe 4. akan muncul tampilan awal ADT /Android Developer tools. dari sini sebenarnya sudah bisa dibuat untuk membuat aplikasi nativ android tapi belum berbasis web. kurang lebih seperti ini Screenshotnya 5. sekarang tinggal kita modif aplikasi nativenya supaya berbau Web dengan framework PhoneGap. Extract dulu phoneGap yang telah kita download kurang lebih isi dari file didalamnya adalah sebagai berikut: buka folder Lib/Android tampilan didalam folder 6. sekarang buat aplikasi di ADT-nya: – akan tampil dialog box berikut. – sesuakan setting seperti pada gambar, Aplication name di isi terserah tapi recommended sesuai apa yang saya tulis biar kebelakangnya gampang penyesuaiannya. klick Next. – klick next lagi. semua sudah default. – membuat icon setelah dirasa semua pass klick next – biarkan default aja activity-nya, klick next – sesuaikan gambar penganturannya, tinggal klick finish. 7.
tahap ini adalah menyatukan ADT dan PhoneGap. – sekarang yang perlu kita lakukan adalah mengcopy file cordova-2.6.0.jar yanga ada di folder phonegap tadi di lib/android (lihat Langkah 5) 8. Buat folder baru di asset kasih nama www, contoh gambar berikut, klick finish. 9. kita copy Folder XML yang ada di folder Phnoegap lib/android, paste ke C:\Users\handexcel\workspace\App\res 10. tinggal kita isi folder www tadi yang ada di C:\Users\handexcel\workspace\App\assets\www dengan file index terserah apa yang mau di tampilin. 11. setelah itu kita masuk lagi ke aplikasi ADT-nya lalu refresh (F5) klick dua kali untuk membukanya dan copykan script berikut kedalamnya: <?xml version=”1.0″ encoding=”utf-8″?><!– Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.–><cordova> <!– access elements control the Android whitelist. Domains are assumed blocked unless set otherwise –> <access origin=”http://127.0.0.1*”/> <!– allow local pages –> <!– <access origin=”https://example.com” /> allow any secure requests to example.com –> <!– <access origin=”https://example.com” subdomains=”true” /> such as above, but including subdomains, such as www –> <access origin=”.*”/> <!– <content src=”http://mysite.com/myapp.html” /> for external pages –> <content src=”index.html” /> <log level=”DEBUG”/> <preference name=”useBrowserHistory” value=”true” /> <preference name=”exit-on-suspend” value=”false” /><plugins> <plugin name=”App” value=”org.apache.cordova.App”/> <plugin name=”Geolocation” value=”org.apache.cordova.GeoBroker”/> <plugin name=”Device” value=”org.apache.cordova.Device”/> <plugin name=”Accelerometer” value=”org.apache.cordova.AccelListener”/> <plugin name=”Compass” value=”org.apache.cordova.CompassListener”/> <plugin name=”Media” value=”org.apache.cordova.AudioHandler”/> <plugin name=”Camera” value=”org.apache.cordova.CameraLauncher”/> <plugin name=”Contacts” value=”org.apache.cordova.ContactManager”/> <plugin name=”File” value=”org.apache.cordova.FileUtils”/> <plugin name=”NetworkStatus” value=”org.apache.cordova.NetworkManager”/> <plugin name=”Notification” value=”org.apache.cordova.Notification”/> <plugin name=”Storage” value=”org.apache.cordova.Storage”/> <plugin name=”FileTransfer” value=”org.apache.cordova.FileTransfer”/> <plugin name=”Capture” value=”org.apache.cordova.Capture”/> <plugin name=”Battery” value=”org.apache.cordova.BatteryListener”/> <plugin name=”SplashScreen” value=”org.apache.cordova.SplashScreen”/> <plugin name=”Echo” value=”org.apache.cordova.Echo” /> <plugin name=”Globalization” value=”org.apache.cordova.Globalization”/> <plugin name=”InAppBrowser” value=”org.apache.cordova.InAppBrowser”/></plugins><plugins> <plugin name=”App” value=”com.phonegap.App”/> <plugin name=”Geolocation” value=”com.phonegap.GeoBroker”/> <plugin name=”Device” value=”com.phonegap.Device”/> <plugin name=”Accelerometer” value=”com.phonegap.AccelListener”/> <plugin name=”Compass” value=”com.phonegap.CompassListener”/> <plugin name=”Media” value=”com.phonegap.AudioHandler”/> <plugin name=”Camera” value=”com.phonegap.CameraLauncher”/> <plugin name=”Contacts” value=”com.phonegap.ContactManager”/> <plugin name=”Crypto” value=”com.phonegap.CryptoHandler”/> <plugin name=”File” value=”com.phonegap.FileUtils”/> <plugin name=”Network Status” value=”com.phonegap.NetworkManager”/> <plugin name=”Notification” value=”com.phonegap.Notification”/> <plugin name=”Storage” value=”com.phonegap.Storage”/> <plugin name=”Temperature” value=”com.phonegap.TempListener”/> <plugin name=”FileTransfer” value=”com.phonegap.FileTransfer”/> <plugin name=”Capture” value=”com.phonegap.Capture”/></plugins></cordova> – dan jangan lupa save. 13. selanjutnya kita buka AndroidManifest.xml dan copykan script berikut sesudah script android:versionName=”1.0″ >
– atau langsung lengkapnya seperti ini.
13. tinggal kita edit bagian, lihat gambar klick dua kali untuk membuka dan isikan script berikut,
selesai tinggal priview hasilnya: outputnya bisa seperti ini tergantung isi dari file indexnya: hufttt panjang juga…. kalau kurang jelas bisa ditanyakan di comment. 🙂 |