LOW LEVEL USER INTERFACE ( Tugas Pratikum 4 ) Paper Diajukan untuk memenuhi tugas Mata Kuliah Mobile Programing
Oleh Adi Muwardi 1083038
JURUSAN TEKNIK INFORMATIKA POLITEKNIK POS INDONESIA BANDUNG 2010
HALAMAN PENGESAHAN Judul Praktikum
: Low Lever User Interface ( Tugas Pratikum 4)
Sub Judul Praktikum
: 1. Menggambar Text 2. Menggambar Garis Warna 3. Menggambar Kotak 4. Menggambar Sudut
Tanggal Praktikum
: 06 November 2010
Tanggal Penyerahan Laporan
: 13 November 2010
Tempat Praktikum
: Laboratorium Komputer 306
Alat dan Software
: 1. Wireless toolkit 2.5 2. Notepad + +
Jurusan / Kelas
: TI / 3B
Nama
: Adi Muwardi (1083038)
Bandung, 06 November 2010
Menyetujui Dosen Pengajar
Azizah Zakiah, S.Kom
KATA PENGANTAR
Puji syukur penulis panjatkan ke hadirat Tuhan Yang Maha Esa yang atas karuniaNya penulis dapat menyelesaikan Laporan Praktikum mata kuliah Mobile Programming ini.
Laporan ini mengenai Menggambar Text, Menggambar Garis Warna, Menggambar Kotak, Menggambar Sudut. dengan menggunakan aplikasi Wireless Toolkit dan Notepad + + sebagai penulisan script.
Demikian Laporan Praktikum Mobile Programming ini penulis buat, sebagai hasil praktikum yang telah penulis lakukan. Kritik dan saran yang membangun sangat penulis harapkan sehingga kedepannya nanti lebih baik.
Penulis,
Adi Muwardi
DAFTAR ISI JUDUL LAPORAN
.………………………………………………………….i
HALAMAN PENGESAHAN
….………………………………………………………ii
KATA PENGANTAR
.………………………………………………………...iii
DAFTAR ISI
..………………………………………………………..iv
I.
LANDASAN MATERI……………………………………………………..1 1.1 Menggambar Text
……………………………………………………..2
1.2 Menggambar Garis warna .…………………………………………………..4 1.3 Menggambar Kotak
……………………………………………………..5
1.4 Menggambar Sudut
……………………………………………………..7
II.
LATIHAN PRATIKUM ...………………………………………………..9
III.
KESIMPULAN
………………………………………………...10
I.
LANDASAN MATERI
Pada pertemuan ini, kita telah membahas tentang bagaimana cara membuat user interface level tinggi seperti list, form, dan field input. Mereka bersifat user interface level tinggi dan programmer tidak perlu khawatir tentang menggambar pixel layar atau mengatur posisi teks pada layar. Semua program telah menetapkan jenis komponen dan label elemen. Sistem tersebut akan menangani gambar pada layar, scrolling dan layout. kita juga akan berhadapan langsung dengan layar. Kita akan mempelajari class Canvas, dimana akan menjadi pendukung dari proses menggambar kita. Kita juga akan menyelidiki ke dalam class Graphic, dimana memiliki metode untuk menggambar garis, kotak, sudut, dan teks. Kita juga akan membahas huruf, warna dan gambar. Satu kelemahan ketika hanya menggunakan komponen user interface level tinggi adalah program tidak memiliki kendali penuh sebuah layar. Ada saat dimana kita ingin menggambar sebuah garis, gambar beranimasi dan mempunyai kendali untuk mengatur pixel pada layar.
Menggambar Text Metode untuk menggambar teks dan karakter adalah : 1. Drawstring Menggambar teks dalam str menggunakan warna dan huruf yang tersedia. (x,y) adalah koordinat titik anchor. 2. drawSubstring Sama seperti drawString, kecuali ini hanya akan menggambar substring dari offset (berbasis nol) dengan panjang length. 3. drawChar Menggambar karakter dengan warna dan huruf yang tersedia 4. drawChars Menggambar karakter dalam data array karakter, dimulai dari indeks offset dengan panjang length
Hasil dapat dilihat pada Gambar di bawah ini
Hasil dapat dilihat Pada Gambar di bwaha ini
Menggambar Garis Warna Satu-satunya metode grafik untuk menggambar garis didefinisikan sebagai : public void drawLine(int x1, int y1, int x2, int y2) Metode ini menggambar sebuah garis menggunakan warna yang tersedia dan coretan antara koordinat (x1,y1) dan (x2,y2).
Hasil dapat dilihat Pada Gambar di bwaha ini
Menggambar Kotak Jika Anda akan mengenali, definisi drawRect dan drawRoundRect menetapkan lebar dari kotak yang digambar pada layar adalah dengan width+1 dan tingginya dengan height+1. Hal ini sangat tidak intuitif, tetapi seperti itulah spesifikasi MIDP menggambarkan metode ini. Untuk meng-agravate tidak konsistensi dari “off-by-one” ini, metode fillRect dan fillRoundRect hanya mengisi sebuah area kotak (width x height). Anda akan melihat ketidakcocokan ini jika anda memasukkan parameter yang sama untuk drawRect dan fillRect (dan drawRoundRect vs fillRoundRect). Sisi kanan dan bawah dari kotak digambar oleh kepalsuan drawRect di luar area yang diisi oleh fillRect. Metode drawRect() menggambar sebuah kotak dengan pojok kiri atas pada koordinat (x,y) dan luas area (width+1 x height+1). Parameter yang sama ada bersamadrawRoundRect(). Parameter tambahan arcWidth dan arcHeight adalah diameter horisontal dan vertikal dari busur dari keempat sudut
Metode drawRect() menggambar sebuah kotak dengan pojok kiri atas pada koordinat (x,y) dan luas area (width+1 x height+1). Parameter yang sama ada bersamadrawRoundRect().
Parameter tambahan arcWidth dan arcHeight adalah diameter horisontal dan vertikal dari busur dari keempat sudut.
Hasil dapat dilihat pada gambar di bawah ini
Menggambar Sudut Metode untuk menggambar bundar atau eclips adalah : 1. drawArc Menggambar arc dengan pusat pada (x,y) dan dimensi (width+1 x height+1). Arc digambar mulai dari startAngle dan extend untuk derajat arcAngle. 0 derajat terletak pada jarum jam 3. 2. fillArc Mewarnai bidang bundar dan eclips yang telah dibuat dengan warna yang tersedia.
II.
Latihan Pratikum
1. Buatlah Program Untuk Menampilkan Textbox pada canvas / Layar Hp dengan tulisan “Hai Kawan Saya Adi Muwardi”. 2. Buatlah 2 tombol klik dengan nama “Keluar”, “Ok”, dan apabila tombol Keluar di klik maka muncul textbox dengan tulisan “Saya Keluar dari aplikasi ”, dan apabila tombol “ Ok “ di klik maka akan muncul textbox dengan tulisan “ Saya tekan Ok”.
Hasil dapat Dilihat Pada Gambar Di bawah ini