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 Project name Package name : canvas : canvas : 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 import import import android.os.Bundle; android.app.Activity; android.content.Context; android.graphics.Canvas;

import import import import

android.graphics.Color; android.graphics.Paint; android.view.Menu; 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 Project name Package name : canvas : canvas : 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 import import import import import import import import import android.os.Bundle; android.annotation.SuppressLint; android.app.Activity; android.graphics.Bitmap; android.graphics.BitmapFactory; android.graphics.Paint; android.view.Menu; android.view.View; android.content.Context; 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 import import import import import import import import import

android.os.Bundle; android.annotation.SuppressLint; android.app.Activity; android.graphics.Bitmap; android.graphics.BitmapFactory; android.graphics.Paint; android.view.Menu; android.view.View; android.content.Context; 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 import import import import android.graphics.Bitmap; android.graphics.BitmapFactory; android.graphics.Paint; android.content.Context; 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)