Aspek Dasar Sistem Komputerisasi Informasi Macromedia Dreamweaver Memulai Dreamweaver 8

2.2 Aspek Dasar Sistem Komputerisasi

Adapun aspek dasar dari sistem komputerisasi adalah sebagai berikut : a. Hardware Perangkat Keras Hardware merupakan peralatan fisik dari sebuah sistem komputer. Umumnya terdiri dari tiga jenis perangkat yaitu perangkat masukan input device, perangkat keluaran output device, serta pengolahan processor. b. Software Perangkat Lunak Software merupakan program yang berisi perintah – perintah untuk melakukan pengolahan data. c. Brainware Tenaga Pelaksana Brainware merupakan perangkat manusia yang dibutuhkan dan yang terlibat di dalam mengoperasikan serta mengatur sebuah sistem komputer.

2.3 Sistem

Kata sistem berasal dari bahasa yunani yang berarti kesatuan. Pada dasarnya sistem merupakan penerapan metode ilmiah dalam memecahkan suatu masalah yang menuntut adanya pemikiran yang sistematis, merupakan kumpulan dari bagian – bagian yang bekerja sama untuk mencapai tujuan yang sama, atau merupakan sekumpulan objek – objek yang saling berelasi dan berinteraksi serta hubungan antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan. Fatansyah, Basis Data 1999:9, “Sistem merupakan suatu tatanan yang terdiri atas sejumlah komponen fungsional dengan satuan fungsi atau tugas khusus Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 yang saling berhubungan secara bersama – sama yang bertujuan untuk memenuhi suatu proses atau pekerjaan tertentu”. Jogiyanto H.M, Pengenalan Komputer, 2000:683, “Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang saling berinteraksi untuk mencapai tujuan”. Dari beberapa uraian diatas mengenai definisi sistem, Penulis dapat menyimpulkan pengertian dari sistem yang berkaitan dengan judul, yaitu “Sistem adalah suatu cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih yang saling berhubungan untuk mengatasi masalah atau kendala – kendala yang terjadi sesuai dengan tujuan yang diinginkan”.

2.3.1 Karakteristik Sistem

Suatu sistem mempunyai karakteristik atau sifat – sifat yang tertentu, yaitu mempunyai komponen – komponen components, batas sistem boundary, lingkunga luar sistem environments, penghubung interface, masukan input, keluaran output, pengolah process, dan sasaran objectives atau tujuan goal. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009

2.4 Informasi

Informasi dapat didefenisikan sebagai hasil dari pengolahan dalam suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian event yang nyata dan dapat digunakan untuk mengambil suatu keputusan. Informasi pada dasarnya merupakan sarana untuk pengambilan keputusan. Informasi sebagai hasil dari proses pengolahan data, dan dikatakan bernilai jika memiliki kaitan dengan pengambilan keputusan. Jogiyanto H.M, Analisis Desain Sistem Informasi Pendekatan Terstruktur Teori Dan Praktek Aplikasi Bisnis, 1989:8, “Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya ” .

2.5 Sistem Informasi

Sistem Informasi adalah suatu cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk organisasi bisnis dengan cara yang menguntungkan. Dalam beberapa permasalahan sistem informasi selalu dititikberatkan kepada bagaimana dalam menghasilkan sebuah informasi dan saran apa yang harus dilengkapi sebagai pendukung yang handal. Perlu diperhatikan bahwa informasi yang digunakan di dalam suatu sistem informasi pada umumnya dapat digunakan. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 Jogiyanto, H.M Analisa Desain Sistem Informasi Pendekatan Terstuktur Teori Dan Praktek Aplikasi Bisnis, 1989:11, “Sistem Informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan – laporan yang diperlukan”.

2.5.1 Komponen Sistem Informasi

Stair 1992 menjelaskan bahwa sistem informasi berbasis komputer CBIS dalam suatu organisasi terdiri dari komponen – komponen berikut :

1. Perangkat Keras

Yaitu : Perangkat keras komponen untuk melengkapi kegiatan memasukkan data, memproses data, keluaran data.

2. Perangkat Lunak

Yaitu : Program dan instruksi yang diberikan ke komputer.

3. Database

Yaitu : Kumpulan data dan informasi yang diorganisasikan sedemikian rupa sehingga mudah diakses pengguna sistem informasi.

4. Telekomunikasi

Yaitu : Komunikasi yang menghubungkan antara pengguna sistem dengan sistem komputer secara bersama – sama ke dalam suatu jaringan kerja yang efektif.

5. Manusia

Yaitu : Personel dari sistem informasi, meliputi manajer, analis, programer, operator, serta bertanggung jawab terhadap perawatan sistem. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009

2.6 Pemrograman Php dan MySql

Php merupakan bahasa pemograman yang reliabel dan sangat mudah diintegrasikan dengan database MySql. Dengan menggunakan PHP sebagai bahasa pemograman dan MySql sebagai database serta Apache sebagai webserver menjadikan aplikasi yang kita buat semakin power full. Dan PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah – perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemograman dan HTML sebagai pembangun dari halaman web. Php merupakan software yang Open Source gratis dan mampu lintas platform, yaitu dapat digunakan dengan sistem operasi dan web server apapun. Php mampu berjalan di Windows dan beberapa versi Linux. Php juga dapat dibangun sebagai modul pada web server Apache dan sebagai binary yang dapat berjalan sebagai CGI. Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP. Ada beberapa cara untuk mulai menuliskan script PHP, yaitu : 1. ?php Script PHP anda ? 2. ? Script PHP anda ? Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 3. script language = “php” Script PHP anda script 4. Script PHP anda Cara pertama merupakan format yang dianjurkan tetapi mungkin cara yang kedua lebih sering digunakan karena lebih ringkas. Cara yang ketiga digunakan untuk mengantisipasi editor dan web server yang tidak dapat menerima kedua cara diatas. Selain itu kita juga bisa menggunakan cara penulisan ASP, tetapi tentu saja ada beberapa konfigurasi yang perlu ditambahkan terlebih dahulu pada file konfigurasi php. MySql merupakan software database yang termasuk paling populer di lingkungan Linux, kepopuleran ini karena ditunjang karena performansi query dari databasenya yang saat itu bisa dikatakan paling cepat, dan jarang bermasalah. MySql adalah multiuser database yang menggunakan bahasa Structured Query Language SQL. MySql dalam operasi client-server melibatkan server daemon MySql di sisi server dan berbagai macam program serta library yang berjalan di sisi client. MySql mampu menangani data yang cukup besar. Sql adalah bahasa standar yang digunakan untuk mengakses database server. Bahasa ini pada awalnya dikembangkan oleh IBM, namun telah diadopsi dan digunakan sebagai standar industri. Dengan menggunakan Sql, proses akses database menjadi lebih user-friendly dibandingkan dengan menggunakan dBASE atau Clipper yang masih menggunakan perintah – perintah pemrograman. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009

2.6.1 Tipe Data pada pemograman PHP

PHP mengenal beberapa macam tipe data, antara lain integer, floating point dan string. Floating point lebih dikenal dengan nama double atau desimal. Penulisan string selalu diawali dengan tanda petik ganda “ atau tanda petik tunggal ‘.

2.6.2 Operator

Operator adalah simbol yang digunakan untuk memanipulasi data, seperti penambahan dan pengurangan. Ada operator yang menggunakan satu operand, ada juga yang menggunakan dua operand. Sedangkan operand adalah data yang dioperasikan atau dimanipulasi. Di sini dapat digantikan dengan variabel. Operator dapat dikelompokkan dalam 4 kategori, yaitu : 1. Operator aritmatika adalah operator yang berhubungan dengan fungsi dari Matematika. 2. Operator logika adalah operator yang membandingkan TRUE dan FALSE. 3. Operator bitwise adalah operator yang membandingkan binary. 4. Ada juga operator yang sering digunakan namun tidak termasuk dalam kelompok di Atas. Kita dapat mempelajarinya dengan kelompok lain.

2.6.3 Struktur Kendali

Struktur kendali merupakan pengatur aliran program, mempunyai rangkaian perintah yang harus ditulis untuk memenuhi beberapa keadaan, yaitu : Mengulang suatu perintah jika suatu kondisi terpenuhi. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 Melanjutkan sebuah pernyataan bila kondisi terpenuhi. Memilih sebuah pilihan dari beberapa alternatif bila kondisi terpenuhi. Struktur kendali dapat dibagi menjadi dua jenis, yaitu struktur kendali percabangan pengambilan keputusan dan pengulangan looping.

2.6.4 Penamaan Variabel

Disetiap bahasa pemograman pasti akan kita temui konsep variabel. Variabel adalah sebuah tempat di memori untuk menyimpan data yang nilainya dapat berubah – ubah. Namun tidak seperti pada bahasa pemograman lain yang mengharuskan kita untuk mendeklarasikan variabel terlebih dahulu, variabel dalam PHP tidak harus dideklarasikan sebelum variabel tersebut digunakan. Variabel diwakili oleh kata tertentu dengan aturan penulisan sebagai berikut : 1. Variabel dimulai dengan tanda dollar . 2. Harus dimulai dengan huruf atau underscore _. 3. Tidak boleh menggunakan tanda baca. 4. Case sensitive atau huruf besar dan huruf kecil dibedakan.

2.7 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP itu sendiri, yaitu : Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagainya. 2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source. 3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang siap membantu pengembangannya. 4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang begitu banyak sehingga mudah dipahami. 5. PHP dapat berjalan pada tiga operating system, yaitu : Linux, Unix, dan Windows serta dapat juga dijalankan secara runtime pada suatu console.

2.7.1 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan, diantaranya : 1. Tidak ideal untuk pengembangan skala besar. 2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya sampai versi 4 saja. Namun pada versi PHP 5.0 sudah dilengkapi OOP yang sesungguhnya. Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009

2.8 Tipe Data pada pemograman MYSQL

Pada dasarnya ada empat grup tipe data yang didukung MySQL, yaitu data numerik, string, waktu dan data selain numerik atau string.

2.8.1 Menjalankan MySQL

Sebelum kita dapat menjalankan MySQL terlebih dahulu kita pastikan apakah daemon MySQL mysqld sudah di-start apa belum. Bila menggunakan Windows 9598, jalankan file mysqld.exe atau net start mysql bila menggunakan WinNT. Bagi pengguna Linux, pastikan daemon mysql sudah di-load pada saat booting. Untuk masuk ke prompt MySQL gunakan perintah berikut : C: \mysql\binmysql [-u username] [-h hostname] [-ppassword]. Simbol –u di sini untuk menunjukkan siapa usernya, kemudian –h untuk memberitahukan akan koneksi dari mana dan –p untuk password user tersebut.

2.9 HTML HyperText Markup Language

2.9.1 Dokumen HTML

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. Ada dua cara untuk membuat sebuah web page : dengan web editor misalnya Macromedia Dreamweaver atau Microsoft Frontpage atau dengan editor teks biasa misalnya notepad atau editplus.

2.9.2 Bagian-bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode form, judul dengan title dan sebagainya. Untuk lebih lanjut mengenai bagian- bagian HTML, perhatikan skema di bawah ini : html head title … title head body … isi dari halaman web … body html Keterangan : 1. Dokumen HTML selalu diawali dengan tanda tag pembuka html dan diakhiri dengan tag penutup html Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 2. Pada elemen head head head, dapat kita sisipkan kode-kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts-scripts pemrogram web seperti JavaScript, VBScript, atau CSS untuk meambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis. 3. Elemen body body body berisi tag-tag untuk isi atau layout tampilan pada situs kita, seperti : font font, table table, form form. Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode- kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk men-setting dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : tag-awal TEKS tag-ahir Namun ada juga tag yang tidak perlu penutup seperti br, hr, img, dan lain sebagainya.

2.9.3 Penamaan Dokumen HTML

Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah eksistensi “.htm” atau “.html” tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja. Eksistensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive membedakan huruf besar dengan huruf kecil. Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 dokumen.html akan berbeda dengan DOKUMEN.html. Kasus case sensitive akan dijumpai pada dokumen web yang akan di-hosting di dalam server yang berbasis nix keluarga sistem operasi UNIX.

2.10 Macromedia Dreamweaver

Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan yang bernama Macromedia, Inc. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver. Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 tiga pilihan yaitu bekerja dengan menulis kode program Menu code, dengan pengeditan secara visual Mode Design dan dengan tampilan keduanya Mode Split. Dreamweaver juga menyediakan alat – alat bantu untuk mengembangkan kreativitas pembuatan web.

2.11 Memulai Dreamweaver 8

Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah peng-install-an, kita akan mendapatkan tampilan kotak dialog yang Putri Prihatini : Sistem Informasi Data Siswa Pada Sekolah SMA Yayasan Pendidikan Mulia Tanjung Sari Medan, 2008. USU Repository © 2009 menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer. Gambar 2.11 Tampilan Awal Macromedia Dremweaver 8

2.12 Macromedia Flash MX 8