PEMROGRAMAN MOBILE

“PRAKTIKUM 9 ( CANVAS )”

Disusun oleh :

CYNTHIA STEFFI CLIFF

12.12.0037

SI 12 A

http://cliffnewbie.wordpress.com/

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM PURWOKERTO

Jl. Let. Jend. Pol. Sumarto, Purwokerto Utara

2013

BAB I

PENDAHULUAN

1. Rumusan Masalah

Dalam praktikum satu ini dapat dirumuskan masalah bahwa :

a. Bagaimana pembuatan program untuk membuat canvas pada eclipse?

b. Bagaimana hasil pengaplikasian dari praktikum 9 tentang canvas?

2. Batasan Masalah

Adapun batasan masalah pada praktikum canvas yang dapat kita ketahui,

yaitu :

a. Tahapan pembuatan aplikasi canvas sederhana pada eclipse.

b. Hasil aplikasi sederhana dari praktikum 9 tentang aplikasi sederhana

canvas.

3. Tujuan

Adapun tujuan dari pembuatan aplikasi sederhana dengan eclipse,

diantaranya :

a. Mengetahui pemrograman mobile dengan aplikasi eclipse.

b. Menambah nilai tugas dalam laporan praktikum.

c. Dapat membuat dan menjalankan aplikasi yang dibuat dengan baik dan

benar.

BAB II

LANDASAN TEORI

Dalam parakikum 9 ini dapat kita pelajari tentang canvas pada android. Canvas ini

merupakan sebuah fitur yang terdapat pada android di eclipse. Fitur ini sangat

membantu pengguna untuk membuat maupun mengolah sebagaimana mestinya.

fungsi canvas, dapat dilihat pada orang yang gemar melukis, sebelum melukis

pelukis akan menyiapkan canvas, kuas, cat dsb.

Fungsi canvas adalah tempat dimana pelukis akan menggambar. Jadi dapat

disimpulkan bahwa canvas dalam android adalah tempat game atau objek akan

diletakkan.

Berikut ini merupakan perintah yang biasa digunakan pada drawing android di

eclipse :

1. onKeyDown(int, KeyEvent)

2. onKeyUp(int, KeyEvent)

3. onTrackballEvent(int, KeyEvent)

4. onTouchEvent(int, KeyEvent)

BAB III

PEMBAHASAN

A. Tutorial Membuat Canvas Pada Android Part 1

Langsung saja berikut merupakan langkah-langkah pembuatan aplikasi

sederhana dengan vcanvas pada android.

1. Buka eclipse.

2. Pada eclipse File New Project Android Android Project

Next.

3. Kemudian pada jendela New Android Project isikan seperti berikut :

Application name : canvas

Project name : canvas

Package name : com.example.canvas

4. Setelah di next hingga memilih symbol untuk aplikasi yang kita buat

klik finish. Maka akan muncul lembar kerja baru dengan project nama

yang sudah kita buat sebelumnya.

5. Buka MainActivity.java

6. Isikan kode program seperti di bawah ini.

MainActivity.java

package com.example.canvas;

import android.os.Bundle;

import android.app.Activity;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.view.Menu;

import android.view.View;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

//setContentView(R.layout.activity_main);

setContentView(new canvas1(this));

}

static public class canvas1 extends View{

public canvas1 (Context context){

//TODO Auto-generated constructor stub

super(context);

}

protected void onDraw (Canvas canvas){

Paint paint = new Paint();

Paint paint2 = new Paint();

Paint paint3 = new Paint();

paint3.setTextSize(30);

paint.setColor(Color.RED);

paint.setColor(Color.GREEN);

paint2.setAlpha(50);

paint3.setColor(Color.YELLOW);

canvas.drawCircle(100, 100, 50, paint);

canvas.drawRect(200, 250, 300, 200, paint2);

canvas.drawText("Hello World", 50, 200, paint3);

}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the

action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

OUTPUT CANVAS BAGIAN 1

B. Tutorial Membuat Canvas Pada Android Part 2

Berikut merupakan langkah-langkah pembuatan canvas bagian kedua.

1. Buka eclipse.

2. Pada eclipse File New Project Android Android

Project Next.

3. Kemudian pada jendela New Android Project isikan seperti berikut

:

Application name : canvas

Project name : canvas

Package name : com.example.canvas

4. Setelah di next hingga memilih symbol untuk aplikasi yang kita

buat klik finish. Maka akan muncul lembar kerja baru dengan

project nama yang sudah kita buat sebelumnya.

7. Buka MainActivity.java

8. Isikan kode program seperti berikut.

MainActivity.java

package com.example.canvaslagi;

import android.os.Bundle;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Paint;

import android.view.Menu;

import android.view.View;

import android.content.Context;

import android.graphics.Canvas;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

setContentView(new canvas7 (this));

}

static public class canvas7 extends View{

Bitmap gambarkudangambarmu;

public canvas7(Context context){

super (context);

gambarkudangambarmu =

BitmapFactory.decodeResource(context.getResources(),R.

drawable.amikom);

}

@SuppressLint("DrawAllocation")

protected void onDraw (Canvas canvas){

Paint paint = new Paint();

canvas.drawBitmap(gambarkudangambarmu,100,200, paint);

}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the

action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

OUTPUT CANVAS BAGIAN 2

import android.os.Bundle;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Paint;

import android.view.Menu;

import android.view.View;

import android.content.Context;

import android.graphics.Canvas;

Kode program di atas merupakan beberapa kode program yang mendukung untuk

membuat sebuah canvas pada android. Kode tersebut berguna agar pada method

tidak akan terjadi error karena kurangnya import android seperti di yang

diterangkan di atas. Jangan lupa apabila ingin membuat kode program pada class

java tambhkan kode seperti di atas untuk menambahkannya seperti tambahkan :

import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Paint; import android.content.Context; import android.graphics.Canvas;

Kode berikut merupakan sebuah deklarasi onDraw. Dapat dijelaskan bahwa

gambar pada pain berwarna merah sedangkan pain2 berwarna hujau da pain3

beerwarna kuning.

protected void onDraw (Canvas canvas){

Paint paint = new Paint();

Paint paint2 = new Paint();

Paint paint3 = new Paint();

paint3.setTextSize(30);

paint.setColor(Color.RED);

paint.setColor(Color.GREEN);

paint2.setAlpha(50);

paint3.setColor(Color.YELLOW);

Selanjutnya pada kode berikut menjelskan ukuran skala pada masing-masing tiap

draw. Baris pertama berbentuk gambar lingkaran sedangkan baris kedua

berbentuk persegi dan baris ketiga merupakan text.

canvas.drawCircle(100, 100, 50, paint);

canvas.drawRect(200, 250, 300, 200, paint2);

canvas.drawText("Hello World", 50, 200, paint3);

}

BAB IV

Kesimpulan

Dari praktikum 9 yang memepelajari tentangcanvas bahwa dalam fitur android

pada eclipse banyak fitur yang dapat kita gunakan sebaik mungkin seperti fitur

drawing ini yang mana kita dapat membuat gambar dengan semenarik mungkin

dan mengolahnya sesuai keingina kita. Selain itu masih banyak k=juga fitur pada

drawing selain fitur canvas ini.. Berikut ini merupakan perintah yang biasa

digunakan pada drawing android di eclipse :

1. onKeyDown(int, KeyEvent)

2. onKeyUp(int, KeyEvent)

3. onTrackballEvent(int, KeyEvent)

4. onTouchEvent(int, KeyEvent)