LANDASAN TEORI
2.1. Konsep Dasar Data, Informasi dan Sistem Informasi
2.1.1. Data
Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdick, dkk (1984) merumuskan bahwa data adalah fakta yang tidak sedang digunakan pada proses keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah fakta yang sudah ditulis dalam bentuk catatan atau direkam ke dalam berbagai bentuk media. (Gultom et al, 2005).
dan keputusan. Dalam kaitannya dengan pengolahan data dengan computer, pengertian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber informasi yang dapat dihasilkan.
2.1.2. Sistem
Penganut pendekatan elemen adalah Davis (1985) yang mendefinisikan sistem sebagai bagian-bagian yang saling berkaitan yang beroperasi bersama untuk mencapai beberapa sasaran atau maksud. Sedangkan Lucas (1989) mendefinisikan sistem sebagai suatu komponen atau variabel yang terorganisir, saling berinteraksi, saling bergantung, satu sama lain dan terpadu. Sebuah sistem mempunyai tujuan atau sasaran. McLeod berpendapat, sistem adalah sekelompok elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan. Begitu pula Robert G. Murdick (1993), mendefinisikan sistem sebagai seperangkat elemen-elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan bersama (Al-Bahra, 2005).
2.1.3. Informasi
tambahan, dan korektif. Raymond McLeod (1995) mendefinisikan informasi sebagai data yang telah diolah menjadi bentuk yang lebih berarti bagi penerimanya. Alat pengolah informasi dapat meliputi elemen komputer, elemen non komputer atau kombinasinya (Al-Bahra, 2005).
2.1.4. Sistem Informasi
Sistem informasi dapat didefinisikan sebagai Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan informasi bagi pengambil keputusan dan atau untuk mengendalikan organisasi.
Sistem informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi organisasi yang bersifat manajerial dalam kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan yang diperlukan (Yasin, 2012). Menurut Robert A. Leitch danK.Roscoe Davis “Sistem informasi
Sistem informasi adalah pengaturan orang, data, proses dan information technology (IT) / teknologi informasi yang berinteraksi untuk mengumpulkan, memproses, menyimpan dan menyediakan sebagai output informasi yang diperlukan untuk mendukung sebuah organisasi
(Whitten 2006, h. 10).
2.2. Sejarah Web
Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang bekerja di laboratorium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C).
2.2.1. Pengertian Aplikasi Web
yang diakses mengunakan web berowser melalui jaringan internet atau intranet. Aplikasi web juga merupakan suatu perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web seperti HTML, JavaScript, CSS, Ruby, Python, Php, Java dan bahasa pemrograman lainnya.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer. Arsitektur aplikasi web meliputi klien, web server, middlewaredan basis data. Klien berinteraksi dengan web server.Secara internal, web server berkomunikasi dengan middleware dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang diterjemahkan oleh mesin PHP yang akan diterima oleh klien.(Abdul Kadir, 2009).
Aplikasi adalah sebuah „mahakarya Symphony Orchestra‟ dari
Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah diperintahkan.
2.2.2. World Wide Web (WWW)
World Wide Web (WWW) adalah suatu program yang ditemukan oleh
Tim Berners-Lee pada tahun 1991 (Priyanto & Jauhari, 2014). Awalnya Berners-Lee hanya ingin menemukan cara untuk menyususn arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program piranti lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan berbagai arsip sehingga memudahkan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.
Pada tahun 1989 Berners-Lee membuat pengajuan untuk proyek pembuatan hiperteks global, kemudian pada bulan Oktober 1990, „Waring Wera Wanua’ sudah dapat dijalankan dalam
World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext. Pemakai dituntut
untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
Kini internet identik dengan web, karena kepopuleran web sebagai standart interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce). Kini, web lebih popular dari email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet, Web lebih popular bagi khalayak umum dan pemula terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Interface identik dengan web, karena popularitas sebagai penyedia
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:
1. Akses informasi yang mudah. 2. Setup server yang lebih mudah. 3. Informasi mudah didistribusikan.
4. Bebas platform : informasi dapat disajikan oleh web browser pada sistem mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.
Web memberikan highlight ( penyorotan ) pada kata-kataatau
gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki graphical user interface ( GUI ), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dengan meng-klik link tersebut. Menurut kemampuannya, web
dapat dibedakan menjadi dua yaitu :
1. Web Statis
dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah.interaksi pengguna terbatas hanya dapat melihat informasi yang ditampilkan.web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atauhtm.
2. Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna.Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan.Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.
2.2.3. Browser Web
Browser web adalah software yang digunakan untuk menampilkan
informasi dari server web. Software ini kini telah berkembang dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik untuk pindah antar dokumen.
pengembangan dari browser mode teks ini adalah tidak secepat browser web dengan GUI (Grafic User Interface).
Disaat perkembangan WWW ada dua browser web yang paling populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browserweb lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera, dan Mozilla Firefox. Diantara web browser ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan yaitu:
1. Cara Kerja Browser Mengambil Halaman
Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti : http://www/google.com/search?q=%s.
2. Cara Kerja Browser Menampilkan Halaman
2.2.4. Server Web
Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaann dokumen web dari kliennya. Browserweb seperti IE dan Opera berkomunkasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunkan HTTP.Browserakan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan olehserver. Server memberikan dokumen atau layanan jika tersedia juga dengan menggunakan protokol HTTP.
2.3 Mengenal PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal).PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaa tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0.PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21.Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.Versi ini juga memasukkan modelpemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
2.3.1. Sejarah Singkat PHP
dan dapat terintegrasi dengan HTML. Versi mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemprograman berorientasi objek baru untuk menjawab perkembangan bahasa pemprograman kearah pemprograman berorientasi objek.
2.3.2 Kelebihan PHP
Banyak sekali kelebihan yang dimiliki PHP dibandingkan dengan bahasa pemrograman yang lain, diantaranya :
1. Bisa membuat Web menjadi Dinamis.
2. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.
3. Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Operasi bahkan HP yang mempunyai Web Browser dapat menggunakan program PHP.
4. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java. 5. Mendukung banyak paket Database seperti MySQL, Oracle,
PostgrSQL, dan lain-lain.
6. Bahasa pemrograman PHP tidak memerlukan Kompilasi / Compile dalam penggunaannya.
8. Pengembangan Aplikasi PHP mudah karena banyak Dokumentasi, Refrensi & Developer yang membantu dalam pengembangannya. 9. Banyak bertebaran Aplikasi & Program PHP yang Gratis & Siap
pakai seperti WordPress, PrestaShop, dan lain-lain.
2.3.3. Kelemahan PHP
Seperti pemrograman apliaksi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya:
1. Tidak idel untuk pengembangan skala besar.
2. Tidak memliki sistem pemrograman berorientasi objek yang sesungguhnya (sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya.
2.4. MYSQL
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun
situs yang memerlukan basis data sebagai data dan pengolahan data. Untuk keperluan menampung data di server, kita perlu sebuah database. MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada web server. MySQL banyak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses loading yang cepat dan memanggil data. MySQL dapat didefenisikan sebagai :
1. MySQL merupakan sistem manajemen database. Database merupakan struktu penyimpanan data. Untuk menambah,mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.
2. MySQL merupakan sistem manajemen database atau basis dat terhubung menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standart yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standar.
4. Server database MySQL mempunyai kecepatan yang tinggi,mudah digunkan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan,dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.
5. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL
Server yang mendukung software client dan library yang berbeda, tool
administrative,dan sejumlah Application programming Interfaces
(APIs).
6. MySQL terdiri daribeberapa macam bahasa.
2.5. HTML (Hypertext Markup Language)
Beberapa bagian yang penting, yang terdapat di HTML yaitu:
2.5.1. Dokumen HTML
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
Ada dua cara untuk membuat web page dengan web editor (misalnya macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor
biasa misalnya notepad atau editplus.
2.5.2. Penamaan Dokumen HTML
Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya „dokumen.html’ berbeda dengan „DOKUMEN.html’.Kasus case sensitiveakan
dijumpai pada dokumen web yang dihosting didalam server yang berbasis *.nix (keluarga sistem operasi UNIX).
2.5.3. Dasar – dasar HTML
Mendesain html adalah sebuah seni sendiri. Home page yang merupakan implementasi dari html adalah refleksi dari orang yang membuatnya.
<html>
<head>
<title>Judul Dokumen html</title>
</head>
<body>
penulisan informasi Web </body>
</html>
Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: 1. Tag
Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan namabody. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body>ini adalah tag pembuka isi dokumen html, dan </body> ini adalah tag penutup isi dokumen html.
2. Element
pada web browser digunakan elementtitle, dimana : <title> ini adalah tag pembuka judul dokumen html. Judul dokumen html ini adalah isi judul dari dokumen html </title> ini adalah tag penutup judul dokumen html. Tag-tag yang ditulis secara berpasangan pada suatu elemen html, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar: <p>
<b>
</b>
</p>
3. Attribute
Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut: <TAG
nama-attr="nilai-attr"
nama-attr="nilai-attr"
>
</TAG>
4. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks:
<html>
</html>
5. Element head
Merupakan kepala dari dokumen html.Tag <head> dan tag </head> terletak di antara tag <html> dan tag</html>.
Sintaks: <head>
</head>
6. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser.Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title> Judul Halaman HTML
7. Element body
Element ini untuk menampilkan isi dokumen html.Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>. Element body mempunyai attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser. Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z"></body>
2.5.4. 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 dari 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>), atau
yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:
1. Paragraf dengan tag <p>.
2. Ganti garis – break line dengan tag<br>. 3. Ganti datar – horizontal rule dengan tag <hr>. 4. List item dengan tag<Li>.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag>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 sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
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 oleh browser web
</body> </html>
Setiap dokumen HTML harus diawali tag<html> dan tag</html> diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.
Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan tag<head> diawal, dan tag</head> diakhir. Section ini berisi informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari windows browser, ditandai dengan menggunakan tag<title>dan diakhiri dengan
Section atau elemen body ditandai dengan tag<body> diawal, dan tag </body> diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya.Contoh dokumen HTML sebagai berikut:
<!-contoh.html-> <html>
<head>
<title> Halaman contoh </title> </head>
<body>
File ini merupakan file contoh.<br>
<b>ini untuk membuat huruf cetak tebal</b> </body></html>
2.6. Sublime Text 2
Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang sangat sederhana adalah notepad.
(Mode Design) dan dengan tampilan keduanya (Split Mode). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreatifitas pembuatan web.
2.7. Cascading Style Sheet (CSS)
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML (Hyper Text Markup Language). CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersama. Keuntungan menggunakn CSS yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.
