BAB 2
LANDASAN TEORI
2.1 Sistem
Havery (2009) mengemukakan bahwa Sistem merupakan prosedur logis dan rasional untuk merancang suatu rangkaian komponen yang berhubungan satu dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan.
Sebuah sistem terdiri dari berbagai unsur yang saling melengkapi dalam mencapai tujuan dan sasaran. Unsur-unsur yang terdapat dalam sistem itulah yang disebut dengan subsistem. Subsistem – subsistem tersebut harus saling berhubungan dan berinteraksi melalui komunikasi yang relevan sehingga sistem dapat bekerja secara efektif dan efisien.
dengan cara mengolah data dan informasi dimaksud secara tepat dalam rangka proses pengambilan keputusan.
2.2 Pengertian HTML (Hypertext Markup Language)
HTML atau yang merupakan singkatan dari Hypertext Markup Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet. Dengan kata lain halaman website yang kita lihat dan kita baca disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh komputer agar dapat dipahami oleh penggunanya. HTML merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer.
HTML disusun dengan kode dan simbol tertentu yang dimasukkan ke dalam sebuah file atau dokumen. Jadi setiap Anda membuka website apapun dengan menggunakan browser maka web tersebut dibuat dengan menggunakan HTML.
tertentu yang nantinya akan diterjemahkan kedalam teks atau visual yang dapat dilihat pada website.
2.3 Pengertian PHP (Hypertext Prepocessor)
Di dunia ilmu komputer, PHP pada dasarnya merupakan singkatan dari Hypertext Prepocessor. PHP digunakan sebagai salah satu script untuk memperindah tampilan website. PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga dapat dipakai sebagai bahasa pemrograman umum.
Bahasa pemrograman PHP pada dasarnya bukanlah sebuah bahasa pemrograman yang wajib digunakan untuk mendesain website. Bahasa pemrograman PHP hanya merupakan bahasa pemrograman pelengkap yang hanya digunakan pada website dinamis atau pun interaktif. Di website yang bersifat statis, bahasa pemrograman PHP tidak dibutuhkan sama sekali atau pun jika dibutuhkan hanya sebagai pelengkap tambahan saja.
2.4 CSS (Cascanding Style Sheet)
halnya dengan styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style untuk membuat desain atau membuat halaman kerja menjadi lebih menarik, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya CSS adalah bahasa Cascanding style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
2.5 Pengertian JavaScript
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara
user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum JavaScript, setiap interaksi dari user harus diproses oleh web server. Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan dari web server ke dalam web browser.
Akan tetapi karena sifatnya yang dijalankan di sisi client yakni di dalam web browser yang digunakan oleh pengunjung situs, user sepenuhnya dapat mengontrol eksekusi JavaScript. Hampir semua web browser menyediakan fasilitas untuk mematikan JavaScript, atau bahkan mengubah kode JavaScript yang ada. Sehingga kita tidak bisa bergantung sepenuhnya kepada JavaScript.
2.6 XAMPP Control Panel
XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun),Apache, MySQL, PHP danPerl. Program ini tersedia dalam GNU (General Public License) dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. XAMPP adalah singkatan yang masing-masing hurufnya adalah:
2. A: Apache, merupakan aplikasi webserver. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web.
3. M: MySQL, merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
4. P: PHP, bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQL.
5. P: Perl, bahasa pemrograman untuk segala keperluan, dikembangkan pertama kali oleh Larry Wall di mesin Unix. Perl dirilis pertama kali pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1.
2.7 MySQL
MySQL adalah sebuah sistem manajemen database relasi yang bersifat terbuka
untuk dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer.
Sejarah MySQL yang merupakan hasil buah pikiran dari Michael “Monty”
Widenius, David Axmark, dan Allan Larson dimulai tahun 1995. Mereka bertiga kemudian mendirikan perusahaan bernama MySQL AB di Swedia.
Tujuan awal ditulisnya program MySQL adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu klien MySQL AB. Memang pada saat itu, MySQL AB adalah sebuah perusahaan konsultan database dan pengembang software (masih menggunakan nama perusahaan TcX DataKonsult AB). Situs Internet MySQL AB dapat dikunjungi di http://www.mysql.com.
2.8 Flowchart
Tabel 2.1. Simbol Flowchart
No Nama Simbol Fungsi
1 Terminator
Digunakan untuk mewakili simbol start atau
end.
2 Arrow Menunjukkan alur proses.
3 Rectangle
Menunjukkan langkah pemrosesan.
4 Trapezium
Simbol untuk input-output.
5 Document
11
Predefine
Process
Simbol untuk pelaksanaan suatu bagian
(sub-prosedur)
12 Display
Simbol yang menyatakan peralatan output yang digunakan seperti layar,
printer, plotter, dan sebagainya.
13 Magnetic Disk
Simbol yang digunakan untuk penyimpanan data
ke database.
14 Storage Data
Simbol yang menyatakan input yang berasal dari
2.9 Data Flow Diagram
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke pembuat program. Didalam DFD terdapat tiga level, yaitu:
1. Diagram Konteks (DFD Level 0)
Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan tingkatan tertinggi dalam Data Flow Diagram dan biasanya diberi penomoran nol. Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan aliran-aliran data utama, baik dari dan menuju sistem.
2. Diagram Nol (DFD Level 1)
Diagram nol merupakan satu lingkaran besar yang mewakili lingkaran-lingkaran kecil yang ada pada diagram konteks. Dengan kata lain diagram nol merupakan pemecahan dari diagram konteks.
3. Diagram Rinci
Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan proses-proses yang terdapat di dalam diagram nol.
Berikut merupakan simbol-simbol standar menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data Flow Diagram.
Tabel 2.2. Simbol Data Flow Diagram
