BAB II LANDASAN TEORI. Pengertian computer secara sederhana adalah sebuah alat elektronik yang terdiri dari 3

Transkripsi

1 BAB II LANDASAN TEORI 2.1 Pengertian Komputer Pengertian computer secara sederhana adalah sebuah alat elektronik yang terdiri dari 3 (tiga) bagian sistem, yaitu hardware, software, dan brainware. Perangkat keras (hardware) computer adalah perangkat yang secara fisik dapat dilihat dan diraba yang membentuk suatu kesatuan sehingga dapat difungsikan. Sedangkan pengertian computer menurut Darwin Sitompul adalah computer berasal dari bahasa inggris, to compute yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Itulah pada awalnya arti dan fungsi utama komputer, yakni sebagai alat menghitung (Darwin Sitompul, 1994). Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan berbagai kemampuan lain pada komputer saat ini, sehingga defenisi komputer itu sendiri telah mengalami perubahan. Sekarang ini, proses menghitung hanyalah merupakan sebagian saja dari kerja yang dapat dilakukan komputer. Banyak fungsi lain yang dilakukannya seperti pengolahan data, permainan, pengontrolan mesin, membuat grafik,

2 melakukan analisis statistic, merancang gambar teknik dan sebagainya (Darwin sitompul, 1994). 2.2 Pengertian Internet Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagi komputer dan berbagi tipe komputer yang membentuk system jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainya. World Wide Web (WWW) adalah jaringan beribu-ribu komputer yang di kategorikan menjadi dua: Client dan Server dengan menggunakan software khusus membentuk sebuah jaringan yang disebut jaringan client-server. Dalam cara kerja dari www ada dua hal yang terpenting software web Server dan software web browser. Server menyediakan/menyimpan informasi dan memproses permintaan dari client, apabila ada client yang meminta informasi maka Server mengirimkanya. Informasi yang diakses dapat berupa teks, gambar, suara. Server juga mengirimkan perintahperintah ke Client tentang bagaimana cara menampilkan semua informasi tersebut. Instalasi tersebut dalam bentuk HTML (Hypertext Markup Language). Client membuat permintaan informasi dan kemudian menangani pengaksesan informasi tersebut kepada end user (pemakai akhir).

3 Komunikasi jaringan komputer diatur dengan bahasa software standart yang disebut dengan protokol yang memungkinkan beragam jaringan komputer dan jenis komputer yang berbeda untuk berkomunikasi. Protocol ini secara resmi di kenal sebagai TCP/IP (Tranmission Control Protocol Internet Protocol) merupakan cara standart untuk mempaketkan dan menyelamatkan data komputer (sinyal elektronik) sehingga data tersebut dapat dikirim ke kompuer yang lain (Sutarman, 2003). 2.3 Website Website atau WWW yaitu sebuah system dimana informasi dalam bentuk teks, gambar, suara dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser. Informasi di web pada umumnya ditulis dalam format HTML. Keistimewaan inilah yang telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengizinkan pemberian highlight (penyorotan) pada kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk ke media lain seperti dokumen, frase, movie clip, atau file suara. Web dapat menghubungkan dari sembarang tempat dalam sebuah dokumen. Dengan sebuah browser yang memiliki Graphical User Interface (GUI).

4 2.3.1 Web Statis Web statis adalah web yang berisi atau menampilkan informasi-informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Singkatnya, untuk mengetahui suatu web yang brsifat statis atau tidak dapat dilihat dari tampilanya. Jika web tersebut hanya berhubungan dengan halaman web lain dan berisi suatu informasi yang tetap maka web tersebut dinamakan statis. Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web dan apabila diklik akan berpindah ke halaman web yang lain. Interaksi pengguna hanya berbatas dapat melihat informasi yang ditampilkan, tetapi tidak dapat mengolah informasi yang dihasilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk.htm atau.html Web Dinamis Web dinamis adalah web yang menampilkan informasi serta dapat 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. 2.4 Pengertian Sistem Informasi

5 Sistem informasi merupakan sekumpulan elemen yang saling berhubungan satu sama lain yang membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan serta mendistribusikan informasi yang akan mendukung pembuatan keputusan dan melakukan kontrol (Sutedjo Dharma Oetomo Budi, 2003, hal: 12). Dengan kata lain, sistem informasi merupakan kesatuan elemen-elemen yang saling berinteraksi secara sistematis, teratur untuk menciptakan dan membentuk aliran informasi yang mendukung pembuatan keputusan dan melakukan kontrol dalam sebuah perusahaan. Sistem informasi berisi informasi tentang orang-orang, tempat, dan hal-hal penting di dalam organisasi atau lingkungan. Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang dibutuhkan untuk membuat keputusan, pengendalian operasi, menganalisis permasalahan dan menciptakan produksi baru. Aktvitas tersebut adalah input, proses dan output. Input Processing Output Input berfungsi untuk merekam atau mengumpulkan data mentah dari dalam maupun luar. Proses (processing) mengubah data input mentah menjadi bentuk yang berarti. Output bertugas untuk mengirimkan informasi yang telah diproses tersebut kepada orang-orang yang akan menggunakan atau aktivitas yang akan menggunakan informasi tersebut (Laudon Kenneth C et al, 2007). 2.5 HTML (Hypertext markup Language)

6 HTML merupakan kepanjangan dari HyperText Markup Language adalah suatu bahasa yang digunakan untuk membuat halaman-halaman Hypertext (Hypertext Page) pada internet. Dokumen HTML disebut sebagai markup language karena mengandung tandatanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Beberapa hal yang bisa dilakukan HTML yaitu: a. Mengontrol tampilan dari web page dan content-nya. b. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh dunia. c. Menambahkan objek-objek seperti image, flash, audio, dan video dalam dokumen HTML. Beberapa program yang dapat digunakan untuk membuat dokumen HTML antara lain adalah Ms. FontPage, Dreamweaver, Notepad, dan lain-lain. Struktur dokumen HTML: <html> <head> <title>judul Halaman</title> </head> <body>... Isi dari halaman WEB... </body> </html>

7 2.6 PHP PHP singkatan dari PHP HyperText Preprocessor yang digunakan sebagai bahasa Script Server-Side dalam pengembangan Web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance Web tersebut menjadi lebih mudah dan efisien. PHP merupakan Software Open Source yang disebarkan dan dilesensikan secara gratis serta dapat didownload secara bebas dari situs resminya Pengguna dapat mengubah Soure Code dan mendistribusikannya secara bebas serta diedarkan secara gratis Sejarah PHP PHP diciptakan pertama kali oleh Ramus Lerdorf pada tahun Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Lerdorf adalah salah seorang pendukung Open Source. Oleh karena itu, Rasmus mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam Website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Surasaki, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead berkerja sama untuk menyempurnakan

8 PHP 2.0. Akhirnya, pada tahun 1998 PHP 3.0 dikeluarkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. Tahun 2004 bulan juli dirilis PHP 5 dengan inti Zend Engine 2.0. PHP 5 adalah versi PHP terbaru yang mendukung penuh object-oriented programming (OOP), integrasi XML, mendukung semua eksistensi terbaru MySQL, pengembangan web service dengan SOAP dan REST, serta ratusan peningkatan lainnya dibandingkan dengan versi seelumnya PHP 4.0. Sejak PHP 5 keluar eksistensi SQLite sudah langsung tersedia dalam PHP. SQLite adalah Embeddable mesin database SQL yang tidak hanya mengharuskkan client terkoneksi ke sebuah database server misalnya MySQL Kelebihan PHP PHP memiliki kelebihan yang tidak dimiliki oleh bahasa script sejenis. PHP difokuskan pada pembuatan Script Server-Side, yang bisa melakukan apa saja yang dapat dilakukan oeh CGI, seperti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta menerima cookies, bahkan lebih daripada kemampuan CGI

9 PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti, bahkan lebih daripada kemampuan CGI PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix, Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iplanet servers dan masih banyak lainnya. PHP tidak hanya terbatas pada hasil keluaran HTML (HyperText Markup Languages). PHP juga memiliki kemampuan untuk mengolah keluaran gambar, filepdf, dn movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan XML lainnya. Fitur-fitur yang banyak dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP: 1. Adabas D 2. dbase 3. Direct MS-SQL 4. Empress 5. FilePro (read only) 6. FrontBase 7. Hyperwave 8. IBM DB2

10 9. Informix 10. MSQL 11. MySQL 12. PostgrSQL 13. Unix DBM 14. Solid 15. Sybase 16. Velocis Penggabungan PHP dan HTML Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebihb dahulu memberikan tanda tag buka dilanjutkan dengan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe pengabungan PHP dam HTML yaitu: 1. Embedded Script Embedded script adalah script PHP yang disisipkan di antara tag-tag dokumen HTML. Embedded script menempatkan PHP sebagai bagian dari HTML.

11 Contoh penulisan Embedded Script dapat dilihat di bawah ini: <html> <head> <title>embedeed Script </title> </head> <body> <?php echo "Hallo, Selamat menggunakan PHP";?> </body> </html> 2. Non-Embedded Script Non-Embedded Script adalah script atau program PHP murni. Termaksuk Tag HTML yang disisipkan dalam script PHP. Non-Embedded Script menempatkan bagian HTML sebagai bagian dari script PHP. Contoh penulisan Non-Embedded Script dapat dilihat dibawah ini: <?php echo "<html>"; echo "<head>";

12 echo "<title> Non-Embedded Script</title>"; echo "</head>"; echo "<body>"; echo "<p>selamat Menggunakan PHP</p>"; echo "</body>"; echo "</html>";?> 2.7 MySQL MySQL merupakan software yang tergolong kedalam DBMS yang bersifat Open Source menyatakan bahwa software ini dilengkapi dengan source (kode yang dipakai untuk membuat MySQL), selain itu tentu saja bentuk executablenya atau kode yang dijalankan secara langsung dalam sistem operasi dan bisa diperoleh dengan cara mendownload di internet secara gratis. MySQL termasuk jenis RDBMS (Relational Database Management System). Sehingga istilah seperti tabel, baris, dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung satu beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas barisbaris data (row atau record) yang berada dalam satu atau lebih kolom. Baris pada tabel

13 sering disebut sebagai instance dari data sedangkan kolom sering disebut sebagai attributes atau field (Sutarman,2003) Sejarah MySQL MySQL di ciptakan oleh MySQL yang dahulu bernama TeX, sebuah perusahaan yang berkedudukan di Swedia. MySQL resminya dibaca my Ess Que El, meskipun banyak orang melafalkannya my sequel. Ada dua pilihan MySQL yang sebenarnya yaitu Open- Source (GNU GPL) dan komersial (MySQL AB). Perusahaan-perusahaan raksasa dunia yang sudah memakai MySQL seperti Alcatel, Siemens, Cox Comm, OnlineTel, Atchik dan situs terkenal lainnya. Dalam perkembanggannya MySQL versi 4.0 keatas telah terintegrasikan engine InnoDB. MySQL versi windows mulai versi bahkan memakai default InnoDB. Untuk versi 4.0 kebawah harus terlebih dahulu menginstal MySQL-max untuk memakai engine InnoDB. 2.8 Data Flow Diagram (DFD)

14 DFD merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data informasi dan transformasi dari data, mulai dari masukan data sampai menghasilkan keluaran. Adapun simbol-simbol dari DFD yaitu: Tabel 2.8 Simbol-Simbol Data Flow Diagram No. Simbol Fungsi 1. Kesatuan Luar (External Entity) Merupakan kesatuan luar (entity) dilingkungan luar sistem yang dapat berupa sekelompok orang, divisi, organissasi atau sistem lainnya yang akan memberikan input atau menerima output dari sistem. Suatu kesatuan luar dapat disimbolkan dengan satuan notasi kotak atau segi empat. 2. Proses (Process) Kegiatan atau kerja yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang akan keluar atau untuk mengubah input menjadi output. Suatu proses dapat disimbolkan dengan lingkaran. 3. Aliran Data (Data Flow) Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diproses menjadi output. Arus data diberi simbol suatu garis panah.

15 4. Penyimpanan Data (Data Storage) Data disimpan untuk keperluan berikutnya. Simpanan data di DFD disimbolkan dengan sepasang garis horizontal parallel tang ditutup salah satu bagiannya. 2.9 Macromedia Dreamweaver 8 Macromedia Dreamweaver adalah sebuah program aplikasi HTML authoring, yaitu sebuah aplikasi yang digunakan untuk membuat situs web atau mendesain halaman web, baik untuk desain, coding, pembbuatan situs web yang kompleks, dan aplikasi web lainnya secara visual. Versi terbaru dari aplikasi ini adalah Macromedia Dreamweaver versi 8 Professional yang lebih lengkap dalam menanggani pembuatan web yang kompleks. Macromedia Dreamweaver 8 ini style CSS dapat dibuat menggunakan panel CSS baru yang menyediakan kemudahan bagi pengguna dalam membuat dan mengedit style CSS secara visual dan lebih mudah untuk dipahami. Aplikasi pada Dreamweaver juga memungkinkan untuk dapat membuat sebuah aplikasi dinamis dengan database menggunakan bahasa server seperti CFML, ASP.NET, ASP, JSP, dan PHP. CSS atau Cassading Style adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat.

16 2.10 Macromedia Fireworks 8 Fireworks adalah aplikasi desain grafis yang dikhususkan untuk membuat website. Sesuai dengan definisi tersebut, Fireworks lebih diutamakan penggunaannya untuk desainer website dengan latar belakang keahlian desain grafis, yang melibatkan perangkat image editing, seperti Adobe Photoshop ataupun Corel Draw. Fitur-fitur yang tersedia di Fireworks disesuaikan dengan latar belakang skill image editing, diantaranya adalah: Kemampuan mengedit berbagai jenis image dalam satu aplikasi, Kemampuan membuat efek animasi pada image, kemampuan mengedit image dan halaman web dalam satu aplikasi (Jubile enterprise, 2006)