Tugas 2 Web Kit

22.18 0 Comments

Nama                                                     : Chandra Gupta Murtono
NIM                                                      : 1519551018
Universitas/Fakultas/Jurusan               : Udayana/Teknik/Teknologi Informasi
Mata Kuliah                                          : Pemrograman Mobile (Paralel)
Dosen                                                    : I Putu Agus Eka Pratama, S.T., M.T.

WebKIt
1.                  Penjelasan Web Kit
Webkit adalah salah satu mesin rendering web untuk membaca atau menampilkan suatu halaman web di platform mobile. Oleh sebab itu, webkit dapat juga diartikan sebagai sebuah aplikasi web browser sebagaimana layaknya Opera, Firefox, dan lainnya yang ada di platform mobile, termasuk juga di platform Android.
Dengan adanya webkit, anda dapat memasukkan kode – kode HTML untuk aplikasi Android yang anda buat. Hal ini ke depannya akan sangat membantu untuk berbagi aplikasi GUI di Android yang membutuhkan koneksi internet, GIS (Graphic Information System), dan layanan mobile lainnya. Webkit sendiri memiliki banyak kelas, namun yang umum digunakan di dalam pemrograman Android adalah WebView.
2.                       Penerapan Web Kit Pada Android
Pada penerapan web kit di android akan di aplikasikan untuk memanfaatkan webkit dengan studi kasus sebuah URL internet jika diketikan pada aplikasi webkit Buka Web maka program akan menampilkan web dari URL yang di masukan.
2.1                   Android Studio
Pertama buka terlebih dahulu android studio, lalu buat New project > Lalu pada application name berikan judul BukaWeb kemudian next saja biarkan seperti biasa kemudian pilih empty activity kemudian next kemudian pada activity name berikan nama bukaweb dan layout name akan otomatis terisi biarkan saja lalu finish.
2.2                   Source Code
Masukan source code seprti berikut

2.2.1             WebKit.java
package com.example.ndondo.webkit;

import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class WebKit extends Activity {
    private WebView webView;
    private EditText urlEditText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_kit);

        urlEditText = (EditText) findViewById(R.id.urlField);
        webView = (WebView) findViewById(R.id.webView);

        Button openUrl = (Button) findViewById(R.id.goButton);
        openUrl.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View view) {
                String url = urlEditText.getText().toString();
                if(validateUrl(url)){

                    webView.getSettings().setJavaScriptEnabled(true);
                    webView.loadUrl(url);
                }
            }
            private boolean validateUrl(String url) {
                return true;
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu ) {
        getMenuInflater().inflate(R.layout.activity_web_kit, menu);
        return true;
    }
}

2.2.2             Activity_web_kit.xml
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".BukaWeb" >

    <LinearLayout
        android:id="@+id/urlContainer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <EditText
            android:id="@+id/urlField"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:hint="Enter URL to open" />

        <Button
            android:id="@+id/goButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Open" />
    </LinearLayout>

    <WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/urlContainer" />

</RelativeLayout>

2.2.3             AndroidMainfest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.ndondo.webkit">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".WebKit">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

2.3                   Hasil Running
Gambar 1. Hasil Running
Gambar 2. Hasil Running


sumber ; Modul Pembelajaran Pemrograman Aplikasi Berbasis Android // I   Putu Agus Eka Pratama, ST.MT.

Chandra Gupta Murtono

Banyak orang yang belajar keras tapi tidak tahu tujuan belajar yang sebenarnya. Kebanyakan dari mereka melupakan sisi penting dari belajar, yaitu Paham dan Ngerti, tidak hanya hafal. Sesungguhnya manusia bukanlah MACHINE!

0 komentar:

Langganan: Posting Komentar (Atom)