WeSchool: Maret 2016

APLIKASI WEBVIEW PADA ANDROID STUDIO

Nama : Tania Maria O. S

NIM : 1404505098

Mata Kuliah : Pemrograman Mobile ( C )

Dosen : I Putu Agus Eka Pratama S.T., M.T.

Jurusan/ Fakultas/ Universitas : Teknologi Informasi/ Teknik/ Universitas Udayana

WebView adalah sebuah aplikasi untuk menampilkan suatu halaman web pada android. WebView juga dapat diartikan sebagai sebuah aplikasi web browser sebagaimana layaknya Opera, Firefox dan lain-lain. Dengan adanya WebView anda hanya perlu memasukkan link URL website yang akan di tuju, maka langsung anda akan diarahkan ke website yang telah di masukkan tadi.

Cara pembuatan aplikasi :

Seperti biasa buka software Android Studio. Lalu klik Start A New Android Studio Project, atau dengan menekan New pada toolbar lalu klik New Project.
Setelah itu masukkan nama aplikasi yang di inginkan.
Lalu centang Phone and Tablet dan pilih SDK yang akan digunakan.
Setelah itu pilih Blank Activity.
Untuk nama activity pada aplikasi biarkan default.

Setelah langkah di atas selesai maka anda hanya perlu copy script di bawah ini.

<?xml version="1.0" encoding="utf-8"?>

<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"

android:paddingBottom="@dimen/activity_vertical_margin"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

tools:context="com.example.arya.webkit.MainActivity">

<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="Masukkan URL"/>

<Button

android:id="@+id/goButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:text="Buka"/>

</LinearLayout>

<WebView

android:id="@+id/webView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_below="@id/urlContainer">

</WebView>

</RelativeLayout>

Script di atas adalah script untuk activity_main.xml yang berada pada app/res/layout

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

Pada AndroidManifest.xml, letakkan script di atas tepat sebelum penutup </manifest>

package com.example.arya.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 MainActivity extends Activity {

private WebView webView;

private EditText urlEditText;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

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.menu.activity_main, menu);

return true;

}

Dan untuk script di atas letakkan pada file MainActivity.java yang terletak pada folder app/java/com.example.[user].webkit

Apabila script tadi telah di copy maka saatnya untuk menjalankan aplikasi yang telah anda buat. Apabila berhasil maka hasilnya akan seperti gambar di bawah.

Selamat Mencoba!

3/20/2016
0 Comments

MEMBUAT APLIKASI KALKULATOR SEDERHANA

Pemograman Mobile

Nama : Tania Maria O. S

NIM : 1404505098

Mata Kuliah : Pemrograman Mobile ( C )

Dosen : I Putu Agus Eka Pratama S.T., M.T.

Jurusan/ Fakultas/ Universitas : Teknologi Informasi/ Teknik/ Universitas Udayana

Buat project baru dengan cara klik Start New Android Studio Project atau dengan cara klik New pada toolbar lalu klik New Project.
Setelah itu masukkan nama aplikasi yaitu Aplikasi Kalkulator lalu klik Next.
Tahap selanjutnya, centang Phone and Tablet lalu pilih API 15. Klik Next.
Setelah tahap di atas selesai lalu pilih Blank Activity. Klik Next
Biarkan nama activity, nama layout tetap default. Klik Finish
Apabila projek sudah siap maka copy code di bawah ini


<?xml version="1.0"
encoding="utf-8"?>

<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"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.example.arya.kalkulator.MainActivity">



    <TableLayout

        xmlns:android="http://schemas.android.com/apk/res/android"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:shrinkColumns="*"

        android:stretchColumns="*"

        android:background="#ffffff">

        <TableRow

            android:layout_height="match_parent"

            android:layout_width="match_parent"

            android:gravity="center_horizontal">

            <EditText

                android:id="@+id/result_id"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:textSize="30dp"

                android:layout_span="4"

                android:padding="30dip"

                android:background="#b0b0b0"

                android:textColor="#000"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow1"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn7_id"

                android:text="7"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn7Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn8_id"

                android:text="8"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn8Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn9_id"

                android:text="9"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn9Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnmulti_id"

                android:text="*"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnmultiClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow2"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn4_id"

                android:text="4"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:layout_weight="1"

                android:onClick="btn4Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn5_id"

                android:text="5"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn5Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn6_id"

                android:text="6"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:layout_weight="1"

                android:onClick="btn6Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btndivide_id"

                android:text="/"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:onClick="btndivideClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow3"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn1_id"

                android:text="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:textSize="20dp"

                android:onClick="btn1Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn2_id"

                android:text="2"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn2Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn3_id"

                android:text="3"

                android:textSize="20dp"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btn3Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnpersen_id"

                android:text="%"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnpersenClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow4"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btnplus_id"

                android:text="+"

                android:textSize="20dp"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btnplusClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn0_id"

                android:text="0"

                android:textSize="20dp"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btn0Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnminus_id"

                android:text="-"

                android:textSize="20dp"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btnminusClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnequal_id"

                android:text="="

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#b0b0b0"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnequalClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:layout_height="match_parent"

            android:layout_width="match_parent"

            android:gravity="center_horizontal"

            >

            <Button

                android:id="@+id/Btnclear_id"

                android:text="CLEAR"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#dcdcdc"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnclearClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnexit_id"

                android:text="EXIT"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#dcdcdc"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnexitClicked"

                android:gravity="center"/>

        </TableRow>

    </TableLayout>

</RelativeLayout>

Salin code di atas ke dalam activity_main.xml yang terletak pada folder app/res/layout

package com.example.arya.kalkulator;

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {
    public String str ="";
    Character op = 'q';
    float i,num,numtemp;
    EditText showResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        showResult = (EditText)findViewById(R.id.result_id);
    }
    public void btn0Clicked(View v){
        insert(0);
    }
    public void btn1Clicked(View v){
        insert(1);
    }
    public void btn2Clicked(View v){
        insert(2);
    }
    public void btn3Clicked(View v){
        insert(3);
    }
    public void btn4Clicked(View v){
        insert(4);
    }
    public void btn5Clicked(View v){
        insert(5);
    }
    public void btn6Clicked(View v){
        insert(6);
    }
    public void btn7Clicked(View v){
        insert(7);
    }
    public void btn8Clicked(View v){
        insert(8);
    }
    public void btn9Clicked(View v){
        insert(9);
    }
    public void btnplusClicked(View v){
        perform();
        op = '+';
    }
    public void btnminusClicked(View v){
        perform();
        op = '-';
    }
    public void btndivideClicked(View v){
        perform();
        op = '/';
    }
    public void btnmultiClicked(View v){
        perform();
        op = '*';
    }
    public void btnpersenClicked(View v){
        perform();
        op = '%';
    }
    public void btnequalClicked(View v){
        calculate();
    }
    public void btnclearClicked(View v){
        reset();
    }
    public void btnexitClicked(View v){
        exit();
    }
    private void reset() {
// TODO Autogenerated method stub
        str ="";
        op ='q';
        num = 0;
        numtemp = 0;
        showResult.setText("");
    }
    public void exit()
    {
        this.finish();
        Intent intent = new Intent(Intent.ACTION_MAIN);
        intent.addCategory(Intent.CATEGORY_HOME);
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        startActivity(intent);
    }
    private void insert(int j) {
// TODO Autogenerated method stub
        str = str+Integer.toString(j);
        num = Integer.valueOf(str).intValue();
        showResult.setText(str);
    }
    private void perform() {
// TODO Autogenerated method stub
        str = "";
        calculateNoShow();
        numtemp = num;
    }
    private void calculate() {
// TODO Autogenerated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        else if(op == '%')
            num = numtemp%num;
        showResult.setText(""+num);
    }
    private void calculateNoShow() {
// TODO Autogenerate method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        else if(op == '%')
            num = numtemp%num;
    }
}

Salin code di atas ke MainActivity.java yang terletak pada folder app/java/com.example.[user].kalkulator

Apabila code-code di atas telah di copy maka saatnya untuk menjalankan aplikasi yang sudah di buat dan hasilnya akan seperti gambar di bawah

3/13/2016
0 Comments

Pages

WeSchool

APLIKASI WEBVIEW PADA ANDROID STUDIO

MEMBUAT APLIKASI KALKULATOR SEDERHANA

About me

Follow Us

Press

Labels

recent posts

Blog Archive

Popular Posts

Like us on Facebook

Flickr Images