1 Praktikum #1 - Instalasi Perangkat 1. 2 Praktikum #2 - Dasar-Dasar HTML 9. 3 Praktikum #3 - Dasar-Dasar SQL 13

(1)

Daftar Isi

1 Praktikum #1 - Instalasi Perangkat 1

1.1 Tujuan . . . 1

1.2 Program yang dibutuhkan . . . 1

1.3 Langkah-Langkah Pekerjaan Dalam GNU Linux . . . 2

1.4 Langkah-Langkah Pekerjaan Dalam Microsoft Windows . . . 5

2 Praktikum #2 - Dasar-Dasar HTML 9 2.1 Tujuan . . . 9

2.3 Langkah-Langkah Pekerjaan . . . 10

3 Praktikum #3 - Dasar-Dasar SQL 13 3.1 Tujuan . . . 13

4 Praktikum #4 - Membaca dan Menghapus Isi Tabel/Data De-ngan PHP 21 4.1 Tujuan . . . 21

5 Praktikum #5 - Memasukkan Data 27 5.1 Tujuan . . . 27

(2)

6 Praktikum #6 - Pencarian Data 29 6.1 Tujuan . . . 29 6.2 Program yang dibutuhkan . . . 29 6.3 Langkah-Langkah Pekerjaan . . . 29

7 Praktikum #7 - Pemrosesan Data (Rekap) 31 7.1 Tujuan . . . 31 7.2 Program yang dibutuhkan . . . 31 7.3 Langkah-Langkah Pekerjaan . . . 31

8 Praktikum #8 - Membuat Grafik Rekap 33 8.1 Tujuan . . . 33 8.2 Program yang dibutuhkan . . . 33 8.3 Langkah-Langkah Pekerjaan . . . 33

9 Praktikum #9 - Membuat Login 35 9.1 Tujuan . . . 35 9.2 Program yang dibutuhkan . . . 35 9.3 Langkah-Langkah Pekerjaan . . . 35

10 Praktikum #10 - Sistem Online 37 10.1 Tujuan . . . 37 10.2 Program yang dibutuhkan . . . 37 10.3 Langkah-Langkah Pekerjaan . . . 37

11 Praktikum #11 - PHP Maker 39

11.1 Tujuan . . . 39 11.2 Program yang dibutuhkan . . . 39

(3)

(4)

(5)

Daftar Gambar

1 Login Synaptic Package Manager . . . 2

2 Mencari paket program . . . 3

3 Hasil Instalasi XAMPP . . . 5

4 XAMPP Control Panel . . . 6

5 Apache Web Server . . . 6

6 Cek Apache Web Server . . . 7

7 Form Login . . . 10

8 Form Isian Data Pribadi . . . 11

9 Menu Pada Tabel Kode Suku . . . 22

10 Menu Konfirmasi dan Hapus Data Suku . . . 23

11 Menu Pada Tabel Kode Pekerjaan . . . 24

12 Menu Konfirmasi dan Hapus Data Pekerjaan . . . 24

13 Menu Pada Tabel Anggota . . . 25

14 Menu Konfirmasi dan Hapus Data Anggota . . . 26

15 Form Isian Kode Suku . . . 27

16 Form Isian Anggota . . . 28

17 Form Pencarian Data . . . 29

18 Form Hasil Pencarian Data . . . 30

19 Grafik Anggota Menurut Kelas . . . 34

20 Form Login . . . 36

(6)

1 Praktikum #1 - Instalasi Perangkat

Praktikum #1 berisi materi tentang pengenalan instalasi perangkat lunak yang akan digunakan selama kuliah/praktikum, mencakup:

1. Apache Web Server 2. MySQL Database Server 3. PHP Programming

1.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah melakukan instalasi perangkat yang digunakan, baik dalam sistem operasi GNU Linux maupun Microsoft Windows.

1.2 Program yang dibutuhkan

Untuk pelaksanaan praktikum pada tahap ini, perangkat lunak yang dibu-tuhkan mencakup :

1. Synaptic Package Manager di dalam sistem operasi GNU Linux. 2. nmap di dalam GNU Linux.

3. XAMPP versi lama yang bisa diunduh di https://www.apachefriends.org/download.html. 4. nmap versi Microsoft Windows yang bisa diunduh di https://nmap.org/download.html.

(7)

1.3 Langkah-Langkah Pekerjaan Dalam GNU Linux

Jika proses dilakukan menggunakan komputer di Lab. Komputasi Dasar, maka gunakan GNU Linux yang ada di dalam Virtual Box, karena GNU Linux inilah yang bebas dimodifikasi. Urut-urutan perintah yang dilakukan dalam pelaksanaan praktikum kali ini adalah sebagai berikut :

1. Pemakai menjalankan Synaptic Package Manager. Setelah mengisi kata kunci root, maka pemakai masuk ke dalam menu Synaptic Package Ma-nager.

Gambar 1: Login Synaptic Package Manager

Untuk memudahkan pemakai dalam mencari program yang ada di GNU Linux, pemakai bisa mengklik tombol Search . Pemakai kemudian meng-klik tombol Search seperti pada tampilan berikut ini. GNU Linux akan menanyakan nama paket yang dicari.

Misalkan untuk memasang Apache Web Server, maka pada kotak pen-carian bisa diisi dengan Apache. Untuk Apache ini nama paket yang harus dipasang adalah Apache HTTP Server metapackage. Sedangkan jika mengacu kepada kebutuhan sistem, maka paket-paket yang sebaik-nya diinstal:

(8)

Gambar 2: Mencari paket program

(a) Apache HTTP Server metapackage

(b) MySQL database server (metapackage depending on the latest ver-sion)

(c) MySQL database client (metapackage depending on the latest ver-sion)

(d) MySQL module for php5

(e) PHPMyAdmin MySQL web administration tool

(f) php5-cli command-line interpreter for the php5 scripting language Jika ada paket-paket lain yang berkaitan, biasanya oleh Synaptic Package Manager sudah disertakan dalam proses instalasinya. Paket yang perlu diinstal juga akan berkembang seiring dengan paket-paket lain yang diin-stal ke dalam sistem. Pada paket yang akan diindiin-stal, pemakai melakukan klik kanan, kemudian memilih instal.

(9)

pema-kai mengklik tombol Apply untuk melakukan proses instalasi ke dalam sistem. Terkadang dibutuhkan DVD-1 dari GNU Linux dan bisa juga tidak membutuhkan DVD-1 tergantung pengaturan repositori dari GNU Linux.

3. Untuk mencek apakah proses instalasi sudah sukses, maka pemakai bisa menjalankan perintah nmap localhost pada Console.

dwijim@acer:~$ nmap localhost

Starting Nmap 6.00 ( http://nmap.org ) at 2016-03-23 12:17 WIT Nmap scan report for localhost (127.0.0.1)

Host is up (0.00042s latency).

Other addresses for localhost (not scanned): 127.0.0.1 Not shown: 993 closed ports

PORT STATE SERVICE 21/tcp open ftp 22/tcp open ssh 80/tcp open http 111/tcp open rpcbind 631/tcp open ipp 2000/tcp open cisco-sccp 3306/tcp open mysql

Nmap done: 1 IP address (1 host up) scanned in 0.22 seconds

(10)

1.4 Langkah-Langkah Pekerjaan Dalam Microsoft

Win-dows

Urut-urutan perintah yang dilakukan dalam pelaksanaan praktikum kali ini adalah sebagai berikut :

1. Mula-mula pemakai mengunduh program Xampp versi Windows. 2. Pemakai menginstal program Xampp.

Setelah instalasi Xampp berhasil maka di dalam komputer akan terdapat direktori xampp (bisa di drive C atau di drive D). Di dalam direktori ini terdapat beberapa direktori, seperti :

Gambar 3: Hasil Instalasi XAMPP

XAMPP bisa diakses melalui Xampp Control Panel. Dengan perangkat ini, bisa dilakukan pengontrolan terhadap Apache, MySQL dan beberapa fungsi lainnya yang disertakan di dalam Xampp.

(11)

Gambar 4: XAMPP Control Panel

Start dan Stop digunakan untuk menjalankan atau mematikan fungsi dari masing-masing Apache Web Server dan MySQL Database Server. 3. Untuk melakukan pengecekan apakah Apache web Server sudah bisa

di-gunakan, maka pemakai bisa mencoba mengkases ke web server dengan menggunakan web browser.

(12)

Jika di layar keluar tampilan yang berbeda, berarti masih adalah. Ma-salah yang terjadi, umumnya adalah karena Apache belum dijalankan, statusnya belum Running. Contoh tampilan kesalahan seperti misalnya :

Gambar 6: Cek Apache Web Server

4. Pemakai melakukan akses ke MySQL Database Server dengan menggu-nakan MySQL Client. Karena berkas MySQL Client ini ada di dalam direktori /xampp/mysql/bin maka sebaiknya pindah dulu ke dalam di-rektori tersebut. Selanjutnya pemakai menjalankan program mysql.exe.

C:\Documents and Settings\dwijim>cd \xampp\mysql\bin

C:\xampp\mysql\bin>mysql -u root -p Enter password:

Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 1

Server version: 5.5.27 MySQL Community Server (GPL)

(13)

Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners.

Type ’help;’ or ’\h’ for help. Type ’\c’ to clear the current input statement.

(14)

2 Praktikum #2 - Dasar-Dasar HTML

Praktikum #2 berisi materi tentang pengenalan tag-tag dasar dalam HTML, mencakup: 1. Tag < html > 2. Tag < table > 3. Tag < tr > 4. Tag < td > 5. Tag < marquee > 6. Tag < f orm >

7. Tag < input type... > 8. Tag < select name > 9. Tag < img src >

2.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah menge-nalkan tag di dalam HTML.

2.2 Program yang dibutuhkan

(15)

1. Text Editor. 2. Web Browser

2.3 Langkah-Langkah Pekerjaan

1. Membuat skrip HTML dengan isi tampilan login seperti berikut:

Gambar 7: Form Login

Untuk proses jika tombol Login di klik, tidak perlu dibuat. Cukup ben-tuk form seperti pada tampilan tersebut.

2. Membuat skrip HTML dengan isi tampilan pemasukan data seperti ber-ikut:

Obyek-obyek lain dibuat sesuai dengan tampilan, baik itu Radio But-ton ataupun Select Option. Untuk data pada bentuk-bentuk pilihan,

(16)

(17)

bisa contoh bebas saja. Misalkan pilihan kecamatan, pilihan suku dan sebagainya.

(18)

3 Praktikum #3 - Dasar-Dasar SQL

3.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah menge-nalkan dan menerapkan perintah-perintah SQL.

3.2 Program yang dibutuhkan

1. MySQL Database Server. 2. MySQL Client.

3.3 Langkah-Langkah Pekerjaan

1. Masuk ke dalam sistem MySQL dengan menggunakan MySQL Client. Adapun perintah yang digunakan adalah:

mysql -u root -p

(19)

d:

cd \xampp\mysql\bin mysql -u root -p

2. Membuat database dengan nama latihan.

create database latihan; use latihan;

(20)

+---+-- ---+---+---+---+---+ | Field | Type | Null | Key | Default | Extra | +---+-- ---+---+---+---+---+ | Nomor _Data | int(7) | NO | PRI | NULL | auto_increment | | ID_SI K | int(7) | YES | | 0 | | | Nama_ Lengkap | char(68) | N O | | -| | | Jenis _Kelamin | enum(’L’,’P’) | NO | | NULL | | | Tempa t_Lahir | char(46) | N O | | -| | | Tangg al_Lahir | date | NO | | NULL | | | Alama t | varchar(123) | YES | | -| | | RT | char(3) | YES | | -| | | RW | char(3) | YES | | -| | | Kecam atan | char(3) | YES | | -| | | Kelur ahan | int(5) | N O | | 0 | | | Statu s_Marital | char(1) | YES | | NULL | | | Suku | int(3) | YES | | 0 | | | Tingk at_Pendidikan | tinyint(1) | YES | | 0 | | | Progr am_Studi | int(4) | YES | | 0 | | | Golon gan_Darah | int(1) | Y ES | | 0 | | | Telpo n | char(23) | YES | | -| | | Email | char(46) | YES | | -| | | Kelas _Sekarang | enum(’Kelas 1’,’Kelas 2’, | YES | | NULL | | | | ’Kelas 3’,’Kelas 4’,’Kelas 5’) | | | | | +---+-- ---+---+---+---+---+

(21)

(22)

+---+---+---+---+---+---+ | Field | Type | Null | Key | Default | Extra | +---+---+---+---+---+---+ | kode_ bidang_pekerjaan | int(2) | NO | PRI | NULL | auto_increment | | nama_ bidang_pekerjaan | varchar(127) | NO | | N ULL | | +---+---+---+---+---+---+

(23)

(24)

+---+---+---+ ---+---+---+ | Field | Type | Null | Key | Default | Extra | +---+---+---+ ---+---+---+ | kode | int(3) | NO | PRI | NULL | | | keter angan | char (27) | NO | | NULL | | +---+---+---+ ---+---+---+

(25)

6. Mengisi contoh-contoh data suku dengan perintah SQL. Adapun contoh data sukunya: +---+---+ | kode | keterangan | +---+---+ | 1 | Jawa | | 2 | Sunda | | 3 | Bali | | 4 | Batak | | 5 | Madura | | 6 | Banten | | 7 | India | | 8 | Minang | | 9 | Palembang | | 10 | Melayu | | 11 | Ambon | | 12 | Manado | | 13 | Betawi | | 14 | Kutai | | 15 | Cina | | 16 | Lampung | +---+---+

7. Mengisi contoh-contoh kode pekerjaan dengan menggunakan perintah SQL.

+---+---+ | 106 | Keperawatan | | 107 | Keuangan | | 108 | Data Control Keuangan | | 109 | Asuransi | | 110 | PNS | | 111 | Dokter Gigi | | 112 | Karyawan BUMN | | 113 | PETERNAKAN | +---+---+

8. Mengisi contoh-contoh data-data anggota. Data bisa diisi dengan data simulasi saja.

(26)

4 Praktikum #4 - Membaca dan Menghapus

Isi Tabel/Data Dengan PHP

4.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah membuat program untuk membaca dan menampilkan data dari tabel anggota yang telah dibuat. Hasil ditampilkan ke layar dalam format tabel dan kemudian membuat link untuk menghapus data.

4.2 Program yang dibutuhkan

Untuk melaksanakan praktikum ini, dibutuhkan program Apache Web Server, MySQL Database Server dan PHP yang sudah aktif di dalam Apa-che. Program-program ini sudah terpaket di dalam program XAMPP. Selain program-program tersebut, praktikum ini juga membutuhkan tabel-tabel ang-gota, kode suku dan kode pekerjaan seperti yang sudah dibuat pada praktikum sebelumnya.

4.3 Langkah-Langkah Pekerjaan

1. Membuat skrip untuk menampilkan isi tabel kode suku dan membuat link untuk menghapus seperti pada contoh berikut ini. Untuk mengha-pus bisa dibuat link biasa saja (sama seperti link untuk Edit, tidak perlu menggunakan check box.

(27)

(28)

2. Membuat skrip untuk menghapus data anggota sesuai dengan data yang dipilih. Skrip ini akan dijalankan, jika pemakai memilih hapus data se-perti pada tampilan kode suku sebelumnya.

Gambar 10: Menu Konfirmasi dan Hapus Data Suku

3. Membuat skrip untuk menampilkan isi tabel kode pekerjaan dan membu-at link untuk menghapus seperti pada contoh berikut ini. Untuk meng-hapus bisa dibuat link biasa saja (sama seperti link untuk Edit, tidak perlu menggunakan check box.

4. Membuat skrip untuk menghapus data kode pekerjaan sesuai dengan da-ta yang dipilih. Skrip ini akan dijalankan, jika pemakai memilih hapus data seperti pada tampilan kode pekerjaan sebelumnya.

(29)

Gambar 11: Menu Pada Tabel Kode Pekerjaan

(30)

untuk menghapus seperti pada contoh berikut ini. Untuk menghapus bisa dibuat link biasa saja (sama seperti link untuk Edit, tidak perlu menggunakan check box.

(31)

6. Membuat skrip untuk menghapus data anggota sesuai dengan data yang dipilih.

(32)

5 Praktikum #5 - Memasukkan Data

5.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah membuat skrip PHP untuk memasukkan data ke dalam tabel anggota.

5.2 Program yang dibutuhkan

Untuk melaksanakan praktikum ini, dibutuhkan program Apache Web Se-rver, MySQL Database Server dan PHP yang sudah aktif di dalam Apache. Program-program ini sudah terpaket di dalam program XAMPP.

5.3 Langkah-Langkah Pekerjaan

1. Buatlah skrip PHP untuk memasukkan kode suku. Contoh model pe-masukan kode suku:

(33)

2. Buatlah skrip PHP untuk memasukkan data anggota. Contoh model pemasukan data anggota:

Gambar 16: Form Isian Anggota

(34)

6 Praktikum #6 - Pencarian Data

6.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah menge-nalkan cara membuat fasilitas pencarian pada suatu tabel.

6.2 Program yang dibutuhkan

6.3 Langkah-Langkah Pekerjaan

1. Tabel anggota sudah dibuat dan diisi dengan data. Jumlah data lebih banyak lebih baik, supaya hasil pencarian bisa lebih bervariasi.

2. Membuat form input pemasukan pencarian menurut potongan nama (ti-dak harus berisi nama lengkap).

Gambar 17: Form Pencarian Data

3. Setelah pemakai sistem memasukkan potongan nama yang akan dicari, kemudian sistem akan menampilkan data-data yang sesuai. Pada menu

(35)

Gambar 18: Form Hasil Pencarian Data

(36)

7 Praktikum #7 - Pemrosesan Data (Rekap)

7.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah mahasiswa dapat mengolah dari data mentah menjadi data dalam bentuk rekapitulasi data. Misalnya jumlah data anggota per kecamatan, jumlah data anggota menutur suku, dan sebagainya.

7.2 Program yang dibutuhkan

Untuk melaksanakan praktikum ini, dibutuhkan program Apache Web Server, MySQL Database Server dan PHP yang sudah aktif di dalam Apa-che. Program-program ini sudah terpaket di dalam program XAMPP. Selain program-program tersebut, praktikum ini juga membutuhkan tabel-tabel ang-gota, kode suku dan kode pekerjaan seperti yang sudah dibuat pada praktikum sebelumnya. Kemudian dibutuhkan juga tabel rekapitulasi untuk menyimpan hasil pemrosesan.

7.3 Langkah-Langkah Pekerjaan

1. Buatlah tabel rekap dengan struktur seperti berikut ini:

+---+---+---+---+---+---+ | Field | Type | Null | Key | Default | Extra | +---+---+---+---+---+---+ | Kode | char(11) | NO | PRI | NULL | | | Keterangan | char(68) | NO | | - | |

(37)

| Jumlah | int(5) | NO | | 0 | | +---+---+---+---+---+---+

2. Tabel anggota sebaiknya datanya ditambah dengan berbagai variasi data, supaya terlihat pada hasil pengolahannya.

3. Buatlah skrip untuk membuat rekap data menurut kecamatan berda-sarkan data dari tabel anggota. Hasil pengolahannya bisa dilihat pada contoh berikut.

+---+---+---+ | Kode | Keterangan | Jumlah | +---+---+---+ | 01 | Cibeber | 14 | | 02 | Cilegon | 31 | | 05 | Jombang | 9 | | 07 | Purwakarta | 6 | | 08 | Citangkil | 3 | | 11 | Serang | 15 | +---+---+---+

4. Buatlah skrip untuk membuat rekap data menurut kelas. Hasil pengola-hannya bisa dilihat pada contoh berikut.

Data diperoleh dari tabel anggota.

Hasil rekap ini, sebaiknya kemudian ditampilkan ke dalam format html meng-gunakan skrip PHP.

(38)

8 Praktikum #8 - Membuat Grafik Rekap

8.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah menam-pilkan hasil perhitungan (rekapitulasi) ke dalam bentuk grafik.

8.2 Program yang dibutuhkan

Program tambahan yang dibutuhkan untuk praktikum ini adalah paket pembuatan grafik bernama Fusin Chart.

8.3 Langkah-Langkah Pekerjaan

Untuk praktikum ini, maka tabel rekap sudah berhasil diisi sesuai dengan data yang ada pada tabel anggota. Hal ini sudah dilakukan pada praktikum sebelumnya. Dari data hasil rekap ini, buatlah grafik anggota menurut kelas. Dari hasil perhitungan rekapitulasi data, maka diperoleh angka-angka berikut:

Data ini kemudian dikonversi ke dalam bentuk grafik. Contoh hasil, bisa dili-hat pada tampilan berikut ini.

(39)

(40)

9 Praktikum #9 - Membuat Login

9.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah membuat sistem dengan pengamanan menggunakan login. Dengan login ini, maka hanya pemakai yang sudah terdaftar saja, yang bisa mengakses ke dalam sistem.

9.2 Program yang dibutuhkan

Untuk melaksanakan praktikum ini, dibutuhkan program Apache Web Se-rver, MySQL Database Server dan PHP yang sudah aktif di dalam Apa-che. Program-program ini sudah terpaket di dalam program XAMPP. Se-lain program-program tersebut, praktikum ini juga membutuhkan tabel untuk mendata nama pemakai dan kata kunci yang akan digunakan untuk mengakses sistem.

9.3 Langkah-Langkah Pekerjaan

1. Untuk tampilan awal, buatlah menu login seperti pada contoh berikut.

2. Jika pemakai memasukan kata kunci dan nama akun yang tidak sesuai, maka akan ditolak oleh sistem.

(41)

Gambar 20: Form Login

(42)

3. Jika nama login dan kata kunci sesuai dengan isi yang ada di data, maka pemakai bisa masuk ke dalam sistem.

4. Perlu dicek, misalnya suatu modul/skrip diakses langsung dengan menu-liskannya di bagian address, maka seharusnya modul tersebut tidak bisa diakses.

10 Praktikum #10 - Sistem Online

10.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah membuat sistem yang sudah dikembangkan selama ini, bisa diakses melalui internet. Selain itu juga, untuk mengenalkan lingkungan yang berbeda dengan tempat yang selama ini digunakan untuk menulis program.

10.2 Program yang dibutuhkan

Hal-hal yang diperlukan untuk melakukan proses migrasi menjadi sistem yang bersifat online adalah:

1. Email untuk melakukan pendaftaran hosting.

2. Hosting internet, bisa menggunakan sarana free hosting.

10.3 Langkah-Langkah Pekerjaan

(43)

1. Meng-export database ke suatu berkas berformat .sql. Berkas ini nantinya akan di-import ke database yang sifatnya online.

2. Mengkompres berkas-berkas .php yang sudah dibuat menjadi satu berkas .zip. Hal ini dilakukan supaya proses upload ke server menjadi lebih praktis.

3. Mendaftar akun di free hosting seperti misalnya https://www.000webhost.com, www.freewebhostingarea.com, https://www.freehostia.com,

http://www.weebly.com/features/free-web-hosting atau bisa juga di tem-pat lain sesuai dengan selera.

4. Menunggah database dan skrip PHP ke server yang sebelumnya sudah dilakukan pendaftaran.

5. Mengganti skrip koneksi dan database sesuai dengan akun yang sudah dibuat.

6. Mencoba mengakses sistem yang sudah dipublikasikan dengan menggu-nakan browser dan alamatnya sesuai dengan nama akun yang digumenggu-nakan pada waktu pendaftaran.

(44)

11 Praktikum #11 - PHP Maker

11.1 Tujuan

Tujuan yang ingin dicapai pada materi praktikum kali ini adalah menge-nalkan pemakaian PHP Generator menggunakan perangkat lunak PHP Maker.

11.2 Program yang dibutuhkan

Untuk melaksanakan praktikum ini, selain perangkat dasar web base, juga dibutuhkan perangkat lunak PHP Maker. PHP Maker versi terakhir bisa dili-hat pada alamat http://www.hkvstore.com/phpmaker/. PHP Maker tersedia (hanya) untuk sistem operasi Microsoft Windows.

11.3 Langkah-Langkah Pekerjaan

1. Database dan tabel-tabel pada materi praktikum sebelumnya sudah se-lesai dibuat dan sebaiknya ada datanya.

2. Perangkat XAMPP atau AppServ versi Microsoft Windows sudah ter-pasang.

3. Dengan menggunakan sistem operasi Microsoft Windows, perangkat lu-nak PHP Maker diinstal.

(45)

5. Membuat pilihan select option untuk suku, pekerjaan, kecamatan dan kelurahan tempat tinggal, serta pilihan-pilihan lain yang memungkinkan. 6. Membuat pilihan dengan radio button untuk pilihan jenis kelamin dan

golongan darah.

7. Membuat report daftar anggota. 8. Membuat sistem login.

9. Membuat skrip sendiri yang digabungkan ke dalam menu PHP Maker, misalnya menu grafik digabungkan ke dalam menu pilihan.