BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem dan Sistem Informasi 2.1.1 Pengertian Sistem Istilah sistem berasal dari bahasa Yunani yaitu systema yang mengandung arti kesatuan atau keseluruhan dari bagian - bagian yang berhubungan satu dengan yang lainnya. Sistem adalah sekumpulan objek yang merupakan suatu wadah terdiri dari pada sub sub sistem yang saling berhubungan dan di dalam hubungan tersebut terdapat ketergantungan antara satu dengan yang lain, dalam arti bahwa jika ada salah satu dari pada sub sistem tidak berfungsi maka sistem tersebut akan terganggu. Ada beberapa pendapat mengenai definisi dari sistem itu sendiri antara lain: a. Menurut Jogiyanto HM, bahwa Sistem dapat didefinisikan sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang berinteraksi untuk mencapai suatu tujuan.(pengantar Komputer, Andi Offset,Yogyakarta,2000,hal:183). b. Menurut Jerry Fitzgerald, bahwa Sistem adalah jaringan kerja dari prosedur - prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan
suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu.(analisa dan Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Andi Offset,Yogyakarta,2001,hal:1). Pendekatan sistem yang menekankan pada komponen akan lebih memudahkan di dalam mempelajari suatu sistem untuk tujuan analisis dan perancangan sistem dari suatu sistem. Karena pada kenyataannya suatu sistem dapat terdiri dari subsistem yang saling berhubungan untuk mencapai sasaran atau tujuan tertentu. 2.1.2 Pengertian Informasi Dalam kehidupan sehari-hari informasi sering diartikan sebagai data. Dalam ruang sistem informasi hal ini berbeda walau sangat erat, dimana informasi merupakan data yang diproses, sehingga data yang ditransformasikan menjadi informasi dapat diproses dari data yang bentuknya kurang bermakna menjadi data yang berarti. Menurut Jogiyanto HM yang menyatakan bahwa Informasi adalah data yang diolah menjadi bentuk yang lebih beguna dan lebih berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan pada saat sekarang atau masa yang akan datang. Selain itu informasi juga merupakan fakta-fakta atau data yang diproses sedemikian atau mengalami proses transformasi data sehingga berubah bentuk menjadi
informasi.(analisis dan Desain Sistem Informasi Pendekatan Terstruktur Teori Praktik Aplikasi Bisnis,Yogyakarta,Jogiyanto HM,1989:8). 2.1.3 Sistem Informasi Pengertian Sistem Informasi adalah suatu himpunan komponen yang terpadu dan sistematis maupun formal yang mendukung ataupun melakukan fungsi operasi, manajemen dan menyajikan informasi guna menunjang manajemen sebagaimana yang diinginkan. Menurut Jogiyanto HM menyatakan bahwa Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan.(jogiyanto,hm, Analisa dan Desain Sistem Informasi,Yogyakarta,1999:11). 2.2 Pengenalan Internet Internet adalah sebuah sistem komunikasi global yang menghubungkan komputerkomputer dan jaringan-jaringan komputer di seluruh dunia. Setiap komputer dan jaringan terhubung secara langsung maupun tidak langsung ke beberapa jalur utama yang disebut internet backbone dan di bedakan satu dengan yang lain menggunakan unique name yang biasa disebut dengan alamat IP 32 bit. Dengan internet maka anda akan dapat
mencari jutaan informasi, mulai dari informasi kota-kota dunia, pemerintah, budaya, teknologi, pribadi, berita, software komputer, iklan-iklan perusahaan dari seluruh dunia, iklan-iklan pribadi informasi barang-barang terbaru dan lain-lain. Selain itu internet juga biasa digunakan untuk mencari teman, mengirim berita, alat komunikasi, alat hiburan seperti game dan lain-lain Internet terdiri dari berjuta - juta halaman dan setiap halaman disebut dengan web. Sedangkan halaman yang pertama kali muncul ketika anda membuka browser (Internet Explorer atau Netscape Communicator) disebut dengan Homepage. Tetapi web sering juga disebut dengan website atau homepage. Web browser adalah suatu program atau perangkat lunak yang digunakan untuk mengakses internet, contoh web browser adalah Mozilla Firefox, Opera Browser, Internet Explorer, dan lain-lain. 2.3 MySQL MySQL merupakan software sistem manajemen database (Database Management System) yang sangat populer di kalangan pemrograman web, terutama di lingkungan Linux dengan menggunakan script PHP dan Perl. Kecepatan dan ukuran yang kecil membuatnya ideal untuk Website. Ditambah lagi dengan fakta bahwa MySQL adalah open source, yang berarti gratis. Software database ini juga tersedia pada platform sistem operasi Windows.
MySQL versi 4.0 telah di-release sebagai versi alpha pada Oktober 2001. Pada versi 4.0 MySQL diharapkan sudah dapat digunakan untuk transaksi yang missioncritical (misalnya transaksi bank), dan database yang besar sekali. MySQL 4.0 direlease dengan dua lisensi, GPL dan Komersial. Lisensi komersial diberikan kepada yang menginginkan produk yang dikembangkan dengan menggunakan MySQL terikat dengan aturan GPL, salah satunya adalah harus menyerahkan source code kepada yang membeli atau menggunakan produk tersebut. 2.4 CSS CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode HTML yang sudah ada sebelumnya. Dengan CSS, kita dapat menentukan sebuah stuktur dasar halaman web secara lebih mudah dan cepat. Pada perkembangannya CSS sudah masuk level 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering disebut CSS saja, kemudian level 2 yang merupakan penyempurnaan dari level sebelumnya, yaitu CSS level 1. CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya: 1. Ukuran file lebih kecil 2. Load file lebih cepat 3. Dapat berkolaborasi dengan javascript
4. Menghemat pekerjaan, dimana hanya membuat 1 halaman CSS. 2.5 Pengenalan PHP (Personal Home Page) PHP adalah bahasa pemrograman web (Scripting Language) yang didesain untuk web. PHP dibuat pertama kali oleh Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada home pagenya. 2.5.1 Sekilas Mengenai PHP 5 PHP dirilis pada tanggal 13 Juli 2004. PHP 5 dapat digunakan pada hampir semua sistem operasi utama, seperti Linux, Microsoft Windows, Mac OS dan lainnya. PHP juga mendukung hampir semua server web, seperti Apache, Microsoft Internet Information Server, Personal Web Server, Netscape dan lain-lain. PHP memberi kebebasan memilih sistem operasi dan server web. PHP juga memberi pilihan untuk menggunakan pemrograman biasa atau program berorientasi objek (Object Oriented Programming / OOP) atau gabungan keduanya. PHP tidak membatasi jumlah HTML yang dihasilkan. Kemampuan PHP meliputi dukungan terhadap gambar, file PDF. PHP juga mendukung teks, seperti XHTML dan XML. Salah satu fitur paling penting pada PHP adalah mendukung banyak basis data. 2.5.2 Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda: a. <php Scipt PHP anda?> b. <? Scipt PHP anda?> c. <scipt language= php > Scipt PHP anda </scipt> d. <% Scipt PHP anda %> Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya: contoh.php. Bila skrip PHP diakses melalui komputer lokal maka file PHP disimpan di folder htdocs di server web. 2.5.3 Keunggulan PHP PHP begitu cepat populer dan berkembang karena PHP mempunyai keunggulan, yaitu: 1. Cepat 2. Tidak mahal
3. Mudah untuk digunakan 4. Berjalan pada beberapa sistem operasi 5. Dukungan teknis tersedia secara luas 6. Aman 7. Dirancang untuk mendukung database 2.6 HTML (Hypertext Markup Language) HTML (Hypertext Markup Language) adalah bahasa pendiskripsi halaman yang menciptakan dokomen-dokumen hypertext atau hypermedia. HTML memasukkan kodekode pengendali dalam sebuah dokumen pada berbagai poin yang dapat Anda spesifikasikan, yang dapat menciptakan hubungan (hyperlink) dengan bagian lain dari dokumen tersebut atau dengan dokumen lain yang berada di World Wide Web. Sebuah halaman web minimal mempunyai empat buah tag, yaitu: 1. <HTML> Sebagai tanda awal dokumen HTML. 2. <HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag TITLE, BASE, LINK, SCRIPT, STYLE & META. 3. <TITLE> Sebagai judul halaman. 4. <BODY> Sebagai isi (yang nampak) pada halaman web, dapat berupa teks, grafik, dan lain-lain.
Untuk membuat kode HTML kita dapat menggunakan editor notepad dan menyimpannya dengan ekstensi.htm atau.html. Kemudian untuk mencobanya dapat langsung dibuka dengan web browser, seperti Internet Explorer atau Nescape Navigator, cukup dengan perintah FILE/OPEN, kemudian browse nama file dan lokasi dimana file HTML tadi disimpan. html head body title Contoh Bahasa Web dengan HTML Isi yang akan ditampilkan Pada halaman web Gambar 2.1 Bentuk Tree dari Dokumen HTML Contoh penulisan suatu 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> Hasil dokumen HTML yang ditampilkan di browser Internet Explorer: Gambar 2.2 Dokumen HTML ditampilkan di browser Mozilla Firefox 2.7 Macromedia Dreamweaver 8
Macromedia Dreamweaver merupakan sebuah editor HTML profesional untuk mendesain secara visual dan mengolah situs web maupun halaman web. Macromedia Dreamweaver 8 adalah salah produk dari vendor Macromedia Inc. Pada saat ini pihak Macromedia mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver 8. Macromedia Dreamweaver memiliki kemampuan untuk menyunting folder dengan lebih baik, serta mampu menggabungkan layout site programming webnya. Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Designer maupun Web Programmer guna mengembangkan website. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web. Gambar 2.3 Tampilan macromedia dreamweaver 8.0
2.8 Adobe Photoshop 7.0 Adobe Photoshop merupakan salah satu program aplikasi yang ditujukan untuk menyunting dan memanipulasi gambar (image-editing). Dengan Adobe Photoshop 7.0 dapat membuat dan menyunting gambar dengan kualitas yang tinggi yang siap untuk dicetak, ditempatkan di situs Web dan untuk keperluan lainnya. Adobe Photoshop 7.0 merupakan program aplikasi pengolah image atau gambar Bitmap. Image atau gambar Bitmap yang sering disebut Raster, merupakan gambar yang dibentuk dari grid-grid warna. Grid ini adalah elemen dasar dari sebuah image atau gambar yang disebut pixel atau picture elements. Pada saat menyunting image atau gambar, proses yang terjadi sebenarnya adalah hanya menyunting lokasi pixel-pixel ini. Gambar bitmap ini biasanya digunakan pada fotografi atau digital painting sehingga mode ini sangat bergantung pada tingkat kepadatan (resolusi) grid pixel-nya. Semakin tinggi resolusi sebuah image atau gambar, maka pixel yang dikandungnya akan semakin banyak dan semakin rapat sehingga image atau gambar akan mempunyai detail yang lebih baik atau nyata. Namun perlu diperhatikan bahwa semakin besar resolusi sebuah image atau gambar akan berakibat ukuran filenya semakin besar. Adobe Photoshop 7.0 mempunyai tiga mode warna yang digunakan, yaitu RGB, CMYK, dan index color. Struktur image atau gambar yang dihasilkan monitor dengan image atau gambar cetak mempunyai perbedaan. Layar komputer atau monitor mempunyai elemen pembentukan warna Red, Green dan Blue (RGB), sedangkan warna yang dihasilkan oleh media cetak mempunyai empat kali proses pewarnaan yaitu Cyan, Magenta, Yellow, dan Black (CMYK).
(Seri Penuntun Praktis Adobe Photoshop 7.0, Budi Permana Elek Media Komputindo, 2003). Gambar 2.4 Tampilan adobe photoshop 7.0