TUGAS MAKALAH KELOMPOK

MATA KULIAH PENGOLAHAN DATA TERDISTRIBUSI

Membuat Database & Desain Web

Menggunakan Xampp dan Makromedia Dreamweaver 8

Diajukan untuk melengkapi tugas Ujian Tengah Semester-5

Program studi Teknik Informatika

OLEH :

1. TRIYA SYIFA’AUR RAHMAH

2. UYUM UMYATI
3. VINA WIJAYANTI

DOSEN PEMBIMBING:
Bpk. ISKANDAR

TEKNIK INFORMATIKA
SEKOLAH TINGGI TEKNIK MUHAMMADIYAH
CILEUNGSI – BOGOR
Oktober 2014
 KATA PENGANTAR
Puji syukur saya panjatkan kehadirat Allah SWT, karena atas rahmat dan petunjuk-
Nya kami dapat menyelesaikan tugas mata kuliah Pengolahan Data terdistribusi ini.

Tugas ini kami susun dalam rangka memenuhi nilai tugas Ujian Tengah Semester
(UTS) semester-5. Dalam tugas makalah ini kami mengambil pilihan membuat database
menggunakan Xampp dan mengkonfigurasikannya dengan Dreamweaver, karena bagi kami
kedua aplikasi tersebut belum pernah kami pahami sebelumnya sehingga dibuatnya tugas ini
kami tertarik lebih dalam untuk mempelajarinya. Makalah ini kami buat dengan harapan
dapat menjadi penambah nilai dan dapat diambil manfaat dan pembelajaran bagi yang
membacanya.

Kami menyadari tugas ini masih memiliki banyak kekurangan. Untuk itu kedepannya
besar harapan kami kepada Dosen Pembimbing agar tidak bosan membantu membimbing
dalam memberikan materi- materi jika ada yang saya kurang pahami. Sesudahnya, saya
mohon maaf bila ada kata-kata yang kurang berkenan dan terimakasih.

Hormat Kami,

Triya, Uyum &

Vina.
 PENDAHULUAN
BAB I
A. Latar Belakang

Seiring dengan berlalunya zaman, teknologi dan media telekomunikasi telah

berkembang sangat pesat. Mulai dari internet, antenna bola, smartpone, tablet, dan alat
canggih lainya. Di era globalisasi sekerang ini kita sudah tidak asing lagi dengan yang
namanya internet, Dengan hadirnya internet yang merupakan pengembangan teknologi
komunikasi dan informasi, maka semakin mudah mengakses berbagai informasi secara
internasional.

Kami sebagai mahasiswa teknik Informatika khususnya tentu ikut andil dalam
mengembangkan teknologi berbasis web atau internet untuk masa depan. Kami mencoba
belajar dari yang hal yang terkecil dahulu dengan membuat Web dengan database yang
dibuat dari program aplikasi Xampp dan desain website nya dibuat dengan aplikasi
Makromedia Dreamweaver 8. Yang dimana cita-cita dari kami semoga Web yang kami buat
dapat bermanfaat bagi pengunjungnya. Amin.

B. Tujuan

Tugas ini kami susun dalam rangka memenuhi nilai tugas Ujian Tengah Semester
(UTS) semester-5. Dalam tugas makalah ini kami mengambil pilihan membuat database
menggunakan Xampp dan mengkonfigurasikannya dengan Dreamweaver, karena bagi kami
kedua aplikasi tersebut belum pernah kami pahami sebelumnya sehingga dibuatnya tugas ini
kami tertarik lebih dalam untuk mempelajarinya. Makalah ini kami buat dengan harapan
dapat menjadi penambah nilai dan dapat diambil manfaat dan pembelajaran bagi yang
membacanya.
 BAB II

A. PEMBAHASAN

PENGERTIAN XAMPP

Kepanjangan dari XAMPP yaiut Apache, PHP, MySQL dan Perl. XAMPP adalah
perangkat lunak bebas, yang mendukung banyak system oprasi, merupakan kompilasi dari
beberapa program.XAMPP merupakan tool yang menyediakan paket perangkat lunak ke
dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan
instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.

XAMPP merupakan salah satu paket installasi Apache, PHP dan MySQL instant yang
dapat kita gunakan untuk membantu proses installasi ketiga produk tersebut.Selain paket
installasi instant XAMPP versi 1.6.4 juga memberikan fasiltias pilihan pengunaan PHP4 atau
PHP5.Untuk berpindah versi PHP yang ingin digunakan juga sangat mudah dilakukan dengan
mengunakan bantuan PHP-Switch yang telah disertakan oleh XAMPP, dan yang terpenting
XAMPP bersifat free atau gratis untuk digunakan.

XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah
paket.Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi
web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan
mengkonfigurasikannya secara otomatis. Merupakan web server yang mudah digunakan
yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat
mendownload langsung dari web resminya.

MENGENAI PHP
 Bahasa pemrograman PHP merupakan bahasa pemrograman untuk mebuat web
yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web
yang bersifat dinamis.PHP dapat dijalankan pada berbagai macam Operating System (OS),
misalnya Windows, Linux dan Mac OS.Selain Apache, PHP juga mendukung beberapa web
server lain, misalnya Microsoft IIS, Caudium, PWS dan lain-lain.

Seperti pernah disinggung sebelumnya bahwa PHP dapat memanfaatkan database

untuk menghasilkan halaman web yang dinamis.Sistem manajemen database yang sering
digunakan bersama PHP adalah MySQL.Namun PHP juga mendukung system manajemen
Database Oracle, Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya.

Hingga kini PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh
Object Oriented Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru
MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan peningkatan
kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan web server lainnya PHP
juga bersifat open source sehingga setiap orang dapat menggunakannya dengan gratis.

MENGENAI PHP MYADMIN

Pengelolaan database dengan MYSQL harus dilakukan dengan mengetikkan baris-

baris perintah yang sesuai (command line) untuk setiap maksud tertentu.Jika anda ingin
membuat database, ketikkan baris perintah yang sesuai untuk membuat database.Jika kita
ingin menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel.Hal
tersebut tentu cukup menyulitkan karena kita harus hafal dan mengetikkan perintahnya satu
persatu.

Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola data base
dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin kita dapat
 membuat tabel, mengisi data dan lain-lain dengan mudah tanpa harus hafal perintahnya.
Untuk mengaktifkan phpMyAdmin langkah-langkahnya adalah :
1. Jika belum memiliki file installasi, download file installasi tersebut dari web atau internet.
2. Setelah selesai mendownload file installasi, jalankan file tersebut dengan klik 2 kali
(doubleclick) file tersebut. Kemudian lakukan proses install seperti biasa.
3. Selanjutnya XAMPP akan langsung mencoba menjalankan hasil installasi dan melakukan
konfiguasi tambahan yang diperlukan, jika anda mengunakan windows XP SP2/Vista
kemungkinan akan muncul form security report seperti gambar 7 yang meminta konfirmasi
apakah program benar akan dijalankan. Karena memang benar kita menjalankan program
tersebut maka pilih tombol UNBLOCK pada form konfirmasi yang muncul tersebut.

4. Berikutnya akan muncul pesan jika konfigurasi installasi servcei selesai dilakukan.
5. Jika pada pilihan sebelumnya kita memilih untuk menjalankan XAMPP Control panel
maka secara automatis XAMPP control panel akan ditampilkan, form control panel XAMPP
seperti gambar 10 dibawah ini, dari control panel ini kita dapat mematikan atau
menjalankan service yang telah terinstall.

Sampai disini proses installasi Apache, PHP dan MySQL di komputer kita telah selesai
dan siap untuk digunakan. Untuk mencoba hasil installasi bukalah browser yang ada di
komputer anda kemudian pada address bar ketikan http://localhost:8080/xampp kemudian
 tekan enter untuk membrowse dan mencoba apakah webserver telah bisa digunakan. Jika
sukses maka akan muncul tampilan awal welcome screen XAMPP lalu pilih menu
phpMyAdmin. Kemudian lanjutkan langkah-langkah seperti berikut ini.

CONTOH XAMPP DATABASE Hijabers.com

1. Setting terlebih dahulu ke dalam Bahasa Inggris kemudian klik “database”

2. Buatlah nama database “Hijabers.com”, klik “Create”.

3. Klik databasenya kemudian isi nama tabel pertama “produk” dengan isi field 4. Klik Go.

4. Buatlah isi nama field sepeti gambar berikut, kemudian go.

5. Kemudian jadilah contoh table dengan database sebagai berikut:

6. Buat atau edit table-tabel berikutnya bila masih dibutuhkan dengan kembali mengisi field
beserta primary key nya.

LANGKAH-LANGKAH MEMBUAT WEB DESAIN DENGAN MAKROMEDIA

DREAMWEAVER

Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok

Macromedia yang digunakan untuk mengembangkan sebuah halaman web. Langkah-
langkah untuk membuat situs sederhana sebagai berikut:
a. Membuat folder utama yang akan diisi dengan semua file yang dibutuhkan untuk
membuat situs
 b. Mendefinisikan situs
c. Membuat file index.html dan file-file lain yang dibutuhkan untuk hyperlink
d. Mempublish situs

Berikut ini akan ditunjukkan langkah-langkah membuat situs sederhana dengan

menggunakan bahan-bahan (file gambar, video, teks) yang telah disediakan oleh
Macromedia Dreamweaver 8 dalam folder Hijabers.com.
1. Install terlebih dahulu aplikasi Makromedia Dreamwaeaver 8
2. Buka aplikasi Dreamweavernya kemudian pilih salah satu format nya sesuai
kebutuhan. Kami disini khususnya menggunakan PHP.

3. Kemudian desain tampilan website yang akan kita buat sesuai dengan keinginan kita
dengan menggunakan menu atau tool yang tersedia di dalamnya.
4. Masukkan foto, gambar, text, atau video sesuai kebutuhan website kita. Namun
sebelumnya gunakan query atau kodingan terlebih dahulu untuk memanggil foto-
foto yang tersimpan pada memori lain di komputer kita.

5. Setelah semua selesai, mari kita sambungkan dengan database yang kita buat di
aplikasi Xampp yang sudah kita buat tadi.
6. Setelah semua selesai kemudian Save pekerjaan yang sudah kita buat tadi. Kemudian
mari kita lihat hasil tampilan websitenya di http://localhost:8080/hijabers/baju.php.

(TAMPILAN HOME)

7. Klik-klik menu di dalamnya untuk melihat halaman lain di dalam website yang sudah
kita buat.

(TAMPILAN GALLERY) (TAMPILAN TUTORIAL)

8. Kemudian apabila kita ingin mengedit atau memperbaharui database Harga Produk
pada halaman websit, maka bisa dibuka di
http://localhost:8080/hijabers/data_user.php.
~SELESAI ~
 BAB III

KESIMPULAN

Kesimpulan yang didapatkan dari pengerjaan tugas Pengolahan Data Terdistribusi

berupa database yang menggunakan XAMPP merupakan sebuah aplikasi manfaatnya sangat
besar dalam membantu dan meningkatkan proses pekerjaan dan pembelajaran baik itu
sekolah maupun perusahaan-perusahaan.

Dengan aplikasi XAMPP ini, kita yang menggunakannya dapat saling berinteraksi
langsung dengan XAMPP. Pada aplikasi XAMPP sendiri memiliki sebuah keuntungan dimana
dalam aplikasi XAMPP tersebut sudah banyak mengandung aplikasi-aplikasi lainnya sebagai
suatu aplikasi web server, yang bermanfaat seperti Apache, MySql dan FileZilla yang masing
masing aplikasi tersebut memiliki keunggulan dan manfaat tersendiri yang telah dipadukan
dalam sebuah aplikasi XAMPP.

Aplikasi Dreamweaver yang biasa di gunakan oleh banyak web designer. untuk
membuat website. Kami memilih untuk menggunakannya karena kapasitas file dalam
Makromedia Dreamweaver yang dihasilkan begitu kecil sehingga memungkinkan pembuatan
animasi dan presentasi menjadi lebih baik portable (ringkas). Tersedia percampuran (mixing)
antara animasi dan suara, yang apabila dibuat pada program animasi lainnya membutuhkan
prosedur yang lebih banyak. Dari segi pemrograman Dreamweaver fitur pemrograman yang
tidak terlalu rumit dapat membuat suatu situs web yang sederhana tanpa melibatkan begitu
banyak kode pemrograman memungkinkan seorang programmer pemula seperti kami lebih
mudah untuk mempelajarinya. Maka dari itu aplikasi XAMPP untuk membuat database dan
aplikasi Makromedia Dreamweaver 8 adalah pilihan yang tepat untuk kita mahasiswa yang
sedang mendalami program.
 DAFTAR PUSTAKA

Artikel Internet

1. http://jenibastari.blogspot.com/2012/06/makalah-xampp-teori-sistem-basis-
data.html

2. http://www.apache.org.

3. www.ilmukomputer.com

4. http://www.pinterest.com/rababelnoury/muslim-hijab-is-fashionable/

5. http://miewhijab.blogspot.com/

6. http://hijabfashion.tk/tutorial-hijab-baru-2014/

7. Tugas yang dibuat oleh kami sendiri.