Flowchart Aktifasi Flowchart Login Flowchart Form Flowchart Menu

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