Users  

   

Hobi  

   

Statistik  

Visitors
166
Articles
59
Articles View Hits
334219
   

User Online  

We have 14 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: 5 months, 2 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 #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
 
 
0 #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
 
 
0 #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
 
 
+1 #19 Arleen 2015-07-21 23:28
I'm very happy to find this page. I wanted to thank you for ones
time jyst for this wonderful read!! I definitely savored every
bit of it and i also have you bolokmarked to look at new stuff in your blog.


Also visit my page :: buy scrap computers usa: http://valv.im/BJJxb
Quote
 
 
0 #18 Daniel 2015-07-16 20:52
Comparing streaming rates to bandwidth usage could be confusing, however the point is that should you watch
low-quality netflix for books (http://www.crosseyedcowpizza.com: http://www.crosseyedcowpizza.com/2015/07/15/the-insider-secret-on-netflix-login-password-uncovered/) videos, then every hour you'll
make use of a total of around one-third of any gigabyte (GB),
that is about 340 megabytes (MB).
Quote
 
 
0 #17 Brian 2015-07-14 16:05
Click "microsoft outlook 365 sign in: https://www.ace.es/index.php/es/component/k2/itemlist/user/233432 me in automatically" if you desire to automatically be signed in when Windows
Live Messenger opens.
Quote
 
 
0 #16 Lara 2015-07-11 12:49
It has a couple of moments to log in for your webmail account.


aol mail sign in not working facebook login page image (http://korcak.ru/?option=com_k2&view=itemlist&task=user&id=255842: http://korcak.ru/?option=com_k2&view=itemlist&task=user&id=255842)
Quote
 
 
0 #15 Justine 2015-07-11 03:13
Hi there, the whole thing is going fine here and ofcourse every one is sharing facts,
that's actually fine, keep up writing.

Feel free to visit my weblog ... agario hacks: http://klikklik.linkframe.be/lf/redirect.php?url=http://agariohacks.brushd.com/
Quote
 
 
+2 #14 wawan 2014-10-23 13:42
Pak saya minta activity untuk fungsi print halaman web launcher.
Quote
 
 
+4 #13 rdp10007 2014-10-16 09:54
thanks this tutorial :D
it is coolll mann :P wkwk

itu *100 biar lama ya gan?
Quote
 

Add comment


Security code
Refresh

   

Indeks  

   
© ALLROUNDER