Users  

   

Hobi  

   

Statistik  

Visitors
232
Articles
59
Articles View Hits
394910
   

User Online  

We have 49 guests and no members online

   

In order to view this object you need Flash Player 9+ support!

Get Adobe Flash player

Powered by RS Web Solutions

   

Shoutbox

Latest Message: 11 months, 3 weeks ago
  • arjunoireng : udah mau ada even lagi ajah
  • santi : haaaii semuanya,,,sepiiii niiihhh SMILEYS_SUP SMILEYS_SUP
  • santi : sudah lama kita tidak bersua di sini A Kiss/Lips Are Sealed A Kiss/Lips Are Sealed A Kiss/Lips Are Sealed A Kiss/Lips Are Sealed A Kiss/Lips Are Sealed A Kiss/Lips Are Sealed
  • mpix : Udah jarang yg posting nih hehehehe SMILEYS_MEWEK SMILEYS_MEWEK
  • arjunoireng : haii... anyeong
  • santi : waalaikumsalam...hai semua,,,ko ga pada nongol lagi dimari SMILEYS_SUP2 SMILEYS_SUP2 SMILEYS_SUP2 SMILEYS_SUP2 SMILEYS_SUP2
  • root : mau akses untuk isi artikel donk mimin Cool
  • root : assalamualaikum SMILEYS_ALAY
  • Roni : SMILEYS_SALAHKAMAR
  • Roni : Mas Bro Saya pingin Updaate article nihh tapi dimana link bwt ngisi ??

Only registered users are allowed to post

   

Home

Membuat Aplikasi Web Launcher Di Android

Details

Seperti biasa, masih mengenai java, dari pada gak ada kerjaan (sebenarnya kerjaan banyak, apalagi ditambah sama ketua HMTI buat jadi panitia TO, jadi makin banyak & repot) lebih baik saya buat tutorial. Ditutorial kali ini saya akan membuat aplikasi android seperti judul diatas, Web Launcher. Apa itu web launcher, web launcher itu sebuah aplikasi kecil untuk masuk ke halaman web/blog kita tanpa perlu membuka web browser dan mengetikan URL. Aplikasi web launcher ada 2 macam, cara pertama cukup mudah, tinggal buat project lalu memasang WebView dengan width dan height diset fill-parent dan mengatur agar webView langsung load halaman web yang dimaksud saat pertama jalan. Selesai sudah..!! Tapi… dimana seninya, kalau cuma yang standar-standar gitu?

Ditutorial kali ini saya akan membuat web launcher yang bisa meload halaman berikutnya tetap di dalam launcher (tidak membuat web browser), bisa menampilkan progress bar, dan punya feature zoom-in/out, mirip seperti aplikasi facebook,dll. jadi baca sampai habis..!!

Berhubung web HMTI belum tersedia versi mobile, jadi mungkin halaman aplikasi kita kurang sempurna karena tampilannya, tapi tidak apa-apa, saya buat aplikasi ini untuk bahan belajar siapa tau ada yang perlu membuat web launcher untuk web/blog nya sekaligus memperkenalkan web resmi HMTI, agar siapa yang pakai aplikasi ini pasti tau HMTI (yayalah, la wong aplikasinya langsung masuk ke web HMTI), terima kasih untuk sesepuh HMTI sudah diberi izin untuk membuat web launcher nya, semoga amal ibadahmu diterima disisinya... hehee

Seperti biasa, kita buat project baru di IDE kesayangan kita (Eclipse), tak usah menerangkan bagaimana cara membuat project baru di eclipse untuk membuat aplikasi android, karena sangat melelahkan, sebaiknya cari tau sendiri saja :) . Lalu beri nama project tsb HMTI, setelah project selesai dibuat, sekarang saatnya kita rubah isi dari main.xml yang terletak di folder res/layout, hapus semua source code xml tsb dan rubah seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<WebView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>


Setelah selesai, sekarang kita buat file xml lagi, kita beri nama about.xml dan simpan satu folder bersama main.xml yaitu di folder res/layout. isi
about.xml dengan source code berikut

<?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="fill_parent"
   android:padding="10dip">
   <TextView
      android:id="@+id/about_content"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="@string/about_text" />
</ScrollView>


Kalau sudah jadi, akan nampak seperti ini

Selesai membuat semua file xml, sekarang kita rubah icon-icon default milik android, agar aplikasi kita mempunyai icon sesuai keinginan kita. Hapus dulu folder drawable-hdpi, drawable-mdpi dandrawable-ldpi yang ada di folder res. lalu download kumpulan icon berikut disini, extract dan masukan difolder res. lihat gambar

Setelah selesai, sekarang waktunya kita coding java....

Sekarang buka file hmti.java atau activity nya yang ada di folder src dan kita rubah seperti seperti ini

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.Window;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class hmti extends Activity {

    public static final int ABOUT = Menu.FIRST+1;
    public static final int EXIT = Menu.FIRST+2;
//membuat option menu
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        menu
        .add(Menu.NONE, ABOUT, Menu.NONE, "About")
        .setIcon(R.drawable.hmti_about);
    menu
        .add(Menu.NONE, EXIT, Menu.NONE, "Exit")
        .setIcon(R.drawable.hmti_exit);
        return super.onCreateOptionsMenu(menu);
    }
//aksi untuk option menu yg terpilih
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // TODO Auto-generated method stub
        switch (item.getItemId()) {
        case ABOUT:
            startActivity(new Intent(this, About.class));
            return(true);
        case EXIT:
            finish();
            return(true);
        }
        return(super.onOptionsItemSelected(item));
    }

    /** Called when the activity is first created. */
    final Activity activity = this;
//aplikasi
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        this.getWindow().requestFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.main);
        WebView webView = (WebView) findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient() {

            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                activity.setTitle("Loading coy...");
                activity.setProgress(newProgress * 100);
                if (newProgress == 100) {
                    activity.setTheme(R.string.app_name);
                    activity.setTitle("HMTI");
                }
            }
        });
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onReceivedError(WebView view, int errorCode,
                    String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        webView.loadUrl("http://www.hmtibansal.org");

    }
}


Setelah selesai, masih difolder yang sama, di src , kita buat file java baru bernama about.java , file ini berfungsi untuk option menu, aplikasi kalau tidak ada option menu rasanya kurang lengkap.


 Setelah selesai membuat file, sekarang isi about.java  dengan source code berikut

package com.hmti.main;

import android.app.Activity;
import android.os.Bundle;

public class About extends Activity {
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.about);
    }
}

Setelah selesai coding java nya, sekarang kembali ke xml, kita rubah lagi file AndroidManifest.xml sekaligus menambahkan permission internet agar aplikasi kita diperbolehkan membuka halaman web juga menambahkan akses activity untuk menu option, rubah source codenya seperti berikut

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hmti.main" android:versionCode="1" android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".hmti" android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity android:name="About"
            android:theme="@android:style/Theme.Dialog" android:label="@string/about_title"></activity>
    </application>
    <uses-sdk android:minSdkVersion="4" />

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

</manifest>

 

Langkah terkahir sekarang kita ubah file strings.xml yang ada di folder res/values seperti berikut

 

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">HMTI</string>
    <string name="about_label">About</string>
    <string name="about_title">HMTI Launcher</string>
    <string name="about_text">software by : <b>Umbara</b>
    </string>
<string name="main_title">HMTI</string>
</resources>

Sekarang selesai sudah pembuatan aplikasinya, saat kita compile dan jalankan, kalau tidak ada error aplikasi akan berjalan seperti ini

Sampai disini kita telah sukses membuat aplikasi android, sesuatu banget yach...... :)


Sebenarnya ada cara mudah untuk membuat web launcher, kita tinggal masuk ke website http://www.appsgeyser.com/ lalu tinggal klik "create" next-next-next, jadi.!! tapi cara tsb tidak mencerminkan mahasiswa IT, kita tidak mau disebut "yang bisanya cuma klik-klik-klik & finish", lagi pula kalau kita coding sendiri bisa lebih leluasa untuk membuat aplikasi, juga sekaligus bahan belajar....

Sekian dari saya, apabila ada salah mohon dibenarkan, maklum newbie... :)

Ditutorial selanjutnya insya Allah saya akan buat web launcher versi Blackberry, tapi nanti kalau saya sudah pakai Blackberry, Percuma sekarang buat kalau gak bisa make.. wkwkwkwkwkwk

Bagi yang ingin mengembangkan Aplikasi ini, project bisa didownload disini

dan untuk aplikasi HMTI.apk yang ingin langsung diinstall di hp android, bisa didownload disini

Terima Kasih....

Comments   

 
0 #29 Sidney 2017-03-30 20:25
Within the following articles, you'll come to
know extra about Sky services and its varied contact numbers.



My web page: Scottish Power Contact Numbers: http://idcommunications.co.za/index.php/component/k2/itemlist/user/458358
Quote
 
 
0 #28 Charlene 2017-03-15 11:48
It's especially hard if you think like you're the only teacher in your school to attempt fitting technology into your planning and classroom delivery.
This type of technology utilizes specialized equipment, teaching materials and services
that will enable they perform and function in their surroundings.
But Apple possesses his own idea about how to watch video, and contains absolutely nothing
to do with standards that someone else creates.


My blog post; e business management (sites.google.com: https://sites.google.com/site/dataroomprovidersoverview/)
Quote
 
 
0 #27 Royal 2017-03-02 20:34
I'm truly enjoying the design and layout of your blog.
It's a very easy on the eyes which makes it much more enjoyable for
me to come here and visit more often. Did you hire out
a developer to create your theme? Great work!


Review my web-site - E-commerce: http://www.seoadvanced.xyz
Quote
 
 
0 #26 Christie 2017-02-22 22:34
Look at my webpage plus size st patrick's day shirt: http://ow.ly/6hjh309eQ13
Quote
 
 
0 #25 Maurice 2017-02-13 18:06
Ԝe tried store bought baby gates at the bottom of our sta.



my webpaցe :: baby ǥatе top of ѕtairs
no drilling [http://Www.Haotang365.org/comment/html/index.php?page=1&id=40970: http://Www.Haotang365.org/comment/html/index.php?page=1&id=40970]
Quote
 
 
0 #24 Arletha 2017-02-12 21:34
Theѕe ɑre your initial childproofing measures.

My website; cheap Ьaby gayes (hbmingcҺᥙn.com: http://hbmingchun.com/comment/html/index.php?page=1&id=19722)
Quote
 
 
0 #23 Ernesto 2017-02-12 18:08
Hiya very nice blog!! Guy .. Excellent .. Amazing .. I will bookmark
your blog and take the feeds also? I am glad to search out so
many useful information here within the put up, we'd like work out more
techniques on this regard, thank you for sharing. . . . .
.

my page jacket
look Fabulous: http://Thecliqs.com/index.php/blog/423006/where-can-i-purchase-a-good-leather-based-motorbike-jacket/
Quote
 
 
+1 #22 Latesha 2015-09-01 04:49
Make sure you download only from the links in this post after
which comply with the installation directions.

My homepage; Battlefront
Heroes Hack: https://gamehackapk.wordpress.com/2015/08/30/battlefront-heroes-cheats-hack/
Quote
 
 
+1 #21 Alisa 2015-08-28 23:37
If some one desires expert view about blogging afterward i
advise him/her to pay a visit this web site, Keep up the good job.


Here is my web-site - kursus online: http://www.tgcostruzioni.it/userinfo.php?uid=842011http://www.ilcamminodelmoro.net/html/htdocs/userinfo.php?uid=1303769
Quote
 
 
+1 #20 Kattie 2015-07-28 12:11
It's wonderful that you are getting thoughts froom this piece of writing as
well as from our discussion made here.

Look at my blog post ... Makingusmile, Www.Makingusmile.net: http://www.makingusmile.net,
Quote
 

Add comment


Security code
Refresh

   

Indeks  

   
© ALLROUNDER