BAB 2 LANDASAN TEORI 2.1 Pengerian Sistem Informasi Sistem informasi adalah aplikasi komputer untuk mendukung operasi dari suatu organisasi : operasi, instalasi dan perawatan komputer, perangkat lunak dan data. Dapat juga diartikan bahwa Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur dan aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan (Jogianto Hartono, MBA, Ph.D, 1999). Memproses data menjadi informasi, memberikan sinyal kepada manajemen terhadap kejadian-kejadian dari dalam dan dari luar yang penting serta menyediakan suatu dasar informasi untuk mencapai tujuan atau sasaran tertentu. 2.1.1 Sistem Sistem adalah sehimpunan unsur yang melakukan sesuatu kegiatan atau penyusun skema atau tatacara melakukan sesuatu kegiatan pemrosesan untuk mencapai sesuatu atau beberapa tujuan dan hal ini dilakukan dengan cara mengolah data, barang atau benda dalam jangka waktu tertentu guna menhasilkan informasi data, barang atau benda (Jogianto Hartono, MBA, Ph.D, 1999).
Elemen yang mewakili system secara umum adalah masukan (input), pengolahan (processing), dan keluaran (output). Suatu sistem juga mempunyai cirriciri yaitu: 1 Mempunyai ruang lingkup 2 Mempunyai elemen-elemen sistem 3 Mempunyai manajemen terpadu diantara elemen-elemen sistem 4 Mempunyai keterkaitan antar elemen-elemen sistem (Jogianto Hartono, MBA, Ph.D, 1999) 2.1.2 Informasi Informasi adalah sekumpulan data atau fakta yang telah diolah lebih lanjut yang dapat berfungsi untuk mencapai suatu tujuan tertentu serta dapat bermanfaat dalam pengambilan keputusan saat ini dan mendatang. Sumber dari informasi adalah data, karena data yang diinput akan menghasilkan suatu informasi yang baik dan lengkap. Data merupakan bentuk jamak dari bentuk tunggal datum atau data item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Data merupakan bentuk mentah yang belum dapat bercerita banyak,sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi. Syarat-syarat infomasi yang baik dan lengkap adalah: a. Ketersediaan (availability) b. Mudah dipahami (comppehensibility) c. Kehandalan (reability)
d. Relevan e. Bermanfaat f. Tepat waktu g. Akurat h. Konsisten 2.2 Pengenalan Komputer Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program). Sehingga dapat disimpulkan bahwa komputer adalah : a. Alat elektronik b. Dapat menerima input data c. Dapat mengolah data d. Dapat memberikan informasi e. Menggunakan suatu program yang tersimpan di memori komputer (stored program) f. Dapat menyimpan program dan hasil pengolahan g. Bekerja secara otomatis
Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu. (Pengenalan Komputer, Jogiyanto Hartono, MBA, Ph.D, 1999) 2.3 Pengenalan Internet Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya (Mico Pardosi, 2004). internet : Jaringan internet menyediakan beberapa aplikasi yang dapat digunakan user a. E-mail b. Mailling list c. Newsgroup d. File Transfer Protocol (FTP) e. Gospher f. Telnet g. Talk, Chat h. World Wide Web (Mico Pardosi, 2004).
2.3.1 Network Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem (Mico Pardosi, 2004).. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer ke komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lain (Mico Pardosi, 2004). 2.3.2 Web Server Web server adalah komputer yang mengirimkan halaman-halaman web (Mico Pardosi, 2004). Setiap web server mempunyai alamat IP dan nama. Komputer dapat dijadikan sebagai Web server dengan diinstal software server dan menghubungkannya dengan internet. Terdapat banyak software server, baik yang gratis, seperti yang dibuat oleh NCSA dan Apache, maupun yang komersial, seperti yang dibuat oleh Microsoft dan Netscape. Website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada didalam World Wide Web (WWW) di Internet (Mico Pardosi, 2004). Sebuah web page adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan
informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan (Mico Pardosi, 2004). Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut. 2.3.3 World Wide Web Pada mulanya internet adalah sebuah proyek yang dimaksudkan untuk menghubungkan para ilmuwan dan peneliti di Amerika, namun saat ini telah tumbuh menjadi media komunikasi global yang dipakai oleh semua orang di seluruh dunia. Pertumbuhan ini membawa beberapa masalah penting yang mendasar, diantaranya kenyataan bahwa internet tidak diciptakan pada zaman graphical user interface (GUI) seperti sekarang ini (Mico Pardosi, 2004).. Internet dimulai pada masa dimana orang masih menggunakan alat-alat akses yang user-friendly yaitu terminal berbasis teks serta perintah-perintah command line yang panjang dan sukar untuk diingat sangat berbeda dengan komputer yang berkembang dewasa ini yang menggunakan klik tombol mouse pada layar grafik
berwarna (Mico Pardosi, 2004). Kemudian orang mulai berpikir untuk membuat sesuatu yang lebih baik. Popularitas internet mulai berkembang pesat setelah standar baru yaitu HTTP dan HTML diperkenalkan kepada masyarakat luas. HTTP (Hypertext Transfer Protocol) membuat pengaksesan informasi melalui protokol TCP/IP menjadi lebih mudah dari sebelumnya. HTML (Hypertext Markup Language) memungkinkan penyajian informasi secara visual lebih indah dan menarik. Pemunculan HTTP dan HTML kemudian membuat orang mengenal istilah baru dalam internet yang sekarang menjadi sangat populer, bahkan dengan kepopulerannya itu sehingga sering dianggap identik dengan internet itu sendiri, yaitu World Wide Web (WWW). Pada prinsipnya World Wide Web (selanjutnya disebut web) bekerja dengan cara menampilkan file-file HTML yang berasal dari server web pada program client khusus, yaitu browser web (Mico Pardosi, 2004). Program browser pada client mengirimkan permintaan (request) kepada server web, yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan. Perintah-perintah HTML ini kemudian diterjemahkan oleh browser web sehingga isi informasinya dapat ditampilkan secara visual kepada pengguna dilayar komputer (Mico Pardosi, 2004). 2.3.4 Hyper Text Transfer Protocol (HTTP) Web merupakan gebrakan baru sebagai sistem informasi yang menghubungkan data dari banyak sumber dan layanan yang beragam bentuknya. Penggunaan pun menjadi lebih mudah, tinggal klik mouse pada link-link yang ada untuk lompat ke dokumen-
dokumen di internet. Link-link itu sendiri bisa mengacu kepada dokumen web, server FTP, email dan layanan lainnya. Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus, yaitu HTTP. HTTP bertugas menangani permintaan permintaan dari browser untuk mengambil dokumen web (Mico Pardosi, 2004). HTTP bisa dianggap sebagai sistem yang bermodel client-server. Browser web sebagai clientnya, mengirimkan permintaan kepada server web untuk mengirimkan permintaan kepada server web untuk mengirimkan dokumen-dokumen web yang dikehendaki pengguna. Server web lalu memenuhi permintaan ini dan mengirimkannya melalui jaringan kepada browser (Mico Pardosi, 2004). Semua dokumen web dikirim sebagai file teks biasa. Sewaktu mengirimkan sedikit informasi tentang dirinya, termasuk jenis-jenis file yang bisa dibaca olehnya. Informasi ini lalu digunakan oleh server web untuk menentukan apakah dokumen yang diminta bisa dikirimkan kepada browser atau tidak. HTTP bekerja diatas protokol TCP (Transmission Control Protocol) yang menjamin sampainya data di tujuan dalam urutan yang benar. Bila suatu kesalahan terjadi selama proses pengiriman, pihak pengirim akan mendapat pemberitahuan bahwa telah terjadi ketidakberesan. Karenanya server dan client tidak harus menyediakan mekanisme untuk memeriksa kesalahan transmisi data, yang berarti mempermudah pekerjaan pemograman. Namun demikian, HTTP tidak memiliki apa yang disebut session, seperti halnya FTP, yang menjaga hubungan antara server dan client secara konsisten. Setiap halaman web yang dikirimkan akan melibatkan satu
proses penyambungan antara client dan server, baru kemudian datanya ditransfer. Setelah data selesai ditransfer, koneksi antara server dan client akan diputus. Sifatnya ini membuat HTTP sering disebut dengan istilah protokol hit and run (Mico Pardosi, 2004). Suatu halaman web sering kali berisi beberapa file gambar,atau beberapa file lain. HTTP memaksa server untuk menjalin hubungan baru setiap kali hendak mengirim satu buah file, Ini tidak menguntungkan dan efisien, mengingat proses hubung putus hubung semacam ini menyebabkan beban bagi jaringan. 2.4 Pengenalan Personal Home Page (PHP) PHP merupakan bahasa standar yang digunakan di dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan di dalam server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang pada sisi server yang disebut server side, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server) ( Sutarman, S.Kom, 2003). PHP mudah dibuat dan cepat dijalankan. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula. PHP dapat berjalan di dalam sistem operasi UNIX, Windows 98, Windows NT dan Macintosh. PHP itu sendiri diterbitkan secara gratis dan dapat berjalan pada web server Microsoft Personal Web Server, Apache, IIS dan sebagainya.
2.4.1 Sejarah Personal Home Page (PHP) PHP diciptakan oleh Rasmus Lerdorf, seorang pemrograman C yang handal. Semula PHP hanya digunakan untuk mencatat jumlah pengunjung pada homepagenya. Rasmus adalah seorang pendukung open source. Karena itulah ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Setelah mempelajari YACC dan GNU Bison, Rasmus menambah kemampuan PHP 1.0 dan menerbitkan PHP 2.0. PHP 2.0 mampu berhubungan dengan database dan dapat diintegrasikan dengan HTML. Pada tahun 1996, PHP telah digunakan oleh banyak website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerja sama selama tujuh bulan untuk menyempurnakan PHP 2.0. Akhirnya pada tanggal 6 Juni 1998, PHP 3.0 resmi dikeluarkan. PHP adalah salah satu bahasa server side yang paling populer, setara dalam jumlah pemakaian dengan mod_perl, di bawah CGI dan ASP ( Sutarman, S.Kom, 2003). 2.4.2 Konsep Dasar Personal Home Page (PHP) Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada empat cara untuk menuliskan script PHP yaitu : 1. <? Hallo?> 2. <?php Hallo?> 3. <% Hallo %>
4. <SCRIPT LANGUAGE= php >Hallo</SCRIPT> Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah : /* komentar */, // komentar, # komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script ( Sutarman, S.Kom, 2003). a. Embeded Script Contoh dari Embeded script : <html> <head> <title>coba</title> </head> <body> <?php web master?> </body> </html> ( Sutarman, S.Kom, 2003). Script diatas merupakan script yang sederhana. Script PHP disisipkan diantara tag-tag html. b. Non Embeded Script Contoh Non Embeded Script : php echo <html> ; echo <head> ;
echo <title> ; echo Me and web ; echo </title> ; echo </head> ; <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.3 Keistimewaan Personal Home Page (PHP) Ada beberapa keunggulan PHP, diantaranya : a. Life Cyle yang disingkat, sehingga PHP selalu up to date mengikuti perkembangan teknologi internet. b. PHP banyak mendukung paket database baik yang komersil maupun yang non komersil, seperti Postgresql, mysql, oracle, informix, dan hasil karya Microsoft yaitu sql server. c. PHP dapat dipakai dihampir semua web server yang ada dipasarkan seperti apache, AOL server fhttpd, phpttd. Microsoft IIS dan juga yang dijalankan
pada berbagai sistem operasi seperti Linux, FreeBSD, Unix, Solaris maupun Window. (Pemrograman Web dengan PHP, Yudhi Purwanto, 2001). 2.5 Pengenalan MySQL MySQL merupakan salah satu perangkat lunak system pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL terdiri atas lajur horizontal dan lajur vertical. MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data dan pengolahan data. 2.6 Macromedia Dreamweaver MX 2004 Saat ini untuk membuat website bukanlah hal yang sulit untuk dilakukan, karena kegiatan mendesain sebuah website tidak lagi dengan menuliskan tag-tag HTML satu persatu melainkan melalui metode click dan drag yag dikenalkan oleh web editor terpopuler saat ini yaitu Macromedia Dreamweaver MX. Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See Is What You Get intinya Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs (Bunafit Nugroho, 2004). Macromedia belum lama ini telah mengeluarkan rilis terbaru dari
Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman interaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, Java Server Page (JSP), dan ASP.NET (Wahana Komputer, 2006). 2.6.1 Memulai Dreamweaver MX 2004 Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver MX 2004, mulailah dengan memilih tombol Strat pada taskbar, kemudian pilih All Program pada tampilan Strat Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver MX 2004. Pada saat pertama kali menggunakan Dreamweaver setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer. 2.6.2 Area Kerja Macromedia Dreamweaver MX 2004 Komponen yang terdapat pada ruang kerja Dreamweaver MX 2004 adalah : 1. Insert Bar merupakan tool yang digunakan untuk menyisipkan objek ke dalam dokumen web. Ada enamkelompok kategori yang digunakan untuk insert, yaitu Common, Layout, Form, Text, HTML dan Aplication yang masing-masing memiliki beberapa tool beserta kegunaanya.
2. Document Window merupakan jendela kerja dokumen terdiri atas layar kerja kertas serta fasilitasnya. Yang dimaksud dengan fasilitas adalah tool untuk mengatur layar kerja atau sering disebut Document Toolbar, antara lain Cooding tool dan Zoom & Guide tool. Disamping Document Toolbar, tersedia fasilitas, yaitu Tag Selection. 3. Panel Groups merupakan suatu media yang berfungsi sebagai fasilitator. Kumpulan berbagai panel disebut Panel Groups, terletak pada sebelah kanan layar kerja. Panel-panel tersebut di antaranya CSS, Aplication, Tag Inspector, Files dan History yang masing-masing memiliki bagian dan fungsi. Untuk dapat memilihnya dengan cara mengetik nama panel. 4. Properti Inspector digunakan untuk melihat dan mengubah berbagai property dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda. 5. Tag Selector merupakan tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja. 6. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan. 7. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver. 2.6.3 Menu Bar Area Kerja Di dalam area kerja Dreamweaver MX 2004 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja
Dreamweaver MX 2004 terdiri dari beberapa komponen yang dapat kita gunakan yaitu : 1. Menu File Menu file terdiri dari perintah untuk membuat dokumenbaru, membuka dokumen yang telah tersimpan, dn lain-lain 2. Menu Edit Menu edit terdiri dari perintah untuk mengcopy. Memindahkna, serta perintah untuk pemilihan seperti Select All, dan lain-lain. 3. Menu View Berisi perintah untukl menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver MX 2004. Seperti jendela Code dan View, sertauntuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar. 4. Menu Insert Berisikan alternative baris untuk menyisipkan objek di dalam dokumen. 5. Menu Modify Berfungsi untuk melakukan perubahan property pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template. 6. Menu Text Berfungsi untuk mempermudah dalam melakukan format teks.
7. Menu Commands Berisi akses ke beberapa perintah, format code yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks. 8. Menu Site Berisi item untuk mengelola situs seperti mendefenisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefenisikan. 9. Menu Window Menyediakan akses keseluruh panel, inspector, dan jendela di dalm Dreamweaver. 10. Menu Help Menyediakan fasilitas membantu kita dalam menggunakan Dreamweaver. 2.7 Macromedia Fireworks MX 2004 Seiring dengan pesatnnya perkembangan teknologi informasi dan dunia internet, berkembang pula software aplikasi desain grafis yang nantinya banyak digunakan untuk mendesain web. Untuk membangun web setelah membuat desain dibutuhkan program aplikasi lain yang menyediakan tool-tool web grafik, seperti button, menu, slice, hotspot dan animasi untuk mempercantik suatu halaman web. Macromedia Fireworks dapat mengerjakan kedua hal tersebut sekaligus, karena Fireworks bukan hanya sebuah software aplikasi untuk mendesain web, tetapi juga menyediakan tools pembangun sebuah web. Selain itu kita juga dapat mengedit
kode HTML (Hypertext Markup Language) yang secara otomatis terbangun ketika sebuah web dibangun (Mutmainah, Siti, 2006) Halaman web yang berbasis web biasanya menggunakan HTML untuk membangunnya. Terdapat beberapa aplikasi yang khusus menyediakan fasilitas pembangun web yang berbasis WYSWYG (What You See is What You Get), seperti Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage, atau Adobe PageMill. Ada dua hal penting yang dapat dikerjakan oleh Macromedia Fireworks, yaitu: 1. Mendesain grafis halaman Web. 2. Membuat elemen yang interaktif. Ketika Anda membuka sebuah Homepage, disana akan ditemui banyak elemen (button, text atau gambar), yang dapat digunakan untuk link ke halaman lain. Biasanya, desain web berisi gambar yang terpotong-potong dan disusun menggunakan table yang tidak terlihat (invisible). Karena itu, sebelum memasukkan image ke sebuah web, kita perlu membuat table dahulu sebagai tempat gambar yang sudah kita potong-potong menggunakan software pengedit gambar. Kelebihan Fireworks untuk kasus ini adalah, kita tidak perlu memotongmotong gambar untuk meletakkan obyek image ke dalam halaman web, sebab kita dapat menggunakan slice dan hotspot yang akan secara otomatis memotong tergantung garis vertical dan horizontal yang dihasilkan. 2.6.1 Kelebihan Macromedia Fireworks MX 2004
28 Dibandingkan dengan versi sebelumnya, Macromedia MX memiliki beberapa kelebihan baik itu interfacenya ataupun penyediaan tool yang lebih lengkap. Beberapa kelebihan dari versi sebelumnya: - Interface yang lebih mudah digunakan user, misalnya peletakan tool dengan fasilitas minimize. - Fasilitas penjawab apabila Anda mengalami kesulitan pada penggunaan. - Pemisahan tool bitmap, vector dan pemilih, yang mempermudah penggunaan. Bagi peumula, ini akan mempermudah membedakan mode gambar yang dibuat. - Penggabungan garis dan teks. Anda dapat membuat teks mengikuti bentuk garis atau bentuk objek. - Mempercepat dalam mengeksport dengan penambahan tool-eksport ke bentuk lain. - Membangun table secara otomatis dengan membuat slice.