1. Pengertian PHP
PHP adalah bahasa pemrograman yang memungkinkan para web developer untuk
membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan dari Perl3
Hypertext Preprocessor. PHP dapat diintegrasikan ke dalam web server, atau dapat
berperan sebagai program CGI yang terpisah. Karakteristik yang paling unggul dan paling
kuat dalam PHP adalah lapisan integrasi database (database integration layer). Database
yang didukung PHP adalah : Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL,
Informix, Solid, dBase, ODBC, Unix dbm, dan PostgreSQL.2
Kelebihan PHP dari bahasa pemrograman lain :
a. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
b. Web Server yang mendukung PHP dapat mudah ditemukan dari mulai IIS sampai
dengan apache.
c. Dalam sisi pengembangan lebih mudah, karena banyaknya developer yang siap
membantu dalam pengembangan.
d. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux,
unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
dapat menjalankan perintah - perintah sistem.
2.Pengertian AJAX
AJAX merupakan singkatan dari Asynchronous Javascript And XML. AJAX bukan
merupakan teknologi yang berdiri sendiri, namun terdiri dari gabungan beberapa teknologi,
antara lain :
a. XHTML untuk membuat halaman web.
b. CSS untuk tampilan halaman web.
c. XML untuk format data.
d. XML Http Request untuk proses pengiriman dan penerimaan data.
3. Perancanganan Sistem
Aplikasi chat room yang akan di bangun meliputi beberapa rancangan sistem yaitu
rancangan sistem menggunakan metode UML (Unified Modelling Language) suatu metode
yang akan digunakan untuk menspesifikasikan, memvisualisasikan, membangun dan
mendokumentasikan bagian - bagian tertentu dari suatu pengembangan sistem software
yang berbasis pada obyek.
Chat room ini merupakan rancangan beberapa chat room default yang terdapat pada
aplikasi chat, rancangan diagram meliputi use case diagram, class diagram, sequence
diagram dan activity diagram. Keempat ini akan menggambarkan proses dari aplikasi chat
room yang akan dibangun.
A. Use Case Diagram
Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau
pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun,
karakteristik use case adalah interaksi atau dialog antara sistem dan aktor, termasuk
pertukaran pesan dan tindakan yang dilakukan oleh sistem.
Use case harus menyediakan nilai minimal kepada satu aktor. Use case bisa
memiliki perluasan yang mendefinisikan tindakan khusus dalam interaksi atau use case lain
mungkin disisipkan. Use case class memiliki objek use case yang disebut skenario, skenario
menyatakan urutan pesan dan tindakan tunggal. Pada use case diagram ini diperlihatkan
hubungan yang terjadi antara aktor - aktor dengan use case - use case dalam sistem dan
menjelaskan manfaat dari sistem jika dilihat menurut pandangan orang yang berada di luar
sistem. Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana
sistem berinteraksi.
Penjelasan Diagram :
Interaksi user dengan sistem dapat dijelaskan bahwa sebelum melakukan login
sebagai member, terlebih dahulu melakukan daftar sebagai member, kemudian setelah login,
user dapat melakukan chat room publik / multiuser dan chat private, user member dapat
melihat chat room, profil dan edit profil, user member dapat melakukan kirim file dengan user
yang sedang online.
Penjelasan Diagram :
Interaksi User Administrator dengan sistem dapat dijelaskan bahwa login terlebih
dahulu sebagai administrator, administrator dapat melakukan lihat admin, edit admin, tambah
admin dan hapus admin. Administrator dapat lihat member yang terdaftar, edit member dan
hapus member, administrator dapat melakukan upload smiley dan hapus smiley. Kemudian
administrator dapat melakukan lihat history chat dan hapus history chat.
B. Class Diagram
Class diagram digunakan untuk membantu dalam visualisasi struktur kelas - kelas
dari suatu sistem. Class diagram memperlihatkan hubungan antar kelas dan penjelasan
detail tiap – tiap kelas di dalam model desain dari suatu sistem. Class diagram dari aplikasi
ini
Penjelasan diagram :
1) Class User dengan pesan adalah user dapat mengirimkan pesan chat room satu
pesan atau lebih dari satu pesan, dimana relasinya one (satu) to many (banyak)
pada id_user dengan pesan.
2) Class User dengan chat_private adalah user dapat melakukan chat private
dengan user yang dituju, pada user online yang ada pada temp_online, user
dapat mengirim pesan private kepada 1 (satu) user atau lebih dari satu user.
3) Class temp online merupakan class dimana user pada saat online akan
menambahkan pada class ini, sehingga user dapat melakukan chat private
hubungannya dengan user adalah 1 (satu) ke 1 (satu).
4) Administrator adalah class digunakan sebagai user admin yang dapat mengelola
dari sebuah halaman web chat tersebut.
5) Class smiley adalah class yang digunakan untuk menampilkan suatu objek image
atau gambar untuk menyampaikan pesan pada saat user mengirimkan pesan
chat room atau private.
C. Sequence Diagram
Sequence diagram menjelaskan interaksi objek yang disusun dalam suatu urutan
waktu. Sequence diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi
untuk menghasilkan sesuatu di dalam use case.
Penjelasan diagram sequence proses daftar :
1) User menginputkan alamat web untuk menampilkan halaman Login.
2) User memilih daftar yang selanjutnya akan menampilkan halaman daftar.
3) kemudian user menginputkan nama, email, username dan password yang diminta
halaman daftar.
4) Input tersebut akan divalidasi untuk disimpan ke dalam database dan jika gagal
maka akan kembali ke halaman daftar.
5) Kemudian user mengirimkan aktivasi member ke database jika gagal maka
kembali ke halaman daftar dan apabila berhasil maka ke halaman login.
Penjelasan Diagram :
1) User menginputkan halaman web dan akan menampilkan halaman login, dan
tampilan halaman login dikembalikan ke user.
2) Kemudian user memilih halaman login, halaman login meminta request username
dan password.
3) Lalu user menginputkan username dan password ke halaman login setelah itu
halaman login memvalidasikan input ke database jika gagal maka kembali ke
halaman login dan jika berhasil load ke halaman chat area, halaman chat area
menampilkan ke user.
Penjelasan proses diagram :
1) User dapat melakukan proses ke server dan server akan melakukan
pengecekan terlebih dahulu dan server akan mengirim respon ke klien dengan
mengirimkan data berupa HTML.
2) Script AJAX akan mengolah data HTML dan menjalankan perannya dengan
memanggil HTML dan HttpRequest untuk pengecekan koneksi antara server dan
klien.
3) Kemudian AJAX akan melakukan pemanggilan yang ada pada aplikasi, sebelum
proses berlangsung, script AJAX akan melakukan konfigurasi tipe ChatRoom,
ChatPrivate, Lihat Profile, Edit Profile, View profile dan Kirim file akan terjadi
proses simpan ke database sampai file yang dikirimkan sudah selesai.
4) Selama proses simpan berlangsung, file ChatRoom, ChatPrivate, Lihat Profile,
Edit Profile, View profile dan Kirim file yang tadi, dapat dilihat oleh user.
Kecepatan proses simpan ke database tergantung pada kecepatan akses atau
bandwidth suatu jaringan komputer tertentu.
D. Activity Diagram
Aktivitas diagram adalah representasi grafis dari workflow kegiatan bertahap dan
tindakan dengan dukungan untuk pilihan, iterasi dan konkurensi. Dalam Unified Modeling
Language, diagram aktivitas dapat digunakan untuk menggambarkan langkah demi langkah
alur kerja komponen dalam sistem. Seperti terlihat pada gambar 3.74
Penjelasan Diagram :
1) Ketika masuk dalam aplikasi, user yang telah terdaftar melakukan login ke sistem,
sedangkan yang belum terdaftar, maka diharuskan mendaftar terlebih dahulu.
2) Proses pendaftaran ini melibatkan administrator untuk menerima atau menolak
pendaftar yang telah masuk.
3) Apabila data pendaftar sudah ada sebelumnya, maka user diharuskan untuk
mengubah data - datanya.
4) User yang berhasil login bisa mengakses fitur - fitur dalam aplikasi yaitu chatting,
kirim file, lihat profile, edit profile. Apabila login gagal, maka akan kembali ke
halaman login.
5) Untuk mengakhiri sesi, user diharuskan untuk logout dari sistem.
Untuk lebih lengakpnya silakan download tutorialnya disini :
http://adf.ly/F08Y8
.jpg)
.jpg)
