BAB 2
LANDASAN TEORI
2.1Sistem
2.1.1 Konsep dasar sistem
Secara sederhana sistem dapat diartikan sebagai suatu kumpulan unsur atau komponen yang terorganisasi, berinteraksi dan saling tergantung satu sama lain. Ada dua pendekatan yang dapat dilakukan untuk mendefinisikan sebuah sistem, yaitu:
1. Tinjauan atas dasar fasilitas (komponen/elemen)
Sistem yaitu kumpulan komponen yang saling berkaitan dan bekerja sama untuk mencapai suatu tujuan tertentu.
2. Tinjauan atas dasar aktivitas (prosedur)
Model dasar sebuah sistem terdiri atas masukan, proses, keluaran. Namun sistem dapat dikembangkan hingga menyertakan media penyimpanan, dan sistem juga dapat bersifat terbuka dan tertutup. Sistem terbuka artinya sistem tersebut dapat menerima berbagai masukan dari lingkungan sekitarnya. Sistem tertutup, sebaliknya.
2.1.2 Klasifikasi sistem
Sistem merupakan suatu bentuk integrasi antara satu komponen dengan komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi di dalam sistem tersebut. Oleh karena itu sistem dapat diklasifikasikan dari beberapa sudut pandangan:
1. Sistem abstrak dan sistem fisik
a. Sistem abstrak yaitu sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik. Contohnya sistem teologia, yaitu satu sistem yang berupa pemikiran tentang hubungan antara manusia dengan Tuhan.
b. Sistem Fisik yaitu sistem yang ada secara fisik. Contohnya sistem komputer, sistem produksi, sistem penjualan dan sistem administrasi personalia.
2. Sistem alamiah dan sistem buatan manusia
b. Sistem buatan manusia yaitu sistem yang melibatkan hubungan manusia dengan mesin, yang disebut dengan Human Machine System. Contohnya sistem informasi berbasis komputer, karena menyangkut penggunaan komputer yang berinteraksi dengan manusia.
3. Sistem deterministik dan sistem probabilistik
a. Sistem deterministik yaitu sistem yang beroperasi dengan tingkah laku yang dapat diprediksi. Contohnya sistem pemprograman dalam komputer, karena berdasarkan program-program komputer yang dijalankan.
b. Sistem probabilistik yaitu sistem yang kondisi masa depannya tidak dapat diprediksi karena mengandung unsur probabilitas. Contohnya sistem pemilu dan sistem pemerintahan.
4. Sistem terbuka dan sistem tertutup
a. Sistem terbuka yaitu sistem yang berhubungan dan dipengaruhi oleh lingkungan luarnya, yang menerima masukan dan menghasilkan keluaran untuk subsistem lainnya. Contohnya sistem perdagangan.
2.2Konsep Dasar Informasi dan Data
2.2.1 Pengertian informasi dan data
Informasi (Information) adalah data yang telah dibentuk menjadi sesuatu yang memiliki arti dan berguna bagi manusia. Sebaliknya data merupakan sekumpulan fakta mentah yang mewakili kejadian-kejadian yang terjadi dalam organisasi atau lingkungan fisik perusahaan. Data biasanya belum dikelola dan diorganisasikan kedalam bentuk yang dapat secara efektif dipahami oleh manusia. (Laudon, Kenneth C. dan Jane P, Laudon. 2008).
2.2.2 Sistem informasi
Banyak aktivitas manusia yang berhubungan dengan sistem informasi. Tidak hanya di negara-negara maju, di Indonesia pun sistem informasi telah banyak diterapkan dimana-mana, seperti di kantor , di pasar swalayan, di bandara, bahkan di rumah ketika pemakai bercengkrama dengan dunia internet. Entah disadari atau tidak,sistem informasi telah banyak membantu manusia.
Ada berbagai macam definisi sistem informasi antara lain:
1. Alter (1992) : Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi.
2. Bodnar dan Hopwood (1993) : Sitem informasi adalah kumpulan perangkat keras dan perangkat lunak yang dirancang untuk mentransformasikan data ke dalam bentuk informasi yang berguna.
3. Gelians, Oram, dan Wiggins (1990) : Sistem informasi adalah suatu sistem buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis komputer dan manual yang dibuat untuk menghimpun, menyimpan,dan mengelola data serta menyediakn informasi keluaran kepada para pemakai.
4. Hall (2001) : Sistem informasi adalah sebuah rangkaian prosedur formal dimana data dikelompokan , diproses menjadi informasi, dan didistribusikan kepada pemakai.
5. Turban, McLean, dan Wetherbe (1999) : sebuah sistem informasi mengumpulkan, memperoses, menyimpan, menganalisis, dan menyebarkan informasi untuk tujuan yang spesifik.
masukan (input) menjadi keluaran (informasi), guna mencapai sasaran-sasaran perusahaan.
Sistem informasi merupakan sekumpulan komponen yang saling berhubungan, mengumpulkan, memproses, menyimpan, dan mendistribusikan informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu organisasi. (Laudon, Kenneth C. dan Jane P, Laudon. 2008).
Tiga aktivitas didalam sistem informasi akan memproduksi informasi yang dibutuhkan oleh organisasi untuk membuat keputusan, mengendalikan operasi, menganalisis permasalahan dan menciptakan produk baru. Aktivitas tersebut adalah input, proses dan output. Input yaitu merekam dan mengumpulkan data mentah dari
Gambar 2.1 Fungsi Sistem Informasi
2.3 Pengertian Internet
Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan komputer global) dengan melalui jalur telekomunikasi seperti telepon, radio link, satelit dan lainnya.
Dalam mengatur integrasi dan komunikasi jaringan komputer ini digunakan protokol yaitu TCP/IP. TCP (Transmission Control Protocol) bertugas memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain.
Pemasok
Organisasi
Pelanggan
Sistem Informasi
Input Pemrosesan Output
Pemegang Saham
TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih
rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan
paket-paket pengiriman data.
2.3.1 Sejarah internet
Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan
ketika ARPANET (Advanced Research Project Agency Network) melakukan penyelidikan. Beberapa penyelidikan awal yang disumbang oleh ARPANET,termasuk kaidah rangkaian tanpa pusat (decentralized network), teori queueing, dan kaidah pertukaran paket.
Beberapa situs tertentu menambahkan bahwa ARPANET dan ARPA ini dipengaruhi oleh perang dingin diantara dua kutub besar di dunia, yaitu AS dan Uni Soviet. Uni Soviet yang pada tahun 1957 meluncurkan sebuah satelit sputnik membuat AS kelabakan. Kemudian presiden Dwight D. Eisenhower membuat program tandingan serupa agar kedigdayaan mereka tidak tersaingi oleh AS dengan membangun kedua sarana tersebut. Hal inilah yang sampai sekarang menjadi perdebatan di kalangan praktisi internet dalam menentukan mana yang lebih berperan dalam sejarah internet.
2.3.2 Fasilitas internet
Beberapa fasilitas-fasilitas yang dapat dimanfaatkan dengan menggunaakan internet diantaranya yaitu:
1. Web, adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar, bunyi, animasi dan data multimedia lainnya, yang diantara data tersebut saling berhubungan satu sama lain.
2. E-Mail (Electronic Mail), dengan fasilitas ini user dapat mengirim dan
menerima surat elektronik (e-mail) pada/dari pemakai komputer lain yang terhubung di internet, dan dapat menyertakan file sebagai lampiran (attachment).
3. FTP (File Transfer Protocol), fasilitas ini digunakan untuk menghubungkan ke
computer server tertentu dan bila perlu menyalin (download) file yang
dibutuhkan dari server tersebut dan menyimpannya di komputer.
2.3.3 Istilah-istilah dalam internet
Ada beberapa istilah yang sering digunakan dalam internet, diantaranya yaitu:
1. World Wide Web (WWW), merupakan kumpulan web server dari seluruh
2. Web Site (Situs Web), merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu.
3. Web Pages (Halaman Web), merupakan sebuah halaman khusus dari situs
Web tertentu.
4. Homepage, merupakan sampul halaman yang berisi daftar isi atau menu dari
sebuah situs Web. Browser.
2.3.4 Manfaat internet
Adapun beberapa manfaat yang bisa diperoleh dari internet adalah sebagai berikut: 1. Informasi yang didapatkan lebih cepat dan murah dengan menggunakan
aplikasi dan fasilitas internet seperti: e-mail, www, newsgroup, dan ftp,
2. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah, brosur dalam internet.
3. Sebagai media promosi seperti: pengenalan, pemesanan produk perusahaan. 4. Komunikasi interaktif melalui e-mail, video conferencing, dan mIRC. 5. Sebagai alat penelitian dan pengembangan.
2.4 Pengertian World Wide Web (WWW)
World Wide Web (WWW) adalah suatu ruang informasi yang yang dipakai oleh
pengenal global yang disebut Uniform Resource Identifier(URI) untuk mengidentifikasi sumber-sumber daya yang berguna. World Wide Web (WWW) sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripadanya. World Wide Web (WWW) berfungsi untuk menyediakan data dan informasi untuk dapat digunakan bersama.
2.4.1 Sejarah World Wide Web (WWW)
World Wide Web (WWW) dikembangkan pertama kali di Pusat Penelitian Fisika
Partikel Eropa (CERN), Jenewa, Swiss. Pada tahun 1989 Berners-lee membuat proposal untuk proyek pembuatan hypertext secara global, kemudian pada bulan Oktober 1990, World Wide Web sudah bisa dijalankan dalam lingkungan CERN. Pada musim panas tahun 1991, www resmi digunakan secara luas pada jaringan internet.
2.5 Pengertian Web Browser
Browser adalah sebuah program yang digunakan untuk menampilkan halaman web.
Web browser berkomunikasi dengan web server melalui protocol HTTP, yang
secara visual sehingga informasi yang ada dapa dibaca. Beberapa contoh web browser yaitu: Internet Explorer, Mozilla Firefox, dan Opera.
2.6 Pengertian PHP dan MySQl
2.6.1 Pengertian PHP
PHP adalah singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai
bahasa script server side dalam pengembangan web yang disisipkan oleh dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga
maintenance situs web tersebut menjadi lebih mudah dan efisien.
PHP merupakan software open-source yang disebarkan dan dilisensikan
secara gratis serta dapat di download secara bebas dari situs resminya yaitu http://www.php.net. (Abdul Kadir, 2005).
2.6.2 Sejarah PHP
PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994. Awalnya PHP
digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada home page nya. Rasmus Lerdorf adalah seorang pendukung open source. Oleh karena
Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia.sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bekken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0.
Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0.Tidak berhenti sampai di situ, kemampuan PHP terus ditambah hingga saat ini telah diluncurkan kembali PHP 5.0.x. (Kadir, Abdul. 2005).
2.6.3 Pengertian MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (database
management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta
instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
2.6.4 Sejarah MySQL
MySQL dibuat pada tahun 1994/1995 dan dikembangkan oleh sebuah perusahaan di
Michael Widenius atau “Monty” merupakan satu-satunya pengembang MySQL di T.c.X, yang memiliki aplikasi UNIREG dan rutin ISAM. Pada awalnya T.c.X
menggunakan mSQL atau mini SQL, namun ternyata tidak terlalu cepat dan fleksibel. Bahkan versi pertamanya tidak memiliki index , sehingga ia memutuskan untuk membuat sendiri mesin SQL yang interfacenya seperti mSQL tetapi memiliki kemamuan yang lebih. MySQL versi 1.0 dirilis Mei 1996 secara terbatas kepada empat orang rekannya. Kemudian di bulan Oktober, versi 3.1.1.0 dilepas ke masyarakat umum.
MySQL dapat juga dikatakan sebagai Relational Database Management System
(RDBMS), yaitu hubungan antar tabel yang berisi data-data pada suatu database. Dengan demikian dapat mempercepat pencarian suatu data. Tabel-tabel tersebut di link oleh suatu relasi yang memungkinkan kombinasi data dari beberapa tabel ketika
user menginginkan tampilnya informasi dari suatu database.
2.7 Pengertian Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS) merupakan salah sat
mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam
style, misalnya heading, subbab, bodytext,
footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam
CSS dapat mengendalikateks,
warnaborder, warna border, warna warna, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda
2.8 Pengenalan HyperText Markup Language (HTML)
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan
untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. HTML saat ini merupakan standar internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). Pada dasarnya HTML menentukan dua fungsi yaitu:
1. Membentuk tata letak dokumen, seperti jenis huruf, gambar, dan komponen dokumen lainnya.
2. Menentukan hubungan ke dokumen lain, HTML merupakan suatu bahasa
computer yang termasuk dalam katetegori SGML (Standard Generalized
Markup Language) dimana bentuknya merupakan file standar ASCII yang
2.8.1 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag> _ </namatag>. Penulisan penamaan tag bebas, dapat
menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.
Tag mark up ini digunakan sebenarnya memberi tahu browser web
bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section
head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola
dasar sebagai berikut :
<html> <head>
… informasi tentang dokumen HTML </head>
<body>
… informasi yang ditampilkan dalam browser web </body>
</html>
Contoh penulisan suatu dokumen HTML sebagai berikut : <html>
<head>
<title> contoh </title> </head>
<body>
<b> Coba HTML </b><br/> </body>
Hasil dokumen HTML yang ditampilkan di browser Mozila firefox
Gambar 2.2 Dokumen HTML ditampilkan di browser Mozilla Firefox
2.9 Sekilas Tentang Macromedia Dreamweaver
Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain
secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.
Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver
MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript
debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan
Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor
dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.
Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.
