REALISASI PAPAN RUNNING TEXT UNTUK DISTRIBUSI INFORMASI BANK BERBASIS WEB DAN MIKROKONTROLER
Realization of Running Text Board for Distribution of Banking
Information based on Web and Microcontroller
PROYEK AKHIR Untuk memenuhi sebagian persyaratan menyelesaikan pendidikan Diploma III
Program Studi Teknik Telekomunikasi Jurusan Teknik Elektro
Oleh: Synthia Bella Budiarti NIM: 091331060
POLITEKNIK NEGERI BANDUNG 2012
iii
RIWAYAT HIDUP
Nama : Synthia Bella Budiarti NIM : 091331060
Tempat, Tanggal Lahir
: Bandung, 12 Desember 1991
SD lulus tahun
: 2003 di SD Negeri Jambudipa 1
SLTP lulus tahun
: 2006 di SMP Negeri 1 Cisarua
SLTA lulus tahun
: 2009 di SMA Negeri 1 Cisarua
Prestasi yang pernah dicapai: 1. Ketua Komisi C MPH HIMATEL POLBAN 2010-2011 2. Kepala Urusan Informasi dan Komunikasi Departemen Dalam Kampus BEMA KEMA POLBAN 2010-2011 3. Anggota HIMATEL POLBAN 2009-2012 4. Anggota BEMA KEMA POLBAN 2009-2010 5. Juara 2 Lomba Menulis Puisi Tingkat SMAN 1 Cisarua Tahun 2007 dan Tahun 2008
iv
LEMBAR
PERSEMBAHAN
Bukanlah suatu aib jika kamu gagal dalam suatu usaha, yang merupakan aib adalah jika
kamu tidak bangkit dari kegagalan itu (Ali bin Abu Thalib)
I was looking at my dream that is being seemed far away
And I was standing blankly
I don’t have anything left any more I thought about giving up everything, but I am standing up again Even today step by step I step forward carefully My heart is full of fears but it’s an excitement I’m embracing I am staggering and shaking But, I step forward towards the dream that I am going to meet some day As I’m thinking if it’s going to end like this A fear constantly comes I’m hesitating but Deep inside my heart There’s an unstoppable beating that drags me forward And that dream come true Karya kecil ini kupersembahkan : Untuk papah…
Terima Kasih telah membesarkanku dan untuk semua pengorbanan yang kau lakukan demi aku mencapai cita-citaku. Tak pernah lagi kulihat senyummu yang penuh semangat karena beban yang kau pikul begitu besar selama ini. Maafkan aku belum bisa membuat papah bahagia. Untuk mamah… Terima Kasih untuk doa yang selalu engkau panjatkan untukku, Tak jarang air mata menetes di pipimu karena keegoisan dan kekerasan yang kulakukan. Maafkan telah membuat mamah kecewa dan marah. Semoga Allah membalas setiap keringat papah dan airmata mamah, Amin.
v
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT. Melalui
perjalanan panjang yang penuh tantangan dan hambatan yang tiada berarti jika dibandingkan dengan rahmat dan karunia-Nya sehingga penulis dapat
menyelesaikan Tugas Akhir yang berjudul Realisasi Papan Running Text untuk
Distribusi Informasi Bank Berbasis Web dan Mikrokontroler. Tugas Akhir ini merupakan salah satu persyaratan kelulusan yang harus dipenuhi oleh setiap
mahasiswa/i Politeknik Negeri Bandung sesuai dengan kurikulum yang ditetapkan.
Dalam pelaksanaan proyek akhir ini, penulis mendapatkan banyak doa,
bantuan, dukungan, dan bimbingan dari berbagai pihak. Pada kesempatan ini pula, penulis mengucapkan terima kasih kepada; 1. Allah SWT Yang Maha Kuasa yang telah memberikan kesempatan, dan kesehatan bagi penulis untuk menyelesaikan Proyek Akhir hingga selesai. 2. Mama, Papa dan adikku. Terimakasih atas doa dan dukungannya. Penulis hanya dapat membuktikan bahwa penulis bisa menyelesaikan kuliah dengan segenap kemampuan yang dimiliki oleh penulis. 3. Bapak Ferry Satria, BSEE., M.T. selaku pembimbing tunggal, yang senantiasa sabar dan ikhlas dalam memberikan petunjuk nasehat dan mengembalikan semangat serta arah penulis ketika penulis terjatuh dan kehilangan arah selama penyusunan proyek akhir. 4. Bapak Malayusfi, BSEE, M.Eng. selaku Ketua Sidang, dan Bapak Teddy Hariyanto dan Bapak Sanam Herlambang selaku penguji 1 dan 2 terimakasih atas waktu dan saran yang telah diberikan untuk menguji. 5. Bapak Hertog Nugroho , Bapak Tata Supriyadi, Bapak Ridwan Sholihin atas kesediaannya meluangkan waktu untuk penulis bertanya mengenai ilmunya.Serta Pak Badu atas waktunya ketika penulis mengganggu untuk meminjam alat-alat. 6. Semua Bapak dan Ibu Dosen Pengajar Program Studi Teknik Telekomunikasi D3 Politeknik Negeri Bandung yang telah sabar dan tekun dalam memberikan ilmu dan bantuan kepada penulis selama penulis berkuliah.
vi
7. Untuk keluarga Baruduk mpit, yara, uli, senong, tanjung, tatik, isti,
pungki, lia, desna, bibi, detong, fau, mikha, susan, baits, agung, ady, danu,dio, erwin, roy, ilham, ibnu, rifki, rizky, wika, subkhan, yoyok atas
semua kegilaan, kisah-kisah menakjubkan, kebersamaan dan dukungan 3
tahun ini.Terima kasih membantu penulis bangun ketika penulis jatuh.
8. Untuk Yuli, Dio, Kang Andri, Budi, Yan, Subkhan dan teh Nares. Terima Kasih banyak atas ilmunya, waktunya untuk menemani penulis dan
menjawab semua pertanyaan penulis tentang proyek akhir yang penulis
buat. Terima kasih.
9. Semua teman seperjuangan Telekomunikasi ’09 yang sudah berjuang sejak
awal masuk bersama-sama hingga saat ini. 10. Keluarga besar Himpunan Mahasiswa Teknik Telekomunikasi yang telah memberikan doa dan bantuan untuk menyelesaikan Tugas Akhir ini, 11. Dan kepada semua pihak yang telah membantu dalam proses pengerjaan Tugas Akhir ini yang tidak dapat penulis sebutkan satu-persatu. Penulis berharap agar semua kebaikan yang telah diberikan mendapatkan imbalan yang setimpal dari Allah SWT. Kritik dan saran yang sifatnya membangun guna kesempurnaan Tugas Akhir ini tetap penulis harapkan. Semoga Tugas Akhir ini dapat bermanfaat bagi setiap pembaca dan dapat dijadikan bahan acuan untuk pengembangan berikutnya.
Bandung, Juli 2012
Synthia Bella Budiarti
vii
ABSTRAK
Papan teks berjalan menggunakan mikrokontroler untuk mengendalikan tulisan yang ditampilkan sehingga kendala muncul ketika informasi harus didistribusikan ke banyak lokasi yang letaknya berjauhan . Pada proyek akhir ini direalisasikan sebuah papan teks berjalan yang digunakan untuk mendistribusikan informasi bank menggunakan 8 buah LED dot matriks 2 warna M3088A dengan total dimensi 64 kolom x 8 baris yang dapat menampilkan 2 warna teks yaitu merah dan hijau. Informasi berupa data ASCII yang dikirim melalui website dan diterima oleh aplikasi server yang ditulis menggunakan IDE Delphi dengan bahasa Object Pascal, kemudian diolah oleh mikrokontroler ATmega32 yang terhubung dengan ComPort serial aplikasi server agar dapat ditampilkan oleh papan teks berjalan .Informasi ditampilkan dengan metode scanning kolom bergerak dari kanan ke kiri dengan kecepatan pergerakan teks yaitu 1 karakter per 1/6 detik dan panjang informasi maksimum sebanyak 100 karakter karena internal RAM size yang tersedia pada ATmega 32 sebesar 2048 bytes. Dengan berbasiskan website, distribusi informasi dapat dilakukan ke beragam lokasi papan teks berjalan dalam waktu bersamaan namun aplikasi server harus selalu terhubung ke internet. Sistem ini akan lebih baik jika mengganti mikrokontroler dengan kapasitas memori yang lebih besar agar panjang informasi maksimum dapat bertambah dan mengganti aplikasi server dengan modem WIFI atau GSM agar sistem tidak selalu terhubung ke internet. Kata Kunci: teks berjalan, website, mikrokontroler, internet. ABSTRACT Running text board is using microcontroller to control displaying text till the problem appears when the information must distribute to amount of different location far from each other. This final project has realized a running text board which used to distribute of banking information using 8 bicolor LED dot matrix M3088A herewith dimension total are 64 columns x 8 rows that can display two different colours between red text and green text. The information as ASCII data sent by website and received on server application written using IDE Delphi with Object Pascal language, and then processed by microcontroller ATmega32 connected to the ComPort serial server application in order to displayed by running text board. The information displayed with column scanning method moving from the right to the left with moving speed of text is 1 character per 1/12 seconds and maximum length of information is 100 characters because of Internal RAM size of ATmega32 are 2048 bytes. With based on website, the information can be distributed to various locations of running text board at the same time. This system would be better then before if microcontroller changed with the larger capacity of memory so maximum length information can be added and the server application changed by WIFI or GSM modem thus the system is not always connected to the internet. Keywords: Running text, website, microcontroller, internet .
viii
DAFTAR ISI
RIWAYAT HIDUP ................................................................................................ iv LEMBAR PERSEMBAHAN ................................................................................. v
KATA PENGANTAR ........................................................................................... vi
ABSTRAK ........................................................................................................... viii DAFTAR ISI .......................................................................................................... ix DAFTAR GAMBAR ............................................................................................ xii
DAFTAR TABEL ................................................................................................. xv BAB 1 PENDAHULUAN ...................................................................................... 1 1.1
Latar Belakang.......................................................................................... 1
1.2
Perumusan Masalah .................................................................................. 1
1.3
Pemecahan Masalah ................................................................................. 2
1.4
Tujuan ....................................................................................................... 2
1.5
Batasan Masalah ....................................................................................... 3
1.6
Sistematika Laporan ................................................................................. 3
BAB II TINJAUAN TEORITIS ............................................................................. 5 2.1
Tinjauan Kepustakaan .............................................................................. 5
2.2
Landasan Teoritis ..................................................................................... 6
2.2.1
Internet .............................................................................................. 6
2.2.2
Website, PHP dan MySQL ............................................................... 6
2.2.3
Modelling tools ............................................................................... 11
2.2.4
HTTP ............................................................................................... 13
2.2.5
Dot Matriks 2 warna........................................................................ 13
2.2.6
Mikrokontroller ATmega32 ............................................................ 14
BAB III PERANCANGAN DAN REALISASI ALAT........................................ 20
ix
3.1
Analisis Kebutuhan Sistem Server ......................................................... 20
3.2.1
Analisis Fungsi ................................................................................ 20
3.2.2
Analisis Pengguna ........................................................................... 20
3.2.3
Analisis Database ............................................................................ 21
3.2.4
Analisis User interface .................................................................... 21
3.2
Perancangan Sistem Server .................................................................... 21
3.2.1
Perancangan Context Diagram dan Data Flow Diagram (DFD) ... 21
3.2.2
Perancangan UML (Unified Modelling Language) ........................ 23
3.2.3
Perancangan Database ..................................................................... 26
3.2.4
Perancangan Antarmuka ................................................................. 27
3.3
Perancangan Sistem Client ..................................................................... 32
3.3.1
Gambaran sistem ............................................................................. 32
3.3.2
Spesifikasi Alat ............................................................................... 33
3.3.3
Perancangan Hardware.................................................................... 33
3.4
Perancangan Program Client .................................................................. 39
3.5
Perancangan Program Aplikasi Server ................................................... 41
3.6
Realisasi.................................................................................................. 43
3.4.1
Website ............................................................................................... 43
3.4.2
Alat Client ........................................................................................... 47
BAB IV PENGUJIAN DAN ANALISA .............................................................. 51 4.1
Pengukuran ............................................................................................. 51
4.2
Pengujian ................................................................................................ 51
4.2.1
Pengujian website secara offline ..................................................... 52
4.2.2
Pengujian website secara online...................................................... 58
4.2.3
Pengujian Sistem ............................................................................. 60
4.3
Analisis ................................................................................................... 62
x
BAB V PENUTUP ................................................................................................ 64
5.1
Kesimpulan ............................................................................................. 64
5.2
Saran ....................................................................................................... 64
Daftar Pustaka ....................................................................................................... 65
Lampiran ............................................................................................................... 66
xi
DAFTAR GAMBAR
Gambar 1 Perbandingan website dinamis dan statis ............................................... 7
Gambar 2 LED dot matriks 8x8 ........................................................................... 14 Gambar 3 Rangkaian Dot Matriks 8x8 ................................................................. 14
Gambar 4 IC mikrokontroler ATMega32 ............................................................. 15
Gambar 5 Konfigurasi pin mikrokontroler ATMega32 ........................................ 16 Gambar 6 Peta memori ATMega32 ...................................................................... 17
Gambar 7 Memori program ATMega32 ............................................................... 17 Gambar 8 Register UBRR ..................................................................................... 18
Gambar 9 Register UCSRB .................................................................................. 18
Gambar 10 Register UCSRC ................................................................................ 19 Gambar 11 Context diagram sistem server ........................................................... 22 Gambar 12 Data flow diagram sistem server ........................................................ 22 Gambar 13 Diagram use case admin ..................................................................... 23 Gambar 14 Diagram use case user ........................................................................ 23 Gambar 15 Sequence Diagram input data ............................................................. 24 Gambar 16 Sequence diagram lihat dan edit/delete data ...................................... 24 Gambar 17 Sequence diagram lihat data oleh user ............................................... 24 Gambar 18 Class diagram utama .......................................................................... 25 Gambar 19 Class diagram administrator ............................................................... 25 Gambar 20 Class diagram user ............................................................................. 26 Gambar 21 Halaman antarmuka menu utama ....................................................... 28 Gambar 22 Halaman antarmuka menu login ........................................................ 29 Gambar 23 Halaman antarmuka menu administrator ........................................... 29 Gambar 24 Halaman antarmuka menu input ........................................................ 30 Gambar 25 Halaman antarmuka menu update ...................................................... 30 Gambar 26 Halaman antarmuka menu lihat.......................................................... 31 Gambar 27 Halaman antarmuka menu delete ....................................................... 31 Gambar 28 Halaman antarmuka menu Load ........................................................ 32 Gambar 29 Diagram blok sistem........................................................................... 32 Gambar 30 Skematik sistem minimum ATMega32 ............................................. 34 Gambar 31 Skematik rangkaian driver kolom dot matriks ................................... 36
xii
Gambar 32 Skematik Rangkaian pengatur driver kolom dot matriks ................... 36
Gambar 33 Skematik rangkaian kolom dot matriks .............................................. 37
Gambar 34 Skematik Rangkaian driver baris dot matriks .................................... 37 Gambar 35 Skematik rangkaian regulator tegangan ............................................. 38 Gambar 36 Diagram alir tampil teks berjalan pada dot matriks dengan metoda
scanning kolom ..................................................................................................... 39 Gambar 37 Diagram alir program utama client papan running text ..................... 40 Gambar 38 Diagram alir program untuk menerima data ASCII dari port serial .. 40 Gambar 39 Komponen Indy Client dalam Delphi 7 ............................................. 41
Gambar 40 Komponen CPortLib dalam Delphi 7................................................. 41
Gambar 41 Diagram blok aplikasi server.............................................................. 42 Gambar 42 Diagram alir proses pengambilan perintah melalui protokol HTTP .. 42 Gambar 43 Tampilan halaman utama website ...................................................... 43 Gambar 44 Tampilan Interface Login ................................................................... 44 Gambar 45 Tampilan Interface Menu Admin ....................................................... 44 Gambar 46 Tampilan Interface Menu Input.......................................................... 45 Gambar 47 Tampilan Interface Menu Lihat.......................................................... 45 Gambar 48 Tampilan Interface Menu Delete........................................................ 46 Gambar 49 Tampilan Interface Menu Update ...................................................... 46 Gambar 50 Tampilan Interface Menu Load .......................................................... 47 Gambar 51 Layout PCB sistem minimum ATMega32 ......................................... 47 Gambar 52 Layout PCB rangkaian driver kolom dot matriks .............................. 48 Gambar 53 Layout PCB rangkaian pengatur driver kolom dot matriks ............... 48 Gambar 54 Layout PCB rangkaian kolom dot matriks ......................................... 48 Gambar 55 Layout PCB rangkaian driver baris dot matriks ................................. 48 Gambar 56 Layout PCB regulator tegangan ......................................................... 49 Gambar 57 Sistem Minimum Atmega32 .............................................................. 49 Gambar 58 Driver kolom merah dan driver kolom hijau ...................................... 49 Gambar 59 Rangkaian kolom dot matriks ............................................................ 50 Gambar 60 Driver baris dot matriks...................................................................... 50 Gambar 61 Rangkaian pengatur driver kolom dot matriks ................................... 50 Gambar 62 Setup pengukuran alat client .............................................................. 51
xiii
Gambar 63 Halaman utama dari http://localhost/TA/index.php ........................... 52
Gambar 64 Halaman pada menu “Info Promosi” ................................................. 53
Gambar 65 Halaman pada menu “ Info Valas” ..................................................... 54 Gambar 66 Tampilan Halaman “Login” ............................................................... 55 Gambar 67 Tampilan halaman list tampilan untuk di load ................................... 56
Gambar 68 Tampilan Halaman Menu Load.......................................................... 56 Gambar 69 Tampilan setelah data berhasil di load ke database............................ 57 Gambar 70 Tampilan database setelah di tambahkan data baru ........................... 57 Gambar 71 Tampilan halaman setelah mengklik tombol load all dan data dikirim
ke Delphi ............................................................................................................... 58
Gambar 72 Tampilan halaman utama website http://telcotelco.co.cc................... 59 Gambar 73 Tampilan aplikasi server saat menjalankan perintah execute ............ 59 Gambar 74 Tampilan setiap karakter dalam dot matriks ...................................... 60 Gambar 75 Tampilan teks merah .......................................................................... 60 Gambar 76 Tampilan teks hijau ............................................................................ 60
xiv
DAFTAR TABEL
Tabel 1 Istilah dalam PHP....................................................................................... 9
Tabel 3 Istilah dalam HTML................................................................................. 10 5 Struktur database tabel “data_admin” ...................................................... 26 Tabel
Tabel 6 Struktur database tabel “info_valas” ........................................................ 27
Tabel 7 Struktur database tabel “info_promo”...................................................... 27 Tabel 8 Struktur database tabel “data_info” ......................................................... 27
Tabel 9 Tabel pengukuran alat client .................................................................... 51 10 Pengujian jumlah maksimum panjang karakter untuk 5 buah informasi Tabel
yang diterima......................................................................................................... 61
Tabel 11 jumlah maksimum panjang karakter informasi untuk variasi informasi yang diterima......................................................................................................... 61
xv
Daftar Pustaka
Daftar Pustaka
[ 1] Erycbagus.protokol HTTP. http://erycbagus.wordpress.com/protokol-http/ . diakses Juni 2012
[ 2] Hasyim, Muhammad.Definisi Internet. http://hasheem.wordpress.com/bahanajar/definisi-internet/ . diakses Juni 2012 [ 3] Nareswari, Ayu.2011. Proyek akhir “Realisasi Papan Informasi Dot Matriks Led 2 Warna Berbasis SMS dan Mikrokontroler”. Bandung. Politeknik Negeri Bandung.
[ 4] Pengertian website, http://www.anneahira.com/pengertian-website.htm,diakses Januari
2012.
[ 5] Suprianto, Dodit. Buku Pintar Pemrograman PHP. OASE Media. Bandung. 2008. [ 6] Nugroho, Adi. Rational Rose untuk Pemodelan Berorientasi Objek.Bandung.Informatika Bandung.
Synthia Bella Budiarti, 091331060 Laporan Proyek Akhir Tahun 2012
65
