BAB 4 PERANCANGAN E-COMMUNITY 4.1
Site Map Visitor Dari analisis masalah
y ang
dilak uk an, telah
didapatk an
sebuah
solusi y aitu
perancangan E-Community pada Laboratorium Manajemen. Berik ut ini adalah Site map
visitor y ang ak an digunak an.
Gambar 4.1 Site Map Visitor Sumber : Penulis
76
77
4.2
Rancangan Layar Untuk Visitor 4.2.1
Halaman Home
Gambar 4.2 Tampilan Halaman Home (v isitor) Sumber : Penulis Tampilan ini merupak an 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 memasuk k an email dan k ata sandi, pendaftaran regular, pendaftaran y ang terintegrasi dengan facebook pada bagian k iri; welcome banner, foto anggota Laboratorium Manajemen, serta ucapan selamat datang dari Laboratorium Manajemen pada bagian tengah; dan footer pada bagian bawah.
78
4.2.2
Halaman A bout Manageme nt Laboratory
Gambar 4.3 Tampilan Halaman About Management Laboratory (visitor) Sumber : Penulis Tampilan halaman di atas merupak an halaman about management laboratory y ang menjelask an tentang laboratorium manajemen. Halaman ini terbagi lagi menjadi 4 bagian antara lain Vision (Visi dan Misi), Achievements (Prestasi y ang Telah Dicapai), Research (Riset-riset Yang Telah Dilak uk an), dan Structure (Struk turOrganisasi).
79
4.2.3
Halaman Vision
Gambar 4.4 Tampilan Halaman Vision (visitor) Sumber : Penulis Tampilan halaman di atas merupak an tampilan k etik a visitor memasuk i sub menu Vision. Pada halaman ini dipapark an Visi dan Misi y ang dimilik i oleh Laboratorium Manajemen.
80
4.2.4
Halaman A chievements
Gambar 4.5 Tampilan Halaman A chiev ements (v isitor) Sumber : Penulis Tampilan halaman di atas merupak an tampilan k etik a v isitor memasuk i sub menu
Achievements. Pada halaman ini terdapat list prestasi-prestasi y ang selama ini telah diraih oleh anggota Laboratorium Manajemen di berbagai k ejuaraan, lomba dan kompetisi sejak pertama k ali didirik an.
81
4.2.5
Halaman Research
Gambar 4.6 Tampilan Halaman Research (visitor) Sumber : Penulis Tampilan di atas merupak an halaman research y ang memberik an suatu daftar riset-riset y ang telah dilak uk an Laboratorium Manajemen selama ini, baik riset internal (di dalam Binus) maupun riset ek sternal hasil k erjasama dengan pihak-pihak di luar Binus (misal univ ersitas lain, perusahaan atau pemerintah).
82
4.2.6
Halaman Structure
Gambar 4.7 Tampilan Halaman Structure (visitor) Sumber : Penulis Pada halaman ini ditampilk an struk tur organisasi y ang ada di Laboratorium Manajemen dan orang-orang y ang menempati posisi tersebut.
83
4.2.7
Halaman FA Q
Gambar 4.8 Tampilan Halaman FAQ (visitor) Sumber : Penulis Pada halaman FAQ (Frequently Ask Questions) berisi k umpulan-kumpulan pertany aan y ang sek irany a sering ditany ak an, sebagai informasi k epada siapa saja y ang ingin mengenal Laboratorium Manajemen lebih jauh.
84
4.2.8
Halaman Site Map
Gambar 4.9 Tampilan Halaman site map (visitor) Sumber : Penulis Pada halaman site map ini dijelask an mengenai link -link ak tif, y ang berguna untuk membantu para visitor memahami apa saja y ang ada di website ini.
85
4.2.9
Halaman Contact Us
Gambar 4.10 Tampilan Halaman Contact Us (v isitor) Sumber : Penulis Pada halaman contact us ini ditampilk an alamat, nomor telepon dan email sek retariat Laboratorium Manajemen.
86
4.3 Site Map Member
Gambar 4.11 Tampilan Site Map Member Sumber : Penulis
87
4.4 Rancangan Layar Untuk Member 4.4.1
Halaman Pendaftaran
Gambar 4.12 Tampilan Halaman Pendaftaran Sumber : Penulis Tampilan menu untuk melak uk an pendaftaran ak an selalu muncul di bagian k iri sebelum user melak uk an pendaftaran, atau dengan k ata lain ak an selalu muncul pada tampilan-tampilan rancangan lay ar v isitor. Cara pertama pendaftaran dapat dilak uk an dengan meng-k lik Sign
Up Now.
88
4.4.2 Halaman Formulir Pendaftaran
Gambar 4.13 Tampilan Halaman Formulir Pendaftaran Sumber : Penulis Setelah v isitor atau calon member meng-k lik Sign Up Now , mak a ak an muncul formulir pendaftaran seperti diatas y ang harus diisi secara lengk ap.
89
4.4.3. Halaman Pendaftaran Menggunakan Facebook (1)
Gambar 4.14 Tampilan Halaman Pendaftaran Menggunak an Facebook (1) Sumber : Penulis Tampilan menu pendaftaran ak an selalu ada pada halaman v isitor. Cara k edua untuk melak uk an pendaftaran adalah dengan menggunak an facebook . Sy aratny a adalah calon member harus mempuny ai account facebook. Untuk memulai langk ahny a, k lik Connect
with Facebook seperti pada tampilan di atas.
90
4.4.4 Halaman Pendaftaran Menggunakan Facebook (2)
Gambar 4.15 Tampilan Halaman Pendaftaran Menggunak an Facebook (2) Sumber : Penulis Halaman Login facebook ini ak an muncul setelah meng-k lik connect with facebook. Calon member dapat mengisi email dan password sesuai dengan account facebook y ang telah dimilik i. 4.4.5 Halaman Pendaftaran Menggunakan Facebook (3)
Gambar 4.16 Tampilan Halaman Pendaftaran Menggunak an Facebook (3) Sumber : Penulis
91
Setelah
login facebook dilakuk an, mak a ak an ak an ditampilk an halaman permintaan
perijinan ak ses dari facebook. Disini E-Community Laboratorium Manajemen Binus Univ ersity telah didaftark an sebagai suatu aplik asi pada facebook , sehingga dapat saling terintegrasi.
92
4.4.6 Halaman Pendaftaran Menggunakan Facebook (4)
Gambar 4.17 Tampilan Halaman Pendaftaran Menggunak an Facebook (4) Sumber : Penulis Halaman diatas menampilk an proses akhir pendaftaran dengan menggunak an facebook, calon member E-Community cuk up memasukk an alamat email account facebook -ny a pada field box y ang telah disediak an.
93
4.4.7 Halaman Home
Gambar 4.18 Tampilan Halaman Home (member) Sumber : Penulis Gambar diatas merupak an tampilan lay ar awal k etik a pertama k ali diak ses oleh member. Pada bagian paling atas terdapat banner dan menu-menu tetap y ang terdiri dari : home,
94
about management laboratory, my profile, forum, members, groups, events, gallery, FAQ, sitemap, contact us. Pada bagian k iri ak an ditampilk an 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 y aitu fasilitas pemberitahuan y ang berguna untuk meny adark an member apabila terdapat pesan ataupun friend request y ang baru ; serta ditampilk an widget upcoming events untuk memudahk an member mengetahui
event-event apa saja y ang ak an diadak an oleh Laboratorium Manajemen dalam wak tu dek at. Pada bagian tengah terdapat fitur share something y ang berfungsi bagi member untuk menuangk an apa y ang sedang di dalam benak atau pik iran merek a, k emudia ditampilk an
widget Latest Activity y ang dapat memudahk an member mengetahui info-info terbaru mengenai member baru maupun share something dari member lain. Pada bagian k anan terdapat k umpulan widget y aitu latest post (memudahk an member untuk
mengetahui topik -topik
terbaru dalam forum diskusi), upcoming birthday
(informasi member y ang ak an berulang tahun), dan new members (siapa aja y ang masih baru dalam E-Community Laboratorium Manajemen Binus Univ ersity ). Pada bagian bawah terdapat footer, fitur online chat secara personal dengan member y ang ada pada E-Community , serta fitur IRC untuk dapat membuat suatu k elompok chat atau multi person chat (chatroom y ang dapat dimasuk i oleh para member y ang sedang online untuk melakuk an online chat bersama-sama).
95
4.4.8 Halaman Message
Gambar 4.19 Tampilan Halaman Message Sumber : Penulis
96
Tampilan diatas merupak an gambar halaman untuk mengirim pesan k epada sesama member. Terdapat inbox (k otak masuk ), sent box (kotak k eluar, pesan y ang sudah pernah k ita k irim), dan create message (untuk mengirim pesan baru)
97
4.4.9 Halaman Request
Gambar 4.20 Tampilan Halaman Request Sumber : Penulis
98
Tampilan
diatas merupak an
tampilan
halaman
request friend. Member dapat
mengirimk an permintaan untuk menjadi teman dengan member lain y ang sudah terdaftar pada E-Community
99
4.4.10 Halaman Notifications
Gambar 4.21 Tampilan Halaman Notifications Sumber : Penulis
100
Gambar diatas menampilk an halaman notifications, merupak an fasilitas pemberitahuan y ang berguna untuk meny adark an member apabila terdapat pesan ataupun friend request y ang baru.
101
4.4.11 Halaman A bout Management Laboratory
Gambar 4.22 Tampilan Halaman About Management Laboratory (member) Sumber : Penulis
102
Tampilan halaman di atas merupak an halaman about management laboratory y ang menjelask an tentang laboratorium manajemen. Halaman ini terbagi lagi menjadi 4 bagian antara lain Vision (Visi dan Misi), Achievements (Prestasi y ang Telah Dicapai),
Research (Riset-riset Yang Telah Dilak uk an), dan Structure (Struk turOrganisasi).
103
4.4.12 Halaman My Profile
Gambar 4.23 Tampilan Halaman My Profile (member) Sumber : Penulis
104
Pada halaman my profile ini, member dapat melihat profile ny a sendiri, memilih foto y ang ak an ditampilk an, lok asi, menunjukk an k eanggotaan dalam suatu group, k ehadiran member dalam suatu event. Member juga dapat mengubah profile dengan meng-k lik menu edit profil. Selain itu , member dapat menuangk an sesuatu y ang ada di dalam benak merek a melalui fitur share something y ang ak an secara otomatis tercantum pada widget Latest A ctiv ity , serta meng- uplo ad musik dan v ideo. Member lain y ang mengunjungi profil k ita, ak an dapat menambahk an k ita k e dalam friendlist- nya, memberik an suatu k omentar pada foto maupun k egiatan-k egaiatan dan share something k ita y ang ditampilk an oleh widget Latest Activity , dan mendownlo ad musik dan video y ang sudah k ita share.
105
4.4.13 Halaman Edit Profile
Update
Gambar 4.24 Tampilan Halaman Edit Profile (member) Sumber : Penulis
106
Gambar diatas menampilk an halaman untuk mengedit profile dari member. Member dapat mengganti user name- ny a, lok asi, email, password, ulang tahun, dan deskripsi mengenai diriny a. Setelah mengisi form, mak a member dapat meng-k lik update agar data profilny a dapat diperbarui.
107
4.4.14 Halaman Edit Photo
Gambar 4.25 Tampilan Halaman Edit Photo (member) Sumber : Penulis
108
Tampilan diatas merupak an gambar tampilan untuk meng edit atau mengganti foto y ang hendak dijadik an profile picture. Member dapat memilih foto dari album-album y ang telah ada maupun meng- upload foto baru dari komputerny a. Setelah memilih foto, k lik update, dan profile picture ak an terganti dengan foto terbaru y ang dipilih.
109
4.4.15 Halaman Forum (1)
Gambar 4.26 Tampilan Halaman Forum 1 (member) Sumber : Penulis
110
Gambar diatas menampilk an forum disk usi bagi member untuk melak uk an disk usi atau obrolan dengan member lain sesuai dengan topik y ang diminati. Member dapat melihat pengelompok an apa saja y ang sudah dibuat oleh administrator pada submenu forum
home y ang berupa public forum dan dapat membuat topik baru didalamny a, melihat postingan terbaru pada submenu new post, berdisk usi secara priv at dengan anggota grup pada my groups (hany a member y ang tergabung dalam suatu group y ang dapat melihat isi forum, membuat topik , dan membalas postingan ), dan dengan mudah dapat memantau topik y ang sudah dibuat oleh member itu sendiri pada my topics. Pada forum, semua postingan atau disk usi dari para member diarsipk an sehingga member dapat membacany a k embali k apanpun.
111
4.3.16 Halaman Forum (2)
Create Topic
Gambar 4.27 Tampilan Halaman Forum 2 (member) Sumber : Penulis
112
Tampilan diatas merupak an halaman forum setelah salah pengelompok an topik y ang ada pada public forum di-k lik . Member dapat melihat topik -topik y ang sudah dibuat oleh member lain dan membalas atau mengomentariny a. Selain itu, member juga dapat membuat topik baru.
113
4.4.17 Halaman Members
Gambar 4.28 Tampilan Halaman Members Sumber : Penulis
114
Pada halaman members ini, member dapat melihat k eseluruhan anggota E-Community . Member dapat mencari member lain dengan menggunak an menu browse, melihat siapa saj a member lain y ang sedang online pada menu online now, melihat siapa saja y ang sudah berteman dengan k ita pada menu friends (k euntungan menjadi teman dapat saling mengirim pesan, menulis atau memberi k omentar pada profil teman, mengetahui informasi-informasi ter-update tentang k egiatan-k egiatan y ang dilakuk an oleh teman k ita), melak uk an pencarian y ang lebih spesifik dengan advanced search, dan dapat melihat friend request k ita y ang masih belum diterima oleh member lain pada menu pending . Pada bagian k anan, terdapat widget new members y ang ak an menampilk an anggota baru dari E-Community y ang baru saja terdaftar.
115
4.4.18 Halaman Groups
add new groups
Gambar 4.29 Tampilan Halaman Groups Sumber : Penulis
116
Gambar diatas menampilk an menu groups, dimana member dapat membentuk suatu subgrup-subgrup sendiri atau sub-k omunitas sesuai dengan k etertarik an atau k epentingan y ang sama pada suatu hal (hobi, musik , profesi, k elas, dll). Misalny a dibentuk alumni grup, mak a para alumni dapat bergabung pada grup tersebut dan terkumpul menjadi satu komunitas baru, dapat saling berbagi info secara priv at dalam grup tersebut. Contoh lain adalah grup peny uk a musik jazz, member y ang menyuk ai musik jazz dapat mendaftar dan melak uk an disk usi langsung dengan penyuk a musik jazz y ang lain pada grup tersebut.
117
4.4.19 Halaman SubGroups
Gambar 4.30 Tampilan Halaman SubGroups Sumber : Penulis
118
Gambar diatas menampilk an halaman subgroups, misalny a subgrup A sisten Laboratorium Manajemen, subgrup A lumni, subgrup k elas 01PFJ, dsb. Untuk menjadi member subgrup harus me- request pada owner dari grup tersebut (jik a diberi hak ak ses), tetapi jik a tidak , member dapat join langsung k e dalam grup. Kemudian setelah menjadi member subgrup tersebut, member dapat berdisk usi pada forum, men- share foto, v ideo, menulis pada wall subgrup, dan mengirim priv ate message pada semua member subgrup.
119
4.4.20 Halaman Events
Gambar 4.31 Tampilan Halaman Events Sumber : Penulis
120
Gambar diatas menampilk an menu events, y ang terdiri dari submenu upcoming events (menampilk an k egiatan-k egiatan y ang ak an terjadi), past events (k egiatan-k egiatan y ang telah terjadi), friend events (k egiatan-k egiatan y ang dihadiri oleh member lain y ang sudah menjadi friend ), my events (k egiatan apa saja y ang diik uti oleh member tersebut), dan pending (k egiatan y ang ingin diik uti oleh member namun belum mendapat approval dari administrator). Pada bagian k anan terdapat widget upcoming event untuk memudahk an member melihat k egiatan-k egiatan apa y ang ak an terjadi tanpa harus meng-k lik menu events.
121
4.4.21 Halaman Gallery
Gambar 4.32 Tampilan Halaman Gallery Sumber : Penulis
122
Halaman ini digunak an untuk menampilk an foto-foto y ang di-upload oleh semua member pada E-Community dan dikumpulk an menjadi sebuah Gallery . Submenu y ang ada y aitu
recent (untuk menampilk an foto-foto terbaru y ang diunggah oleh member), most commented (foto y ang paling bany ak diberi k omentar oleh member E-Community ), my photos (menampilk an foto-foto y ang diupload oleh member itu sendiri), group photos (foto-foto y ang diupload pada grup y ang member tersebut masuk i), event photos (fotofoto k egiatan), dan add new photos (untuk meng-uplo ad foto).
123
4.4.22 Halaman FAQ (member)
Gambar 4.33 Tampilan Halaman FAQ (member) Sumber : Penulis
124
Pada halaman FAQ (Frequently Ask Questions) berisi k umpulan-kumpulan pertany aan y ang sek irany a sering ditany ak an, sebagai informasi k epada siapa saja y ang ingin mengenal Laboratorium Manajemen lebih jauh.
125
4.4.23 Halaman SiteMap (member)
Gambar 4.34 Tampilan Halaman SiteMap (member) Sumber : Penulis Pada halaman site map ini dijelask an mengenai link -link ak tif, y ang berguna untuk membantu para member memahami apa saja y ang ada di website ini.
126
4.4.24 Halaman Contact Us
Gambar 4.35 Tampilan Halaman Contact Us Sumber : Penulis Pada halaman contact us ini ditampilk an alamat, nomor telepon dan email sek retariat Laboratorium Manajemen.
127
4.4.25 Halaman File
Gambar 4.36 Tampilan Halaman File Sumber : Penulis
Gambar diatas adalah tampilan halaman file, y ang ditampilk an pada latest activity, dimana member dapat melihat file-file y ang diupload oleh admin dan mendownloadnya.
128
4.5 Site Map A dminidstrator
Gambar 4.37 Tampilan Site Map A mdinistrator Sumber : Penulis
129
4.6 Rancangan Layar Untuk A dministrator 4.6.1 Halaman Home
Gambar 4.38 Tampilan Halaman Home (admin) Sumber : Penulis
130
Gambar diatas merupak an tampilan lay ar awal k etik a pertama k ali admin login. Pada bagian paling atas terdapat banner dan menu-menu tetap y ang terdiri dari : home, about
management laboratory, my profile, forum, members, groups, events, gallery, FAQ, sitemap, contact us. Pada bagian k iri ak an ditampilk an 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 y aitu fasilitas pemberitahuan y ang berguna untuk meny adark an admin apabila terdapat pesan ataupun friend request y ang baru, fitur add new vid eo, photos, music, events, group, blo g, bulletin, files; serta ditampilk an
widget upcoming events y ang dapat diatur admin untuk memudahk an member mengetahui event-event apa saja y ang ak an diadak an oleh Laboratorium Manajemen dalam wak tu dek at. Pada bagian tengah terdapat fitur share something y ang berfungsi bagi admin dan member untuk menuangk an apa y ang sedang di dalam benak atau pik iran merek a, k emudia ditampilk an widget Latest Activity . Khusus untuk admin, dapat menghapus
Latest Activity y ang dianggap tidak sesuai dengan etik a atau mengganggu. Pada bagian k anan terdapat kumpulan widget y aitu latest post, upcoming birthday (informasi member y ang ak an berulang tahun), dan new members (siapa aja y ang masih baru dalam E-Community Laboratorium Manajemen Binus Univ ersity ). Pada bagian bawah terdapat footer, fitur online chat, serta fitur IRC membuat suatu chatroom.
untuk dapat
131
4.6.2 Halaman Message
Gambar 4.39 Tampilan Halaman Message Sumber : Penulis Tampilan halaman diatas sama dengan tampilan halaman message pada member.
132
4.6.3 Halaman Request
Gambar 4.40 Tampilan Halaman Request Sumber : Penulis Tampilan halaman diatas sama dengan tampilan halaman request pada member.
133
4.6.4 Halaman Notifications
Gambar 4.41 Tampilan Halaman Notifications Sumber : Penulis Tampilan halaman diatas sama dengan tampilan halaman notifications pada member.
134
4.6.5 Halaman A bout Management Laboratory
Gambar 4.42 Tampilan Halaman About Management Laboratory (admin) Sumber : Penulis
135
Tampilan halaman about management laboratory pada admin sama dengan tampilan pada v isitor dan juga member. Yang membedak an disini adalah admin dapat meng edit isi k ontenny a sesuai dengan perk embangan informasi ter update mengenai Laboratorium Manajemen.
136
4.6.6 Halaman My Profile
Gambar 4.43 Tampilan Halaman My Profile (admin) Sumber : Penulis
137
Sama halny a dengan member, admin juga mempuny ai halaman profil. Fungsiny a adalah memudahk an member untuk dapat berkomunik asi (berdisk usi, bertany a, memberi kritik dan saran) dengan admin secara langsung untuk mengenal lebih jauh Laboratorium Manajemen.
138
4.6.7 Halaman Edit Profile
Gambar 4.44 Tampilan Halaman Edit Profile (admin) Sumber : Penulis
139
Tampilan edit profile admin sama dengan member, hany a saja admin dapat mengubah isi dari form edit profile y ang ada. Misalny a jik a admin menambahk an field box pek erjaan, hobi, buk u fav orit, dll pada form edit profile. A dmin ak an menambahk an field box jik a mendapatk an bany ak masuk an dari member-memberny a dan dirasa informasi tersebut perlu ditambahk an.
140
4.6.8 Halaman Edit Photo
Gambar 4.45 Tampilan Halaman Edit Photo (admin) Sumber : Penulis Seperti halny a member, admin juga dapat mengedit dan menguplo ad foto.
141
4.6.9 Halaman Forum
Edit
Delete
Gambar 4.46 Tampilan Halaman Forum (admin) Sumber : Penulis Halaman forum diatas sama dengan halaman forum pada member, y ang membedak an disini adalah admin dapat menambah, mengedit, dan menghapus public forum. Admin
142
juga dapat untuk melak uk an priv atisasi pada forum, y aitu admin dapat mengatur hak ak ses forum (siapa saja y ang bisa melihat maupun mengak ses forum). Fungsi admin y ang paling utama disini adalah memantau topik -topik y ang ada dan balasan postingan member. Jik a terdapat member y ang melanggar etik a, misalny a melak uk an spam, admin dapat menghapus spam-spam tersebut dan memperingatk an member y ang melak uk an spam.
143
4.6.10 Halaman Members
Edit
Gambar 4.47 Tampilan Halaman Members (admin) Sumber : Penulis
144
Pada halaman members ini, admin dapat melihat k eseluruhan anggota E-Community . Admin dapat mencari member dengan menggunak an menu browse, melihat siapa saja member y ang sedang online pada menu online now, melihat siapa saja y ang sudah berteman dengan admin pada menu friends (k euntungan menjadi teman dapat saling mengirim pesan, menulis atau memberi k omentar pada profil teman, mengetahui informasi-informasi ter-update tentang k egiatan-k egiatan y ang dilak uk an oleh teman k ita), melak uk an pencarian y ang lebih spesifik dengan advanced search, dan dapat melihat friend request y ang masih belum diterima oleh member pada menu pending . Pada bagian k anan, terdapat widget new
members y ang ak an menampilk an anggota baru dari E-Community y ang baru saja terdaftar. Perbedaan dengan tampilan members pada member adalah admin dapat melak uk an manage
member dengan meng-k lik edit y ang ak an k emudian di-link k an k e halaman launch admin.
145
4.6.11 Halaman Groups
add new groups
delete
Gambar 4.48 Tampilan Halaman Groups (admin) Sumber : Penulis
146
Halaman groups admin sama dengan member, y ang membedak an adalah admin dapat menghapus grup y ang dianggap tidak sesuai dengan etik a y ang ada, misal meny angkut SA RA . A dmin juga dapat melihat semua grup dan ak tiv itasny a tanpa terk ecuali.
147
4.6.12 Halaman Subgroups
Gambar 4.49 Tampilan Halaman Sub Groups (admin) Sumber : Penulis
148
Gambar diatas menampilk an halaman subgroups, misalny a subgrup A sisten Laboratorium Manajemen, subgrup A lumni, subgrup k elas 01PFJ, dsb. Admin dapat melihat semua subgrup y ang dibuat oleh member, mengeditny a, maupun menghapusny a.
149
4.6.13 Halaman Events
Gambar 4.50 Tampilan Halaman Events (admin) Sumber : Penulis Tampilan halaman events admin sama halny a dengan member.
150
4.6.14 Halaman Gallery
Edit
Gambar 4.51 Tampilan Halaman Gallery (admin) Sumber : Penulis Gambar diatas adalah tampilan halaman gallery admin, tampilanny a sama dengan member, hany a saja admin mempuny ai hak untuk menghapus foto dan k omentar-komentar dari
151
member y ang ada. Admin dapat melak uk an edit dengan dua cara. Yang pertama admin dapat meng-k lik foto y ang hendak dihapus dahulu, lalu menghapus foto tersebut atau menghapus komentar y ang tidak pantas. Cara k edua, admin meng-k lik edit dan ak an tersambung dengan halaman launch admin . Pada halaman launch admin , admin dapat dengan lebih leluasa menghapus bany ak foto secara bersamaan.
152
4.6.15 Halaman FAQ
Gambar 4.52 Tampilan Halaman FAQ (admin) Sumber : Penulis A dmin dapat mengedit content FAQ y ang ak an ditampilk an.
153
4.6.16 Halaman Site Map
Gambar 4.53 Tampilan Halaman Site Map (admin) Sumber : Penulis
154
4.6.17 Halaman Contact Us
Gambar 4.54 Tampilan Halaman Contact Us (admin) Sumber : Penulis A dmin dapat mengedit content Contact Us y ang ak an ditampilk an.
155
4.6.18 Halaman Launch A dmin (1)
Gambar 4.55 Tampilan Halaman Launch Admin (1) Sumber : Penulis
156
Gambar diatas menampilk an menu k husus admin y aitu launch admin , y ang didalamny a terdapat tiga submenu y aitu manage member, manage events, dan manage groups. Pada
manage member , admin dapat menghapus member, mengatur member lev el (asisten, alumni, regular member, dosen, dll sesuai dengan k ebutuhan). Selain itu admin dapat melihat email setiap member, tanggal daftar, last login setiap member y ang terak hir k ali mengak ses E-Community dan melakuk an reset pasword untuk para member y ang lupa ak an
pasword-ny a.
157
4.6.19 Halaman Launch A dmin (2)
Gambar 4.56 Tampilan Halaman Launch Admin (2) Sumber : Penulis Gambar diatas adalah tampilan manage events, dimana admin dapat membuat k egiatank egiatan terbaru, mengedit k egiatan y ang ada, menghapus k egiatan, mengundang atau
158
menerima request dari member untuk mengikuti k egiatan, dan meng-uplo ad foto-foto k egiatan dari Laboratorium Manajemen. Contoh penggunaanny a adalah k egiatan penerimaan asisten baru (mulai dari perekrutan, tes selek si, pengumuman, penerimaan dan training), k egiatan-k egiatan seperti seminar ataupun rapat k erja, rek reasi bersama, reuni dengan alumni-alumni Laboratorium Manajemen.
159
4.6.20 Halaman Launch A dmin (3)
Gambar 4.57 Tampilan Halaman Launch Admin (3) Sumber : Penulis Gambar diatas adalah tampilan manage gallery , dimana admin dapat menghapus foto-foto y ang dianggap tidak lay ak untuk ditampilk an dan mengatur penempatan letak ny a.
160
4.6.21 Halaman A dd New Files
Gambar 4.58 Tampilan Add New Files Sumber : Penulis
161
4.7 Halaman Pop Up 4.7.1 Halaman Online Chat
Gambar 4.59 Tampilan Halaman Online Chat Sumber : Penulis Gambar diatas menunjukk an fitur online chat, member dapat mengetahui siapa saj a y ang sedang online dan melak uk an chat secara personal dengan member lain y ang sedang online. Selain itu, terdapat pilihan untuk go offline, jik a member sedang tidak ingin online, mak a member dapat meny embuny ik an status onlineny a. Fitur ini ak an muncul pada semua halaman admin dan member.
162
4.7.2 Halaman Chat Rooms (IRC)
Gambar 4.60 Tampilan Halaman Chat Rooms (IRC) Sumber : Penulis Gambar diatas menunjukk an fitur IRC ( chatrooms), dimana member dapat melak uk an
multiperson chat dengan membuat room-room sesuai dengan k ebutuhan/k epentingan. Fitur ini ak an muncul pada semua halaman admin dan member.
163
4.8 Evaluasi Perancangan Layar Berdasarkan Eight Golden Rules Berik ut ak an dilakuk an ev aluasi user interface atau perancangan lay ar dari ECommunity ini berdasark an 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 menuny a, desain setiap halaman, besar dan warna tulisan, serta tata letak page secara k eseluruhan. 2) Memudahk an user dalam menggunak an jalan pintas Pada perancangan E-Community ini telah dibuat berbagai jalan pintas agar user tidak perlu meng-k lik berbagai halaman untuk mencapai tujuan y ang diingink an. Contoh:
Gambar 4.61 Contoh Penggunaan Jalan Pintas Sumber : Penulis Ketiga contoh diatas mewak ili perancangan lay ar dari v isitor, member, dan administrator. Pada perancangan lay ar v isitor bagian k iri, ak an selalu muncul button untuk melakuk an pendaftaran, bahk an ditambahk an fasilitas untuk mendaftar melalui facebook (jik a mempuny ai account facebook ). Dengan
164
demik ian, v isitor ak an senantiasa selalu diingatk an untuk login atau melak uk an pendaftaran k etik a ia melihat menu-menu y ang tersedia untuk v isitor. Pada perancangan lay ar member bagian k anan, ak an selalu dimunculk an wid get
latest post, birthday , dan new members. Hal ini dimak sudk an agar member dapat dengan mudah untuk mengetahui update dari forum tanpa harus mengk lik menu forum, mengetahui member lain y ang berulang tahun tanpa harus meng-k lik profil member lain satu persatu, dan mengetahui siapa saja y ang baru saja terdaftar dalam E-Community tanpa harus masuk k e menu friends. Contoh y ang terakhir adalah perancangan lay ar pada administrator. A dmin dapat dengan mudah menemuk an menu launch admin k arena ak an selalu muncul pada bagian k anan halaman. 3) Menawark an umpan balik informasi Umpan balik dari sistem y ang diberik an adalah seperti k etik a v isitor mengisi form pendaftaran, mak a ak an mendapat informasi bahwa pendaftaran telah berhasil dilak uk an atau tidak .
Gambar 4.62 Contoh Penggunaan Umpan Balik 4) Merancang dialog untuk menghasilk an k eadaan ak hir. Untuk menanggapi ak si y ang dilakuk an dengan suk ses oleh user pada sistem, selalu diberik an dialog pesan y ang meny atak an k esuk sesan ak si tersebut dan langk ah untuk mempersiapk an ak si berik utny a.
165
Contoh :
Gambar 4.63 Contoh Penggunaan Dialog Keadaan Ak hir 5) Menawark an pencegahan k esalahan dan penanganan k esalahan sederhana Jik a user membuat k esalahan mak a ak an muncul peringatan dan memberitahu apa saja k esalahan y ang dilakuk an oleh user, contoh :
Gambar 4.64 Contoh Penanganan Kesalahan y ang Sederhana. 6) Mudah untuk k embali k e tindak an awal Dalam E-Community ini memang tidak bany ak terdapat button back atau cancel, tetapi menu nav igasiny a dibuat sedemik ian lengk ap beserta widget-widget y ang ak an selalu muncul pada setiap halaman, sehingga user ak an mudah untuk menuju k e halaman manapun juga. 7) Mendukung internal locus control A dmin mempuny ai hak ak ses penuh dan untuk mengontrol dan menjaga informasi pada web E-Community.
166
8) Mengurangi beban ingatan jangk a pendek . Untuk memenuhi aturan ini, menu dan nav igasi dibuat sedemik ian mudah dan terpusat. User dapat mem- view halaman apapun dari tiap halaman, sehingga memudahk an user dalam melak uk an nav igasi, tidak perlu menghafal. Fitur-fitur web y ang disajik an seperti forum, FAQ, Online Chat, Chat Rooms (IRC), wid get
(Latest Activity, Latest Post, Upcoming Event, Birthday, New Member), update status, events, groups, friend request, upload (foto, v ideo, musik , file)message, notifications, search engine dan Site Map y ang diharapk an ak an dapat membantu user mendapat informasi lebih cepat dan akurat.
4.9 Perbandingan E-Community Laboratorium Ma najemen dengan E-Community Lainnya. Tabel 4.1 Perbandingan E-Community Lab.Manajemen dengan E-Community Lainny a Fitur
E-Community
Mailing List
Group Facebook
Forum
Lab
(uBulletin)
Manajemen Binus
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, V
V
V
V
music, file
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, k urang prak tis k arena semua message ak an terk irim pada semua member, tidak ada message y ang dapat terfilter. Selain itu tidak ada pengelompok an y ang jelas seperti ada forum. Pada Facebook dan uBulletin , fitur-fiturny a sudah bagus, tetapi tidak bisa dijadik an suatu official website bagi Laboratorium Manajemen. Kelebihan E-Community Laboratorium Manajemen y ang lain adalah adany a IRC (internet relay chat) dimana member ak an dapat berinterak si secara langsung secara beramai-ramai (multi person chat) dan terdapat room-room y ang dibuat sesuai dengan topik/minat masing-masing.
