43
3.5 Flowchart
Flowchart atau diagram alir merupakan diagram untuk memberikan gambaran aliran kegiatan dari awal hingga akhir mengenai suatu langkah-langkah dalam menyelesaikan
suatu masalah. Untuk dapat melakukan kegiatan chat pada Web Chat ini kegiatan awal yang
sangat perlu dilakukan adalah mengaktifasikan Server. Mengaktifkan Server dilakukan oleh seorang administrator dengan memasukkan data berupa Username, email dan
password.
3.5.1 Flowchart Aktifasi
Server Web Chat
Loginframe adalah form dimana seorang administrator memasukkan beberapa data. Data yang dimasukkan pada loginframe adalah Username, e-mail dan password. Apabila login
berhasil maka akan muncul Servercontroller dan secara otomatis Server aktif. Jika login tidak berhasil maka akan kembali pada kegiatan login. Gambar 3.3 menunjukkan urutan
dalam mengaktifasi Server web chat.
Universitas Sumatera Utara
44
Gambar 3.3 Flowchart Aktifasi Server Web Chat
3.5.2 Flowchart Login
dan Form Chat User Web Chat
Dalam memulai kegiatan chat, Client menjalankan web-browser, lalu mengisikan URL menuju pada web chat. Setelah web chat berjalan maka Client harus melakukan login
untuk menjadi User, yaitu dengan mengisikan Username dan memilih room. Gambar 3.4 menunjukkan urutan kegiatan login pada Client web chat.
Tidak
Ya Mulai
Loginframe
Username, email, password
Login, Server aktif?
Selesai Servercontroller
Universitas Sumatera Utara
45
Gambar 3.4 Flowchart Login dan Form Chat User Web Chat
3.5.3 Flowchart Form
User Web Chat
Form User adalah tampilan utama dari web chat. Pada form ini User dapat mengirim dan membaca pesan, selain itu terdapat menu Connection, User, Zoom, serta Logout. Gambar
3.5 menunjukkan segala urutan kegiatan yang dapat dilakukan pada Client Web Chat.
Aktif Tidak
aktif Mulai
Isi Username dan,pilih room
Pengecekan server
A Jalankan aplikasi
web chat Jalankan browser
Universitas Sumatera Utara
46
Gambar 3.5 Flowchart Form User Web Chat
3.5.4 Flowchart Menu
Channel Web Chat
Pada Gambar 3.6 menunjukkan urutan kerja pada menu Channel. Pada menu ini terdapat pilihan untuk melakukan Join Channel yaitu untuk melakukan perpindahan dari room
Tidak
Ya Tidak
Kegiatan tidak langsung
Kegiatan langsung
A
Pilih kegiatan
Ya User aktif
Pilih menu
Tulis pesan
Pesan dibalas?
Logout
User nonaktif
Selesai B
C D
Universitas Sumatera Utara
47
awal ke room lainnya. Pada sub menu Part Channel berfungsi untuk member informasi di room mana user berada.
Gambar 3.6 Flowchart Menu Channel Web Chat
Tidak Tidak
Ya
Ya Tidak
Ya B
Menu Channel
Join room
Pesan dibalas?
Logout
Selesai Part channel
Room user aktif
Tulis pesan
User non-aktif
Universitas Sumatera Utara
48
3.5.5 Flowchart Menu