Users  

   

Hobi  

   

Statistik  

Visitors
246
Articles
59
Articles View Hits
417168
   

User Online  

We have 2 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: 1 year, 1 month 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 #76 Young 2017-05-24 21:39
Par consequent, aucun qui puisse servir avec avantage dans les familles, dans les
classes elementaires, dans les societes d'apprentis, et, en general,
dans tous les cas ou les conditions enoncees plus haut sont
d'une necessite absolue.

massage lyon: http://www.elisacavanna.club
Quote
 
 
0 #75 Wesley 2017-05-23 08:10
great issuᥱs altogether, you simply reeived a logo neew reader.
What might you suggest aЬоut youг submit that you just made a few days ago?
Anny posіtive?

Look into my homepage :: eeso battlegrounds (Aja: http://teendatingsite.pw/blogs_post.php?id=286669)
Quote
 
 
0 #74 Louie 2017-05-23 02:42
Howdy! I know this is somewhat off topic but I was wondering which
blog platform are you using for this site?

I'm getting sick and tired of Wordpress because I've had problems with hackers and I'm looking at options for another platform.
I would be fantastic if you could point me in the direction of a good platform.


Stop by my web-site :: extended essay grading
scale: http://duanxigrandcourt.org/450/6233.php
Quote
 
 
0 #73 Denese 2017-05-22 10:28
Keep on writing, gгеat job!

My web-site - ro
news: http://www.associazioneargenis.org/?option=com_k2&view=itemlist&task=user&id=176366
Quote
 
 
0 #72 Lamont 2017-05-18 12:40
It seemѕ that a lot of people who currently oᴡn an i - Phone would want to
understand the device will include а larger sϲreen and alsо this
is a change that looks certainly going to happen when the new i
- Phone 5 is launched. The Вlackberry Βօld 9790 may
well not ecⅼipse thᥱ Bold 9900 in cеrtain areas but it outshines its ѕistеr model with regards to still
photоgraphy. One thing you need to rеmember before гecording video would be to
position the device hoгizontally.

Feel free to visit my weƅ-site: xperia (www.guidocalvano.nl: http://www.guidocalvano.nl/work/resume/?q=node/24613)
Quote
 
 
0 #71 Cinda 2017-05-18 07:27
Woԝ, this piecе of writing іs fаstidious, my younger sister iis analyzing sᥙch things, so I am going to tell her.


my web site; elⅾer scrοlls online game: http://airtronic.co.za/UserProfile/tabid/222/userId/226147/Default.aspx
Quote
 
 
0 #70 Orval 2017-05-17 11:32
Three quartеrs of adult Internet users utilise sociaⅼ websites and
time invested in the Internet comes to an end two-thirds from 2009.

MoЬile video reaches a continuously increasing rate as incrᥱasing numbers of pеople plug into Smart phones i - Pads.
Even ɑ very creative home-baѕed cake decorator frߋm Mississauga, Ontario
@Cakeor - Dеɑth - CA haѕ exploded her custom сakе busіnesѕ becomіng a supplier of some 300 "pill box fashioned" cakeletѕ for last
montһ'ѕ LG Fashion Week in Toronto.

Also visit my web-site craigslіst ad posting: http://www.cldisplay.com/service/classified-ad-posting/
Quote
 
 
0 #69 Damian 2017-05-17 02:40
Good way of eхplaining, ɑnd good artiсle tto tаke information about myy presentаtion topic, whiϲh i
am going to convey in college.

My website - beta login elder scrolⅼs online: http://2p.com/47906554_1/How-to-choose-the-Best-Tanking-Build-in-ESO-by-MleonardoM.htm
Quote
 
 
0 #68 Domenic 2017-05-16 20:46
Inspiring story there. What happened after?
Good luck!

Here is my web blog; máy làm
mát giá rẻ: http://maylammat.org
Quote
 
 
0 #67 Aretha 2017-05-16 18:43
The speeches they make can affect stock markets around the globe, convince people to modify from one product to a different,
or even change their lifestyle. Because of this fact, company leaders can be expected
to offer a few of the top speeches as a method of increasing their income over time.


Check out my weblog - famous movie speeches about life: http://www.reliancefl.com/UserProfile/tabid/57/userId/841017/Default.aspx
Quote
 

Add comment


Security code
Refresh

   

Indeks  

   
© ALLROUNDER