16
APLIKASI REGISTRASI ONLINE PADA WEBSITE INTERAKTIF By Gapra. [email protected] I. PENDAHULUAN Bagi para webmaster (pengelola website), registrasi online ini dapat dijadikan sebagai bahan masukan tentang website yang dibuatnya. Aplikasi Registrasi Online adalah salah satu fasilitas yang diberikan di banyak website. Dengan adanya registrasi online pada website, pengunjung website dapat mengisikan data-data dirinya kepada pengelola website untuk nantinya agar bisa mengakses data yang ada pada website tersebut dan juga bisa memasuka data ke dalam website tersebut tergantung website itu menyediakan posting untuk upload data. Penyimpanan data registrasi nantinya akan di simpan di dalam database MySQL untuk keamanan data bagi para pengunjung, tentunya dengan PHP keamanan data akan lebih terjaga. II. BATASAN MASALAH Untuk membuat aplikasi Registrasi Online pada website yang bertujuan agar websirte yang kita buat menjadi interaktif, tentunya kita butuh suatu bahasa pemrograman atau program. Program disini penulis memakai bahasa pemrograman HTML (Hypertext Markup Language) dan PHP (PHP Hypertext Preprocessor) serta didukung dengan CSS (Cascading Style Sheet) dan web server menggunakan WAMPServer yang sekaligus menyediakan MySQL untuk koneksi dengan database. III. HASIL DAN IMPLEMENTASI Struktur dalam pembuatan Registrasi Online yang interaktif terdiri dari dua file induk, yaitu registrasi.php dan kirim.php (nama file terserah si pembuatnya). File registrasi.php berfungsi menampilkan form isian untuk data registrasi pengunjung dan data isian yang akan dikirim oleh pengunjung. File kirim.php berfungsi untuk memproses data registrasi yang dikirimkan melalui form dari file registrasi.php. By Gapra.......[email protected] 1

APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

  • Upload
    phamnhu

  • View
    244

  • Download
    6

Embed Size (px)

Citation preview

Page 1: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

APLIKASI REGISTRASI ONLINE

PADA WEBSITE INTERAKTIF

By Gapra. [email protected]

I. PENDAHULUAN

Bagi para webmaster (pengelola website), registrasi online ini dapat dijadikan sebagai

bahan masukan tentang website yang dibuatnya. Aplikasi Registrasi Online adalah

salah satu fasilitas yang diberikan di banyak website. Dengan adanya registrasi online

pada website, pengunjung website dapat mengisikan data-data dirinya kepada

pengelola website untuk nantinya agar bisa mengakses data yang ada pada website

tersebut dan juga bisa memasuka data ke dalam website tersebut tergantung website

itu menyediakan posting untuk upload data.

Penyimpanan data registrasi nantinya akan di simpan di dalam database MySQL

untuk keamanan data bagi para pengunjung, tentunya dengan PHP keamanan data

akan lebih terjaga.

II. BATASAN MASALAH

Untuk membuat aplikasi Registrasi Online pada website yang bertujuan agar websirte

yang kita buat menjadi interaktif, tentunya kita butuh suatu bahasa pemrograman atau

program. Program disini penulis memakai bahasa pemrograman HTML (Hypertext

Markup Language) dan PHP (PHP Hypertext Preprocessor) serta didukung dengan

CSS (Cascading Style Sheet) dan web server menggunakan WAMPServer yang

sekaligus menyediakan MySQL untuk koneksi dengan database.

III. HASIL DAN IMPLEMENTASI

Struktur dalam pembuatan Registrasi Online yang interaktif terdiri dari dua file induk,

yaitu registrasi.php dan kirim.php (nama file terserah si pembuatnya). File

registrasi.php berfungsi menampilkan form isian untuk data registrasi pengunjung

dan data isian yang akan dikirim oleh pengunjung. File kirim.php berfungsi untuk

memproses data registrasi yang dikirimkan melalui form dari file registrasi.php.

By [email protected] 1

Page 2: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Dalam menuliskan kode program, dalam windows kita dapat menggunakan notepad,

wordpad, notepad++ atau yang lainnya terserah si pembuatnya. Sedangkan dalam

linux kita bisa menggunakan texteditor, mousepad atau yang lainnya yang

mendukung di system operasi linux.

Berikut adalah struktruk kode program php (php script) untuk membuat file

registrasi.php :

By [email protected] 2

Page 3: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 3

Page 4: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 4

Page 5: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 5

Page 6: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 6

Page 7: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Simpan kode program diatas dengan nama registrasi.php dalam direktori web server

anda. Pada bagian pertama dalam kode program diatas adalah form HTML yang

disediakan untuk diisikan registrasi pengunjung oleh para pengunjung. Data registrasi

yang diisikan oleh pengunjung nantinya akan diproses oleh file kirim.php dengan

parameter action=”kirim.php”. Data registrasi yang dikirimkan akan disimpan ke

dalam file teks yaitu di file data_registrasi.txt untuk arsip data bagi pengunjung.

Dalam aplikasi PHP, kita tak akan jauh-jauh dengan HTML yang akan selalu

menyertainya untuk memaksimalkan apklikasi yang akan kita buat, bisa juga

menambahkan dengan program CSS (Cascading Style Sheet) atau pun Java.

Hasil dari kode program diatas akan menghasilkan tampilan form pengisian data

registrasi pengunjung sebagai berikut :

By [email protected] 7

Page 8: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Gambar 1.1 Tampilan design Gapranimator Registrations Online

Tampilan form HTML diatas berfungsi untuk para pengunjung untuk mengisikan

data diri pengunjung yang akan registrasi dan nantinya akan diproses oleh file

kirim.php.

Dibawah ini adalah struktur kode program (script) untuk membuat file kirim.php

yang nantinya akan memproses data masukan registrasi dari para pengunjung.

By [email protected] 8

Page 9: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 9

Page 10: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 10

Page 11: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

By [email protected] 11

Page 12: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Dari kode program PHP diatas, <?php echo $_POST[‘nama’] ?>; adalah kode

untuk memproses inputan dari nama yang diisikan kemudian PHP akan

memprosesnya dan mencetaknya ke file kirim.php, sama halnya dengan <?php echo

$_POST[‘jk1’] ?>; adalah kode untuk memproses inputan dari options radio pria

atau wanita dan kemudian dicetak oleh file kirim.php, sama halnya dengan yang

lainnya fungsi dari <?php echo $_POST [‘…..’] ?>; adalah untuk memproses

inputan dan kemudian PHP akan mencetaknya.

Setelah kode program PHP diatas selesai dituliskan, kemudian simpan dengan nama

kirim.php pada direktori penyimpanan file registrasi.php pada direktori web server

kita tentunya. Untuk melihat hasilnya, pertama yang kita lakukan adalah dengan :

1. Pertama buka file registrasi.php akan muncul tampilan sebagai berikut :

Gambar 1.2 Tampilan file registrasi.php

By [email protected] 12

Page 13: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

2. Kemudian isikan data-data untuk registrasi pada file registrasi.php, contoh

seperti dibawah ini:

Gambar 1.3 Pengisian Data Registrasi

Isikan data-data diri pada bagian-bagiannya tentunya, dan pada bagian select option

pada tanggal pilh tanggal sesuai dengan tanggal lahir Anda, pada select option bulan

pilih bulan lahir Anda dan pada select option propinsi pilih sesuai dengan propinsi

yang Anda tempati. Kemudian isikan data diri lengkap secara benar dan tidak ada

satupun yang tidak terisi, tuliskan pesan Anda, setelah selesai tekan tombol KIRIM.

By [email protected] 13

Page 14: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Gambar 1.4 Tampilan pengisian data lengkap

3. Kemudian tekan tombol KIRIM untuk melihat hasil dari pengisian data registrasi

Anda. Disini file kirim.php akan memproses data-data registrasi yang telah

pengunjung inputkan dan mengeksekusinya kemudian menampilkan data-data

hasil registrasi pengunjung, maka hasil dari proses kirim.php akan terlihat seperti

dibawah ini :

By [email protected] 14

Page 15: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

Gambar 1.5 Tampilan proses kirim.php

Setelah selesai memproses data-data registrasi, pengunjung juga bisa mengedit

kembali atau merubah data-data kembali dengan menekan tombol EDIT pada

bagian kiri bawah untuk kembali mengisikan atau merubah data-data

registrasinya. Setelah diedit kemudian tekan tombol KIRIM.

By [email protected] 15

Page 16: APLIKASI REGISTRASI ONLINE PADA WEBSITE · PDF fileAPLIKASI REGISTRASI ONLINE ... contoh seperti dibawah ini: Gambar 1.3 Pengisian Data Registrasi ... misalnya Apache, Microsoft IIS,

IV. KESIMPULAN

Dari aplikasi Registrasi Online diatas yang saya buat, kita dapat menarik kesimpulan

dari aplikasi diatas bahwa pemrograman web dengan menggunakan program PHP

serta didukung dengan HTML-nya dan CSS untuk mempermudah pengaturan

tampilan bahwa program PHP atau sejenisnya mempunyai suatu kelebihan sendiri.

Disini penulis membuat aplikasi diatas dengan menggunakan program PHP. Mengapa

menggunkan PHP? Pemrograman yang berjalan pada server banyak sekali. Setiap

program mempunyai kelebihan dan kekurangan. Saat ini banyak website yang

menggunakan program PHP sebagai dasar pengolahan data. Beberapa keunggulan

yang dimiliki Program PHP adalah :

• PHP memiliki tingkatan akses yang lebih cepat.

• PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti

perkembangan teknologi Internet.

• PHP memiliki tingkat keamanan yang tinggi.

• PHP mampu berjalan di beberapa server yang ada, misalnya Apache,

Microsoft IIS, PWS, AOLserver, phttpd, fhttpd, Xitami, XAMPP,

WAMPServer dan lainnya.

• PHP mampu berjalan dilinux sebagai platform system operasi utama bagi

PHP, namun juga dapat berjalan di FreeBSD, Unix, Solaris, Windows dan

lain-lain.

• PHP juga mendukung akses ke beberapa database yang sudah ada, baik yang

bersifat free/gratis ataupun komersial. Database itu antara lain MySQL,

PosgreSQL, mSQL, Informix, dan MicrosoftSQL server.

• PHP bersifat free atau gratis.

Tentunya untuk dapat menjalankan file PHP, kita harus mempunyai web server yang

nantinya akan membuka file PHP tersebut dan untuk memprosesnya.

By [email protected] 16