BAB 4 PERANCANGAN E-COMMUNITY

Transkripsi

1 BAB 4 PERANCANGAN E-COMMUNITY 4.1 Site Map Visitor Dari analisis masalah yang dilakukan, telah didapatkan sebuah solusi yaitu perancangan E-Community pada Laboratorium Manajemen. Berikut ini adalah Site map visitor yang akan digunakan. Gambar 4.1 Site Map Visitor 76

2 Rancangan Layar Untuk Visitor Halaman Home Gambar 4.2 Tampilan Halaman Home (visitor) Tampilan ini merupakan tampilan awal dari E-Community dimana pada tampilan ini terdapat: banner Laboratorium Manajemen, menu tetap (home, about management laboratory, FAQ, SiteMap, Contact Us) pada bagian atas; login dengan memasukkan dan kata sandi, pendaftaran regular, pendaftaran yang terintegrasi dengan facebook pada bagian kiri; welcome banner, foto anggota Laboratorium Manajemen, serta ucapan selamat datang dari Laboratorium Manajemen pada bagian tengah; dan footer pada bagian bawah.

3 Halaman A bout Manageme nt Laboratory Gambar 4.3 Tampilan Halaman About Management Laboratory (visitor) Tampilan halaman di atas merupakan halaman about management laboratory yang menjelaskan tentang laboratorium manajemen. Halaman ini terbagi lagi menjadi 4 bagian antara lain Vision (Visi dan Misi), Achievements (Prestasi yang Telah Dicapai), Research (Riset-riset Yang Telah Dilakukan), dan Structure (StrukturOrganisasi).

4 Halaman Vision Gambar 4.4 Tampilan Halaman Vision (visitor) Tampilan halaman di atas merupakan tampilan ketika visitor memasuki sub menu Vision. Pada halaman ini dipaparkan Visi dan Misi yang dimiliki oleh Laboratorium Manajemen.

5 Halaman Achievements Gambar 4.5 Tampilan Halaman Achievements (visitor) Tampilan halaman di atas merupakan tampilan ketika visitor memasuki sub menu Achievements. Pada halaman ini terdapat list prestasi-prestasi yang selama ini telah diraih oleh anggota Laboratorium Manajemen di berbagai kejuaraan, lomba dan kompetisi sejak pertama kali didirikan.

6 Halaman Research Gambar 4.6 Tampilan Halaman Research (visitor) Tampilan di atas merupakan halaman research yang memberikan suatu daftar riset-riset yang telah dilakukan Laboratorium Manajemen selama ini, baik riset internal (di dalam Binus) maupun riset eksternal hasil kerjasama dengan pihak-pihak di luar Binus (misal universitas lain, perusahaan atau pemerintah).

7 Halaman Structure Gambar 4.7 Tampilan Halaman Structure (visitor) Pada halaman ini ditampilkan struktur organisasi yang ada di Laboratorium Manajemen dan orang-orang yang menempati posisi tersebut.

8 Halaman FAQ Gambar 4.8 Tampilan Halaman FAQ (visitor) Pada halaman FAQ (Frequently Ask Questions) berisi kumpulan-kumpulan pertanyaan yang sekiranya sering ditanyakan, sebagai informasi kepada siapa saja yang ingin mengenal Laboratorium Manajemen lebih jauh.

9 Halaman Site Map Gambar 4.9 Tampilan Halaman site map (visitor) Pada halaman site map ini dijelaskan mengenai link-link aktif, yang berguna untuk membantu para visitor memahami apa saja yang ada di website ini.

10 Halaman Contact Us Gambar 4.10 Tampilan Halaman Contact Us (visitor) Pada halaman contact us ini ditampilkan alamat, nomor telepon dan sekretariat Laboratorium Manajemen.

11 Site Map Member Gambar 4.11 Tampilan Site Map Member

12 Rancangan Layar Untuk Member Halaman Pendaftaran Gambar 4.12 Tampilan Halaman Pendaftaran Tampilan menu untuk melakukan pendaftaran akan selalu muncul di bagian kiri sebelum user melakukan pendaftaran, atau dengan kata lain akan selalu muncul pada tampilan-tampilan rancangan layar visitor. Cara pertama pendaftaran dapat dilakukan dengan meng-klik Sign Up Now.

13 Halaman Formulir Pendaftaran Gambar 4.13 Tampilan Halaman Formulir Pendaftaran Setelah visitor atau calon member meng-klik Sign Up Now, maka akan muncul formulir pendaftaran seperti diatas yang harus diisi secara lengkap.

14 Halaman Pendaftaran Menggunakan Facebook (1) Gambar 4.14 Tampilan Halaman Pendaftaran Menggunakan Facebook (1) Tampilan menu pendaftaran akan selalu ada pada halaman visitor. Cara kedua untuk melakukan pendaftaran adalah dengan menggunakan facebook. Syaratnya adalah calon member harus mempunyai account facebook. Untuk memulai langkahnya, klik Connect with Facebook seperti pada tampilan di atas.

15 Halaman Pendaftaran Menggunakan Facebook (2) Gambar 4.15 Tampilan Halaman Pendaftaran Menggunakan Facebook (2) Halaman Login facebook ini akan muncul setelah meng-klik connect with facebook. Calon member dapat mengisi dan password sesuai dengan account facebook yang telah dimiliki Halaman Pendaftaran Menggunakan Facebook (3) Gambar 4.16 Tampilan Halaman Pendaftaran Menggunakan Facebook (3)

16 91 Setelah login facebook dilakukan, maka akan akan ditampilkan halaman permintaan perijinan akses dari facebook. Disini E-Community Laboratorium Manajemen Binus University telah didaftarkan sebagai suatu aplikasi pada facebook, sehingga dapat saling terintegrasi.

17 Halaman Pendaftaran Menggunakan Facebook (4) Gambar 4.17 Tampilan Halaman Pendaftaran Menggunakan Facebook (4) Halaman diatas menampilkan proses akhir pendaftaran dengan menggunakan facebook, calon member E-Community cukup memasukkan alamat account facebook-ny a pada field box yang telah disediakan.

18 Halaman Home Gambar 4.18 Tampilan Halaman Home (member) Gambar diatas merupakan tampilan layar awal ketika pertama kali diakses oleh member. Pada bagian paling atas terdapat banner dan menu-menu tetap yang terdiri dari : home,

19 94 about management laboratory, my profile, forum, members, groups, events, gallery, FAQ, sitemap, contact us. Pada bagian kiri akan ditampilkan fitur search, foto dan nama member, help, menu logout; fitur inbox untuk menerima dan mengirim pesan, fitur friend request untuk menerima teman, dan fitur notifications yaitu fasilitas pemberitahuan yang berguna untuk menyadarkan member apabila terdapat pesan ataupun friend request yang baru; serta ditampilkan widget upcoming events untuk memudahkan member mengetahui event-event apa saja yang akan diadakan oleh Laboratorium Manajemen dalam waktu dekat. Pada bagian tengah terdapat fitur share something yang berfungsi bagi member untuk menuangkan apa yang sedang di dalam benak atau pikiran mereka, kemudia ditampilkan widget Latest Activity yang dapat memudahkan member mengetahui info-info terbaru mengenai member baru maupun share something dari member lain. Pada bagian kanan terdapat kumpulan widget yaitu latest post (memudahkan member untuk mengetahui topik-topik terbaru dalam forum diskusi), upcoming birthday (informasi member yang akan berulang tahun), dan new members (siapa aja yang masih baru dalam E-Community Laboratorium Manajemen Binus University). Pada bagian bawah terdapat footer, fitur online chat secara personal dengan member yang ada pada E-Community, serta fitur IRC untuk dapat membuat suatu kelompok chat atau multi person chat (chatroom yang dapat dimasuki oleh para member yang sedang online untuk melakukan online chat bersama-sama).

20 Halaman Message Gambar 4.19 Tampilan Halaman Message

21 96 Tampilan diatas merupakan gambar halaman untuk mengirim pesan kepada sesama member. Terdapat inbox (kotak masuk), sent box (kotak keluar, pesan yang sudah pernah kita kirim), dan create message (untuk mengirim pesan baru)

22 Halaman Request Gambar 4.20 Tampilan Halaman Request

23 98 Tampilan diatas merupakan tampilan halaman request friend. Member dapat mengirimkan permintaan untuk menjadi teman dengan member lain yang sudah terdaftar pada E-Community

24 Halaman Notifications Gambar 4.21 Tampilan Halaman Notifications

25 100 Gambar diatas menampilkan halaman notifications, merupakan fasilitas pemberitahuan yang berguna untuk menyadarkan member apabila terdapat pesan ataupun friend request yang baru.

26 Halaman About Management Laboratory Gambar 4.22 Tampilan Halaman About Management Laboratory (member)

27 102 Tampilan halaman di atas merupakan halaman about management laboratory yang menjelaskan tentang laboratorium manajemen. Halaman ini terbagi lagi menjadi 4 bagian antara lain Vision (Visi dan Misi), Achievements (Prestasi yang Telah Dicapai), Research (Riset-riset Yang Telah Dilakukan), dan Structure (StrukturOrganisasi).

28 Halaman My Profile Gambar 4.23 Tampilan Halaman My Profile (member)

29 104 Pada halaman my profile ini, member dapat melihat profile nya sendiri, memilih foto yang akan ditampilkan, lokasi, menunjukkan keanggotaan dalam suatu group, kehadiran member dalam suatu event. Member juga dapat mengubah profile dengan meng-klik menu edit profil. Selain itu, member dapat menuangkan sesuatu yang ada di dalam benak mereka melalui fitur share something yang akan secara otomatis tercantum pada widget Latest Activity, serta meng-upload musik dan video. Member lain yang mengunjungi profil kita, akan dapat menambahkan kita ke dalam friendlist-nya, memberikan suatu komentar pada foto maupun kegiatan-kegaiatan dan share something kita yang ditampilkan oleh widget Latest Activity, dan mendownload musik dan video yang sudah kita share.

30 Halaman Edit Profile Update Gambar 4.24 Tampilan Halaman Edit Profile (member)

31 106 Gambar diatas menampilkan halaman untuk mengedit profile dari member. Member dapat mengganti user name-nya, lokasi, , password, ulang tahun, dan deskripsi mengenai dirinya. Setelah mengisi form, maka member dapat meng-klik update agar data profilnya dapat diperbarui.

32 Halaman Edit Photo Gambar 4.25 Tampilan Halaman Edit Photo (member)

33 108 Tampilan diatas merupakan gambar tampilan untuk mengedit atau mengganti foto yang hendak dijadikan profile picture. Member dapat memilih foto dari album-album yang telah ada maupun meng-upload foto baru dari komputernya. Setelah memilih foto, klik update, dan profile picture akan terganti dengan foto terbaru yang dipilih.

34 Halaman Forum (1) Gambar 4.26 Tampilan Halaman Forum 1 (member)

35 110 Gambar diatas menampilkan forum diskusi bagi member untuk melakukan diskusi atau obrolan dengan member lain sesuai dengan topik yang diminati. Member dapat melihat pengelompokan apa saja yang sudah dibuat oleh administrator pada submenu forum home yang berupa public forum dan dapat membuat topik baru didalamnya, melihat postingan terbaru pada submenu new post, berdiskusi secara privat dengan anggota grup pada my groups (hanya member yang tergabung dalam suatu group yang dapat melihat isi forum, membuat topik, dan membalas postingan), dan dengan mudah dapat memantau topik yang sudah dibuat oleh member itu sendiri pada my topics. Pada forum, semua postingan atau diskusi dari para member diarsipkan sehingga member dapat membacanya kembali kapanpun.

36 Halaman Forum (2) Create Topic Gambar 4.27 Tampilan Halaman Forum 2 (member)

37 112 Tampilan diatas merupakan halaman forum setelah salah pengelompokan topik yang ada pada public forum di-klik. Member dapat melihat topik-topik yang sudah dibuat oleh member lain dan membalas atau mengomentarinya. Selain itu, member juga dapat membuat topik baru.

38 Halaman Members Gambar 4.28 Tampilan Halaman Members

39 114 Pada halaman members ini, member dapat melihat keseluruhan anggota E-Community. Member dapat mencari member lain dengan menggunakan menu browse, melihat siapa saj a member lain yang sedang online pada menu online now, melihat siapa saja yang sudah berteman dengan kita pada menu friends (keuntungan menjadi teman dapat saling mengirim pesan, menulis atau memberi komentar pada profil teman, mengetahui informasi-informasi ter-update tentang kegiatan-kegiatan yang dilakukan oleh teman kita), melakukan pencarian yang lebih spesifik dengan advanced search, dan dapat melihat friend request kita yang masih belum diterima oleh member lain pada menu pending. Pada bagian kanan, terdapat widget new members yang akan menampilkan anggota baru dari E-Community yang baru saja terdaftar.

40 Halaman Groups add new groups Gambar 4.29 Tampilan Halaman Groups

41 116 Gambar diatas menampilkan menu groups, dimana member dapat membentuk suatu subgrup-subgrup sendiri atau sub-komunitas sesuai dengan ketertarikan atau kepentingan yang sama pada suatu hal (hobi, musik, profesi, kelas, dll). Misalnya dibentuk alumni grup, maka para alumni dapat bergabung pada grup tersebut dan terkumpul menjadi satu komunitas baru, dapat saling berbagi info secara privat dalam grup tersebut. Contoh lain adalah grup penyuka musik jazz, member yang menyukai musik jazz dapat mendaftar dan melakukan diskusi langsung dengan penyuka musik jazz yang lain pada grup tersebut.

42 Halaman SubGroups Gambar 4.30 Tampilan Halaman SubGroups

43 118 Gambar diatas menampilkan halaman subgroups, misalnya subgrup Asisten Laboratorium Manajemen, subgrup Alumni, subgrup kelas 01PFJ, dsb. Untuk menjadi member subgrup harus me-request pada owner dari grup tersebut (jika diberi hak akses), tetapi jika tidak, member dapat join langsung ke dalam grup. Kemudian setelah menjadi member subgrup tersebut, member dapat berdiskusi pada forum, men-share foto, video, menulis pada wall subgrup, dan mengirim private message pada semua member subgrup.

44 Halaman Events Gambar 4.31 Tampilan Halaman Events

45 120 Gambar diatas menampilkan menu events, yang terdiri dari submenu upcoming events (menampilkan kegiatan-kegiatan yang akan terjadi), past events (kegiatan-kegiatan yang telah terjadi), friend events (kegiatan-kegiatan yang dihadiri oleh member lain yang sudah menjadi friend), my events (kegiatan apa saja yang diikuti oleh member tersebut), dan pending (kegiatan yang ingin diikuti oleh member namun belum mendapat approval dari administrator). Pada bagian kanan terdapat widget upcoming event untuk memudahkan member melihat kegiatan-kegiatan apa yang akan terjadi tanpa harus meng-klik menu ev ents.

46 Halaman Gallery Gambar 4.32 Tampilan Halaman Gallery

47 122 Halaman ini digunakan untuk menampilkan foto-foto yang di-upload oleh semua member pada E-Community dan dikumpulkan menjadi sebuah Gallery. Submenu yang ada yaitu recent (untuk menampilkan foto-foto terbaru yang diunggah oleh member), most commented (foto yang paling banyak diberi komentar oleh member E-Community), my photos (menampilkan foto-foto yang diupload oleh member itu sendiri), group photos (foto-foto yang diupload pada grup yang member tersebut masuki), event photos (fotofoto kegiatan), dan add new photos (untuk meng-upload foto).

48 Halaman FAQ (member) Gambar 4.33 Tampilan Halaman FAQ (member)

49 124 Pada halaman FAQ (Frequently Ask Questions) berisi kumpulan-kumpulan pertanyaan yang sekiranya sering ditanyakan, sebagai informasi kepada siapa saja yang ingin mengenal Laboratorium Manajemen lebih jauh.

50 Halaman SiteMap (member) Gambar 4.34 Tampilan Halaman SiteMap (member) Pada halaman site map ini dijelaskan mengenai link-link aktif, yang berguna untuk membantu para member memahami apa saja yang ada di website ini.

51 Halaman Contact Us Gambar 4.35 Tampilan Halaman Contact Us Pada halaman contact us ini ditampilkan alamat, nomor telepon dan sekretariat Laboratorium Manajemen.

52 Halaman File Gambar 4.36 Tampilan Halaman File Gambar diatas adalah tampilan halaman file, yang ditampilkan pada latest activity, dimana member dapat melihat file-file yang diupload oleh admin dan mendownloadnya.

53 Site Map Adminidstrator Gambar 4.37 Tampilan Site Map Amdinistrator

54 Rancangan Layar Untuk A dministrator Halaman Home Gambar 4.38 Tampilan Halaman Home (admin)

55 130 Gambar diatas merupakan tampilan layar awal ketika pertama kali admin login. Pada bagian paling atas terdapat banner dan menu-menu tetap yang terdiri dari : home, about management laboratory, my profile, forum, members, groups, events, gallery, FAQ, sitemap, contact us. Pada bagian kiri akan ditampilkan fitur search, launch admin, foto dan nama admin, help, menu logout; fitur inbox untuk menerima dan mengirim pesan, fitur friend request untuk menerima teman, fitur notifications yaitu fasilitas pemberitahuan yang berguna untuk menyadarkan admin apabila terdapat pesan ataupun friend request yang baru, fitur add new video, photos, music, events, group, blog, bulletin, files; serta ditampilkan widget upcoming events yang dapat diatur admin untuk memudahkan member mengetahui event-event apa saja yang akan diadakan oleh Laboratorium Manajemen dalam waktu dekat. Pada bagian tengah terdapat fitur share something yang berfungsi bagi admin dan member untuk menuangkan apa yang sedang di dalam benak atau pikiran mereka, kemudia ditampilkan widget Latest Activity. Khusus untuk admin, dapat menghapus Latest Activity yang dianggap tidak sesuai dengan etika atau mengganggu. Pada bagian kanan terdapat kumpulan widget yaitu latest post, upcoming birthday (informasi member yang akan berulang tahun), dan new members (siapa aja yang masih baru dalam E-Community Laboratorium Manajemen Binus University). Pada bagian bawah terdapat footer, fitur online chat, serta fitur IRC untuk dapat membuat suatu chatroom.

56 Halaman Message Gambar 4.39 Tampilan Halaman Message Tampilan halaman diatas sama dengan tampilan halaman message pada member.

57 Halaman Request Gambar 4.40 Tampilan Halaman Request Tampilan halaman diatas sama dengan tampilan halaman request pada member.

58 Halaman Notifications Gambar 4.41 Tampilan Halaman Notifications Tampilan halaman diatas sama dengan tampilan halaman notifications pada member.

59 Halaman A bout Management Laboratory Gambar 4.42 Tampilan Halaman About Management Laboratory (admin)

60 135 Tampilan halaman about management laboratory pada admin sama dengan tampilan pada visitor dan juga member. Yang membedakan disini adalah admin dapat mengedit isi kontennya sesuai dengan perkembangan informasi terupdate mengenai Laboratorium Manajemen.

61 Halaman My Profile Gambar 4.43 Tampilan Halaman My Profile (admin)

62 137 Sama halnya dengan member, admin juga mempunyai halaman profil. Fungsinya adalah memudahkan member untuk dapat berkomunikasi (berdiskusi, bertanya, memberi kritik dan saran) dengan admin secara langsung untuk mengenal lebih jauh Laboratorium Manajemen.

63 Halaman Edit Profile Gambar 4.44 Tampilan Halaman Edit Profile (admin)

64 139 Tampilan edit profile admin sama dengan member, hanya saja admin dapat mengubah isi dari form edit profile yang ada. Misalnya jika admin menambahkan field box pekerjaan, hobi, buku favorit, dll pada form edit profile. Admin akan menambahkan field box jika mendapatkan banyak masukan dari member-membernya dan dirasa informasi tersebut perlu ditambahkan.

65 Halaman Edit Photo Gambar 4.45 Tampilan Halaman Edit Photo (admin) Seperti halnya member, admin juga dapat mengedit dan mengupload foto.

66 Halaman Forum Edit Delete Gambar 4.46 Tampilan Halaman Forum (admin) Halaman forum diatas sama dengan halaman forum pada member, yang membedakan disini adalah admin dapat menambah, mengedit, dan menghapus public forum. Admin

67 142 juga dapat untuk melakukan privatisasi pada forum, yaitu admin dapat mengatur hak ak ses forum (siapa saja y ang bisa melihat maupun mengak ses forum). Fungsi admin yang paling utama disini adalah memantau topik-topik yang ada dan balasan postingan member. Jika terdapat member yang melanggar etika, misalnya melakukan spam, admin dapat menghapus spam-spam tersebut dan memperingatkan member yang melakukan spam.

68 Halaman Members Edit Gambar 4.47 Tampilan Halaman Members (admin)

69 144 Pada halaman members ini, admin dapat melihat keseluruhan anggota E-Community. Admin dapat mencari member dengan menggunakan menu browse, melihat siapa saja member yang sedang online pada menu online now, melihat siapa saja yang sudah berteman dengan admin pada menu friends (keuntungan menjadi teman dapat saling mengirim pesan, menulis atau memberi komentar pada profil teman, mengetahui informasi-informasi ter-update tentang kegiatan-kegiatan yang dilakukan oleh teman kita), melakukan pencarian yang lebih spesifik dengan advanced search, dan dapat melihat friend request yang masih belum diterima oleh member pada menu pending. Pada bagian kanan, terdapat widget new members yang akan menampilkan anggota baru dari E-Community yang baru saja terdaftar. Perbedaan dengan tampilan members pada member adalah admin dapat melakukan manage member dengan meng-klik edit yang akan kemudian di-link kan ke halaman launch admin.

70 Halaman Groups add new groups delete Gambar 4.48 Tampilan Halaman Groups (admin)

71 146 Halaman groups admin sama dengan member, yang membedakan adalah admin dapat menghapus grup yang dianggap tidak sesuai dengan etika yang ada, misal menyangkut SARA. Admin juga dapat melihat semua grup dan aktivitasnya tanpa terkecuali.

72 Halaman Subgroups Gambar 4.49 Tampilan Halaman SubGroups (admin)

73 148 Gambar diatas menampilkan halaman subgroups, misalnya subgrup Asisten Laboratorium Manajemen, subgrup Alumni, subgrup kelas 01PFJ, dsb. Admin dapat melihat semua subgrup yang dibuat oleh member, mengeditnya, maupun menghapusnya.

74 Halaman Events Gambar 4.50 Tampilan Halaman Events (admin) Tampilan halaman events admin sama halnya dengan member.

75 Halaman Gallery Edit Gambar 4.51 Tampilan Halaman Gallery (admin) Gambar diatas adalah tampilan halaman gallery admin, tampilannya sama dengan member, hanya saja admin mempunyai hak untuk menghapus foto dan komentar-komentar dari

76 151 member yang ada. Admin dapat melakukan edit dengan dua cara. Yang pertama admin dapat meng-klik foto yang hendak dihapus dahulu, lalu menghapus foto tersebut atau menghapus komentar yang tidak pantas. Cara kedua, admin meng-klik edit dan akan tersambung dengan halaman launch admin. Pada halaman launch admin, admin dapat dengan lebih leluasa menghapus banyak foto secara bersamaan.

77 Halaman FAQ Gambar 4.52 Tampilan Halaman FAQ (admin) Admin dapat mengedit content FAQ yang akan ditampilkan.

78 Halaman Site Map Gambar 4.53 Tampilan Halaman Site Map (admin)

79 Halaman Contact Us Gambar 4.54 Tampilan Halaman Contact Us (admin) Admin dapat mengedit content Contact Us yang akan ditampilkan.

80 Halaman Launch A dmin (1) Gambar 4.55 Tampilan Halaman Launch Admin (1)

81 156 Gambar diatas menampilkan menu khusus admin yaitu launch admin, yang didalamnya terdapat tiga submenu yaitu manage member, manage events, dan manage groups. Pada manage member, admin dapat menghapus member, mengatur member level (asisten, alumni, regular member, dosen, dll sesuai dengan kebutuhan). Selain itu admin dapat melihat setiap member, tanggal daftar, last login setiap member yang terakhir kali mengakses E-Community dan melakukan reset pasword untuk para member yang lupa akan pasword-ny a.

82 Halaman Launch A dmin (2) Gambar 4.56 Tampilan Halaman Launch Admin (2) Gambar diatas adalah tampilan manage ev ents, dimana admin dapat membuat k egiatankegiatan terbaru, mengedit kegiatan yang ada, menghapus kegiatan, mengundang atau

83 158 menerima request dari member untuk mengikuti kegiatan, dan meng-upload foto-foto kegiatan dari Laboratorium Manajemen. Contoh penggunaannya adalah kegiatan penerimaan asisten baru (mulai dari perekrutan, tes seleksi, pengumuman, penerimaan dan training), kegiatan-kegiatan seperti seminar ataupun rapat kerja, rekreasi bersama, reuni dengan alumni-alumni Laboratorium Manajemen.

84 Halaman Launch A dmin (3) Gambar 4.57 Tampilan Halaman Launch Admin (3) Gambar diatas adalah tampilan manage gallery, dimana admin dapat menghapus foto-foto yang dianggap tidak layak untuk ditampilkan dan mengatur penempatan letaknya.

85 Halaman A dd New Files Gambar 4.58 Tampilan Add New Files

86 Halaman Pop Up Halaman Online Chat Gambar 4.59 Tampilan Halaman Online Chat Gambar diatas menunjukkan fitur online chat, member dapat mengetahui siapa saja yang sedang online dan melakukan chat secara personal dengan member lain yang sedang online. Selain itu, terdapat pilihan untuk go offline, jika member sedang tidak ingin online, maka member dapat menyembunyikan status onlinenya. Fitur ini akan muncul pada semua halaman admin dan member.

87 Halaman Chat Rooms (IRC) Gambar 4.60 Tampilan Halaman Chat Rooms (IRC) Gambar diatas menunjukkan fitur IRC ( chatrooms), dimana member dapat melakukan multiperson chat dengan membuat room-room sesuai dengan kebutuhan/kepentingan. Fitur ini akan muncul pada semua halaman admin dan member.

88 Evaluasi Perancangan Layar Berdasarkan Eight Golden Rules Berik ut ak an dilakuk an ev aluasi user interface atau perancangan lay ar dari E- Community ini berdasarkan Eight Golden Rules, dimana terdapat aturan-aturan seperti : 1) Konsisten : tampilan dari E-Community ini telah cukup konsisten, dapat dilihat dari penggunaan bahasa inggris pada semua menunya, desain setiap halaman, besar dan warna tulisan, serta tata letak page secara keseluruhan. 2) Memudahkan user dalam menggunakan jalan pintas Pada perancangan E-Community ini telah dibuat berbagai jalan pintas agar user tidak perlu meng-klik berbagai halaman untuk mencapai tujuan yang diinginkan. Contoh: Gambar 4.61 Contoh Penggunaan Jalan Pintas Ketiga contoh diatas mewakili perancangan layar dari visitor, member, dan administrator. Pada perancangan layar visitor bagian kiri, akan selalu muncul button untuk melakukan pendaftaran, bahkan ditambahkan fasilitas untuk mendaftar melalui facebook (jika mempunyai account facebook). Dengan

89 164 demikian, visitor akan senantiasa selalu diingatkan untuk login atau melakukan pendaftaran ketika ia melihat menu-menu yang tersedia untuk visitor. Pada perancangan layar member bagian kanan, akan selalu dimunculkan widget latest post, birthday, dan new members. Hal ini dimaksudkan agar member dapat dengan mudah untuk mengetahui update dari forum tanpa harus mengklik menu forum, mengetahui member lain yang berulang tahun tanpa harus meng-klik profil member lain satu persatu, dan mengetahui siapa saja yang baru saja terdaftar dalam E-Community tanpa harus masuk ke menu friends. Contoh yang terakhir adalah perancangan layar pada administrator. Admin dapat dengan mudah menemukan menu launch admin karena akan selalu muncul pada bagian kanan halaman. 3) Menawarkan umpan balik informasi Umpan balik dari sistem yang diberikan adalah seperti ketika visitor mengisi form pendaftaran, maka akan mendapat informasi bahwa pendaftaran telah berhasil dilakukan atau tidak. Gambar 4.62 Contoh Penggunaan Umpan Balik 4) Merancang dialog untuk menghasilkan keadaan akhir. Untuk menanggapi aksi yang dilakukan dengan sukses oleh user pada sistem, selalu diberikan dialog pesan yang menyatakan kesuksesan aksi tersebut dan langkah untuk mempersiapkan aksi berikutnya.

90 165 Contoh : Gambar 4.63 Contoh Penggunaan Dialog Keadaan Akhir 5) Menawarkan pencegahan kesalahan dan penanganan kesalahan sederhana Jika user membuat kesalahan maka akan muncul peringatan dan memberitahu apa saja kesalahan yang dilakukan oleh user, contoh : Gambar 4.64 Contoh Penanganan Kesalahan yang Sederhana. 6) Mudah untuk kembali ke tindakan awal Dalam E-Community ini memang tidak banyak terdapat button back atau cancel, tetapi menu navigasinya dibuat sedemikian lengkap beserta widget-widget yang akan selalu muncul pada setiap halaman, sehingga user akan mudah untuk menuju ke halaman manapun juga. 7) Mendukung internal locus control Admin mempunyai hak akses penuh dan untuk mengontrol dan menjaga informasi pada web E-Community.

91 166 8) Mengurangi beban ingatan jangka pendek. Untuk memenuhi aturan ini, menu dan navigasi dibuat sedemikian mudah dan terpusat. User dapat mem-view halaman apapun dari tiap halaman, sehingga memudahkan user dalam melakukan navigasi, tidak perlu menghafal. Fitur-fitur web yang disajikan seperti forum, FAQ, Online Chat, Chat Rooms (IRC), widget (Latest Activity, Latest Post, Upcoming Event, Birthday, New Member), update status, events, groups, friend request, upload (foto, video, musik, file)message, notifications, search engine dan Site Map yang diharapkan akan dapat membantu user mendapat informasi lebih cepat dan akurat. 4.9 Perbandingan E-Community Laboratorium Manajemen dengan E-Community Lainnya. Tabel 4.1 Perbandingan E-Community Lab.Manajemen dengan E-Community Lainnya Fitur E-Community Lab Manajemen Binus Mailing List Group Facebook Forum (ubulletin) Update Status V - V - Forum V - V V Online Chat V - V - Group V - V - Message V V V V Event V - V - Upload foto, video, music, file V V V V

92 167 FAQ V - V V Search Engine V - V V Polling V View / add Friends V V V V IRC V Notification V V V V Pada Maliling List, kurang praktis karena semua message akan terkirim pada semua member, tidak ada message yang dapat terfilter. Selain itu tidak ada pengelompokan yang jelas seperti ada forum. Pada Facebook dan ubulletin, fitur-fiturnya sudah bagus, tetapi tidak bisa dijadikan suatu official website bagi Laboratorium Manajemen. Kelebihan E-Community Laboratorium Manajemen yang lain adalah adanya IRC (internet relay chat) dimana member akan dapat berinteraksi secara langsung secara beramai-ramai (multi person chat) dan terdapat room-room yang dibuat sesuai dengan topik/minat masing-masing.