BAB 2 LANDASAN TEORI 2.1 Konsep Dasar Sistem Informasi - Sistem Informasi Nama Jalan di Kota Medan Berbasis Web
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
Kata sistem berasal dari bahasa Yunani yaitu
“System”, yang berarti kesatuan,
suatu kesatuan yang saling tergantung dan saling bekerja sama untuk mencapai tujuan tertentu.
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
Secara Etimologi, Informasi berasal dari bahasa Perancis kuno „informacion‟ yang diambil dari bahasa Latin „informationem‟ yang berarti “garis besar, konsep, ide”.
Informasi merup akan 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.
Dari pengertian diatas, sistem informasi dapat didefinisikan pula sebagai suatu kesatuan dari berbagai bagian atau elemen-elemen atau subsistem-subsistem yang saling berkaitan dan berinteraksi satu sama lainnya untuk mencapai suatu tujuan tertentu. 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) Teknologi merupakan Toolbox dalam sistem informasi. Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari perangkat lunak (software) dan perangkat keras (hardware).
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
Dalam pemrograman web ada banyak bahasa yang bisa digunakan untuk melakukan perancangan suatu web, beberapa diantaranya yaitu PHP dan HTML.
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 web page tersebut ke sumber informasi lainnya.
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.
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi ataupun interfaceaplikasi di dalam internet. 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 (Cascading Style Sheets) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen atau untuk mepercantik tampilan web, bahkan untuk pemosisian dan layouting halaman web. Dengan mendefinisikan suatu style sakali saja itu akan dapat digunakan berulang kali.
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, mengodekan, dan mengembangkan website, halaman web, dan aplikasi web.
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 dikodesecara 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
dinamis yang didukung database yang menggunakan teknologi server seperti CFML, ASP.NET, ASP, JSP, dan PHP. Dreamweaver secara penuh customizable.
Kita dapat menciptakan objek dan perintah, meodifikasi shortcut keyboard, bahkan menuliskan kode JavaScript untuk memperluas kemampuan Dreamweaver dengan behavior baru, Property Inspector, dan Site Report.
2.2.8 Notepad++
Notepad++ adalahyang 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
menyimpan data. Setiap tabel terdiri dari kolom dan baris. Sebuah kolom mendefinisikan jenis informasi apa yang akan disimpan.
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
SQL (Structured Query Language) yaitu bahasa yang dirancang khusus untuk komunikasi dengan database. Tidak seperti bahasa-bahasa lainnya (seperti bahasa C, basic, pascal atau bahasa pemprograman yang lain), bahasa SQL sengaja di rancang untuk melakukan hal secara sederhana dan efisien untuk membaca dan menulis data dari suatu database.
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
Dalam pembuatan database penulis memerlukan beberapa aplikasi yang mendukung. Berikut adalah beberapa aplikasi pendukung dalam pembuatan
database .
2.4.1 XAMPP
XAMPP adalah sebuah paket web server yang gratis danopen source cross yang di dalamnya terdapat Apache HTTP Server, MySQL Database, dan
platform
phpMyAdmin. XAMPP juga dapat berjalan pada Sistem Operasi Linux, Mocrosoft Windows, Solaris dan Mac OSX.
Gambar 2.1 XAMPP Control Panel2.4.2 phpMyAdmin phpMyAdmin adalah phpMyAdmin mendukung berbagai operasi MySQL, diantaranya mengelola
tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada di
Untuk membukanya, bukalalu 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 MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel.
2.4.4 Apache
Server HTTP Apache atau Server Web/WWW Apache adalahyang
dapat dijalankan di banyak sistem operasi erta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini mengunakan HTTP.