Plagiarism Checker X Originality Report

Similarity Found: 47%

Date: Thursday, February 21, 2019

Statistics: 3125 words Plagiarized / 6676 Total words
Remarks: High Plagiarism Detected - Your Document needs Critical Improvement.
-------------------------------------------------------------------------------------------

BAB I PENDAHULUAN Latar Belakang Perkembangan teknologi yang saat ini semakin
maju pesat telah mempengaruhi kebutuhan manusia dan berperan mempermudah
manusia melakukan aktifitas dalam kehidupan sehari-hari. Kemajuan pada bidang
teknologi informasi di berbagai macam bidang merupakan contoh bahwa kebutuhan
yang cenderung konsumtif semakin memerlukan teknologi informasi dalam kehidupan
manusia.

Di era globalisasi pelayanan dan informasi yang cepat dan akurat serta sesuai dengan
kebutuhan sudah menjadi keharusan untuk tetap bisa bersaing dalam dunia bisnis.
Percetakan CV.HELIO PRINT merupakan sebuah perusahaan percetakan yang bergerak
dibidang pencetakan, penjilidan dan lain-lain. Selama ini Percetakan Helio Print masih
menggunakan cara - cara manual dalam mencatat, menyusun dan menyimpan data-
data informasi percetakan, seperti menulis pencatatan pemesanan barang dan bukti
transaksi pada buku, selembar nota sebagai bukti order.

Cara-cara seperti ini sudah tidak efektif lagi untuk digunakan karena menjadikan
pemborosan waktu, tenaga dan biaya dengan adanya penggunaan kertas yang lebih
banyak. Dalam tugas akhir ini penulis akan membuat sebuah program sistem informasi
untuk percetakan Helio Print sehingga dengan adanya sistem otomatis yang diharapkan
mampu mengolah data-data informasi percetakan menjadi lebih cepat dengan tingkat
kesalahan yang minimal serta dapat menghemat waktu, tenaga dan biaya.

Program sistem informasi ini juga untuk memudahkan dalam penyusunan pelaporan.
Perumusan Masalah Berdasarkan latar belakang yang telah diuraikan diatas, maka
perumusan masalah yang diambil yaitu “Bagaimana
merancang,membangun,menganalisis sebuah sistem E-Layanan berbasis SMS Gateway
di Percetakan CV.Helio Print”.

Ruang Lingkup Penelitian Waktu dan Tempat Penelitian Penelitian ini dilaksanakan pada
bulan di CV.Helio Print Kedaton Bandar Lampung Batasan masalah Dikarenakan
penelitian ini hanya berfokus pada input data percetakan yang berjalan pada CV.Helio
Print Tujuan Merancang dan membangun sebuah sistem E-Layanan berbasis SMS
Gateway. Memperlancar pemesanan barang transaksi.

Memberikan layanan kepada pelanggan sehingga dapat di cek melalui SMS Gateway
apakah pesanan telah selesai atau belum . Mempercepat penyampaian informasi yang
berkaitan dengan pengambilan pesanan yang telah selesai. Manfaat Memudahkan
pelanggan dalam melakukan transaksi pesanan. Memudahkan dalam pemberitahuan
pencetakan Membantu pencatatan pemesanan, transaksi, pengambilan pesanan di
lingkup percetakan untuk dapat dijadikan sebuah arsip yang datanya benar – benar
valid Mengetahui kapan barang telah selesai dicetak dan tidak perlu bolak balik datang
ke tempat percetakan.

Sistematika Penulisan Dalam penulisan terdapat 5 (lima) bab dengan sistematika

masing-masing bab sebagai berikut: BAB I PENDAHULUAN Bab ini menguraikan latar
belakang masalah, perumusan masalah, ruang lingkup penelitian, tujuan penelitian,
manfaat penelitian, serta sistematika penulisan. BAB II LANDASAN TEORI Bab ini
membahas mengenai teori-teori yang menjadi dasar pembahasan masalah.

BAB III METODE PENELITIAN Bab ini menguraikan metode pengumpulan data, prosedur
penelitian dan metode analisis yang dipergunakan sebagai pendekatan penyelesaian
permasalahan yang terjadi. BAB IV HASIL PENELITIAN DAN PEMBAHASAN Bab ini
membahas mengenai hasil rancangan sistem yang di implementasikan dalam sebuah
aplikasi pengolahan citra.

BAB V SIMPULAN DAN SARAN Bab ini menyajikan tentang kesimpulan dan saran dari
hasil pembahasan. DAFTAR PUSTAKA LAMPIRAN BAB II
LANDASAN TEORI Pelayanan Pada Percetakan Pelayanan pada percetakan CV.Helio
Print dengan memberikan sebuah e- layanan merupakan suatu alternatif yang dapat
bermanfaat untuk masyarakat banyak.

Perkembangan teknologi yang semakin maju pesat telah mempengaruhi kebutuhan

manusia dan berperan mempermudah manusia melakukan kegiatan dalam kehidupan
sehari-hari. Dengan hanya mengunggah file yang akan dicetak kemudian dapat
memberikan catatan ukuran yang ingin dicetak tanpa perlu mengantri meminimalisir
terbuangnya waktu bagi masyarakat yang padat akan kesibukan pada pekerjaan masing
– masing.

Kemajuan di bidang teknologi informasi di berbagai bidang merupakan contoh bahwa

kebutuhan yang cenderung konsumtif semakin memerlukan teknologi informasi dalam
kehidupan manusia. Di era globalisasi pelayanan dan informasi yang cepat dan akurat
serta sesuai dengan kebutuhan sudah menjadi keharusan untuk tetap bisa bersaing
dalam dunia bisnis.

Percetakan CV.Helio Print adalah sebuah perusahaan percetakan yang bergerak

dibidang pencetakan dan lain-lain. Selama ini Percetakan Helio Print masih
menggunakan cara - cara manual dalam mencatat, menyusun dan menyimpan data-
data informasi percetakan, seperti menulis pencatatan pemesanan barang dan bukti
transaksi pada buku, selembar nota sebagai bukti order.

Cara-cara seperti ini sudah kurang efektif lagi untuk digunakan karena menjadikan
pemborosan waktu, tenaga dan biaya dengan adanya penggunaan kertas yang lebih
banyak. Dalam tugas akhir ini penulis akan membuat sebuah program sistem informasi
untuk percetakan Helio Print sehingga dengan adanya sistem otomatis yang diharapkan
mampu mengolah data-data informasi percetakan menjadi lebih cepat dengan tingkat
kesalahan yang minimal serta dapat menghemat waktu, tenaga dan biaya.

Program sistem informasi ini juga untuk memudahkan dalam penyusunan pelaporan.
Rancang Bangun Definisi perancangan menurut Azhar Susanto dalam bukunya yang
berjudul Sistem Informasi Manajemen Konsep dan Pengembangannya yaitu
Perancangan adalah spesifikasi umum dan terinci dari pemecahan masalah berbasis
komputer yang telah dipilih selama tahap analisis (2004:332).

Rancang bangun berarti mengatur segala sesuatu (sebelum bertindak, mengerjakan,

atau melakukan sesuatu), merencanakan. (Purwanto, 2008: 1) Dengan demikian
pengertian rancang bangun merupakan kegiatan menerjemahkan hasil analisa
rancangan ke dalam bentuk paket perangkat lunak kemudian menciptakan sistem
tersebut ataupun memperbaiki sistem yang sudah ada.

SMS Gateway SMS gateway merupakan sebuah sistem aplikasi yang digunakan untuk
mengirim dan atau menerima SMS, dan biasanya digunakan pada aplikasi bisnis, baik
untuk kepentingan broadcast promosi, servis informasi terhadap pengguna. Karena
merupakan sebuah aplikasi, maka fitur yang ada dalam SMS gateway bisa kita
modifikasi sesuai dengan kebutuhan.

berikut adalah beberapa fitur yang umum dikembangkan dalam aplikasi SMS Gateway :
Auto Reply / message Pengiriman terjadwal Untuk membuat sebuah SMS gateway,
Anda perlu mengenal hal-hal berhubungan dengan SMS gateway itu sendiri. Selain satu
hal yang memegang peranan penting dalam pengiriman SMS adalah SMSC (Short
Message Service Center).

yang merupakan jaringan telepon selular yang menangani pengiriman SMS. 2.3.1
Keuntungan SMS Gateway Adapun kelebihan yang ditawarkan SMS Gateway antara
lain : Auto Reply Kelebihan pertama SMS Gateway adalah kemampuannya untuk
membalas sms otomatis sehingga reseller dapat dengan mudah mengecek transaksi
dengan fitur-fitur yang disediakan.

Broadcast SMS Gateway dapat mengirimkan pengumuman kepada pelanggan jika ada
pemberitahuan terkait dengan jadwal libur CV.Helio Print, transaksi, kode produk, dan
lain-lain. Website Pengertian Website Website atau web dapat diartikan sebagai
kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks,
gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang
bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling
terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman. (Hidayat,
2010) Pada penelitian ini merancang sistem informasi sms gateway pada pt.centerpoint
sebagai media promosi.

(Bobby Ghani dan Nurfiana 2013) Dalam penelitian ini, peneliti merancang sistem
informasi berbasis website dengan menggunakan database MySQL, SMS Gateway
sebagai tool dan bahasa pemrograman. (Rangga.F dan Chairani 2007) Website adalah
kumpulan dari halaman web yang sudah dipublikasikan di jaringan internet dan
memiliki domain/URL (Uniform Resource Locator) yang dapat diakses semua pengguna
internet dengan cara mengetikkan alamatnya.

Hal ini dimungkinkan dengan adanya teknologi Word Wide Web (WWW) fasilitas
hypertext guna menampilkan data berupa text, gambar, animasi, suara dan multimedia
lainnya data tersebut dapat saling berkomunikasi pada web server untuk dapat diakses
melalui jaringan internet. (Arief, 2011) Unsur-Unsur Website Untuk menyediakan
keberadaan sebuah website, maka harus terswdia unsur-unsur penunjangnya, yaitu
sebagai berikut: Nama Domain (Domain Name/ URL – Uniform Resource Locator)
Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah
alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website,
atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan
sebuah website pada dunia internet. Contohnya adalah http://www.peacegod.com
Rumah Tempat Website (Web Hosting) Pengertian Web Hosting dapat diartikan sebagai
ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file,
gambar dan lain sebagainya yang akan ditampilkan di website.

Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang
disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat
dimasukkan dan ditampilkan dalam website. Web Hosting juga diperoleh dengan
menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega
Byte) atau GB(Giga Byte) bahkan TB(Tera Byte).

Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting
dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai
baik di Indonesia maupun Luar Negeri. Bahasa Program Bahasa program adalah bahasa
yang digunakan untuk menerjemahkan setiap perintah dalam website pada saat diakses.

Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah
website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat
website semakin dinamis, dan interaktif serta terlihat bagus. Jenis jenis bahasa program
yang banyak dipakai para desainer website antara lain: Hypertext Markup Language
(HTML) HyperText Markup Language (HTML) adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di
dalam sebuah penjelajah web internet dan pemformatan hiperteks sederhana yang
ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang
terintegerasi.

Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan
disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-
perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di
dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized
Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk
menampilkan halaman web.

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan

penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi
Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989
(CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Hypertext Processor (PHP) PHP adalah singkatan dari Hypertext Prepocessor, yaitu
bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML. PHP
diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah
singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms
Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext
Prepocessor" dengan singkatannya PHP.

Cascading Style Sheet (CSS) Cascading Style Sheet (CSS) merupakan salah satu bahasa
pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi
pengolahan kata seperti Microsoft Word yang dapat mengukur beberapa style, misalnya
header, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan
bersama-sama dalam beberapa berkas (file).

CSS dapat mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border,
warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks,
margin atas, kiri, kanan, bawah, dan perimeter lainnya. Active Server Pages (ASP) Active
Server Pages (ASP) ialah pengaturan web yang digunakan untuk membina halaman web
yang dinamik dan bersifat interaktif.

Active Server Page adalah fasilitas yang diberikan oleh Microsoft untuk memudahkan
pembuatan aplikasi-aplikasi Web Server. Hal ini di mungkinkan dengan
menggabungkan komponen-komponen Hyper Text Markup Language (HTML)
denganVisual Basic Script (VBScript). Sehingga di dalam sebuah halaman Web dengan
Active Server Page terdapat bagian HTML dan kode VBScript.

ASP diciptakan oleh Microsoft untuk menjawab tantangan pemrograman web dinamis,
di mana isi dari sebuah website dapat diprogram untuk mendapatkan hasil yang
berbeda. Tidak seperti HTML yang hanya menampilkan isi yang statis. ASP mampu
menampilkan isi halaman yang berbeda sesuai dengan tujuan pemrogramannya.
Extensible Markup Language (XML) XML (Extensible Markup Language) adalah bahasa
markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen
markup keperluan pertukaran data antar sistem yang beraneka ragam. XML merupakan
kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar
untuk melacak Internet.

Java Script Java Script adalah bahasa pemrograman web yang bersifat Client Side
Programming Language. Client Side Programming Language adalah tipe bahasa
pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud
merujuk kepada web browser seperti Google, Chrome dan Mozilla Firefox.

Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman server Side
seperti PHP, dimana untuk Server Side seluruh kode pemrograman dijalankan diisi
server. Untuk menjalankan Jaca Script, kita hanya membutuhkan aplikasi text editor dan
web browser. JavaScript memiliki fitur: high-level programming language, client-side,
loosely tiped dan berorientasi objek.

jQuery Jquery adalah pustaka Java Script kecil bersumber terbuka yang menekankan
pada interaksi antara Java Script dan HTML. Pustaka ini dirilis pada januari 2006
diBarCamp NYC oleh John Resig dan berlisensi ganda dibawah MIT dan GPL.Microsoft
dan Nokia telah mengumumkan akan mengemas Jquery diplatform mereka. Awalnya
microsoft mengadopsinya dalam Visual Studio untuk digunakan dalam ASP.NET AJAX
dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam
kerangka Web Run-Time mereka.

Desain Website Web Design merupakan proses membuat suatu website, kegiatan ini
meliputi beberapa aspek yang berbeda, diantaranya : tata letak halaman website, desain
grafis, dan konten. Selain web design kita juga sering mendengarkan istilah web
development. Secara teknis dapat dikatakan web design merupakan bagian dari web
development. Dalam pendekatan klasik, desain menggambarkan tampilan visual dari
sebuah website, sedangkan dalam pendekatan tradisional sebaliknya, mewarnai,
keseimbangan, penekanan, irama, gaya elemen grafis (garis, bentuk, tekstur, warna
dalam dan arah), penggunaan ikon, tekstur latar belakang dan tampilan umum sebuah
website secara keseluruhan.

Pada semua elemen ini dikombinasikan dengan prinsip-prinsip dasar desain dalam
rangka menciptakan hasil yang luar biasa untuk pembuatan sebuah website. Perangkat
Lunak yang Digunakan Untuk membangun website diperlukan beberapa perangkat
lunak yang digunakan dalam membangun website tersebut. Beberapa perangkat lunak
yang digunakan adalah sebagai berikut : Notepad ++ Notepad++ merupakan sebuah
penyunting teks dan penyunting kode sumber yang tersedia dalam beberapa sistem
operasi seperti Windows, Linux, dan Mac OS X.

Notepad ++ menggunakan komponen Scintilla untuk dapat menampilkan dan

menyunting teks dan berkas kode sumber berbagai bahasa pemrograman. Notepad ++
didistribusikan sebagai perangkat lunak bebas. Proyek ini dilayani oleh Sourcefoge.net
dengan telah diunduh lebih dari 27 juta kali dan dua kali memenangkan penghargaan
SorceForge Community Choice Award for Best Developer Tools.

Framework Bootstrap Menurut Husein (2013, p.4) Bootstrap merupakan framework

ataupun tools untuk membuat aplikasi website ataupun situs web responsive secara
cepat, mudah dan gratis, karena website yang dibangun oleh peneliti merupakan
website yang dapat diakses dalam perangkat mobile ataupun personal computer.
Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid, Layout, Typography,
Table, Form, Navigation, dan lain lain. Di dalam bootstrap juga sudah terdapat jquery
plugins untuk menghasilkan komponen UI yang cantik seperti Transitions, Modal,
Dropdown, Scrollspy, Tooltip, Tab, Popever, Alert, Button, Carousel, dan lain lain.

XAMPP Library IBM (2004), XAMPP merupakan aplikasi server yang menggabungkan
beberapa aplikasi server yang biasa digunakan di web server. Berikut beberapa
komponen – komponen yang terdapat pada XAMPP, yaitu Apache (web server), MySQL
(database server),Filezila FTP server, Mercury Mail (mail server),phpMyAdmin (web-
based interface MySQL).

MySQL dikembangkan oleh sebuah perusahaaan Swedia bernama MySQL AB yang pada
saat itu bernama TcX DataKonsult AB sekitar tahun 1994-1995, namun cikal bakal
kodenya sudah ada sejak 1979. Awalnya TcX membuat MySQL dengan tujuan
mengembangkan aplikasi web untuk klien. TcX merupakan perusahaan pengembang
software dan konsultan database. Saat ini MySQL sudah diakusisi oleh Oracle Crop.

MySQL adalah salah satu jenis database server yang sangat terkenal dan banyak
digunakan untuk membangun aplikasi web yang mana database sebagai sumber dan
pengelolaan datanya. Kepopuleran MySQL antara lain karena MySQL menggunakan SQL
sebagai bahasa dasar untuk mengakses database sehingga mudah untuk digunakan.
MySQL juga bersifat open source dan free pada berbagai platform kecuali pada
windows yang bersifat shareware.

MySQl didistribusikan dengan lisensi open source GPL (General Public License) mulai
versi 3.23, pada bulan Juni 2000. Software MySQL bisa diunduh di http://mysql.org atau
http://www.mysql.com. (Arief, 2011, Hal : 151). Metode Pengambangan Perangkat Lunak
Metode Prototype Pressman (2012, p.40) menyatakan bahwa Prototyping Paradigma
dimulai dengan pengumpulan kebutuhan, pengembang bertemu dengan pengguna
dan mengidentifikasikan objektif keseluruhan dari perangkat lunak, selanjutnya
mengidentifikasi segala kebutuhan yang diketahui secara garis besar di mana definisi-
definisi lebih jauh merupakan keharusan, kemudian dilakukan perancangan kilat, lalu
diakhiri dengan evaluasi prototyping yang dapat dilihat pada gambar 2.5

berikut: Tahap–tahap  rekayasa software dalam prototype model adalah seperti pada

gambar 2.1 berikut. Gambar 2.1 Model Prototype. Pengumpulan kebutuhan Developer
dan klien bertemu untuk menentukan tujuan umum, kebutuhan yang diketahui dan
gambaran bagian-bagian yang akan dibutuhkan berikutnya. Detail kebutuhan mungkin
tidak dibicarakan disini, pada awal pengumpulan kebutuhan.
Selanjutnya peneliti akan melakukan analisis terhadap data apa saja yang dibutuhkan,
seperti analisis terhadap sistem yang berjalan, analisis kebutuhan perangkat lunak,
analisis kebutuhan perangkat keras, dan analisis kebutuhan materi pembelajaran.
Perancangan Perancangan dilakukan dengan cepat dan rancangan mewakili semua
aspek software yang diketahui, dan rancangan ini menjadi dasar pembuatan prototype.

Dalam tahap ini peneliti akan membangun sebuah versi prototype yang dirancang
kembali dimana masalah-masalah tersebut diselesaikan Evaluasi prototype Pada tahap
ini, calon pengguna mengevaluasi prototype yang dibuat dan digunakan untuk
memperjelas kebutuhan software. Software yang sudah jadi dijalankan dan akan
dilakukan perbaikan apabila kurang memuaskan.

Perbaikan termasuk dalam memperbaiki kesalahan atau kerusakan yang tidak

ditemukan pada langkah sebelumnya. Kelebihan Prototype Model adalah: End user
dapat berpartisipasi aktif. Penentuan kebutuhan lebih mudah diwujudkan.
Mempersingkat waktu pengembangan software. Kekurangan Prototype Model adalah:
Proses analisis dan perancangan terlalu singkat. Mengesampingkan alternatif
pemecahan masalah.

Biasanya kurang fleksibel dalam menghadapi perubahan. Prototype yang dihasilkan

tidak selamanya mudah dirubah. Prototype terlalu cepat selesai. Unified Modeling
Language (UML) Verdi Yasin (2012,p.194) mendefinisikan Unified Modelling Language
(UML) adalah sebuah “bahasa” yang telah menjadi standar dalam industri untuk
visualisasi, merancang dan mendokumentasikan sistem piranti lunak, UML menawarkan
sebauh standar untuk merancang model sebuah sistem.

Tujuan Pengunaan UML yaitu untuk memodelkan suatu sistem yang menggunakan
konsep berorientasi objek dan menciptakan bahasa pemodelan yang dapat digunakan
baik oleh manusia maupun mesin. Menurut Verdi Yasin (2012,p.268) tipe-tipe diagaram
UML adalah sebagai berikut : Use Case Diagram Use case diagaram adalah gambar dari
beberapa atau seluruh aktor dan use case dengan tujuan yang mengenali interaksi
mereka dalam suatu sistem.

Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem,
yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah
use case mepresentasikan sebuah interaksi antara actor dan sistem. Dalam use case
diagram terdapat istilah seperti aktor, use case dan case relationship. Penjelasan simbol
pada tabel 2.1. Tabel 2.3 Simbol Use Case. Simbol Keterangan Aktor : Seseorang atau
sesuatu yang berinteraksi dengan sistem yang sedang dikembangkan.
 Use case : perungkat tertinggi dari fungsionalitas yang dimiliki sistem. Association
:adalah relasi antara actor dan use case. Generalisasi : untuk memperlihatkan struktur
pewaris yang terjadi. Activity Diagram Activity diagram menggambarkan rangkaian
aliran dari aktifitas, digunakan untuk mendeskripsikan aktivitas yang dibentuk dalam
suatu operasi sehingga dapat juga digunakan untuk aktifitas lainnya seperti use case
atau interaksi.

Activity Diagram berupa flow chart yang digunakan untuk memperlihatkan aliran kerja
dari sistem. Notasi yang digunakan dalam activity diagram adalah sebagai berikut :
Tabel 2.4 Simbol Activity Diagram Simbol Keterangan Activity : Memperlihatkan
bagaimana masing-masing kelas antarmuka saling berinteraksi satu sama lain.

Initial Node : Bagaimana objek dibentuk atau diawali Actifity Final Node : Bagaimana
objek dibentuk dan diakhiri. Decision : Asosiasi percabangan dimana jika ada pilihan
aktifitas lebih dari satu. / Swimlane : Memisalkan organisasi bisnis yang bertanggung
jawab terhadap aktifitas yang terjadi. Join : Digunakan untuk menunjukkan kegiatan
yang digabungkan.

Fork : Digunakan untuk menunjukkan kegiatan yang dilakukan secara paralel

Sequence Diagram Sequence diagram menggambarkan kolaborasi dinamis antara
sejumalah dan untuk menunjukkan rangkaian pesan yang dikirim antar objek juga
interaksi antar objek, sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem.
Sequence diagram menjelaskan interaksi objek yang disusun berdasarkan urutan waktu.

Dalam sequence diagram terdapat 2 simbol yaitu : Actor, untuk menggambarkan

pengguna sistem. Lifeline, untuk menggambarkan kelas dan objek. Class Diagram Class
diagram menggambarkan dtruktur data dan desripsi class, package, dan objek beserta
hubungan satu sama lain. Class diagram berfungsi untuk menjelaskan tipe dari objek
sistem dan hubungannya dengan objek yang lain. Class memiliki 3 area pokok yaitu
nama, atribut dan metode.

Algoritma Horspool Algoritma Horspool adalah penyederhanaan dari algoritma Boyer-

Moore yang dibuat oleh R. Nigel Horspool. Menurut Horspool, R.N. (1980), masalah
dalam pencarian teks ini adalah mencari dalam teks yang besar untuk menemukan
pattern pertama. Karena teks yang dicari bisa sangat besar (memungkinkan ratusan ribu
karakter) maka penting untuk menggunakan teknik yang lebih efisien.

Algoritma Horspool bekerja dengan metode yang hampir sama dengan algoritma
Boyer-Moore namun tidak melakukan lompatan berdasarkan karakter pada pattern
yang ditemukan tidak cocok pada teks. Algoritma Horspool mempunyai nilai pergeseran
karakter yang paling kanan dari window. Pada tahap observasi awal (preprocessing),
nilai shift akan dihitung untuk semua karakter.

Pada tahap ini, dibandingkan pattern dari kanan ke kiri hingga kecocokan atau
ketidakcocokan pattern terjadi. Karakter yang paling kanan pada window digunakan
sebagai indeks dalam melakukan nilai shift. Dalam kasus ketidakcocokan (karakter tidak
terdapat pada pattern) terjadi, window digeser oleh panjang dari sebuah pattern.

Jika tidak, window digeser menurut karakter yang paling kanan pada pattern Gammu
Gammu berfungsi untuk menghubungkan antara komputer dengan ponsel. Gammu
bisa dikoneksikan dengan berbagai macam handphone seperti Nokia, Siemens, dll.
Gammu menggunakan bahasa C, dimana gammu bersifat open source sehingga source
code dari gammu dapat dianalisa bagaimana gammu memparsing SMS atau memberi
perintah kepada telepon genggam.

Desain Website Web Design adalah proses membuat suatu website, ini meliputi
beberapa aspek yang berbeda, diantaranya : tata letak halaman website, konten, dan
desain grafis. Selain web design kita juga sering mendengarkan istilah web
development. Secara teknis dapat dikatakan web design merupakan bagian dari web
development. Dalam pendekatan klasik, desain menggambarkan tampilan visual dari
sebuah website, sedangkan dalam pendekatan tradisional sebaliknya, mewarnai,
keseimbangan, penekanan, irama, gaya elemen grafis (garis, bentuk, tekstur, warna
dalam dan arah), penggunaan ikon, tekstur latar belakang dan tampilan umum sebuah
website secara keseluruhan.

Semua elemen ini dikombinasikan dengan prinsip-prinsip dasar desain dalam rangka
menciptakan hasil yang luar biasa untuk pembuatan sebuah website. BAB III
METODOLOGI PENELITIAN Metode Pengembangan Perangkat Lunak Metode
Pengumpulan Data Dalam metode prototype, langkah pertama yang dilakukan adalah
pengumpulan data. Metode pengumpulan data adalah cara atau teknik yang dilakukan
dalam memperoleh data pendukung penelitian.

Teknik yang digunakan adalah sebagai berikut : Penelitian Kepustakaan (Library

Research) Studi kepustakaan yang dilakukan oleh peneliti meliputi mempelajari jurnal
penelitian yang berhubungan dengan SMS Gateway. Selain itu peneliti juga melakukan
pengambilan data-data yang dibutuhkan untuk membuat konten pada website
Pelayanan pada CV.

Helio Print berupa Data Pelanggan Wawancara dan Kuisoner Peneliti juga melakukan
pengambilan data dengan teknik wawancara. Pada tahap wawancara ini peneliti
mengajukan beberapa pertanyaan kepada narasumber terkait hal-hal yang dibutuhkan
oleh user. Tahapan wawancara ini narasumber yang diminta untuk menjawab
pertanyaan-pertanyaan tersebut adalah Owner CV. Helio Print.

Setelah melakukan pengumpulan data, peneliti menganalisa sistem dari data yang telah
dikumpulkan. Terlebih dahulu peneliti menganalisa terhadap prosedur yang berjalan,
kemudianpeneliti menganalisis kebutuhan sistem dan selanjutnya membangun
prototype dan memperbaiki system prototype setelah itu menguji coba prototype yang
dibangun.

Apabila system tersebut dirasa kurang maka akan kembali ketahap awal dari
mengumpulkan data kembali dan menjalankan proses selanjutnya. Analisis Kebutuhan
Pengguna Pada tahap ini, peneliti berkerja sama dengan pengguna dari sistem yang
akan diusulkan untuk memperoleh informasi dasar yang dibutuhkan oleh pengguna
terhadap sistem.

Pengguna dari sistem ini dibagi menjadi 3 : Admin : Orang yang di izinkan untuk
mengawasi dan mengontrol akses informasi dan data yang ada pada website tersebut.
Pelanggan : Pelanggan tetap CV. Helio Print Admin : Tenaga Pencetak Buku pelanggan.
Analisis Perangkat Lunak Analisis kebutuhan perangkat lunak yang digunakan untuk
membangun sebuah sistem website adalah sebagai berikut : Perangkat lunak sistem
operasi yang digunakan adalah Microsoft Windows 8.164Bit. Perangkat lunak aplikasi
yang digunakan Web server menggunakan xampp. Database menggunakan MySQL.

Editor Interface menggunakan Dreamweaver, Notepad++. Editor gambar menggunakan

Adobe Photoshop CS6. StartUML untuk mendesain rancangan UML. Gammu Library
untuk pendukung SMS Gateway Analisis Perangkat Keras Adapun spesifikasi perangkat
keras yang digunakan untuk membangun sebuah sistem tersebut adalah sebagai
berikut : Processor Core i7. Monitor 14”. Ram 8Gb. Harddisk 1 Tb. Keyboard dan mouse
optik.

Impelementasi dan Alur Algoritma Hoorspol Terdapat dua tahap pada pencocokan
string menggunakan algoritma Horspool (Singh,R. & Verma, H.N. 2011), yaitu: Tahap
praproses Pada tahap ini, dilakukan observasi pattern terhadap teks untuk
membangunsebuah tabel bad-match yang berisi nilai shift ketika ketidakcocokan antara
patterndan teks terjadi.

Secara sistematis, langkah-langkah yang dilakukan algoritma Horspool pada tahap

praproses adalah: Algortima Horspool melakukan pencocokan karakter ter-kanan pada
pattern. Setiap karakter pada pattern ditambah ke dalam tabel bad-match dan
dihitungnilai shift-nya. Karakter yang berada pada ujung pattern tidak dihitung dan
tidak dijadikankarakter ter-kanan dari karakter yang sama dengannya.

Apabila terdapat dua karakter yang sama dan salah satunya bukan karakter ter-kanan,
maka karakter dengan indeks terbesar yang dihitung nilai shift-nya. Algoritma Horspool
menyimpan panjang dari pattern sebagai panjang nilai shiftsecara default apabila
karakter pada teks tidak ditemukan dalam pattern. Nilai (value) shift yang akan
digunakan dapat dicari dengan perhitungan panjangdari pattern dikurang indeks
terakhir karakter dikurang 1, untuk masing-masingkarakter,?????????? = ?? - ?? - 1.
Sebagai contoh, dapat dilihat pada Tabel 3.1 berikut. Tabel 3.1 Pattern : KARTIKA K A R T
I K A 0 1 2 3 4 5 6 Table 3.2

Bad-Match pada praproses Karakter index value K 5 1 A 1 5 R 2 4 T 3 3 I 4 2 * - 7

value = 7 – 5 – 1 = 1 value = 7 – 1 – 1 = 5 value = 7 – 2 – 1 = 4 value = 7 – 3 – 1 = 3
value = 7 – 4 – 1 = 2 * : karakter yang tidak dikenali Tahap Pencarian Secara sistematis,
langkah-langkah yang dilakukan algoritma Horspool pada tahap praproses adalah:
Dilakukan perbandingan karakter paling kanan pattern terhadap window.

Tabel bad-match digunakan untuk melewati karakter ketika ketidakcocokanterjadi.

Ketika ada ke tidak cocokan, maka karakter paling kanan pada window berfungsi
sebagai landasan untuk menentukan jarak shift yang akan dilakukan. Setelah melakukan
pencocokan (baik hasilnya cocok atau tidak cocok)dilakukan pergeseran ke kanan pada
window.

Prosedur ini dilakukan berulang-ulang sampai window berada pada akhir tek satau
ketika pattern cocok dengan teks. Untuk menggambarkan rincian algoritma, akan
diberikan contoh kasus dimana patternP = “KARTIKA” dan teks T = “ADEMUTIARA
KARTIKA”. Inisialisasi awal danpembuatan bad-match terlihat pada Tabel 3.3 dan Tabel
3.4 berikut. Tabel 3.3 Inisialisasi awal bad-match Tabel 3.4

Pembuatan bad-match Seperti yang terlihat pada Tabel 2.2 di atas, inisialisasi awal bad-
match dilakukan. Setiap teks dan pattern masing-masing diberi nilai m dan i, dimana m
sebagai panjang pattern dan i sebagai indeks. Tabel 3.3 menunjukkan nilai pergeseran
bad-match dengan menghitung nilai v seperti yang telah dilakukan pada Tabel 3.4.

Pada tahap awal pencarian, dilakukan perbandingan karakter paling kanan pattern
terhadap window. Apabila terjadi ketidakcocokan, akan dilakukan pergeseran ke kanan
untuk melewati karakter yang tidak cocok dimana nilai pergeserannya terdapatpada
tabel bad-match. Karakter paling kanan teks pada window berfungsi sebagai landasan
untuk menentukan jarak geser yang akan dilakukan. Hal ini terlihat pada Tabel 3.5
berikut.

Tabel 3.5 Iterasi algoritma Horspool pertama Terdapat ketidakcocokan seperti yang
terlihat pada Tabel 3.5. Karakter “I” adalah karakter paling kanan teks pada window.
Pada tabel bad-match, nilai geser karakter “I” adalah 2. Maka, dilakukan pergeseran ke
kanan pada window sebanyak 2 kali. Hal ini terlihat pada Tabel 3.6 Tabel 3.6 Iterasi
algoritma Horspool kedua Pada Tabel 3.6, terdapat ke tidak cocokan kembali antara
karakter “R” dan “A”.

Pada tabel bad-match, nilai geser karakter “R” adalah 4. Maka, dilakukan pergeseran ke
kanan pada window sebanyak 4 kali. Hal ini terlihat pada Tabel 3.7. Tabel 3.7 Iterasi
algoritma Horspool ketiga Pada iterasi ketiga yang terlihat pada Tabel 3.6, kecocokan
pattern dan teks terjadi pada karakter “A” dan karakter “K”. Namun, kembali terjadi
ketidakcocokan antara karakter “I” dan “(spasi)“. Maka, karakter paling kanan teks pada
window menentukan jarak geser yang akan dilakukan.

Sebagaimana yang terlihat pada Tabel 3.6, karakter “A” berfungsi sebagai landasan nilai
geser. Nilai geser karakter “A”. yang terdapat pada tabel bad-match adalah 5. Maka
dilakukan pergeseran ke kanan pada window sebanyak 5 kali dan dilanjutkan dengan
iterasi keempat seperti yang terlihat pada Tabel 3.8. Tabel 3.8

Iterasi algoritma Horspool keempat. Pada Tabel 3.8, window telah berada pada akhir
teks dan semua pattern cocok dengan teks. Seluruh pencocokan karakter menggunakan
algoritma Horspool telah selesai dan berhenti pada iterasi keempat. Perancangan Sistem
yang Diusulkan Analisis Sistem untuk Pelanggan yang Diusulkan pada Aplikasi
Pelayanan Penulis mengusulkan merancang sistem pelayanan yang dapat diakses oleh
pelanggan melalui komputer pribadi maupun melalui smartphone.

Untuk melihat rancangan sistem yang diusulkan untuk pelanggan, dapat dilihat pada
gambar 3.1 : / Gambar 3.1. Use case Pelanggan pada sistem yang diusulkan Definisi
Aktor Use Case Sistem untuk Pelanggan Yang Diusulkan Definisi actor merupakan
penjelasan dari apa yang di lakukan oleh aktor yang terlibat dalam perangkat lunak
yang di bangun.

Adapun definisi actor untuk pelanggan pada sistem yang yang diusulkan berjalan
sebagai berikut: Tabel 3.9 Penjelasan Aktor Sistem Untuk Pelanggan Pada Sistem
Aplikasi Pelayanan yang diusulkan Aktor Deskripsi Pelanggan Pelanggan login, jika
belum terdaftar maka Pelanggan harus daftar terlebih dahulu Setelah login, Pelanggan
dapat melihat buku yang sedang di cetak.
 Analisis Use Case Pelanggan yang Diusulkan Pada Sistem Aplikasi Pelayanan Aktor :
Pelanggan Tujuan : Mengecek Pesanan dengan SMS. Deskripsi : Pelanggan dapat
menggunakan semua
fasilitas yang ada dalam SMS gateway.
Penjelasan seperti pada tabel 3.2. Tabel 3.10 Penjelasan Use CaseSistem Pelanggan
untuk melihat informasi yang diusulkan AKTOR SISTEM pelanggan mengirim SMS
Sistem memeriksa apakah data Pelanggan ada atau tidak, jika tidak ada maka
Pelanggan akan mendapat balasan sms bahwa dia belum terdaftar dan di sarankan agar
mendaftar.

Pelanggan daftar via customer services Jika berhasil, kembali ke point 1. jika ada
maka Pelanggan akan mendapat balasan sms sesuai format Pelanggan dapat
mengecek sudah selesai atau belum cetakan melalui layanan sms gateway Sms yang
dikirim Pelanggan akan di balas secara otomatis oleh sistem.

Activity Diagram Pelanggan yang Diusulkan Pada Sistem Aplikasi Pelayanan Pada
gambar 3.2 menggambarkan activity diagram pelanggan pada aplikasi Pelayanan untuk
melihat informasi sistem sms gateway yang diusulkan. / Gambar 3.2. Activity Diagram
pelanggan pada aplikasi ini untuk melihat informasi yang diusulkan Definisi Aktor Use
Case Sistem untuk Admin yang Diusulkan pada Sistem Pelayanan Definisi actor admin
merupakan penjelasan dari apa yang di lakukan oleh aktor yang terlibat dalam
perangkat lunak yang di bangun.

Adapun definisi actor admin pada sistem yang diusulkan adalah sebagai berikut: Tabel
3.13 Penjelasan Aktor Sistem Untuk Admin Pada Sistem Aplikasi Pelayanan yang
diusulkan Aktor Deskripsi Admin Mengkases halaman admin. Melakukan proses login
terlebih dahulu. Setelah login, admin dapat melihat dan memanipulasi data seperti
insert, edit, delete dan read dari menu – menu yang ada.

Dapat keluar dari halaman utama admin/ logout. Analisis Use Case Admin yang
Diusulkan Pada Sistem Aplikasi Pelayanan Aktor : Admin Tujuan : Melihat dan
memanipulasi data. Deskripsi : Admin dapat mengolah dan memanipulasi data seperti
( insert, update,delete, read ) . Penjelasan seperti pada tabel 3.14. Tabel 3.14 Penjelasan
Use Case Sistem Admin untuk melihat dan memanipulasi data yang diusulkan AKTOR
SISTEM Admin mengakses halaman admin Sistem akan menampilkan form login
Admin mengisi username dan password Sistem akan memeriksa apakah data admin
yang ada Jika tidak ada maka kembali ke point 3 jika ada maka masuk ke halaman
utama admin Admin dapat melihat informasi dan memanipulasi data seperti insert,
update, read dan delete. Data akan disimpan ke database.
 Admin logout atau keluar dari halaman utama admin. Activity Diagram Admin yang
Diusulkan Pada Sistem Aplikasi Pelayanan Padagambar 3.6 menggambarkan activity
diagram system admin aplikasi Pelayanan yang diusulkan. Mulai dari melakukan login
atau masuk ke halaman admin, mengelola data yang ada, sampai keluar atau logout
dari halaman admin. / Gambar 3.6.

Activity Diagramadmin pada aplikasi Pelayananuntukmengelola data menu

yangdiusulkan. Sequence Diagram Pelanggan Untuk Sistem pengiriman sms yang
Diusulkan Pada Sequence diagram gambar 3.7, menerangkan serangkaian hubungan
yang terjadi antara pelanggan dan sistemserta database.

Dalam diagram ini pelanggan mengirim sms, jika pelanggan belum terdaftar, maka
pelanggan tersebut harus melakukan proses pendaftaran terlebih dahulu ke admin
untuk di daftarkan di server, jika sudah terdaftar maka sistem akan melakukan verifikasi
dari database, jika data tersebut ada maka pelanggan akan menerima sms sesuai format
yang dikirim. / Gambar 3.7. Sequence diagram Pelanggan untuk Sistem Pengiriman
SMS.

Sequence Diagram Admin Untuk Sistem Login yang Diusulkan Pada Sequence diagram
gambar 3.10, menerangkan bagaimana hubungan yamg terjadi antara admindan menu
admin dan juga database pada saat membuka sistem admin. Dalam diagram ini admin
memasukan username dan password yang benar dan selanjutnya dilakukan pengecekan
atau autentifikasi kedalam database, dan apabila username dan password benar maka
admin dapat masuk kedalam sistem admin dan jika salah maka akan mengulang
prosedur login admin dalam memasukan username dan password yang benar. / Gambar
3.10. Sequence Diagram admin sistem login yang diusulkan. Sequence Diagram
Pengolahan Informasi Menu Pada Suquence diagram pada gambar 3.11, menerangkan
hubungan yang terjadi antara admin dan sistem admin serta database pada saat masuk
ke sistem admin, sehingga dapat melakukan pengolahan data seperti penambahan
(insert), pengubahan (edit), ataupun penghapusan data (delete) sesuai dengan menu
yang ada. / Gambar 3.11 Sequence Diagram pengolahan informasi menu yang
diusulkan.

Rancangan Struktur Database Database yang digunakan untuk menyimpan data pada
aplikasi media ajar online ini adalah Database MySQL. Dimana struktur database yang
akan dibuat adalah : Struktur Tabel User Tabel ini digunakan untuk menyimpan data
admin. Nama database : db_widagdo Nama tabel : tbl_user Primary key : id_user Media
penyimpanan : Harddisk Tabel 3.15 Rancangan Struktur Tabel User Nama Field Type Size
Keterangan Id_user Int 11 Id_user email Varchar 50 Email Password Varchar 50
Password Level Varchar 20 Level user Struktur Tabel pelanggan Tabel ini digunakan
untuk menyimpan data pelanggan.

Nama database : db_ widagdo Nama tabel : tbl_pelanggan Primary key : id_pelanggan
Media penyimpanan : Harddisk Tabel 3.17 Rancangan Struktur Tabel Pelanggan Nama
Field Type Size Keterangan Id_pelanggan Int 11 id_pelanggan Nama_pelanggan
Varchar 50 Nama pelanggan Email Varchar 50 Email No_hp Char 13 Nomor hp
Struktur Tabel Layanan Tabel ini digunakan untuk menyimpan filter.

Nama database : db_ widagdo Nama tabel : tbl_layanan Primary key : id_layanan Media
penyimpanan : Harddisk Tabel 3.19 Rancangan Struktur Tabel filter Nama Field Type
Size Keterangan Id_layanan Int 11 Id_layanan Nama_layanan Varchar 50 Nama layanan
Estimasi_waktu Varchar 20 Waktu selesai Struktur Tabel Pemesanan Tabel ini
digunakan untuk menyimpan data kategori informasi.

Nama database : db_ widagdo Nama tabel : tbl_pemesanan Primary key : no_pemesanan
Media penyimpanan : Harddisk Tabel 3.21 Rancangan Struktur Tabel Kategori Informasi
Nama Field Type Size Keterangan No_pemesanan Char 12 Nomor pemesanan
Id_pelanggan Int 11 Id pelanggan Nama_pemesan Varchar 50 Nama pemesan No_hp
Char 13 No handphone Tgl_pesan Datetime - Waktu memesan Id_layanan Int 11 Id
pelayanan File tinytext - File dokumen Catatan tinytext - Catatan Status Char 2 Status
pesanan Biaya Int 11 Harga Class Diagram Sistem Pelayanan Class diagram merupakan
alat bantu untuk menentukan langkah – langkah kerja yang akan dilakukan oleh
pemrogram dimulai dari proses pengumpulan data, sampai pembentukan tabel sesuai
dengan permasalahan yang ditangani.

Class diagram ini terlebih dahulu dirancang dalam mendukung rencana pengolahan
data elektronis supaya dapat berjalan dengan lebih baik, dan dengan relasi yang baik
akan diperoleh gambaran umum sistem yang akan dipersiapkan. / 3.5.1 Class diagram
Sistem Percetakan Helio Print Rancangan Interface pada Sistem Percetakan Helio Print
Rancangan Tampilan Halaman Utama Admin Halaman utama merupakan halaman
pertama yang akan ditampilkan saat admin mengakses website pelayanan ini.

Halaman ini terdiri dari menu informasi, form login dan logout untuk admin serta
informasi untuk pelanggan. Rancangan halaman utama dapat dilihat pada gambar 3.12.
Gambar 3.12 Rancangan Halaman Utama Admin Rancangan Halaman Home Untuk
Pelanggan Halaman home untuk pelanggan merupakan halaman yang akan ditampilkan
saat pelanggan mengakses halaman utama, serta halaman ini berisi informasi tata cara
untuk melakukan layanan pemesanan cetak dan cek pesanan.

Rancangan halaman home untuk pelanggan ini dapat dilihat pada gambar 3.13.
SELAMAT DATANG DI LAYANAN WIDAGDO PRINTING Gambar 3.13. Rancangan
Halaman untuk pelanggan Rancangan Halaman Login Untuk Admin Rancangan
halaman login untuk admin adalah halaman yang berisi form yang untuk proses login
admin. Rancangan halaman login untuk admin dapat dilihat pada gambar 3.22. Gambar
3.22.

Rancangan Halaman Login Untuk Admin BAB IV HASIL PENELITIAN DAN PEMBAHASAN
Implementasi dan Pembahasan Tahap implementasi merupakan tahap lanjutan dari
tahap perancangan. Pada tahap ini, sistem yang telah dirancang akan
diimplementasikan ke dalam bahasa pemrograman sehingga menghasilkan sebuah
perangkat lunak. Adapun perangkat lunak yang digunakan dalam pembuatan aplikasi
website aplikasi media ajar online adalah Dreamweaver dan Notepad ++, aplikasi ini di
bangun pada komputer dengan menggunakan sistem operasi Windows 7. Sistem
layanan pelanggan ini terdiri dari halaman utama, halaman utama admin serta halaman
utama untuk pelanggan.

Tampilan sistem layanan tersebut adalah sebagai berikut. Tampilan Halaman Login
Tampilan halaman login ini merupakan halaman yang akan tampil pertama saat
mengakses layanan di CV.Helio Print. Halaman ini berisi form login yang terdiri dari
username dan password. Tampilan halaman login pada layanan di CV.Helio Print ini
dapat dilihat pada gambar 4.1.

Gambar 4.1. Tampilan Halaman Login / Tampilan Halaman Login 1 /Tampilan Halaman
Login 2 /Tampilan Halaman Login 2 Tampilan Halaman Utama Admin Tampilan halaman
utama admin ini adalah halaman yang akan tampil setelah admin berhasil melakukan
login. Tampilan halaman utama admin dapat dilihat pada gambar 4.2. / Gambar 4.2.

Tampilan Halaman Utama Admin. Tampilan Halaman Data Pelanggan Tampilan halaman
data pelanggan ini merupakan tampilan yang terdapat pada admin yang digunakan
untuk mengolah data pelanggan. Admin dapat menambahkan, mengedit serta
menghapus data pelanggan Tampilan halaman data pelanggan ini dapat dilihat pada
gambar 4.3. / Gambar 4.3.

Tampilan Halaman Data Pelanggan. Tampilan Halaman Data Pemesanan Tampilan

halaman data pemesanan ini merupakan tampilan yang terdapat pada admin yang
digunakan untuk mengolah setiap data pesanan baru. Admin dapat menambahkan,
mengedit serta menghapus data. Tampilan halaman data dapat diligat pada gambar 4.4
dibawah ini : / Gambar 4.4.

Tampilan Halaman Data Pesanan. Tampilan Halaman Data Hasil Pesanan Halaman data
hasil pesanan merupakan halaman yang digunakan untuk melihat histori data pesanan
yang telash selesai. Pada halaman ini admin dapat menngecek pesanan yang
selesai.Tampilan halaman data jabatan dapat dilihat pada gambar 4.5. / Gambar 4.5.

Tampilan Halaman Data Hasil Pesanan. Tampilan Halaman Layanan Halaman Layanan ini
merupakan halaman yang digunakan untuk mengolah layanan yang disediakan oleh
widagdo yang digunakan untuk memberikan paket layanan kepada pelanggan. Pada
halaman ini admin dapat menambahkan, mengupdate serta menghapus layanan yang
ditawarkan.

Tampilan halaman layanan dapat dilihat pada gambar 4.6 dibawah ini : / / Gambar 4.6.
Tampilan Halaman Input Layanan. Tampilan Halaman Pesan Halaman pesan atau kotak
pesan untuk menampung seluruh teks pengecekan pesanan dari pelanggan kepada
widagdo yang dikirimkan dengan format tertentu yang telah disediakan oleh widagdo.

Disinilah Algoritma horspool digunakan sebagai pencocokan terhadap format teks yang
disediakan oleh widagdo dengan pesan teks pengecekan yang dikirimkan oleh
pelanggan. Halaman Pesan atau kotak pesan dapat dilihat pada gambar 4.7 dibawah
ini : / Gambar 4.7. Tampilan Halaman Pesan atau kotak pesan. Pengujian Pada tahap ini
dilakukan pengujian terhadap website widagdolampung.com dengan metode Black Box
Testing.

Metode Black Box Testing merupakan pengujian program yang mengutamakan

pengujian terhadap kebutuhan fungsi dari suatu program dengan menemukan
kesalahan fungsi pada program. Pengujian ini dilakukan dengan menguji validasi pada
program input pada sistem admin website dan juga pengujian pada sistem interface
yang responsive sehingga dapat meghasilkan output yang sesuai dengan
kebutuhannya.

Pengujian Halaman Login Berikut ini merupakan pengujian black box halaman login
pada aplikasi report point pelanggran pelanggan. Pengujian fungsi login adalah sebagai
berikut : Skenario pengujian : Mengosongkan username dan password Test Case : /
Gambar Skenario 1 Pengujian Halaman Login. Hasil yang diharapkan : Sistem akan
menolak dan menampilkan Pelase fill out this field “Haraf Isi Bidang Bidang Ini” Hasil
pengujian : / Gambar 4.11.

Hasil Skenario 1 Pengujian Halaman Login. Kesimpulan : Valid Skenario pengujian :

Memasukkan username dan password yang tidak ada di database. Test Case : / Gambar
Skenario 2 Pengujian Halaman Login. Hasil yang diharapkan : Sistem akan menolak dan
menampilkan “Gagal! Username dan password tidak cocok” Hasil pengujian : / Gambar
Hasil Skenario 2 Pengujian Halaman Login. Kesimpulan : Valid Skenario pengujian :
Memasukkan username dan password sesuai. Test Case : / Gambar Skenario 3 Pengujian
Halaman Login.

Hasil yang diharapkan : Sistem akan menerima dan mengarahkan ke halaman utama.
Hasil pengujian : / Gambar Hasil Skenario 3 Pengujian Halaman Login. Kesimpulan :
Valid Skenario pengujian : Daftar atau registrasi dengan verifikasi email Test case : /
Gambar pengujian halaman registrasi Hasil yang diharapkan : akan pemberitauan
verifikasi email Hasil Pengujian : / Gambar Hasil sekenario regestrasi verifikasi akun
email Kesimpulan : valid Kelebihan dan Kekurangan Sistem Kelebihan Sistem Aplikasi ini
akan memudahkan dalam melihat pesanan. Sebagai media pengiklanan terkait diskon
percetakan yang lebih murah.

Tanpa harus berulang ulang datang dan pergi ketempat percetakan atau printing.
Kekurangan Sistem Pembayaran Belum bisa online. Pembayaran biaya pesanan
ditransfer melalui aplikasi pihak ke tiga seperti e – banking yang dapat di download di
playsotre ataupun di app store. BAB V SIMPULAN DAN SARAN Kesimpulan Sistem
layanan percetakan widagdo ini digunakan untuk mengetahui pesanan pelanggan yang
dapat dilihat pada cek sms atau pun dengan mengunjungi widagdolampung.com
pelanggan juga dapat menyerahkan file yang ingin diprint secara online.

Sehingga pelanggan dapat dengan mudah mencetak pesanan pada saat waktu
mendesak. Saran Saran yang diberikan peneliti pada penelitian ini adalah : Diharapkan
sistem ini dapat dikembangkan dengan berbasis mobile sehingga mudah dalam
penggunaannya. Aplikasi sistem layanan ini masih sederhana dan diharapkan dapat
dikembangkan lagi guna lebih dapat maksiamal dalam memenuhi kebutuhan.

INTERNET SOURCES:
-------------------------------------------------------------------------------------------
<1% - https://docplayer.info/331289-Bab-i-pendahuluan-1-1-latar-belakang-
masalah.html
1% - repository.amikom.ac.id/files/Publikasi_07.12.2418.pdf
<1% - http://pengelolaanperpustakaan.blogspot.com/2014/07/cara-perpustakaan-
yang-baik.html
<1% - www.academia.edu/9350500/SISTEM_INFORMASI_AKADEMIK
<1% - eprints.ums.ac.id/52762/3/BAB I.pdf
<1% - si-smsgateway.blogspot.com
<1% - core.ac.uk/download/pdf/154923266.pdf
<1% - www.academia.edu/9599880/Sistematika_Penulisan...
<1% - ihsandikdas.blogspot.com
<1% - www.coursehero.com
<1% - repository.radenintan.ac.id/1457/6/Bab_III.pdf
<1% - contoh-contohskripsi.blogspot.com/2010/03/019-tanggapan...
<1% - amdkep.blogspot.com/2010/03/bab-v-kesimpulan-dan-saran.html
<1% - shafirsaa.wordpress.com/2014/09/28/perkembangan...
<1% - informatika012.wordpress.com/artikel...
<1% - percetakan cv.helio print adalah sebuah perusahaan percetakan yang bergerak
dibidang percetakan dan lain-lain.
<1% - ilmukomputerlampung.blogspot.com/2015/05/analisis-dan...
<1% - artikbbi.com/rancang-2
<1% - salsabilanadarahmah.blogspot.com/2014/09/rancang-bangun...
<1% - indahpermata6.blogspot.com/2013/06/pengertian-rancang...
1% - andrisfaesal.blogspot.com/2012/01/apa-itu-sms-gateway.html
<1% - aplikasi-smsgateway.blogspot.com/2013/07/aplikasi-gratis...
<1% - itcermat.com/.../08/kenali-lebih-dekat-sms-gateway
<1% - dutaperbankan.com/cara-daftar-klikbca-individual
1% - www.boc.web.id/apa-itu-website
<1% - ehnanda.blogspot.com/2015/01/pengertian-website.html
<1% - widuri.raharja.info/index.php/SI1212472873
<1% - www.academia.edu/35270791/Analisa_Strategi_Pemasaran...
<1% - repository.amikom.ac.id/files/Publikasi_11.11.4971.pdf
<1% - dedyprtm.blogspot.com/2014/03/konsep-dasar...
<1% - https://anditik.blogspot.com/
<1% - www.gurupendidikan.co.id/pengertian-website...
1% - www.boc.web.id/pengertian-website-webhosting...
<1% - flash-blader.blogspot.com/2013/10/pengertian...
<1% - tyaralova.wordpress.com/2011/04/11/pengertian...
<1% - puterarantau.blogspot.com/2015/02/materi-tugas...
2% - sonytutorial.blogspot.com
<1% - id.wikibooks.org/wiki/Pemrograman_HTML
<1% - aroelulu.blogspot.com/2015/04/tugas-akhir-sistem...
<1% - teknik7.wordpress.com/2017/02/02/10-daftar-php...
<1% - belajar-program- php .blogspot.com
<1% - galeriperpustakaan.wordpress.com/2016/04/04/css...
1% - handokochun.blogspot.com/2014/03/bahasa-pemrograman-yang...
<1% - www.academia.edu/...Pemrograman_yang_Digunakan_Untuk_Web
1% - ranimarliana.blogspot.com
<1% - www.academia.edu/9844259/Bahasa_Pemrograman_yang...
<1% - id.wikipedia.org/wiki/XML
<1% - mrahmanda.wordpress.com/2015/11/29/xml
1% - www.duniailkom.com
<1% - koleksibukukuliah.blogspot.com
<1% - tipsblogbaru.blogspot.com
<1% - septia-lutfi-1102411024-3.blogspot.com/2013/12/j...
1% - https://ranggafdh41.blogspot.com/
2% - joeshapictures.blogspot.com/2017/06/pengertian...
<1% - safriansah.blogspot.com/2015/12/perancangan...
<1% - www.lk21.news/2016/06/pengertian-dan-perbedaan...
<1% - www.gammafisblog.com
<1% - yeyeahmd.blogspot.com
<1% - desakoding.blogspot.com
<1% - ramos672006005.files.wordpress.com/2017/10/p11...
<1% - www.jogjaestate.com/berita-365-bootstrap...
<1% - mahasisa.blogspot.com
<1% - sir.stikom.edu/91/4/BAB III.pdf
<1% - sir.stikom.edu/id/eprint/678/6/BAB III.pdf
<1% - apadanfungsi.blogspot.com
<1% - id.scribd.com/doc/132347476/14-Pembuatan-Website...
<1% - admingo.blogspot.com
<1% - journal.stekom.ac.id/index.php/JurnalMhs/article/...
<1% - repository.amikom.ac.id/files/Publikasi_03.12.0569.pdf
<1% - bangpahmi.com/pengertian-mysql-menurut-para-pakar
<1% - atau mysql arief, 2011, hal 151 . pengembangan perangkat perangkat metode
metode prototype pressman p p.40
<1% - eprints.binadarma.ac.id/161/1/jurnal Hendra Septian, S...
<1% - adelaelissiyamah12.blogspot.com/2016/11/bab-ii-tinjauan...
<1% - edoc.site/rekayasa-perangkat-lunak-pdf-free.html
<1% - repository.widyatama.ac.id/xmlui/bitstream/handle...
<1% - aliffiankhansa.blogspot.com/...pengembangan-perangkat.html
<1% - https://tkj-skanisa.blogspot.com/2016/09/analisis-kebutuhan-perangkat-
keras.html
<1% - www.academia.edu/10561240/Metode_Prototyping...
<1% - rissafitriana.mhs.blog.mercubuana.ac.id/2016/04/21/tugas...
<1% - theresianihan.blogspot.com
<1% - tugasmahasiswaimpus.wordpress.com/2015/06/24/...
<1% - unsika-if-bayupurnomo11-203.blogspot.com
<1% - bowoan.wordpress.com/2015/05/24/sejarah-singkat...
<1% - sistem piranti lunak, uml menawarkan sebuah standar untuk merancang model
sebuah sistem.
<1% - dendibatinova.wordpress.com/2011/10/17/sistem...
<1% - harimahdalena.blogspot.com/2018
<1% - mayarospita10100.blogspot.com/2012/09/jenis-jenis-diagram...
<1% - kuliahsi-bursan.blogspot.com/.../usecase-diagream-sistem...
<1% - www.academia.edu/5295802/Mengenal_Use_Case_Diagram
1% - id.123dok.com
<1% - use case peringkat tertinggi dari fungsionalitas yang dimiliki sistem. association
adalah relasi antara actor dan use case.
<1% - more-examples.blogspot.com/2012/11/definisi-dari...
<1% - initial node bagaimana objek dibentuk atau diawali activity final node bagaimana
objek dibentuk dan diakhiri.
<1% - panduanuml2015.blogspot.com
<1% - informaasi.blogspot.com/2015/09/skripsi-sistem...
<1% - ilmuakuntansi.co.id/pengertian-sequence-diagram...
<1% - agung478.wordpress.com/2016/07/21/laporan...
<1% - lambang.files.wordpress.com/2010/04/05_class...
<1% - class diagram class diagram menggambarkan struktur data dan deskripsi class,
package, dan objek beserta hubungan satu sama lain.
<1% - ilhamajji.blogspot.com/2014/09/komponen-uml-unified...
1% - repository.usu.ac.id/bitstream/handle/123456789/59859...
<1% - https://www.scribd.com/document/329710512/Prosiding-Konferensi-Nasional-
ICTM-Politeknik-Telkom-2011
1% - eprints.mdp.ac.id/868/1/JURNAL RHYCA PUTRI ARDY DAN RISKE...
<1% - http://repository.upi.edu/12524/6/S_KOM_1002519_Chapter3.pdf
<1% - https://ismail6033.blogspot.com/2017/10/makalah-teknik-pengumpulan-
data.html
<1% - http://perpustakaan-iqra.blogspot.com/2014/12/laporan-praktek-kerja-
perpustakaan-pkp.html
<1% - http://publication.gunadarma.ac.id/bitstream/123456789/5141/1/JURNAL.pdf
<1% - https://jurnalimprovement.wordpress.com/tag/suryadi/page/10/
<1% - http://eprints.walisongo.ac.id/3196/4/3105134_Bab3.pdf
<1% - http://si.its.ac.id/data/sisfo_data/files/7_vol5no4.pdf
<1% - https://www.slideshare.net/hanumdinda/analisis-kebutuhan-perangkat-lunak
<1% - https://id.scribd.com/doc/97452774/Jurnal-Implementasi-Radio-Frequency-
Identification-Rfid-Sebagai-Sistem-Inventaris-Dan-Transaksi-Pada-Rental-Video-
Menggunakan-Visual-Basic-6-0
2% - http://repository.usu.ac.id/bitstream/handle/123456789/68703/Chapter%20II.pdf?
sequence=4&isAllowed=y
3% - https://text-id.123dok.com/document/oz1ewwd3y-pencarian-dengan-algoritma-
horspool.html
<1% - https://id.123dok.com/document/6qml7l7y-implementasi-algoritma-horspool-
dalam-pembuatan-kamus-istilah-psikologi-pada-platform-android.html
1% - http://repository.usu.ac.id/bitstream/handle/123456789/59859/Chapter
%20II.pdf;sequence=4
<1% - http://jurnalmsi.stikom-db.ac.id/index.php/jurnalmsi/article/download/157/130
<1% - http://pttelkomindonesia1.blogspot.com/p/blog-page.html
<1% - http://bajankinginsukses.blogspot.com/2012/
<1% - http://e-jurnal.pelitanusantara.ac.id/index.php/mantik/article/download/80/80
<1% - https://firdausmaulana.blogspot.com/2012/09/proposal-game-sejarah-islam-
berbasis.html
<1% - http://fikafauzia.blogspot.com/2011/
<1% - http://www.academia.edu/11585882/Laporan_Kerja_Praktek
<1% -
http://widuri.raharja.info/index.php/SI0813460668_Rancangan_Ujian_Online_(IOU_:Integr
ated_Online_Ujian)_Pada_Konsentrasi_ILearning_Di_Perguruan_Tinggi_Raharja
<1% - https://www.researchgate.net/publication/322163961_Perancangan_Sistem_E-
commerce_Untuk_Produk_Pembuatan_Kue
<1% - https://samsonasik.wordpress.com/2007/04/20/login-session-pada-php/
<1% - https://ribhy.com/working-with-my-study/bahasa-indonesia/proposal-skripsi-
pembuatan-website-sdn-3-beji-depok/
<1% - https://docobook.com/aplikasi-m-commerce-berbasis-android-pada-toko-
8220fani-bagsa5264ef11652db9fd0510f0b12f5fbb872186.html
<1% -
https://www.researchgate.net/publication/277203625_ANALISA_DAN_PERANCANGAN_S
ISTEM_INFORMASI_DALAM_LAYANAN_PENJUALAN_BERBASIS_WEB_PADA_MALL_PURI_I
NDAH
<1% - https://docplayer.info/173249-Bab-3-analisis-dan-perancangan.html
<1% - https://andika666.wordpress.com/2009/06/04/hai-bro-wach-out/
<1% -
http://www.academia.edu/8636017/Aplikasi_Pencarian_Bengkel_Tambal_Ban_Berbasis_A
ndroid_Dengan_Layanan_Cloud_Computing
<1% - http://digilib.binadarma.ac.id/files/disk1/138/123-123-danidwipra-6898-1-jurnali-
8.pdf
<1% - http://widuri.raharja.info/index.php/SI1412481877
<1% - https://sinaufile.blogspot.com/2017/03/analisa-dan-perancangan-sistem-
pakar.html
<1% - http://susantoharry.blogspot.com/2012/09/tugas-database-harry-susanto-12-mi-
4.html
<1% - https://www.termasmedia.com/lainnya/software/69-pengertian-database.html
<1% - https://swantara.blogspot.com/2012/04/skema-relasi.html
<1% - https://ardi-lamadi.blogspot.com/2010/04/membuat-aplikasi-basis-data-
persensi_7169.html
<1% - http://lianovalia.blogspot.com/2011/02/perancangan-pengembangan-alat-
pembuat.html
<1% - https://docobook.com/rancangan-dan-pengembangan-sistem-informasi-
administrasi-sur49df2e49f6dd047041b0384c01b85bdf87576.html
<1% - https://text-id.123dok.com/document/8yd7o0njy-perhitungan-manual-metode-
fuzzy-ahp.html
<1% - https://isnamariam.blogspot.com/
<1% - http://repository.usu.ac.id/bitstream/handle/123456789/64727/Chapter%20III-
V.pdf;sequence=3
<1% - http://eprints.ums.ac.id/37515/11/NASKAH%20PUBLIKASI.pdf
<1% - https://e-katalog.lkpp.go.id/files/upload/konten/Panduan/USER%20GUIDE%20e-
Purchasing%20penyedia.pdf
<1% - https://anzdoc.com/peran-filsafat-ilmu-dalam-perkembangan-disiplin-keilmuan-
tek.html
<1% - https://docobook.com/sistem-informasi-manajemen-pt-kapuas-jaya.html
<1% - http://skrpsilepanuslokon.blogspot.com/2015/05/bab-iii-metodologi-
penelitian.html
<1% - https://artikelsmua21.blogspot.com/2013/10/skripsi-perlindungan-hak-cipta-
pada.html
<1% - https://yandriana.wordpress.com/2012/09/14/software-perangkat-lunak-
pembelajaran-kolaborasi/
<1% - http://perpustakaan.fmipa.unpak.ac.id/file/e-jurnal%20naarsi%20065110373.pdf
<1% - http://computer-maho.blogspot.com/2012/03/komponen-sistem-komputer.html
<1% - http://sir.stikom.edu/id/eprint/2264/6/BAB_IV.pdf
<1% - https://mastersourcecodephp.blogspot.com/2014/02/
<1% - http://eprints.dinus.ac.id/16909/1/jurnal_16087.pdf
<1% - http://sir.stikom.edu/1721/6/BAB_IV.pdf
<1% - http://adanikmatdisini.blogspot.com/2014/01/jurnal-pembuatan-aplikasi-
berbasis-wap.html
<1% - http://fmipa.unsyiah.ac.id/simjar/panduan.pdf
<1% - http://news.palcomtech.com/wp-
content/uploads/2014/10/Jurnal_Ikhsan_Wisnu_DesainWebsiteKantorUrusanAgamaKeca
matanBanyuasinIII.pdf
<1% - http://www.academia.edu/6762060/BAB_Empat
<1% - http://repository.uksw.edu/bitstream/123456789/9111/4/T1_562011021_BAB
%20IV.pdf
<1% - https://ruzhidabindie-binta.blogspot.com/2010/11/langkah-langkah-membuat-
power-point.html
<1% - http://sir.stikom.edu/id/eprint/721/7/BAB%20IV.pdf
<1% -
https://www.researchgate.net/publication/315957737_Perancangan_Aplikasi_Multimedia
_untuk_Pembelajaran_Anatomi_Tubuh_Manusia_untuk_Sekolah_Dasar
<1% - https://mafiadoc.com/bab-4-implementasi-dan-pembahasan-bab-4-ini-
menguraikan-_59d82f501723ddbd74fc4aba.html
<1% - https://solusikompi.blogspot.com/2014/10/pengertian-dan-fungsi-ups.html
<1% - http://www.academia.edu/10695993/Dokumentasi_Pengujian_Perangkat_Lunak
<1% - https://docobook.com/sistem-pakar-bimbingan-dan-konseling-siswa-dengan-
metode.html
<1% - https://id.scribd.com/doc/147303950/SRS-Sistem-Rawat-Inap-Rumah-Sakit-pdf
<1% -
http://www.academia.edu/7750729/Aplikasi_Mobile_Learning_Tutorial_Pengkabelan_dal
am_Mata_Kuliah_Jaringan_Komputer_II_di_STMIK_AMIKOM_Purwokerto