BAB 2
LANDASAN TEORI
2.1 Konsep Dasar Sistem Informasi
Dalam mendefinisikan suatu sistem terdapat dua kelompok pendekatan, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Sedangkan informasi itu sendiri memiliki pengertian data yang diolah bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.
2.1.1 Definisi Sistem
Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu.
Suatu sistem dapat terdiri dari sistem-sistem bagian lainnya atau sering disebut subsistem. Subsistem saling berinteraksi dan saling berhubungan membentuk suatu kesatuan untuk tercapainya suatu sasaran dan sistem tidak terlepas dari komponen-komponen penduking sistem yang mempunyai sifat dan fungsi tertentu dan mampu mempengaruhi proses sistem secara keseluruhan.
Suatu sistem sangat dibutuhkan dalam suatu perusahaan atau instansi pemerintahan , karena sistem dapat menunjang terhadap kinerja perusahaan atau instansi pemerintah , baik yang berskala kecil maupun besar. Supaya dapat berjalan dengan baik diperlukan kerjasama diantara unsur-unsur yang terkait dalam sistem tersebut.
Tujuan dari sistem adalah untuk mengorganisasikan sistem informasi yang baru agar dapat mengatasi berbagai masalah yang terjadi pada suatu organisasi, serta memberikan pengertian mengenai suatu sistem yang ada pada struktur organisasi serta trik-trik manajemen yang berkaitan dengan sistem berbasis komputer.
2.1.2 Definisi Informasi
Informasi merupakan kata benda dari „informare‟ yang berarti aktivitas dalam “pengetahuan yang dikomunikasikan”. Informasi adalah data yang telah diproses
dan memiliki arti atau manfaat bagi penggunanya.
Informasi sebagai hasil dari pengolahan data dalam suatu organisasi sangatlah penting karena informasi merupakan landasan untuk mengambil suatu keputusan dan data merupakan sumber dari informasi. Konsep dasar informasi adalah suatu data yang diolah menjadi bentuk yang lebih berguna dan penting bagi yang menerimanya.
2.1.3 Definisi Sistem Informasi
Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia untuk mencapai suatu tujuan yaitu menyajikan informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data sesuai instruksi, dan mengeluarkan hasilnya.
Informasi diperoleh dari sistem informasi (information system) atau processing system. Sistem informasi adalah suatu sistem di dalam suatu organisasi
yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.
Adapun sistem informasi terdiri dari komponen-komponen yang disebutnya dengan istilah blok bangunan (building block), yaitu :
1. Blok Masukan (Input Block)
2. Input mewakili data yang masuk ke dalam sistem informasi, input disini termasuk metode-metode dan media untuk menangkap data yang akan dimasukkan, yang dapat berupa dokumen-dokumen dasar.
3. Blok Model (Model Block)
Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang diinginkan.
4. Blok Keluaran (Output Block)
Produk dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.
5. Blok Teknologi (Technology Block)
6. Blok Basis Data (Database Block)
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. Data perlu disimpan di dalam basis data untuk keperluan penyedian informasi lebih lanjut.
7. Blok Kendali (Controls Block)
Banyak hal yang dapat merusak sistem informasi, seperti misalnya bencana alam, api, temperature, air, debu, kecurangan-kecurangan, kegagalan-kegagalan sistem itu sendiri, kesalahan-kesalahan, tidak efisien, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah ataupun bila terlanjur terjadi kesalahan-kesalahan dapat langsung cepat diatasi.
2.2 Konsep Pemrograman Berbasis Web
2.2.1 Website
Website diartikan sebagai kumpulan halaman yang menampilkan informasi data
teks, data gambar diam atau gerak, data animasi, suara, video, atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis.
Suatu Website membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis yaitu profil perusahaan, sedangkan website dinamis seperti Facebook, Multiply, Twitter, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun pemilik.
2.2.2 Browser
Browser merupakan tool yang berada di sisi client. Untuk mengakses web, diperlukan suatu program yang disebut web browser. Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Informasi-informasi ini biasanya dikemas dalam page-page, dimana setiap page bisa memiliki beberapa link yang menghubungkan
2.2.3 PHP
Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, yang berguna untuk memonitor pengunjung suatu web. PHP mula-mula dikembangkan oleh Rasmus Lerdofr. Istilah PHP kemudian mengacu pada Hypertext Preprocessor. PHP kemudian lebih dikembangkan untuk membangun aplikasi
web yang mendukung database, biasanya dipasangkan dengan MySQL.
PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk web dinamis, dimana dapat membentuk suatu tampilan berdasarkan keinginan dari si perancang web. Salah satu contohnya adalah dapat menampilkan isi database ke halaman web.
Cara penulisan script PHP ada dua macam, yaitu :
a. Embedded Script yaitu meletakkan tag PHP di antara tag-tag HTML. Contoh Embedded Script yaitu:
<html>
<head>
<title>Embedded Script</title> </head>
<body>
<?php echo “Belajar Embedded Script”;
</body> </html>
b. Non Embedded Script yaitu semua script html diletakkan di dalam script PHP. Contoh Non Embedded Script, yaitu:
<?php
echo “<html>” ; echo “<body>” ;
echo “Contoh Non Embedded Script” ;
echo “</body>” ;
echo “</html>”;
?>
2.2.4 HTML
HTML (Hyper Text Markup Languange) yang merupakan bahasa standar penulisan dokumen web. Semua informasi yang akan diletakkan di web menggunakan format penulisan HTML. File HTML adalah file teks yang dilengkapi simbol-simbol untuk keperluan display yang biasa disebut dengan tag.
HTML biasanya ber-ekstensi “.htm”, “.html”, atau “.shtml”. HTML tersusun atas tag-tag, digunakn untuk menetukan tampilan dari dokumen HTML yang
ditejemahkan oleh browser. Tag HTML tidak case sentive, jadi bisa menggunakan <HTML> atau <html>. Keduanya menghasilkan output yang sama, yang diawali dengan nama tag seperti : <html>, dan diakhiri dengan nama tag seperti : </html>. Dokumen HTML mempunyai tiga buah tag utama yang membentuk struktur dari dokumen tersebut. Ketiga buah Tag tersebut adalah:
a) Tag HTML : Sebagai tanda awal dokumen HTML.
b) Head : Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.Body : Di dalam tag ini bisa diletakkan berbagai atribut halaman seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain. Contoh atribut : BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK dan lainnya.
2.2.5 Cascading Style Sheets (CSS)
CSS telah didukung kebanyakan browser, terutama versi baru sehingga penempatan layout manjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh terhadap ukuran file, dapat menampilkan isi utama terlebih dahulu sementara gambar dan yang lain dapat ditampilkan sesudahnya. Selain itu penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.
2.2.6 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995
di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan
Sun Microsystem berkolaborasi dan menggati nama LiveScript menjadi
JavaScript.
JavaScript adalah bahan skrip yang ditempatkan pada kode HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjdai labih luas. Sebagai contoh, digunakan untuk validasi masukan pada formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah desain web.
2.2.7 Adobe Dreamweaver
Adobe Dreamweaver CS5 adalah editor HTML professional untuk merancang,
Kita bisa melakukan secara manual untuk coding HTML ataupun mengerjakan dalam lingkungan editing visual. Dreamweaver menyediakan tool yang sangat menolong untuk meningkatkan pengalaman dalam menciptakan web.
Di dalam Dreamweaver memungkinkan kita dengan cepat menciptakan halaman tanpa menulis satupun baris kode. Kita dapat memandang semua asset atau unsur-unsur lokasi dan menyeretnya dari suatu panel easy-to-use secara langsung ke dalam suatu dokumen. Kita dapat mengefektifkan workflow pengembangan dengan menciptakan dan mengedit gambar di dalam firework atau aplikasi grafik yang lain, dan kemudian mengimpornya secara langsung ke dalam Dreamweaver, atau dengan menambahkan objek Flash.
Dreamweaver juga menyediakan lingkungan pengkodean penuh, meliputi
code-editing tool (seperti kode mewarnai dan penyelesaian tag) dan material
referensi pada HTML, Cascading Style Sheets (CSS), JavaScript, ColdFusion Markup Language (CFML), Microsoft Active Server Page (ASP), dan JavaServer
Page (JSP). Teknologi Roudtrip HTML mengimpor dokumen HTML yang dikode
secara manual tanpa reformating kode. Kita kemudian bisa memformat kembali kode itu dengan gaya pengaturan yang lebih disukai.
Dreamweaver juga memungkinkan kita untuk membangun aplikasi web
2.2.8 Notepad++
Notepad++ adalah program aplikasi pengembang yang berguna untuk mengedit
teks dan skrip kode pemrograman. Versi terbaru program ini adalah Notepad++ v5.9, yang dirilis pada tanggal 06 April 2012. Software Notepad++ dibuat dan dikembangkan oleh Tim Notepad++.
Software ini memiliki kelebihan pada peningkatan kemampuan
sebuah program text editor, lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas seorang programmer atau developer dalam menyelesaikan skrip kode programnya.
Program Notepad++ banyak di aplikasikan dan digunakan oleh kalangan pengguna komputer di bidang pemrograman aplikasi desktop dan web.
2.3 Database
Database adalah kumpulan dari item data yang saling berhubungan satu dengan
yang lainnya yang diorganisasikan berdasarkan sebuah skema atau struktur tertentu, tersimpan di komputer dan dengan software untuk melakukan manipulasi untuk kegunaan tertentu.
Database memiliki struktur yang relasional, ada tabel-tabel yang
Setiap data memerlukan kolom khusus untuk setiap jenis informasi yang ingin disimpan (misalnya umur, tinggi, berat, alamat). Jika kolom mendefinisikan jenis informasi apa yang akan disimpan, maka sebuah baris adalah data aktual yang disimpan.
Setiap baris dari tabel adalah masukan dari tabel tersebut dan berisi nilai-nilai untuk setiap kolom tabel tersebut. Database sangat diperlukan karena database salah satu komponen terpenting dalam sistem informasi, karena
merupakan dasar dalam menyediakan informasi, database juga menentukan kualitas informasi seperti: akurat, tepat pada waktunya dan relevan.
Informasi dapat dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya, database dapat mengurangi duplikasi data (data redudancy) dan dengan database hubungan data dapat ditingkatkan (data relatability) dan dengan database juga akan mengurangi pemborosan tempat simpanan luar.
2.3.1 SQL
Statement didalam SQL digunakan untuk melakukan tugas-tugas seperti
melakukan update terhadap database, atau mengambil data dari sebuah database. Terdapat beberapa bahasa SQL dasar, yaitu :
a) Membuat Database
CREATE DATABASE nama_database; b) Membuat Tabel
CREATE TABLE nama_table (nama_field1 tipe_data1,…..); c) Menambah Data
INSERT INTO nama_tabel (field1, field2, …,field_n) VALUES (nilai_field1, …, nilai_n) WHEREkondisi;
d) Menghapus Data
DELETE FROM nama_tabel;
2.4 Aplikasi pendukung Database
2.4.1 XAMPP
XAMPP adalah sebuah paket web server yang gratis danopen source cross platform yang di dalamnya terdapat Apache HTTP Server, MySQL Database, dan
phpMyAdmin. XAMPP juga dapat berjalan pada Sistem Operasi Linux, Mocrosoft Windows, Solaris dan Mac OSX.
Gambar 2.1 XAMPP Control Panel
2.4.2 phpMyAdmin
phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa
pemrograman PHP yang digunakan untuk menangani administrasi MySQL. phpMyAdmin mendukung berbagai operasi MySQL, diantaranya mengelola basis
Untuk membukanya, buka browser lalu ketikkan alamat http://localhost lalu pilih
phpMyAdmin maka akan muncul halaman phpMyAdmin. phpMyAdmin memiliki
beberapa menu, antara lain:
1) Browse, untuk melihat data tabel. 2) Structure, untuk melihat struktur tabel. 3) SQL, untuk mengeksekusi perintah SQL.
4) Search, untuk melakukan pencarian data dalam record. 5) Insert, untuk menambahkan data (record) baru.
6) Export, untuk mengeksport record dan tabel ke dalam format lain. 7) Import, untuk mengimport data dari hasil eksport.
8) Operations, untuk operasi dalam tabel.
9) Empty, untuk mengosongkan tabel.
10) Drop, untuk menghapus tabel beserta isinya.
2.4.3 MYSQL
MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunkaan SQL sebagai bahasa dasar untuk mengakses databasenya. Selain itu bersifat free (tidak perlu membayar untuk menggunakannya).
MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya istilah seperti tabel, baris, dan kolom digunakan pada
2.4.4 Apache
Server HTTP Apache atau Server Web/WWW Apache adalah server web yang
