BAB III

LANDASAN TEORI

3.1 Pengertian Surat Perintah Perjalanan Dinas

Pengertian perjalanan dinas secara umum adalah perjalanan yang dilakukan
oleh karyawan atau pegawai suatu perusahaan yang berkaitan dengan tugas
pekerjaan kedinasan. Tugas pekerjaan kedinasan adalah tugas pekerjaan yang
berkaitan dengan kepentingan lembaga perusahaan yang bersangkutan. Perjalanan
dinas pimpinan biasanya dilakukan karena berbagai kepentingan, antara lain
pelaksanaan dan pengawasan di kantor cabang atau perusahaan cabang, seminar,
diklat, tender, janji temu, penjajakan kerja sama, menghadiri acara seremonial,
kegiatan sosial, dan lain-lain.
Sehubungan dengan perjalanan dinas, maka seorang pemimpin tidak perlu
mempersiapkan segalanya karena telah ada seorang sekretaris yang akan
mempersiapkan perjalanan dinas mulai dari keberangkatan sampai kepulangannya
dari perjalanan dinas.
Pengertian perjalanan dinas menurut Wursanto adalah perjalanan dinas yang
dilakukan oleh pimpinan suatu lembaga atau perusahaan dalam rangka
melaksanakan tugas kedinasan. Sekretarislah yang bertugas mengurus perjalanan
dinas pimpinan. Sehubungan dengan definisi perjalanan dinas di atas, maka tugas
seorang sekretaris dalam mengurus perjalanan dinas pimpinan adalah :
1. Mempersiapkan segala sesuatu yang berkaitan langsung dengan perjalanan
dinas pimpinan, terutama yang berhubungan dengan materi dan dokumen
yang diperlukan oleh pimpinan.
2. Mengurus keberangkatan sampai kepulangan.
3. Menyiapkan tiket untuk keberangkatan maupun kepulangan.
4. Mengurus akomodasi selama dalam perjalanan dinas.
5. Apabila sekretaris ikut serta dalam perjalanan dinas itu, ia bertugas membuat
laporan perjalanan dinas pimpinan tersebut.
6. Dokumen perjalanan dinas harus disiapkan oleh sekretaris tergantung pada
jenis transportasi yang digunakan dalam perjalanan dinas.
A. Macam-macam perjalanan dinas
Berdasarkan apa saja yang harus dipersiapkan seorang pimpinan
untuk perjalanan dinas sangat bergantung pada tujuan dari perjalanan
dinas tersebut. Berikut ini adalah macam-macam perjalanan dinas :
1. Perjalanan dinas untuk mengikuti rapat kerja nasional, dalam hal ini
pimpinan harus mempelajari materi rapat secara cermat.
2. Perjalanan dinas untuk mengikuti seminar nasional, dalam hal ini
pimpinan harus memahami materi seminar tersebut.
3. Perjalanan dinas untuk mengadakan kunjungan ke daerah-daerah,
dalam hal ini pimpinan harus merumuskan dengan jelas apa yang
menjadi tujuan dan sasaran kunjungannya ke daerah-daerah tersebut.
4. Perjalanan dinas untuk mengadakan kunjungan dan pelatihan atau
diklat. Dalam hal ini pimpinan harus menjaga kesehatan secara
prima di samping menyediakan buku referensi yang diperlukan.
5. Perjalanan dinas untuk mengikuti pelantikan karena mendapatkan
promosi atau kenaikan jabatan.
6. Perjalanan dinas dengan maksud mengadakan penjajakan kerja sana
dengan lembaga atau perusahaan lain.
7. Perjalanan dinas dalam rangka menghadiri acara seremonial seperti
pembukaan kantor cabang atau ulang tahun berdirinya suatu lembaga
atau perusahaan.
8. Perjalanan dinas karena adanya kegiatan sosial, misalnya
memberikan bantuan kepada korban bencana alam, beasiswa dan
sebagainya.
9. Perjalanan dinas karena mengikuti tender.
10. Perjalanan dinas karena mengikuti rapat umum pemegang saham.
Menurut Wursanto, dilihat dari segi wilayah negara tujuan, ada dua
macam perjalanan dinas, yaitu perjalanan dinas dalam negeri dan
perjalanan dinas luar negeri. Perjalanan dinas dalam negeri dibedakan
menjadi perjalanan dinas antar kota dalam satu provinsi dan perjalanan
dinas antar kota, antar daerah atau antar provinsi.
 Perjalanan dinas antar negara atau perjalanan dinas luar negeri dari
segi trasnportasi yang digunakan dibedakan menjadi :
1. Perjalanan dinas lewat darat yang dapat ditempuh dengan kendaraan
milik pribadi, kendaraan milik perusahaan, menggunakan jasa
angkutan umum bus, jasa angkutan kereta api, dan melalui jasa biro
travel.
2. Perjalanan dinas lewat laut, adalah perjalanan dinas menggunakan
kapal laut.
3. Perjalanan dinas lewat udara, adalah perjalanan dinas menggunakan
kapal udara

3.2 Pengertian Website

Website adalah kumpulan dari halaman-halaman situs, yang biasanya
terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di
dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah
dokumen yang ditulis dalam format Hyper Text Markup Language (HTML), yang
hampir selalu bisa diakses melalui Hyper Text Transfer Protocol (HTTP), yaitu
protokol yang menyampaikan informasi dari server Website untuk ditampilkan
kepada para pemakai melalui web browser.
Semua publikasi dari Website-Website tersebut dapat membentuk sebuah
jaringan informasi yang sangat besar. Halaman-halaman dari Website akan bisa
diakses melalui sebuah Uniform Resource Locator (URL) yang biasa disebut
Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah
hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur
para pembaca dan memberitahu mereka susunan keseluruhan dan bagaimana arus
informasi ini berjalan.

3.3 Aplikasi Website

Aplikasi web sendiri dapat dibagi menjadi dua yaitu web statis, dan web
dinamis. Web statis dibentuk dengan menggunakan HTML saja. Kekurangan
aplikasi seperti ini terletak pada keharusan untuk memelihara program secara
terus menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini
diatasi dengan model aplikasi web dinamis.
3.3.1 Website Statis
Website statis, adalah salah satu bentuk website yang isi didalam
website tersebut tidak dimaksudkan untuk di update secara berkala, dan
biasanya di maintain secara manual oleh beberapa orang yang menggunakan
software editor. Ada 3 tipe kategori software editor yang biasa dipakai
untuk tujuan maintaining ini yaitu :
1. Elemen 1 Penyunting teks. Contohnya adalah Notepad atau TextEdit,
dimana HTML diubah didalam program editor tersebut.
2. Elemen 2 WYSIWYG editor. Contohnya Microsoft Frontpage dan
Macromedia Dreamweaver, dimana situs di edit menggunakan GUI
(Graphical User Interface) dan format HTML ini secara otomatis di
generate oleh editor ini.
3. Elemen 3 Editor yang sudah memiliki template, contohnya Rapidweaver
dan iWeb, dimana editor ini membolehkan user untuk membuat dan
mengupdate websitenya langsung ke server web secara cepat, tanpa harus
mengetahui apapun tentang HTML. Mereka dapat memilih templat yang
sesuai dengan keinginan mereka, menambah gambar atau obyek,
mengisinya dengan tulisan, dan dengan sekejap mereka sudah dapat
membuat situs web tanpa harus melihat sama sekali kode-kode HTML.

3.3.2 Website Dinamis

Sebuah website dinamis adalah website yang secara berkala, informasi
didalamnya dapat berubah, atau website ini bisa berhubungan dengan user
dengan berbagai macam cara atau metode (HTTP cookies atau variabel
database, sejarah kunjungan, serta variabel sesi) bisa juga dengan cara
interaksi langsung menggunakan form dan pergerakan mouse. Ketika web
server menerima permintaan dari user untuk memberikan halaman tertentu,
maka halaman tersebut akan secara otomatis di ambil dari media
penyimpanan sebagai respon dari permintaan yang diminta oleh user.
Sebuah situs dapat menampilkan dialog yang sedang berlangsung diantara
 dua user, memantau perubahan situasi, atau menyediakan informasi yang
berkaitan dengan sang user. Ada banyak jenis sistem software yang dapat
dipakai untuk meng-generate dinamic web sistem dan situs dinamic,
beberapa diantaranya adalah ColdFusion (CFM), Active Server Pages
(ASP), Java Server Pages (JSP) dan PHP, bahasa program yang mampu
untuk meng-generate dinamic web sistem dan situs dinamic. Situs juga bisa
termasuk didalamnya berisi informasi yang diambil dari satu atau lebih
database atau bisa juga menggunakan teknologi berbasis XML.
Dynamic HTML juga menyediakan untuk user supaya dia bisa secara
interaktif dan realtime, meng-update di web page tersebut (catatan; halaman
yang dirubah, tak perlu di load atau di reloaded agar perubahannya dapat
dilihat), biasanya perubahan yang dilakukan menggunakan Javascript yang
sudah tersedia pada semua web browser.

3.3.3 Website User Friendly

User friendly (ramah dengan pengguna) kemampuan yang dimiliki
oleh software atau program aplikasi yang mudah dioperasikan, dan
mempunyai sejumlah kemampuan lain sehingga pengguna merasa betah
dalam mengoperasikan program tersebut, bahkan bagi seorang pengguna
pemula.
User friendly merupakan istilah yang digunakan untuk kemudahan
yang ditawarkan suatu aplikasi kepada pengguna dalam menggunakan
semua fitur yang terdapat didalam aplikasi yang dibuat. Jadi website user
friendly ialah suatu kemampuan yang dimiliki oleh suatu website yang
memudahkan pengakses (pengguna website) agar dapat menggunakan
semua content/fitur yang ada didalam website.
Kriteria aplikasi User Friendly ialah :
a. Mudah dioperasikan
b. Mudah dipelajari
c. Pengguna selalu merasa senang setiap kali menggunakan software
tersebut.
3.4 Web Server
Web server adalah perangkat lunak server yang berfungsi menerima
permintaan HTTP atau HTTS dari client yang dikenal dengan nama web browser
dan akan mengirim kembali hasilnya dalam bentuk halaman-halaman web yang
umumnya berbentuk dokumen HTML. Salah satu web server yang banyak dipakai
adalah Aphace. Aphace merupakan web server antara platform yang dapat
berjalan dibeberapa platform seperti Linux dan Windows.

3.5 HyperText Markup Language (HTML)

3.5.1 Pendahuluan HTML
HTML atau singkatan dari HyperText Markup Language adalah script
dimana kita bias menampilkan informasi dan daya kreasi kita lewat internet.
HTML sendiri adalah suatu dokumentasi teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya dan karena bentuknya itu HTML
dapat dibaca oleh berbagai platform seperti Windows, Linux, dan Macintosh.
3.5.2 Bagian-Bagian HTML
HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda
suatu kelompok perintah tertentu, misalnya kelompok perintah form yuang
ditandai dengan kode <form>, judul dengan <title>, dan sebagainya.
Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema
di bawah ini:
<html>
<head>
<title>Judul</title>
</head>
<body>
… isi dari halaman web …
</body>
</html>
 Keterangan:
1. Dokumen HTML selalui diawali dengan tanda tag pembuka <html> dan
diakhiri dengan tag penutup </html>.
2. Pada elemen <head>, dapat disisipkan kode-kode untuk menuliskan
keterangan dokumen HTML atau disisipkan script-script pemrograman
web seperti JavaScript, VBScript, dan CSS untuik menambah daya tarik
pada situs yang kita buat.
3. Elemen <body>…</body> berisi tag-tag untuk isi atau layout tampilan
pada situs, seperti <font>…</font>, <table>…</table>,
<form>…</form>.
4. Tag adalah kode – kode yang digunakan untuk men-setting dokumen
HTML. Secara garis besar bentuk umum tag sebagai berikut:
<tag-awal>TEKS</tag-akhir>
Namun ada juga tag yang tidak perlu ada tag penutupnya seperti <br>,
<hr>, <img>, dan lain sebagainya.

3.6 Pengenalan Personal Home Page (PHP)

3.6.1 Sejarah PHP
PHP adalah script yang berjalan pada server side yang ditambahkan
pada HTML. Script ini akan membuat suatu aplikasi yang dapat
diintegrasikan kedalam HTML sehingga suatu halaman HTML tidak lagi
bersifat statis, namun menjadi bersifat dinamis. Sifat server side membuat
pengerjaan script tersebut dikerjakan di server sedangkan yang dikirimkan
kepada browser adalah hasil proses dari script tersebut yang sudah
berbentuk HTML.
PHP dibuat pada tahun 1994 oleh Rasmus Lerdof. Tetapi
dikembangkan oleh orang lain dan setelah memulai tiga kali karya
penulisan, akhirnya PHP menjadi bahasa pemrograman web. PHP adalah
sebuah produk yang berbentuk open source, sehingga source code-code dari
PHP dapat digunakan, diganti, diedit tanpa harus dikenakan biaya.
 3.6.2 Kelebihan dan Kelemahan PHP
Kelebihan PHP sebagai bahasa server side adalah:
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaannya.
2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari
mulai IIS sampai dengan Aphace, dengan konfigurasi yang relative
mudah.
3. Dapat digunakan diberbagai mesin (Linux, Unix, Windows) dan dapat
dijalankan secara runtime melalui console serta juga dapat menjalankan
perintah-perintah sistem.

Adapun kelemahan PHP adalah:

1. Tidak ideal untuk pengembangan skala besar.
2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik
(walaupun pengguna template dapat memperbaikinya).
PHP memiliki kelemahan security tertentu apabila programmer tidak
jeli dalam melakukan pemrograman dan kurang memperhatikan isu dan
konfigurasi PHP.

3.7 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan
terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian
ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>).
Ada dua tipe penggabungan antara PHP dan HTML yaitu:
a.) Embedded Script
Embedded script adalah cara penulisan tag PHP disela-sela tag HTML.
Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-
bagian tertentu dalam dokumen yang memerlukan script PHP untuk
proses di dalam server.
 Contoh penulisan Embedded script dapat dilihat di bawah ini:
<html>
<head>
<title>Testing</title>
</head>
<body>
<?echo”Welcome”;?>
</body>
</html>
b.) Non Embedden Script
Non Embedded Script adalah cara penulisan tag PHP dibagian paling
awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP
digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam
sebuah dokumen. Non Embedded Script menempatkan script HTML
sebagai bagian dari script PHP. Contoh penulisan Non Embedded
Script dapat dilihat di bawah ini:
<?php
echo ‘<html>’;
echo ‘<head>’;
echo ‘<title>Testing</title>’;
echo ‘</head><body>’;
echo ‘Welcome’;
echo ‘</body>’;
echo ‘</html>’;
?>

3.8 Data dan Basis Data

3.8.1 Pengertian Data
Data berasal dari kata datum yang berarti fakta yang mengandung arti,
yang dihubungkaan dengan kenyataan, simbol-simbol, gambar-gambar,
kata-kata, huruf-huruf atau simbolsimbol yang menunjukkan ide objek,
 kondisi atau situasi yang lain. Manfaat data adalah sebagai suatu
representasi yang dapat diingat, direkam, dan diolah menjadi informasi.
3.8.2 Basis Data
Menurut C.J. Date (2000, hal : 2) Basis data adalah sebuah sistem
yang di buat untuk mengorganisasi, menyimpan dan menarik data dengan
mudah. Pengertian lainnya, Basis data (database) merupakan kumpulan dari
data yang saling berhubungan satu dengan yang lainnya, tersimpan di
perangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya. Database merupakan salah satu komponen yang penting
dalam sistem informasi, karena merupakan basis dalam menyediakan
informasi bagi para pemakai. Penerapan database dalam sistem informasi
disebut dengan database system. Sistem basis data (database system) adalah
suatu sistem informasi yang mengintegrasikan kumpulan dari daya yang
saling berhubungan satu dengan yang lainnya dan membuatnya tersedia
untuk beberapa aplikasi yang bermacam-macam di dalam suatu organisasi.
Pendekatan database berbeda dengan pendekatan tradisional.
Adapun tujuan dari pengolahan data yang dilakukan adalah untuk
menghasilkan suatu keluaran yang nantinya dipergunakan, yaitu sebagai d
asar untuk pengambilan keputusan informasi.

3.9 Cascading Style Sheets (CSS)

Tag HTML didesain untuk mendefinisikan content dari dokumen. Dalam
HTML dapat disebutkan “ini adalah header”, “ini adalah paragraf”, “ini adalah
table” dengan menggunakan tag <h1>,<p>,<table>. Tag-tag tersebut akan
diinterpreter oleh web browser. Karena setiap perubahan penyajian content dari
document HTML harus diatur oleh tag dan juga atribut yang cukup banyak. CSS
dapat digunakan untuk menampilkan style dari content document HTML dengan
lebih menarik dengan meminimalkan penggunaan tag-tag HTML sehingga dapat
menhemat waktu pengerjaannya dan lebih cepat proses loadingnya oleh web
browser. Suteja dan Prijono (2005 : hal 59).
Untuk web developer cukup mendefinisikan style (CSS) untuk dapat
diterapkan di semua web pages yang diinginkan. Sehingga proses pengaturan
 tampilan web (perubahan style) dapat dilakukan secara otomatis. CSS dapat
diimplementasikan dengan 3 cara :
a. Inline Style yaitu menjadi atribut dalam tag HTML, atributnya adalah style.
Cara pendefinisian property dan nilainya yaitu :

Style=“property-1:nilai; property-2:nilai; ..., property-n:nilai;”

b. Internal style sheet atau embed style yaitu berada didalam tag <HEAD>
dimana untuk CSS didefinisikan sebagai berikut :

<STYLE type=”text/css”> ... </STYLE>

c. Eksternal style sheet yaitu style CSS berada terpisah pada sebuah file .css
sedangkan untuk pemanggilannyadalam dokumen HTML yang akan
menggunakannya dilakukan dengan cara :

<link rel=”stylesheet” type=”text/css” href=”file.css”/>

3.10 Javascript
Javascript adalah bahasa scripting yang popular di internet dan dapat
bekerja di sebagian besar browser popular seperti Internet Exploler, Mozzila
Firefox, Netscape dan Opera”. Kode javascript dapat disisipkan dalam halaman
web menggunakan tag <script>..</script>. (Menurut Sunyoto, 2007:17).
Beberapa hal tentang JavaScript sebagai berikut:
1. JavaScript didesain untuk menambah interaktif suatu web.
2. JavaScript merupakan sebuah bahasa scripting.
3. Bahasa scripting merupakan bahasa pemrograman yang ringan.
4. JavaScript berisi baris kode yang dijalankan di komputer (web browser).
5. JavaScript biasanya disisipkan (embedded) dalam halaman HTML.
6. JavaScript adalah bahasa interpreter (yang berarti script dieksekusi tanpa
proses kompilasi).
3.11 MySQL
MySQL adalah sebuah aplikasi Relational Database Managemen Server
(RDBMS). Dengan menggunakan MySQL server, maka data dapat diakses oleh
banyak pemakai secara bersamaan. MySQL menggunakan bahasa SQL (Structure
Query Language) yaitu bahasa pemrograman standar yang digunakan untuk
mengakses server database.
Tiap database memiliki table-tabel, tiap tabel memiliki field-field.
Umumnya informasi tersimpan dalam tabel-tabel yang secara logis merupakan
struktur-struktur dimensi terdiri atas baris dan kolom. Field-field tersebut dapat
berupa data seperti int, real, char, date, time, dan lainnya.
Keunggulan MySQL, di antaranya:
1. Bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai sistem
operasi).
2. Pengaksesan database dapat dilakukan dengan mudah.
3. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi
sistem database.
4. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang
bervariasi.
MySQL dan PHP saling terintegrasi, maksudnya adalah pembuatan
database dengan menggunakan sintak PHP dapat dibuat. Sedangkan input yang
dimasukkan melalui aplikasi web yang menggunakan script server side seperti
PHP dapat langsung dimasukkan ke database MySQL yang ada di server dan
tentunya web tersebut berada di sebuah web server.

3.12 Internet
Internet adalah metode untuk menghubungkan berbagai komputer ke dalam
satu jaringan komputer global, melalui protokol yang disebut Transmission
Control Protocol/ Internet Protokol (TCP/ IP). Protokol adalah suatu petunjuk
yang menunjukkan pekerjaan yang akan pengguna lakukan dengan internet,
apakah akan mengakses situs web melakukan transfer file, mengirim email, dan
sebagainya.
3.13 Web Browser
Web Browser atau sering disebut dengan Browser, merupakan suatu
software atau program aplikasi yang beroperasi di setiap komputer pribadi (client)
yang meminta informasi dari server dan menampilkannya sehingga data-datanya
dapat langsung diakses. Web browser adalah suatu program yang dirancang untuk
mengambil informasi dari suatu server komputer pada jaringan internet.
Informasi-informasi ini dikemas dalam page-page, dimana page-page bisa
memiliki beberapa link yang menghubungkan web page tersebut ke sumber
informasi lainnya.

3.14 XAMPP
XAMPP ialah perangkat lunak bebas yang mendukung banyak sistem
operasi, merupakan campuran dari beberapa program yang mempunyai
fungsi sebagai server yang berdiri sendiri (localhost) dan terdiri dari program
MySQL database, Apache HTTP Server dan penerjemah ditulis dalam bahasa
pemrograman PHP dan Perl.
3.14.1 Komponen dan fungsi pada XAMPP
1. Htdoc adalah folder di mana Anda meletakkan file yang akan
dijalankan, seperti file PHP, HTML dan script lainnya.
2. PhpMyAdmin adalah bagian untuk mengelola database MySQL yang
dikomputer.
3. Untuk membukanya, membuka browser dan ketik alamat http: //
localhost / phpMyAdmin, halaman phpMyAdmin akan muncul.
4. Control Panel yang berfungsi untuk mengelola layanan (service)
XAMPP. Seperti stop service (berhenti), atau mulai (mulai).
3.14.2 Komponen XAMPP untuk Windows, Termasuk :
a. Apache 2.4.4
b. MySQL 6.5.11
c. PHP 5.5.0
d. PhpMyAdmin 4.0.4
e. FileZilla FTP Server 0.9.41
f. Tomcat 7.0.41 (with mod_proxy_ajp as connector)
g. Strawberry Perl 5.16.3.1 Portabel
h. XAMPP Control Panel 3.2.1 (dari hackattack142)
3.14.3 XAMPP adalah singkatan yang setiap huruf adalah :
a. X : Program ini dapat dijalankan di banyak sistem operasi, seperti
Windows, Linux, Mac OS, dan Solaris.
b. A : Apache, server aplikasi Web. Apache tugas utama adalah untuk
menghasilkan halaman web yang benar kepada pengguna terhadap
kode PHP yang sudah dituliskan oleh pembuat halaman web. jika
perlu kode PHP juga berdasarkan yang tertulis, dapat database diakses
dulu (misalnya MySQL) untuk mendukung halaman web yang
dihasilkan.
c. M : MySQL, server aplikasi database. Pertumbuhannya disebut SQL
singkatan dari Structured Query Language. SQL merupakan bahasa
terstruktur yang difungsikan untuk mengolah database. MySQL dapat
digunakan untuk membuat dan mengelola database dan isinya. Bisa
juga memanfaatkan MySQL guna untuk menambahkan, mengubah,
dan menghapus data dalam database.
d. P : PHP, bahasa pemrograman web. Bahasa pemrograman PHP
adalah bahasa pemrograman untuk membuat web yang server-side
scripting. PHP digunakan untuk membuat halaman web dinamis.
Sistem manajemen database yang sering digunakan dengan PHP
adalah MySQL. namun PHP juga mendukung pengelolaan sistem
database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL,
dan sebagainya.
 e. P : Perl, bahasa pemrograman untuk semua tujuan, pertama kali
dikembangkan oleh Larry Wall, mesin Unix. Perl dirilis pertama kali
tanggal 18 Desember 1987 yang ditandai dengan keluarnya Perl 1.
Pada versi-versi selanjutnya, Perl juga tersedia untuk berbagai sistem
operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem
operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan
PocketPC

3.15 Pengertian Dasar Flowchart

Flowchart adalah gambar yang menampilkan struktur bagan dari setiap
halaman. Bagan aliran (flowchart) ini menjelaskan secara rinci langkah-langkah
dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol
tertentu yang menyatakan tiap langkah program. Flowchart merupakan cara
penyajian dari suatu algoritma. (Yatini, Flowchart, Algoritma Dan Pemrograman
Menggunakan Bahasa C++ Builder - 2010)
Tujuan Membuat Flowchart :
a. Menggambarkan suatu tahapan penyelesaian masalah.
b. Secara sederhana, terurai, rapi dan jelas.
c. Menggunakan simbol-simbol standar.
Dalam penulisan flowchart dikenal dua model, yaitu sistem flowchart dan
program flowchart.
a. Sistem Flowchart :
Sistem Flowchart merupakan bagan yang memperlihatkan urutan
prosedure dan proses dari beberapa file di dalam media tertentu. Melalui
flowchart ini terlihat jenis media penyimpanan yang dipakai dalam pengolahan
data.
1) Selain itu juga menggambarkan file yang dipakai sebagai input dan
output.
2) Tidak digunakan untuk menggambarkan urutan langkah untuk
memecahkan masalah.
3) Hanya untuk menggambarkan prosedur dalam sistem yang dibentuk.
b. Program Flowchart
Bagan yang memperlihatkan urutan dan hubungan proses dalam suatu
program. Dua jenis metode penggambaran program flowchart :
1) Conceptual flowchart, menggambarkan alur pemecahan masalah secara
global.
2) Detail flowchart, menggambarkan alur pemecahan masalah secara rinci.

Gambar 3.1 Conceptual Flowchart Gambar 3.2 Detail Flowchart

3.15.1 Simbol-simbol Flowchart

Simbol-simbol yang di pakai dalam flowchart dibagi menjadi 3 kelompok:
1) Flow direction symbols, digunakan untuk menghubungkan simbol
satu dengan yang lain. Disebut juga connecting line.
2) Processing symbols, menunjukan jenis operasi pengolahan dalam
suatu proses / prosedur.
3) Input / Output symbols, menunjukkan jenis peralatan yang digunakan
sebagai media input atau output.
 Tabel 3.1 Flow Direction Symbols
Simbol Keterangan

Simbol arus / flow, yaitu menyatakan jalannya

arus suatu proses

Simbol connector, berfungsi menyatakan

sambungan dari proses ke proses lainnya dalam
halaman yang sama

Simbol offline connector, menyatakan

sambungan dari proses ke proses lainnya dalam
halaman yang berbeda

Simbol process, yaitu menyatakan suatu tindakan

(proses) yang dilakukan oleh computer

Simbol manual, yaitu menyatakan suatu tindakan

(proses) yang tidak dilakukan oleh computer

Simbol decision, yaitu menujukkan suatu kondisi

tertentu yang akan menghasilkan dua
kemungkinan jawaban : ya / tidak

Simbol predefined process, yaitu menyatakan

penyediaan tempat penyimpanan suatu
pengolahan untuk memberi harga awal

Simbol terminal, yaitu menyatakan permulaan

atau akhir suatu program

Simbol keying operation, Menyatakan segal jenis

operasi yang diproses dengan menggunakan
suatu mesin yang mempunyai keyboard
 Tabel 3.2 Storage Symbols
Simbol Keterangan

Simbol offline-storage, menunjukkan bahwa data

dalam simbol ini akan disimpan ke suatu media
tertentu

Simbol manual input, memasukkan data secara

manual dengan menggunakan online keyboard

Simbol input/output, menyatakan proses input atau

output tanpa tergantung jenis peralatannya

Simbol punched card, menyatakan input berasal dari

kartu atau output ditulis ke kartu

Simbol magnetic tape, menyatakan input berasal dari

pita magnetis atau output disimpan ke pita magnetis

Simbol disk storage, menyatakan input berasal dari

dari disk atau output disimpan ke disk

Simbol document, yang akan mencetak keluaran

dalam bentuk dokumen (melalui printer).

Simbol display, yang akan mencetak keluaran dalam

layar monitor.
3.16 Data Flow Diagram (DFD)
3.16.1 Definisi Data Flow Diagram
Data flow diagram didefinisikan sebagai diagram yang
mempresentasikan bagaimana informasi keluar masuk dari sistem, proses
apa yang mengubah informasi tersebut dimana informasi disimpan, dan data
flow diagram juga ddefinisikan sebagai diagram untuk menggambarkan
aliran data dalam sistem,sumber dan tujuan data, proses yang mengolah data
tersebut, dan tempat penyimpanan datanya. Diperkenalkan oleh Tom
DeMarco (1978) dan Cris Gane dan Trish Sarson (1977).
3.16.2 Komponen DFD
Ada empat komponen yang membentuk suau data flowdiagram
menurut yourdan dan DeMarco, yaitu aliran data, proses, penyimpanan data
dan sumber/tujuan data. Berikut adalah notasi yang digunakan untuk DFD.
a. Aliran Data (Data Flow)
Aliran data/arus data atau data flow di DFD diberi simbol panah.
Aliran menggambarkan perpindahan informasi dari satu bagian ke bagian
lain dari sistem. Aliran data ini mengalir diantara proses (process),
simpanan data (data store) dan kesatuan luar (external entity). Aliran
data ini menunjukkan aliran data yang dapat berupa masukkan untuk
proses atau simpanan data dan berupa keluaran atau hasil dari suatu
proses. Penghubung antar proses yang mempresentasikan informasi yang
dibutuhkan proses sebagai keluaran. Aliran paket informasi dari satu
bagian sistem ke bagian sistem lainnya. Umumnya mengalir antar proses
, tetapi dapat juga mengalir keluar masuk dari ke file (data store) atau
dari sumber tujuan data. Awal panah menggambarkan asal data
sedangkan arah panah menggambarkan tujuan data.

Gambar 3.3 Simbol aliran data dalam DFD

b. Proses
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang,
mesin atau komputer dari hasil suatu arus data yang masuk ke dalam
proses untuk dihasilkan arus data yang akan keluar dari proses. Proses
menggambarkan bagian dari system yang mengolah masukkan menjadi
keluaran. Proses diberi nama untuk menjelaskan proses atau kegiatan apa
yang sedang atau akan dilaksanakan. Pemberian nama proses dilakukan
dengan menggunakan kata kerja yang membutuhkan objek. Proses di
gambarkan dengan sebuah lingkaran.

Gambar 3.4 Simbol proses dalam DFD

c. Penyimpanan Data (Data Store)

Simbol ini digunakan untuk menggambarkan penyimpanan data.
Simpanan data atau data store merupakan tempat penyimpan data berupa
file atau database.

Gambar 3.5 Simbol Data Store dalam DFD

d. Entitas Eksternal (Terminator)

Menggambarkan entitas yang berinteraksi dengan sistem yang
berada diluar lingkup sistem(bukan yang menjalankan sistem tersebut
atau entitas yang berfungsi sebagai producer/consumer dari sistem
(sumber atau tujuan data). Merupakan simbol yang menggabarkan entitas
yang dapat berupa orang, kelompok, atau organisasi yang berhubungan
dengan sistem.

Gambar 3.6 Simbol terminator dalam DFD

3.16.3 Tingkatan Diagram Aliran Data
Ada tiga tingkatan dalam diagram aliran data, yaitu:
1. Diagram konteks
Merupakan tingkatan yang pertama yang menggambarkan ruang
lingkup sistem yang digunakan. Diagram ini hanya memiliki satu
proses yang menggambarkan sistem secara keseluruhan dan hubungan
antar sistem dengan unit-unit diluar sistem tersebut.
Dalam kata lain diagram konteks adalah bagian dari DFD yang
berfungsi memetakan model lingkungan yang dipresentasikan dengan
lingkaran tunggal yang mewakili keseluruhan sistem. Diagram
konteks meliputi sejumlah karakteristik sistem penting, yaitu :
a. Kelompok pemakai, organisasi atau sistem lain dimana sistem
melakukan komunikasi (sebagai terminator).
b. Data masuk, yaitu data yang diterima sistem dari lingkungan
dan harus diproses dengan cara tertentu.
c. Data keluar, yaitu data yang dihasilkan sistem dan diberikan ke
dunia luar.
d. Penyimpanan data (storage), yaitu digunakan secara bersama
antara sistem dengan terminator. Storage ini dapat dibuat oleh
sistem dan digunakan oleh lingkungan atau sebaliknya. Hal ini
berarti pembuatan simbol data storage dalam context diagram
dibenarkan, dengan syarat simbol tersebut merupakan bagian
dari luar sistem.
e. Batasan antara sistem dan lingkungan.
Cara membuat diagram konteks antara lain :
1) Tentukan nama sistemnya.
2) Tentukan batasan sistemnya.
3) Tentukan terminator apa saja yang ada dalam sistem.
4) Tentukan apa yang diterima/diberikan external entity dari/ke
sistem.
5) Gambarkan diagram konteks.
2. Diagram level 1
Diagram yang menggambarkan proses-proses dan aliran data
yang terjadi di dalam suatu sistem(diagram yang menggambarkan
dekomposisi dari diagram konteks). Proses ini dapat dipecah menjadi
proses-proses dan aliran data yang lebih terperinci.
Caranya:
a. Tentukan proses utama yang ada pada sistem.
b. Tentukan apa yang diberikan/diterima masing-masing proses
ke/dari sistem sambil memperhatikan konsep keseimbangan (alur
data yang keluar/masuk dari suatu level harus sama dengan alur
data yang masuk/keluar pada level berikutnya).
c. Apabila diperlukan, munculkan data store (master) sebagai
sumber maupun tujuan alur data.
d. Beri nomor pada proses utama (nomor tidak menunjukkan urutan
proses).
3. Diagram Rinci
Diagram yang menggambarkan rincian proses-proses yang ada
pada diagram level 1 dan rincian proses-proses ini dapat dipecah lagi
menjadi proses-proses yang lebih terperinci lagi. Caranya :
a. Tentukan proses yang lebih kecil (sub-proses) dari proses utama
yang ada di level zero.
b. Tentukan apa yang dibeikan/diterima masing-masing sub-proses
ke/dari sistem dan perhatikan konsep keseimbangan.
c. Apabila diperlukan, munculkan data store (transaksi) sebagai
sumber maupun tujuan alur data.
d. Hindari perpotongan arus data.
e. Beri nomor pada masing-masing sub-proses yang menunjukkan
dekomposisi dari proses sebelumnya.
3.17 Entity Relationship Diagram (ERD)
Model Entity Relationship diperkenalkan pertama kali oleh P.P. Chen
pada tahun 1976. Model ini dirancang untuk menggambarkan persepsi dari
pemakai dan berisi obyek-obyek dasar yang disebut entity dan hubungan antar
entity-entity tersebut yang disebut relationship. Pada model ER ini semesta
data yang ada dalam dunia nyata ditransformasikan dengan memanfaatkan
perangkat konseptual menjadi sebuah diagram, yaitu diagram ER ( Entity
Relationship).
Diagram Entity-Relationship melengkapi penggambaran grafik dari
struktur logika. Dengan kata lain Diagram E-R menggambarkan arti dari aspek
data seperti bagaimana entity-entity, atribut-atribut dan relationship-
relationship disajikan. Sebelum membuat Diagram E-R, tentunya kita harus
memahami betul data yang diperlukan dan ruang lingkupnya. Di dalam
pembuatan diagram E-R perlu diperhatikan penentuan suatu konsep apakah
merupakan entity, atribut, atau relationship.
ERD merupakan suatu model untuk menjelaskan hubungan antar data
dalam basis databerdasarkan objek-objek dasar data yang mempunyai
hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan
antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol.
Pada dasarnya ada tiga simbol yang digunakan, yaitu
a. Entitiy
Entity adalah obyek yang dapat dibedakan dengan yang lain dalam
dunia nyata. Entity dapat berupa objek secara fisik seperti orang, rumah,
atau kendaraan. Entity dapat pula berupa objek secara konsep seperti
pekerjaan, perusahaan, dan sebagainya.
Tipe entity merupakan sekumpulan obyek dalam dunia nyata yang
mempunyai properti yang sama atau berasal dari entity yang sejenis.
Terdapat dua tipe Entity, Entity Kuat dan Entity Lemah. Entity kuat adalah
entity yang keberadaanya tidak tergantung pada entity lain, misalkan tipe
entity pegawai atau cabang. Sedangkan Entity Lemah keberadaanya
tergantung pada entity lain, misalkan tipe entity tanggungan, dimana
keberadaannya tergantung dari pegawai.
 Entitas menunjukkan objek-objek dasar yang terkait di dalam system
Obyek dasar dapat berupa orang, benda, atau hal yang keterangannya perlu
disimpan di dalam basis data. Untuk menggambarkan sebuah entitas
digunakan aturan sebagai berikut (Sutanta, 2004):
a. Entitas dinyatakan dengan simbol persegi panjang.
b. Nama entitas dituliskan di dalam simbol persegi panjang.
c. Nama entitas berupa kata benda, tunggal
d. Nama entitas sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
b. Atribut
Atribut adalah karakteristik dari entity atau relationship, yang
menyediakan penjelasan detail tentang entity atau relationship tersebut.
Nilai Atribut merupakan suatu data aktual atau informasi yang disimpan
pada suatu atribut di dalam suatu entity atau relationship. Atribut
digambarkan dalam bentuk oval.
Atribut sering pula disebut sebagai properti (property), merupakan
keterangan-keterangan yang terkait pada sebuah entitas yang perludisimpan
dalam basis data. Atribut berfungsi sebagai penjelas pada sebuah entitas.
Untuk menggambarkan atribut digunakan aturan sebagai berikut (Sutanta,
2004):
1. Atribut dinyatakan dengan simbol elips.
2. Nama atribut dituliskan di dalam simbol elips.
3. Nama atribut berupa kata benda, tunggal.
4. Nama atribut sedapat mungkin menggunakan nama yang mudah
dipahami dan dapat menyatakan maknanya dengan jelas.
5. Atribut dihubungkan dengan entitas yang bersesuaian dengan
menggunakan sebuah garis (seyogianya menggunakan garis lurus,
namun dalam kondisi yang tidak memungkinkan dapat juga tidak
menggunakan garis lurus).
 Jenis-jenis atribut :

a. Key : Atribut yang digunakan untuk menentukan suatu entity

secara unik.
b. Atribut Simple : Atribut yang bernilai tunggal.
c. Atribut Multivalue : Atribut yang memiliki sekelompok nilai
untuk setiap instan entity.
d. Atribut Composite : Suatu atribut yang terdiri dari beberapa
atribut yang lebih kecil yang mempunyai arti tertentu.
e. Atribut Derivatif : Suatu atribut yang dihasilkan dari atribut yang
lain.
c. Hubungan/Relasi
Kerelasian antar entitas mendefinisikan hubungan antara dua
buah entitas.Kerelasian adalah kejadian atau transaksi yang terjadi di
antara dua buah entitas yang keterangannya perlu disimpan dalam
basis data.kejadian atau transaksi yang tidak perlu disimpan dalam
basis data (sekalipun benar-benar terjadi) bukan termasuk kerelasian.
Aturan penggambaran kerelasian antar entitas adalah sebagai berikut
(Sutanta, 2004).
1. Kerelasian dinyatakan dengan simbol belah ketupat.
2. Nama kerelasian dituliskan di dalam simbol belah ketupat.
3. Kerelasian menghubungkan dua entitas.
4. Nama kerelasian berupa kata kerja aktif (diawali dengan awalan
me-), tunggal.
5. Nama kerelasian sedapat mungkin menggunakan nama yang
mudah dipahami dan dapat menyatakan maknanya dengan jelas.

Tabel 3.3 Simbol-simbol Entity Relationship Diagram (ERD)

Komponen Simbol
Entity (entitas)

Atribut

Relasi (hubungan)
3.18 Desain Struktur Navigasi
Macam-macam Struktur Navigasi pada website, yaitu :
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita
yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya.

Gambar 3.7 Struktur Navigasi Linier

2. Struktur Navigasi Non-Linier

Struktur navigasi non-linier atau struktur tidak berurut merupakan
pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan
membuat navigasi bercabang.
Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan
percabangan pada struktur hirarki, karena pada percabangan nonlinier ini
walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai
kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.

Gambar 3.8 Struktur Navigasi Non-Linier

3. Struktur Navigasi Hirarki

Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan
suatu struktur yang mengandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut
sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai
halaman percabangan yang disebut Slave Page (halaman pendukung).
 Jika salah satu halaman pendukung dipilih atau diaktifkan, maka
tampilan tersebut akan bernama Master Page (halaman utama kedua), dan
seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan
secara linier.

Gambar 3.9 Struktur Navigasi Non-Linier

4. Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa
disebut dengan struktur navigasi bebas.
Struktur navigasi ini banyak digunakan dalam pembuatan website karena
struktur ini dapat digunakan dalam pembuatan website sehingga dapat
memberikan ke-interaksian yang lebih tinggi.

Gambar 3.10 Struktur Navigasi Campuran

3.19 Notepad++
Notepad++ merupakan sebuah sofware text editor dan source code editor
yang berjalan di sistem operasi Windows. Notepad++ merupakan open source
(perangkat lunak bebas) yang dapat kita miliki secara gratis. Notepad++ dapat kita
gunakan untuk melakukan editing source code suatu pemrograman, misalnya
kode HTML pada pembuatan template blog.
 Berikut sejumlah bahasa pemrograman yang didukung oleh Notepad++
sejak versi 5.9.3: ActionScript, Ada, ASP, Assembler, autoIt, Batch, C, C++, C#,
Caml, Cmake, COBOL, CSS, D, Diff, Flash ActionScript, Fortran, Gui4CLI,
Haskell, HTML, Berkas INI, InnoSetup, Java, Javascript, JSP, KiXtart, LISP,
Lua, Makefile, Matlab, MS-DOS, NSIS, Objective-C, Pascal, Perl, PHP,
Postscript, PowerShell, Properties file, Python, R, Resource file, Ruby, Shell,
Scheme, Smalltalk, SQL, TCL, TeX, Pascal, Perl, PHP, Postscript, PowerShell,
Properties file, Python, XML, dan YAML

3.20 Edraw Max

Edraw Max adalah software diagram yang dapat membantu anda mebuat
bagan organisasi, presentase bisnis, diagram jaringan, rencana pembangunan, peta
pikiran, ilmu ilustrasi, desain fashion, UML diagram, workflow, struktur Program,
diagram desain web, dan masih banyak lagi yang lainnya yang berhubungan
dengan diagram.Dengan software ini anda akan lebih mudah membuat berbagai
macam diagram apa saja dengan menggunakan template, struktur dan bentuk serta
alatalat menggambar lainnya dan anda dapat mengekspornya ke format lainnya
seperti; PDF, Word, Excel, file PowerPoint, SVG atau EPS. Dan software ini
sudah mendukung semua jenis Operating System yang anda gunakan.

3.21 Blackbox Testing

Pengertian black box testing adalah pengujian yang dilakukan hanya
mengamati hasil eksekusi melalui data uji dan memeriksa fungsional dari
perangkat lunak. Jadi dianalogikan seperti kita melihat suatu kotak hitam, hanya
bisa melihat penampilan luarnya saja, tanpa tau ada apa dibalik bungkus hitam
nya. Sama seperti pengujian black box, mengevaluasi hanya dari tampilan luarnya
(interface nya), fungsionalitasnya.tanpa mengetahui apa sesungguhnya yang
terjadi dalam proses detilnya. ( Hanya tau input- dan outputnya) (Ahmad Taslim,
2013).

Pengujian Black Box dilakukan dengan membuat kasus yang bersifat

mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan
spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian
kotak hitam harus dibuat dengan kasus benar dan kasus salah. Kesimpulannya
adalah pada antar muka Perangkat Lunak, guna memperlihatkan bahwa fungsi-
fungsi Perangkat Lunak dapat beroperasi dan menguji beberapa aspek dasar
dengan memperhatikan logika internal. Keunggulan Black Box adalah bisa
memilih subset test secara efektif dan efisiendan dapat menemukan cacat -
memaksimalkan testing investmen