RESUME GRAFIKA KOMPUTER

PEMROGRAMAN ANDROID

DI SUSUN OLEH:
NAMA : SUKARDI
NIM

: H111 11 002

GRAFIKA KOMPUTER
JURUSAN MATEMATIKA
FAKULTAS MATEMATIKA DAN
ILMU PENGETAHUAN ALAM
UNIVERSITAS HASANUDDIN

MAKASSAR 2014

A. PENGENALAN
1. GRAFIS
Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar
untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam desain grafis,
teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang
bisa dibunyikan. Desain grafis diterapkan dalam desain komunikasi dan fine art.
Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan,
metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu
yang digunakan (desain).
(http://www.kreatifprofesional.com/definisi-desain-grafis)
1.1 TIPE-TIPE GRAFIK KOMPUTER
GRAFIK BERTIPE VEKTOR
Grafik yang bertipe vektor merupakan gambar yang dibentuk oleh objek berupa
garis dan kurva berdasarkan rumus matematik. Dalam bentuk file biasanya
berbentuk *eps *wmf dsb.
GRAFIK BERTIPE BITMAP
Grafik bitmap juga dikenal dengan istilah raster. Citra bitmap menggunakan titiktitik berwarna disebut pixel. Pixel-pixel tersebut ditempatkan pada lokasi tertentu
dengan nilai warna tersendiri dan secara keseluruhan akan membentuk tampilan
gambar. Dalam bentuk file biasanya bitmap memiliki format *bmp *jpg *jpeg dll.
1.2 ATRIBUT-ATRIBUT PADA CITRA GRAFIK KOMPUTER
a) Warna grafik ada beberapa mode pewarnaan citra, diantaranya adalah mode RGB
(biasanya digunakan untuk visualisasi pada monitor) dan mode CMYK (untuk
pencetakan).
b) Resolusi grafik resolusi dapat dinyatakan dalam bentuk jumlah pixel. Misalnya
800x600 atau 1024x768. resulusi juga dapat dinyatakan dalam satuan dpi atau ppi

c). Tipe file ada beberapa tipe file gambar grafis komputer. Masing masing tipe file
memiliki sifat dan karakteristik tertentu. Ada tipe tipe file gambar yg terkompresi,
seperti file gambar yang berekstensijpg dan jpeg. File gambar yangb bertipe seperti
itu cukup menghemat ruang penyimpanan di komputer karena relatif lebih kecil.
(https://prezi.com/8fbnifulcydk/mengenal-program-aplikasi-grafis/)
2. PENGERTIAN DAN FUNGSI ANDROID
Pengertian Android adalah sistem operasi berbasis Linux yang dipergunakan
sebagai pengelola sumber daya perangkat keras, baik untuk ponsel, smartphone dan
juga PC tablet. Secara umum Android adalah platform yang terbuka (Open
Source) bagi para pengembang untuk menciptakan aplikasi mereka sendiri untuk
digunakan oleh berbagai piranti bergerak.
Telepon pertama yang memakai sistem operasi Android adalah HTC Dream, yang
dirilis pada 22 Oktober 2008. Pada penghujung tahun 2009 diperkirakan di dunia
ini paling sedikit terdapat 18 jenis telepon seluler yang menggunakan Android.
Semenjak kehadirannya pada 9 Maret 2009, Android telah hadir dengan versi 1.1,
yaitu sistem operasi yang sudah dilengkapi dengan pembaruan estetis pada
apalikasinya, seperti jam alrm, voice search, pengiriman pesan dengan Gmail, dan
pemberitahuan email.
Hingga tahun 2012, Android telah berkembang dengan pesat. Dalam kurun 3 tahun
Android telah diproduksi dalam versi, dan versi terakhir yang diproduksi disebut
sebagai Android versi 4.1 Jelly Bean atau Android Kitkat.
Perkembangan Android dari tahun 2009 2014
Android versi 1.1
Android versi 1.5 (Cupcake)
Android versi 1.6 (Donut)
Android versi 2.0/2.1 (Eclair)

Android versi 2.2 (Froyo: Frozen Yoghurt)

Android versi 2.3 (Gingerbread)
Android versi 3.0/3.1 (Honeycomb)
Android versi 4.0 (ICS: Ice Cream Sandwich)
Android versi 4.1 (Jelly Bean)
Android versi 4.4 (Kikat)
(http://pemudaindonesiabaru.blogspot.com/2012/09/pengertian-android-danfungsinya.html)

B. INSTALASI

File APK

1. JDK

Main Activity

2. Android SDK + eclipse

View

ADT

Durface View

Emulator

Shape

1. Bluestock

Color

2. AVD

Path

3. Device Android

Image.

Softwere yang dibutuhkan

Workhpoce

Persyaratan Masuk Kuliah

Membawa

Laptop

yang

siap

untuk

Ngoding

Android

Emulator/Device Android.

1.1 Instalasi Eclipse

Kita harus memiliki 3 buah file dibawah ini, bisa kita unduh di web
resminya(www.eclipse.org)
1. Eclipse,
2. ADT 16.0.1 Plugin,

3. Android-SDK_r16.
Eclipse merupakan sebuah editor, secara default editor ini belum bias dipakai untuk
mendevelop android. Agar bias digunakan untuk mebuat aplikasi android maka
harus diinstall plugin dulu namanya ADT (Android Development Tools). Setelah
terinstal, maka eclipse sudah siap digunakan, hanya saja belum dilengkapi library
dan emulator. Untuk memenuhinya, maka perlu dinstal SDK Android (Stkamurt
Development Kit).
Jadi, intinya eclipse bias digunakan setelah kita selesai mengkonfigurasi antara
editor Eclipse, ADT dan SDK.
Langkah langkah penginstalan
MENGINSTAL PLUGIN ADT
Cara 1. Menginstal ADT Plugin untuk eclipse langsung dari server. Pada cara
pertama ini, kita harus terhubung dengan internet.
1. Jalankan Eclipse, kemudian pilih help > install new softwere.
2. Klik add disebelah kanan atas,
3. Pada kotak dialog add repository, isikan nama: ADT dan Location :
https://dl-ssl.google.com/android/eclipse/,
4. Lihat Kotak Available softwere. Centang pada item Developer Tools
kemudian pili Next,
5. Pada tampilan berikutnya, kita akan melihat lebih detail daftar tools yang
akan di download. Pilih next,
6. Begitu muncul lincense agreement. Pilih Accept, kemudian klik Finish,
7. Setelah proses instalisasi selesai, restart eclipse.
Cara 2. Mengistal plugin secara offline, dengan mendowload terlebih dahulu ADT
plugin dan simpan direktori tertentu.
1. Ikuti langkah 1 dan 2 pada cara pertama,
2. Pada dialog add site, pilih Archive,
3. Cari dan pilih file ADT.zip yang telah didownload sebelumnya,

4. Beri nama pada baris nama,

5. Klik ok,
6. Lihat kotak Available softwere, centang pada item Developer tools
kemudian pilih Next.
7. Pada tampilan berikutnya, kita akan melihat daftar Tools yang akan di
install, pilih next,
8. Begitu muncul license agreement. Pilih Accept, kemudian klik Finish,
9. Setelah proses instalisasi selesai, restart eclipse.
KONFIGURASI SDK
1. Jalankan eclipse, pilih Windows > Preference. Muncul interface,
2. Pada panel sebelah kiri, pilih Android
3. Pada SDK Location, klik Browse, cari kemudian pilih SDK File yang sudah
di pilih sebelumnya,
4. Pilih salah satu platform android, kemudian klik Aplly,
5. Klik Ok.
KONFIGURASI PACKAGE SDK (OPTIONAL)
Untuk melakukan update repository kita terhubung dengan internet, caranya
1. Pada eclipse, pilih Window > Android SDK and AVD manager,
2. Pilih Avlaible package,
3. Centang pada Android Repository,
4. Otomatis akan melakukan Update, jika tidak pilih Refresh,
5. Centang Android Repositori, kemudian pilih Instal Selected.

B. MEMBUAT PROGRAM ANDROID

1. Menampilkan Hello, Sukardi. Salam Sukses
a. Membuka Eclipse, (lihat gambar 1)

b. Pilih location penyimpnan file, klik Ok.

c. Tunggu beberapa saat sampai muncul jendela seperti dibawah ini:

d. Klik File > New > Android Project, seperti terlihat pada gambar 3

e. Isikan Kontak dialog new, seperti berikut:

f.

Klik Next sampai tampil kotak dialog sepeti pada gambar di bawah ini:

g. Anda bisa mengganti Icon sesuai yang di inginkan, misalnya saya pilih
Icon seperti pada gambar di bawah ini:

h. Klik Next > Next > Finish, maka muncul Kotak dialog seperti dibawah ini:

i.

Pada gambar ada yang error, tenang saja klik dan tunggu beberapa saat
akan muncul sebuah informasi, kemudian pilih Import.

j.

Ganti kode pada main.xml menjadi seperti berikut:

k. Jalankan run dengan Shorcut CTRL + F11 atau klik kanan package > run
as > android Project. Hasilnya seperti gambar dibawah ini:

2. Membuat Program Sederhana

Program yang telah di pelajari di dalam kelas adalah:
a. Menampilkan teks,
b. Menampilkan gambar,
c. Membuat tombol,
d. Membuat garis,
e. Membuat kotak,
f.

Membuat grid,

g. Membuat lingkaran,
h. Cara pewarnaan,
Dan program yang di pelajari di Rumah antara lain:
a. Membuat FlappyTouch,
b. Membuat aplikasi Graph lengkap,
c. Membuat aplikasi Paint.

d. Membuat Animasi Frame by frame

e. Membuat aplikasi sodoku,
f.

Membuat aplikasi FlattyBox.

Semua aplikasi game ini di bangun dengan sekeloton, isi skeleton yaitu:

MainActivity.java

BoardSurfaceView.java

GameWorker.java

Materi materi yang harus di pelajari sebelum masuk kepertemuan selanjutnya di

antaranya adalah:

Class,

Property/variable dalam class,

Metode getter dan metode Setter,

Object,

Inheritance,

Encapsulation,

Polymorphism,

Array, Array of object, dan Array List,

Stack,

Queue,

ADT,

Graph ADT pohon,

BFS, DFS.

Diantara aplikasi yang pernah di buat, saya akan mengambil salah satu aplikasi dan
menuliskan Langkah langkahnya dalam pembuatan aplikasi yang dibangun oleh skeleton
yaitu ANIMASI FRAME BY FRAME

Langkah Pembuatan aplikasi Frame by Frame, yaitu:

1. Buatlah sebuah Project Android baru:

2. Lanjutkan menggunakan SINDROM NEXT hingga FINISH maka hasilnya

akan jadi seperti berikut:

3. Langkah selanjutnya copy-paste file Skeleton (GameWorker.java,

BoardSurfaceView.java dan MainActivity.java) ke package
com.example.projectandoidbaru menjadi seperti berikut:

4. Selanjutnya persiapkan gambar yang akan dijadikan animasi (dapat

didownload
disini:https://drive.google.com/file/d/0BiYwyTfbaR2Sk45dzRIX2V0QUk/vie
w?usp=sharing) kemudian copy-paste seluruh gambar tersebut ke direktori:
res/drawable-mdpi/ seperti berikut:

5. Langkah selanjutnya adalah menambahkan sebuah Class baru bernama Sprite

kedalam package: com.example.projectandoidbaru. (Note: nama classnya
tidak harus selalu bernama Sprite. Ini hanya untuk memudahkan dalam latihan)

package com.example.projectandroidbaru;
import java.util.ArrayList;
import android.graphics.Bitmap;
import android.graphics.Canvas;
public class Sprite {
int width,height,sleepTime, frame, t;
float cx,cy;

ArrayList<Bitmap>bitmaps = new ArrayList<Bitmap>();

public Sprite(int width, int height, int sleepTime, float cx, float cy,
Bitmap[] images){
this.width
= width;
this.height
= height;
this.sleepTime= sleepTime;
this.cx
= cx;
this.cy
= cy;
for(int i=0;i<images.length;i++){
Bitmap bitmap = Bitmap.createScaledBitmap(images[i],
width, height, true);
bitmaps.add(bitmap);
}
}
private void update(){
t++;
if(t>=sleepTime){
t=0;
frame++;
if(frame>=this.bitmaps.size()){
frame=0;
}
}
}
public void draw(Canvas canvas){
if(canvas!=null&&!bitmaps.isEmpty()&&frame<bitmaps.size()){
float left
= cx-width/2.0f;
float top
= cy-height/2.0f;
canvas.drawBitmap(bitmaps.get(frame), left, top, null);
update();
}
}
}
6. Selanjutnya kita alihkan PERHATIAN kita ke Class GameWorker. Didalam
class GameWorker ini kita akan membuat instan class Sprite dengan member
nilai inisial berupa array gambar yang telah kita persiapkan sebelumnya.

7. Tambahkan tiga buah variable ke dalam Class GameWorker sebagai berikut:

8. Tambahkan blok metode initialize( ) berikut ke dalam class GameWorker:

9. Kemudian ubah metode draw( ) menjadi seperti berikut:

10. Selanjutnya panggil metode initialize( ) melalui metode run( ) dengan cara
sebagai berikut:

11. Sampai disini animasi frame by frame anda sudah dapat decompile dan jika
anda melakukan tahapan demi tahapannya dengan benar maka anda akan
melihat tampilan hasil animasi sprite berjalan sebagai berikut:

12. Untuk menambahkan aksi melompat yang ditriger dari single-touch handling
maka anda dapat melakukannya dengan menambahkan metode up( ) dan
mengubah metode updateState( ) di dalam class GameWorker sebagai berikut:

13. Selanjutnya metode up( ) akan dipanggil melalui class BoardSurfaceView

untuk mengaktifkan single-touch handling sebagai berikut:

Demikianlah Resume yang sempat saya tulis, semoga apa yang saya tulis ini penuh
dengan berkah, bermanfaat bagi saya, dan para pembaca sekalian