BAB 2
LANDASAN TEORI
2.1. Pengertian Sistem Informasi
Untuk memahami pengertian sistem informasi harus dilihat dari keterkaitan antara sistem dan informasi, dimana sistem informasi merupakan gabungan dari empat bagian utama yang mencakup perangkat keras (hardware), perangkat lunak (software), telekomunikasi (komunikasi antara pengguna sistem dengan sistem komputer), manusia (meliputi manajer, analis, programer, dan operator). Kelima bagian ini saling berkaitan untuk menciptakan sebuah sistem yang dapat mengelola data menjadi informasi yang bermanfaat. Didalam nya juga termasuk proses perencanaan, kontrol, koordinasi dan pengambilan keputusan. Dimana sebagai sistem yang mengelola data menjadi informasi yang akan disajikan dan digunakan oleh pengguna, maka sistem informasi merupakan sistem yang kompleks. Bukan hanya komputer saja yang bekerja (software dan hardware didalamnya), namun juga manusia (dengan brainware yang dimiliki). Manusia (pengguna/aktor) dalam hal ini menggunakan seluruh ide, pemikiran dan perhitungan dalam sistem informasi yang akan digunakan. Demikian juga sistem informasi memiliki beberapa komponen dan beberapa elemen, dimana antar komponen dan elemen saling bekerjasama, saling terkait dan memiliki fungsional yang menyatu sehingga sistem informasi dapat berjalan dengan baik.
(intranet maupun internet) untuk melakukan pemrosesan data secara bersamaan (terdistribusi), baik oleh beberapa pengguna menggunakan layanan/fitur/aplikasi yang disertakan.
2.1.1. Sistem
Pemahaman akan sistem terlebih dahulu harus ditekankan. Sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur atau variabel-variabel yang saling terorganisasi, saling berinteraksi, dan saling bergantung satu sama lain. menurut, karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi didalam sistem tersebut.
2.1.2. Data
Data adalah deskripsi dari sesuatu dan kejadian yang kita hadapi (the description of things and events and events that we face). Defenisi lainnya data merupakan kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata (fact and entity) yang bisa berupa objek nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi.
2.1.3. Informasi
informasi sebagai data yang telah diolah menjadi bentuk yang lebih berarti bagi penerimanya. Alat pengelolanya dapat meliputi elemen komputer, elemen non komputer atau kombinasinya. Kegunaan informasi adalah untuk mengurangi ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan, nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkan informasi tersebut.
2.2. Pengenalan Internet
Interconnected Network atau yang lebih popular dengan sebutan internet adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer diseluruh dunia. Dari segi ilmu pengetahuan internet merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan milyaran) informasi atau data yang dapat berupa teks, grafik, audio, maupun animasi, dan lain lain dalam bentuk media elektronika. Orang biasa “berkunjung” ke perpustakaan tersebut kapan saja dan dari mana saja. Dari segi komunikasi, internet adalah sarana yang sangat efisien dan efektif untuk melakukan pertukaran informasi jarak jauh, maupun didalam lingkungan perkantoran.
(Unix, Linux, Windows, Mac, dll) bertukar informasi dengan sebuah protokol standar yang dikenal dengan nama TCP/IP (Transmission Control Protocol/Internet Protocol). Protokol ini mempunyai kemampuan untuk bekerja
diatas segala jenis komputer, tanpa terpengaruh oleh perbedaan perangkat keras maupun sistem operasi yang digunakan. Internet juga memiliki gateway ke jaringan dan layanan yang berbasis protokol lainnya (Mico Pardosi, Pengenalan Internet, 2004).
Cikal bakal jaringan internet yang kita kenal saat ini pertama kali yang dikembangkan tahun 1969 oleh Departemen Pertahanan Amerika Serikat dengan nama ARPAnet (US Defense Advence Research Projects Agency). ARPAnet dibangun dengan sasaran untuk membuat suatu jaringan computer tersebar untuk menghindari pemusatan informasi di suatu titik yang dipandang rawan untuk dihancurkan apabila terjadi peperangan. Dengan cara ini diharapkan apabila suatu bagian dari jaringan terputus, maka jalur yang melalui jaringan tersebut dapat secara otomatis dipindahkan kesaluran selanjutnya. Ditahun 1986 National Science Foundation Network (NSFNET), yang menghubungkan para periset di
layanan berbasis teks, meliputi remote acces, email/messaging, maupun diskusi melalui newsgroup (Usenet). Layanan berbasis grafis seperti World Wide Web (WWW) saat itu masih belum ada. Yang ada hanyalah layanan disebut Gopher yang dalam beberapa hal mirip seperti web yang kita kenal saat ini, kecuali sistem kerjanya masih berbasis teks. Kemajuan berarti dicapai pada tahun 1990 ketika World Wide Web mulai CERN (Laboraturium Fisika Partikel di Swiss)
berdasarkan proposal yang dibuat oleh tim Berners-Lee. Namun demikian, WWW browser yang pertama baru lahir dua tahun kemudian, tepatnya 1992 dengan
nama Viola. Viola diluncurkan oleh Pei Wei dan didistribusikan bersama CERN WWW. Tentu saja web browser yang pertama ini masih sangat sederhana, tidak secanggih browser modern yang kita gunakan sekarang.
2.2.1.TCP/IP
Dalan arti sederhana, TCP/IP (Transmission Control Protocol/Internet Protocol) adalah jenis protokol yang memungkinkan suatu komputer untuk berkomunikasi dengan komputer lain melalui suatu jaringan yang sering disebut internet untuk mengirimkan informasi. HTTP adalah salah satu protokol transfer yang merupakan standart untuk suatu dokumen Web. Selain protokol HTTP, dalam internet dikenal juga beberapa protokol lainnya, diantaranya:
b. Gopher, Protokol ini dirancang untuk mengakses server gopher yang menyediakan informasi dengan menggunakan suatu sistem menu, melalui hubungan ke Telnet.
c. News (Network News Transfer Protocol, NNTP), Protokol yang digunakan untuk mendistribusikan berita di Usunet sebagai forum diskusi bedasarkan berbagai topik yang disebut newsgroup.
d. Telnet, Protokol ini digunakan untuk login ke suatu server komputer.
Internet dari awal memang sudah dibuat dengan menggunakan TCP/IP pada tingkat protokolnya yang memungkinkan sistem apapun yang terhubung kedalamnya bisa berkomunikasi dengan sistem lain tanpa memperdulikan bagaimana sistem masing – masing bekerja.
2.2.2.WWW (World Wide Web)
World Wide Web (WWW) atau paling sering disebut “web” saja merupakan aplikasi internet yang paling populer. Sehinggga banyak orang yang keliru mengidentikkan web dengan internet. Secara teknis web adalah sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan dalam internet webserver dipresentasikan dalam bentuk hypertext. Informasi di web dalam bentuk teks umumnya di tulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam
format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).
Web dapat diakses oleh perangkat lunak web client yang secara populer disebut browser. Browser membaca halaman-halaman web yang tersimpan dalam web server melalui protokol yang disebut HTTP (Hypertext Transfer Protocol).
Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan „point‟ dan
„click‟ untuk pindah antar dokumen. Adapun cara kerja web secara singkat adalah
sebagai berikut :
a. Informasi web disimpan dalam dokumen yang disebut dengan halaman-halaman web (web pages).
b. Web page adalah file-file yang disimpan dalam komputer yang disebut dengan server-server web (web servers).
d. Web client menampilkan page dengan menggunakan program yang disebut dengan web browser.
2.2.3.HTTP (Hypertext Transfer Protocol)
HTTP (Hypertext Transfer Protocol) adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen, dan oleh web server dalam menyediakan dokumen yang diminta web browser. Protokol ini merupakan protokol standart yang digunakan untuk mengakses dokumen HTML. Jika anda sedang menjelajah dan melihat tulisan http://www.hollywood.com ini merupakan salah satu penggunaan protokol HTTP
dalam web.
2.2.4.Browser
Browser adalah sebuah program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Browser berkomunikasi dengan web server melalui protokol HTTP yang membaca dan menerjemahkan Bahasa HTML dan data gambar untuk menampilkan secara visual sehingga informasi yang ada dapat dibaca. Browser merupakan software yang diinstall di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML. Menjadi halaman web. Jenis-jenis browser yang sering digunakan adalah Mozilla Firefox, Google Chrome, Opera.
Beberapa kriteria yang harus ada pada browser agar dapat menampilkan halaman web dengan baik:
a. Memiliki kompatibilias dalam membaca dan menerjemahkan HTML dan mendukung Bahasa XHTML.
b. Dapat menerjemehkan scripting web seperti Javascript, VBscript, CSS, XML, RSS.
c. Dukungan terhadap plugins seperti Flash Player, Quicktime, Java, Applet dan sebagainya.
d. Penanganan kesalahan yang baik jika browser tidak dapat menampilkan halaman web.
2.2.5.Domain
server yang dikunjungi dibandingkan harus mengenal deretan nomor atau yang dikenal IP. Berdasarkan tingkatannya domain memiliki beberapa level yaitu sebagai berikut:
a. Top Level Domain adalah deretan kata belakang nama domain seperti .com (dotcommercial), .net (dotnetwork), .gov (dotgoverment), dan .mil (dotmilitary). Ada dua macam Top Level Domain, yaitu Global Top Lever Domain (gTLD) dan Country Cod Top Level Domain (ccLTD) adalah TLD yang diperuntukkan untuk masing-masing Negara, seperti Indonesia dengan kode ID (co.id, net.id, or.id) atau Singapura dengan kode SG (com.sg, net.sg, dsb).
b. Second Level Domain adalah nama domain yang anda daftarkan. Misalnya nama domain yang anda daftarkan adalah domainku.com, maka domainku adalah SLD dan .com TLD.
c. Third Level Domain adalah nama sebelum Second Level Domain dan Top Level Domain. Misalnya nama domain yang anda milliki adalah domainku.com, maka anda dapat menambahkan nama lain sebelum domainku, yaitu mail.domainku.com, atau search.domainku.com.
2.2.6.URL (Uniform Resource Locator)
URL adalah suatu sarana yang digunakan sebagai penunjuk lokasi pada internet, URL dapat dimisalkan dengan alamat yang dapat menunjukkan suatu lokasi. Jika suatu situs tidak mempunyai URL, maka situs web tersebut tidak dapat dikunjungi. Format penulisan URL terdiri dari jenis protokol, nama web server dan direktori server. Contoh penulisan URL:
a. HTTP, merupakan nama protokol, terletak pada bagian pertama dari susunan URL yang menspesifikasikan metode pengaksesan situs. Nama protokol sering juga disebut dengan istilah service (layanan). Service pada URL tidak hanya http, tapi juga gopher, news dan ftp.
b. www.yahoo.com, merupakan nama web server yang diawali dengan tanda dua kali (//). Terkadang nama web server juga disertai dengan nomor port
terletak dibelakang nama web server. Sebagai contoh: //www.yahoo.com:1234/. c. Versi1, merupakan nama direktori web server, pada URL memungkinkan terdapatnya lebih dari satu direktori.
d. News.php, merupakan nama file yang diakses. Namun file yang akan diakses ditulis setelah direktori web server dan harus disertai dengan ekstensi file.
e. id?5&ket=baru, merupakan query (panggilan yang digunakan untuk mentransfer variable melalui URL dan diawali dengan tanda Tanya (?). Tanda (&) digunakan untuk menyambung variable jika lebih dari satu.
2.3. PHP (Personal Home Page)
2.3.1.Variabel PHP
Variabel digunakan untuk menyimpan data yang nilainya dapat berubah-ubah.
Dalam bahasa PHP, variabel dimulai dengan tanda “$”. Aturan penulisan variabel
antara lain sebagai berikut:
a. Hanya ada 3 karakter yang dapat digunakan untuk nama variable yaitu huruf, angka, dan garis bawah.
b. Karakter pertama setelah tanda “$” harus huruf atau garis bawah.
c. Jika nama variable lebih dari satu kata, tidak boleh ada tanda spasi di antara keduanya.
2.3.2.Keunggulan PHP
PHP Hypertext Preprocessor adalah skrip yang berjalan dalam server side yang ditambahkan dalam HTML yang dapat di integrasikan ke dalam HTML sehingga suatu halaman HTML tidak lagi bersifat statis, namun menjadi bersifat dinamis. Sifat server side ini membuat pengerjaan skrip tersebut di kerjakan di server sedangkan yang dikirimkan kepada browser adalah hasil proses dari skrip tersebut yang sudah berbentuk HTML. Keunggulan dari sifatnya yang server side tersebut: a. Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan browser tertentu, karena server-lah yang akan mengerjakan skrip tersebut. Hasil yang dikirimkan kembali ke browser bias anya dalam bentuk teks ataupun gambar sehingga dapat dikenali oleh browser apapun.
b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server, contoh: hubungan ke dalam database.
2.3.3.Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada empat cara untuk menuliskan skrip PHP, yaitu :
a. <? Hallo ?> b. <? php Hallo ?> c. <% Hallo %>
d. <SCRIPT LANGUAGE=”php”>Hallo</SCRIPT>
Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar / standard penulisan adalah : /* komentar */, // komentar, # komentar. Cara penulisan dibedakan menjadi Embedded dan Non-Embedded script.
a. Embedded Script Contoh :
<html> <head>
<title> Coba </title> <head>
<body>
<?php”web master”?>
</body> </html>
(Sutarman, S.Kom, 2003)
b. Non-Embedded Script
Contoh : <?php
echo”<html>”;
echo”<head>”;
echo”<title>”;
echo”Me and Web”;
echo”</title>”;
echo”</head>”;
echo”<body>”;
echo”<p> My Web Design </p>”;
echo”</body>”;
echo”</html>”;
?>
(Sutarman, S.Kom, 2003)
Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang dihasilkan untuk membuat dokumen merupakan bagian dari script PHP.
2.4. MySQL (My Structured Query Language)
System atau RDBMS), seperti halnya ORACLE, Postgresql, MSSQL, dan sebagainya. MySQL AB menyebut produknya sebagai database open source terpopuler di dunia. Berdasarkan riset dinyatakan bahwa bahwa di platform Web, dan baik untuk kategori open source maupun umum, MySQL adalah database yang paling banyak dipakai. Menurut perusahaan pengembangnya, MySQL telah terpasang di sekitar 3 juta komputer. Puluhan hingga ratusan ribu situs mengandalkan MySQL bekerja siang malam memompa data bagi para pengunjungnya.
2.4.1.Keunggulan MySQL
MySQL dapat digunakan pada berbagai platform sistem operasi. Khusus pada system operasi Windows, MySQL bersifat shareware (dikenai biaya setelah melakukan modifikasi dan digunakan untuk keperluan produksi). Keunggulan
MySQL sebagai “backend” dalam mengelola database adalah :
a. Kecepatan. Berdasarkan hasil pengujian, MySQL memiliki kecepatan yang paling baik disbanding RDBMS lainnya. Sebagai contoh MySQL 4.0 kinerja query naik sebesar 200% dari kinerja biasa.
b. Mudah digunakan. Perintah dalam MySQL dan aturan-aturannya relative mudah diingat dan diimplementasikan, karena MySQL menggunakan SQL sebagai bahasa standar database.
dari memformat dan memanipulasi tanggal, mengolah string, regex, enkripsi dan hashing.
d. Praktis untuk melakukan penyimpanan password anggota situs. e. Memiliki overhead koneksi yang rendah.
2.5. HTML (Hypertext Markup Language)
HTML singkatan dari Hyper Text Markup Language, dokumen HTML adalah file teks murni yang dapat dibuat dengan editor text sembarang. Dokumen ini dikenal sebagai web page. Dokument HTML merupakan dokumen yang disajikan dalam browser web server. Dokumen ini umumnya berisi informasi ataupun interface aplikasi didalam internet. Ada dua cara untuk membuat sebuah web page: dengan HTML editor teks biasa (misalnya notepad). dan dapat juga dengan web editor misalkan Microsoft Front Page atau dengan Macromedia Dreamweaver. Sebelum kita mengenal apa itu HTML ada baiknya kita mengetahui dulu apa itu HTTP (hypertext transer protokol). HTTP merupakan protokol yang digunakan untuk mentransfer data atau dokumen antara web server ke web browser (Netscape, Internet Explorer dll). HTML sendiri adalah singkatan dari “hypertext markup
language” yang berfungsi untuk memperindah file tulisan (text) biasa untuk dapat
dilihat pada web browser-web browser yang ada.
2.5.1.Struktur Dokumen HTML
memberitahukan web browser bahwa yang dikirim adalah dokemen HTML. Tag ini harus beda di baris pertama pada dokumen HTML. Tag <HTML> mempunyai tag penutup, tag ini digunakan untuk memberitahu browser akhir dari dokumen HTML. Tag penutup untuk tag <HTML> adalah </HTML>. Tag penutup ini harus berada di baris terakhir pada dokemen HTML.
<HTML>
<HEAD></HEAD> <BODY></BODY> </HTML>
2.5.2.Membuat Halaman Web
Mari kita mulai untuk membuat sebuah halaman web untuk yang pertama kalinya. Untuk membuatnya benar-benar sangat gampang, untuk itu kita akan menghilangkan beberapa hal teknis yang tidak perlu diketahui pada saat ini. Yang kita butuhkan adalah sebuah program text editor yang sederhana seperti NotePad atau WordPad. Ikutilah langkah-langkah berikut :
1. Tulislah kode-kode berikut <HTML>
<HEAD><TITLE>Halaman Web Saya </TITLE></HEAD></HTML>
2. Simpanlah file tersebut dengan nama “belajar.html” Buka file tersebut dengan
2.6. Sublime Text-2
Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan developer (pengembang), penulis dan desainer. Para programmer biasanya menggunakan sublime text untuk menyunting source code yang sedang ia kerjakan. Sampai saat ini sublime text sudah mencapai versi 3.
2.6.1.Keunggulan Sublime Text-2
Sublime text mempunyai beberapa keunggulan-keunggulan yang dapat membantu pengguna dalam membuat sebuah web development. Berikut keunggulan-keunggulan fitur yang dimiliki Sublime Text 2, adalah :
1. Multiple Selection Multiple Selection mempunyai fungsi untuk membuat perubahan pada sebuah kode pada waktu yang sama dan dalam baris yang berbeda. Multiple selection ini juga merupakan salah satu fitur unggulan dari Sublime Text 2. Kita dapat meletakkan kursor pada kode yang akan di ubah/edit, lalu tekan Ctrl+klik atau blok kode yang akan diubah kemudian Ctrl+D setelah itu kita dapat merubah kode secara bersamaan.
2. Command Pallete Command Pallete mempunyai fungsi yang berguna untuk mengakses file shortcut dengan mudah. Untuk mencari file tersebut kita dapat tekan Ctrl+Shift+P, kemudian cari perintah yang kita inginkan.
4. Find in project Fitur ini kita dapat mencari dan membuka file di dalam sebuah project dengan cepat dan mudah. Hanya dengan menekan Ctrl+P anda dapat mencari file yang diinginkan.
5. Plugin API Switch Sublime Text mempunyai keunggulan dengan plugin yang berbasis Python Plugin API. Teks editor ini juga mempunyai plugin yang sangat beragam, dan ini dapat memudahkan pengguna dalam mengembangkan softwarenya.
6. Drag and Drop Dalam teks editor ini pengguna dapat menyeret dan melepas file teks ke dalam editor yang akan membuka tab baru secara otomatis.
7. Split Editing Di dalam fitur ini pengguna dapat mengedit file secara berdampingan dengan klik File->New menu into file
8. Multi Platform Sublime Text juga mempunyai keunggulan dalam berbagai platform. Sublime text sendiri sudah tersedia dalam berbagai platform sistem operasi, yaitu Windows, Linux, dan MacOS.
2.7. CSS (Cascading Style Sheet)
berektensi.css. Dengan menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung.CSS mendapat dukungan penuh pada browser versi 4 (empat) dan versi sebelumnya, hanya dengan Internet Explorer yang masih mampu mengenali CSS. Perlu diketahui bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang berbeda pula (Abdullah,2003).
2.8. JavaScript
JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman web dan dijalankan pada browser web. JavaScript adalah nama implementasi Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa
skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang dibenamkan (embedded) di aplikasi lain. Walaupun memiliki nama serupa, JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript memiliki lebih banyak kesamaan dengan bahasa pemrograman Self. Skrip JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus dimasukkan di antara tag <script>...</script>.
Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi Halo Dunia! ketika sebuah tombol diklik oleh pengguna):
<input type="button" value="Klik di sini"onclick="halo();">
