JUDUL
PERANCANGAN APLIKASI PENGHITUNG HARGA CETAK BUKU SATUAN BERBASIS WEBSITE PADA PERCETAKAN MAKTABAH TSALATSAH
NASKAH PUBLIKASI
diajukan oleh Turyanto 10.01.2804
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013
LEMBAR PENGESAHAN
NASKAH PUBLIKASI
PERANCANGAN APLIKASI PENGHITUNG HARGA CETAK BUKU SATUAN BERBASIS WEBSITE PADA PERCETAKAN MAKTABAH TSALATSAH disusun oleh Turyanto 10.01.2804
Dosen Pembimbing
Erik Hadi Saputra, S.Kom, M.Eng. NIK. 190302107
Tanggal, 10 Juni 2012
Ketua Jurusan Teknik informatika
Hanif Al Fatta, M.Kom NIK.190302096
DESIGNING PRICE COUNTERS APPLICATIONS FOR PRINT BOOKS UNIT BASED WEBSITE AT MAKTABAH TSALATSAH PRINTING PERANCANGAN APLIKASI PENGHITUNG HARGA CETAK BUKU SATUAN BERBASIS WEBSITE PADA PERCETAKAN MAKTABAH TSALATSAH Turyanto Erik Hadi Saputra Jurusan Teknik Informatrika STMIK AMIKOM YOGYAKARTA
ABSTRACT Counter application print book price-based unit designed website is different from the website other information systems. In terms of their end, this website is designed more specifically for commercial purposes. The most important part of this is the price calculator application, visitors can print a paper book with selecting materials, type of cover and the number of prints. Once visitors have finished designing the book to be printed, then the application will show how much money should be paid to print the book. In addition. visitors can also input a number of charges, then the application will show the design of the book will be printed in accordance with the number in the input costs. Rest of the website is fully the same as they do in other websites, such as articles, portfolios, and so on. Keywords: book, cover, printed books, count the cost, print specifications
1.
Pendahuluan Perusahaan melakukan kegiatan yang berhubungan dengan peningkatan kualitas
produk, manajemen dan pelayanan kepada para konsumen. Seiring dengan berkembangnya teknologi, dimana segala sesuatu harus dilakukan dengan sebaik dan secepat mungkin, maka kegiatan perusahaan tersebut menjadi peran utama yang harus ditingkatkan terus menerus, terutama dalam hal pelayanan. Pelayanan yang berbelit, proses yang panjang sering membuat konsumen banyak bertanya dan akhirnya konsumen mendapatkan hasil tidak sesuai dengan apa yang diharapkan.
Dibutuhkanya alat bantu berupa aplikasi yang mampu membantu meningkatan pelayanan bagi para konsumen dan diharapkan dapat mempermudah serta mempercepat proses pemesanan produk dan kesesuaian hasil dengan yang diharapkan konsumen. Sistem tidak berbelit disertai kemudahan dalam pengaksesanya yang merupakan fungsi utama dari aplikasi tersebut.
Berdasarkan latar belakang masalah diatas maka dirancanglah sebuah aplikasi berbasis website perusahaan tersebut dengan judul “Aplikasi Penghitung Harga Cetak Buku Satuan Berbasis Web pada Percetakan Maktabah Tsalatsah”. Batasan masalah pada perancangan aplikasi ini lebih fokus pada perancangan aplikasi penghitung harga untuk mempermudah konsumen dalam memesan produk kepada perusahaan sekligus mempercepat perusahaan dalam memperoses data karena aplikasi ini mengunakan internet sebagai media pengiriman datanya.
2. 2.1
Landasan Teori Pengenalan Website Website pada awalnya adalah ruang informasi di internet dengan menggunakan
teknologi hyperteks, pemakai dituntun untuk menemukan informasi dengan mengikuti link yangg disediakan berupadokumen web yang ditampilakan dalam web browser (Sidik, 2012).
1
2.2
Lingkungan Website
2.2.1
HTML Hyper Text Markup Language atau biasa di singkat HTML adalah sebuah bahasa
untuk menyajikan data pada browser web yang terdiri dari elemen-elemen tertentu. HTML juga merupakan salah satu format yang digunkan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman sebuh website. HTML di katakan markup karena meformat file teks biasa untuk di tampilakan pada web browser. 2.2.2
PHP PHP merupakan bahasa pemrograman server side scripting yang menyatu dengan
HTML dalam sebuah halaman website dinamis. Server side scpriting karena semua semua proses php akan di jalankan diserver dan hasilnya akan di tampilakan dalam format HTML ke browser web, sehingga pengguna browser web tidak bisa melihat kode php tersebut. 2.2.3
CSS CSS (Cascading Style Sheet) adalah mekanisme memisahkan antara isi dan
presentasi dokumen HTML. CSS menambahkan style pada halaman, meningkatkan dan memperbaiki penyajian isi halaman. CSS Bertindak sebagai lapisan yang mempengaruhi presentasi dari elemen HTML yang diberikan. warna, font, text size, background, susunan elemen pada halaman dan seluruh aspek presentasi isi, diatur oleh CSS. 2.2.4
Database (MySql) Database adalah kumpulan dari berberapa tabel yang berisi kolom atau field data.
MySQL adalah multiuser database yang menggunakan bahasa Strucured Query Language (sql). Sedangkan SQL (Structure Query Language) adalah sebuah bahasa pemrograman aras tinggi yang menjadi standar untuk pengolahan data pada sebagian besar DBMS. 2.2.5
JavaScript JavaScript adalah bahasa pemrograman berbasiskan client side scripting. Client
side scripting menandakan program akan dieksekusi disisi (browser) client, sehingga client dapat melihat kode dan mengetahui algoritma dari program yang ditulis. JavaScript tidak memerlukan compiler khusus untuk mengeksekusi programnya, karena browser yang akan bertindak sebagai compiler kode program JavaScript tersebut.
2
3.
Gambaran Umum Terus bertambahnya data digital yang kian hari semakin beragam dan tersebar
dibelahan dunia kadang membuat sulit orang yang akan mencari sumber asli dari data digital tersebut. Adapun semakin banyak data digital berupa teks kadang membuat jenuh membacanya karena harus terpaku di depan sebuah monitor komputer, laptop atau peralatan digital lainya. Berawal dari konsep yang sederhana, sebuah percetakan untuk merubah data teks digital menjadi data teks cetak atau sebuah buku menjadi satu sarana tersendiri untuk membantu mereka yang ingin belajar lebih pada tulisan dan memadukanya dengan kehidupan. Jika kebanyakan orang berfikir betapa sulitnya mencetak sebuah buku, harus melalu proses yang panjang, harus ada syarat yang berbelit dan sebagainya selain itu batas minimal pemesanan harus berkisar 100 exampler lebih, maka Maktabah Tsalatsah memberikan pelayanan yang sebaliknya, yaitu dengan proses yang mudah dan tanpa syarat yang berbelit siapapun bisa mencetak buku, bahkan tanpa minimal cetak yang berarti cetak buku satuan (1 exampler) juga akan tetap dilayani. 3.1
Visi dan Misi Visi dan misi perusahanaa adalah sebagai berikut.
Memeberikan kontribusi dalam mencerdaskan bangsa dengan perantara buku
3.2
Turut serta dalam pengembangan di dunia keilmuan
Menciptakan peluang usaha di bidang karya tulis
Memberikan semangat berkarya bagi para penulis
Memberikan palayanan jasa cetak buku satuan
Struktur Perusahaan
Gambar 3.1 Struktur Perusahaan
3
3.3
Lokasi Lokasi perusahaan jasa cetak buku satuan maktabah tsalatsah :
Alamat
: Jl. Kaliuarang km.15 Degolan, Ngemplak, Ngagglik, Sleman, Yogyakarya
Lokasi
: Utara Universitas Islam Indonesia Jl. Kaliurang km.15 sekitar 500 meter
sebelah timur jalan, tepatnya di kompleks toko bahan
bangunan TB. MAS ERWIN.
Gambar 3.2 Lokasi Perusahaan 3.4
Alur Pemesanan Alur pemesanan cetak buku satuan pada percetakan makatabah tsalatsah adalah : 1. Pemesan melakukan pemilihan spesifikasi buku yang akan di cetak (Jenis cover, ukuran kertas, jenis bending sampai perhitungan biaya cetak) 2. Jika spesifikasi belum sesuai untuk hasil cetakan terbaik maka pihak perusahaan akan mengubah data sesuai kebutuhan dengan persetujuan pemesanan 3. Jika spesifikasi sudah sesuai maka pemesanan mlakukan pembayaran 50 % di muka sebagai jaminan 4. Proses pembuatan buku oleh perusahaan 5. Pemabayaran 50% kekuranganya oleh pemesan
4
6. Pengiriman buku yang telah jadi ke pemesan
Gambar 3.3 Alur Pemesanan
5
4.
Analisis dan pembahasan
4.1
Perancangan Sistem Menggunakan UML Unified Modelling Languange (UML) adalah sekumpulan symbol dan diagram
untuk memodelkan software yang selanjutnya akan memudahkan dalam menterjemahknaya ke dalam bahasa pemrograman maupun alur dari sebuah software yang di digambarkan dengan symbol dan diagram tersebut. Diagram UML antara lain terdiri dari Use Case Diagram, Activity Diagram, Class Diagram, dan Sequence Diagram. 4.1.1
Use Case Diagram Use case diagram pada aplikasi berbasis website di percetakan maktabah
tsalatsah terdiri dari tiga aktor yaitu admin, pengunjung dan pemesan yang merupakan bentuk generalisasi dari pengunjung (khusus).
Pengunjung dapat melakukan pengecekan biaya cetak buku maupun cek spesifikasi berdasarkan biaya yang dimasukan, pengunjung juga dapat memberikan komentar pada artikel dan membuka menu kontak untuk melihat kontak maktabah tsalatsah.
Pemesan sama seperti pengunjung namun lebih khusus karena pemesan harus mendownload form pemesanan yang selanjutnya akan dikirim ke email maktabah tsalatsah sebagai datadiri dan sata file yang akan dicetak menjadi buku.
Admin dapat melakukan semua yang dilakukan oleh pengunjung maupun pemesan. Admin juga dapat melakukan pengelolaan dari data website baik penambahan, perubahan maupun penghapusan suatu data.
6
Gambar 4.1 Use Case Diagram
7
4.1.2
Activity Diagram Activity merupakan rangkaian kegitan yang digambarkan dengan sebuah symbol
dan tanda tertentu sesuai dengan urutan waktu. Adapun diagram activity yang digambarkan adalah 4.1.2.1
Diagram Activity Pemesanan Menggambarkan alur dari pemesanan buku oleh pemesan sampai buku dikirim
ke alamat pemesan.
Gambar 4.2 Diagram Activity Pemesanan
8
4.1.2.2 Diagram Activity Cek Biaya Cetak Menggambarkan alur pengecekan biaya di aplikasi cetak oleh pengunjung website.
Gambar 4.3 Diagram Activity Cek Biaya Cetak 4.1.2.3
Diagram Activity Cek Spesifikasi Cetak
9
Menggambarkan alur pengecekan spesifikasi buku berdasarkan jumlah biaya yang dimasukan oleh pengunjung.
Gambar 4.4 Diagram Activity Cek Spesifikasi Cetak 4.1.3
Class Diagram Class diagram menggambarkan entitas yang ada pada buku beserta attribute
pelengkapnya.
Gambar 4.5 Class Diagram
10
4.1.4
Squence Diagram Squence diagram menggambarkan lebih detail dari gambaran pada use case
diagram. Sequence diagram juga merupakan patokan yang secara umum akan lebih banyak digunakan dalam proses pembuatan kode program. Adapun squence diagram yang di rancang untuk aplikasi berbasis website pada percetakan maktabah tsalatsah adalah squnce yang diambil dari use case admin, karena use case tersebutlah yang berhubungan langsung dengan program, terutama alur logikanya.
4.1.4.1 Squence Login Admin
Gambar 4.6 Squence Login Admin
4.2
Perancangan Database Perancangan database merupakan perancangan untuk tempat dimana data-data
akan disimpan. Perancangan meliputi normalisasi, ERD(Entity Relatinship Diagram), jumlah tabel yang dibutuhkan beserta atributnya. 4.2.1
Normalisasi Normalisasi adalah proses penyusunan tabel-tabel yang tidak redundan (double),
yang dapat menyebabkan anomaly pada saat operasi manipulasi data, seperti tambah, ubah
11
dan hapus. Tujuan utama dari normalisasi adalah mencegah terjadinya insertion anomaly (kesalahan penambahan data kedalam database) dan deletion anomaly (kesalahan dalam menghapus data yang ada didalam database) dan update anomaly (kesalahan dalam mengubah data baik dalam hal penambahan, penghapusan
atau
keduanya).
Table 4.1 Normalisasi Bentuk ketiga (3NF)
admin *id user password
testimoni
dcover
*id_testimoni nama buku testimoni
jcover
portofolio *id_portofolio nama_pemesan judul_buku tgl_pesan jml_halaman gambar download *id_download file judul tgl_upload jam artikel *id_artikel judul ringkasan author tanggal jam gambar konten
*id_dcover dcover harga
komentar #id_artikel *urut nama email konten_komen admin tanggal jam
*id_jcover jcover harga ukertas *id_ukertas ukertas jkertas
slider *id_slider keterangan gambar judul tgl_upload harga *id_harga #id_ukertas #id_jkertas harga
12
*id_jkertas ukertas
4.2.2
ERD (Entity Relatinship Diagram)
Gambar 4.7 ERD (Entity Relatinship Diagram)
4.3
Perancangan inteface
Gambar 4.8 Halaman Home
13
4.4
Implementasi sistem
Gambar 4.9 Implementasi Halaman Hom
5.
Daftar Pustaka
Aziz, Farid. 2005. OOP dengan php 5. Jakarta: Elex Media Komputindo Al-Fatta, Hanif. 2007. Analisis dan perancangan sistem informasi.Yogyakarta :Andi Offset. Gunadi, Hariman. 2002. Visual Modeling menggunakan UML dan Rational Rose. Bandung :Informatika. Kustiawan, Ratno. 2010. Modul Rekayasa Perangkat Lunak Use case Diagram. Yogyakarta : STMIK Amikom. Sidik, Betha. 2012. Pemrograman Web dengan HTML.Bandung :Informatika. Sunnfrihantono, Bimo. 2002. Php dan MySql untuk Web. Yogyakarta :Andi Offset
14
