BAB 2 LANDASAN TEORI

Transkripsi

1 BAB 2 LANDASAN TEORI 2.1 Sistem 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) Sistem yaitu suatu jaringan kerja dari prosedur-prosedur yang berupa urutan kegiatan yang saling berhubungan dan bekerjasama untuk mencapai tujuan tertentu.

2 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 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 a. Sistem alamiah yaitu sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia. Contohnya sistem pemutaran bumi, terjadinya siang malam dan pergantian musim.

3 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. b. Sistem tertutup yaitu sistem yang tidak berhubungan dan tidak dipengaruhi oleh lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa ada campur tangan dari pihak luar. Contohnya sistem robotic, sistem arloji dan sistem ATM.

4 2.2 Konsep Dasar Informasi dan Data 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) 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. Sesungguhnya yang dimaksud dengan sistem informasi tidak harus melibatkan komputer. Sistem informasi yang menggunakan komputer biasa disebut sistem informasi berbasis komputer (Computer Based Information System atau CBIS).

5 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. 6. Wikinson (1992) : Sistem informasi adalah kerangka kerja yang mengkoordinasikan sumber daya (manusia, komputer) untuk mengubah

6 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 dalam maupun luar organisasi. Pemrosesan (processing) yaitu mengubah data input mentah tersebut menjadi bentuk yang berarti. Output yaitu mengirimkan informasi yang telah diproses tersebut ke orang-orang yang akan menggunakan atau kepada aktivitas yang akan menggunakan informasi tersebut. Sistem informasi juga memerlukan umpan balik, yang merupakan output yang dikembalikan ke anggota yang tepat untuk mengevaluasi atau mengoreksi tahapan input. (Laudon, Kenneth C. dan Jane P, Laudon. 2008).

7 Pemasok Pelanggan Organisasi Sistem Informasi Input Pemrosesan Output Badan Pembuat Peraturan Pemegang Saham Pesaing 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.

8 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 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.

9 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. (Electronic Mail), dengan fasilitas ini user dapat mengirim dan menerima surat elektronik ( ) 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 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 dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama

10 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 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: , 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 , video conferencing, dan mirc. 5. Sebagai alat penelitian dan pengembangan. 6. Sebagai alat pertukaran data.

11 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 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 membaca dan menerjemahkan bahasa HTML dan data gambar untuk menampilkan

12 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 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 (Abdul Kadir, 2005) Sejarah PHP PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 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 itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

13 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) 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 Sejarah MySQL MySQL dibuat pada tahun 1994/1995 dan dikembangkan oleh sebuah perusahaan di Swedia yang bernama MySQL AB dengan istilah T.c.X Data Konsult AB. Saat itu

14 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 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 satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).

15 CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, 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 berisi kode-kode untuk mengatur dokumen.

16 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. Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang

17 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> </html>

18 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 kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam

19 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. Gambar 2.3 Tampilan Macromedia Dreamweaver 8.0