Post on 12-Mar-2019
322
BAB 4
IMPLEMENTASI DAN EVALUASI
4.1 Implementasi
4.1.1 Kebutuhan Sumber Daya
Pengimplementasian sebuah aplikasi memerlukan beberapa jenis
sumber daya untuk menunjang kegunaan aplikasi tersebut. Jenis sumber
daya yang diperlukan/dibutuhkan diantaranya adalah perangkat keras,
perangkat lunak, jaringan dan tentunya membutuhkan sumber daya
manusia untuk menjalankan aplikasi ini. Dengan adanya beberapa sumber
daya tersebut diharapkan aplikasi dapat dimanfaatkan semaksimal
mungkin.
4.1.1.1 Kebutuhan Perangkat Keras
Perangkat keras yang dibutuhkan untuk menunjang pengaksesan
aplikasi ini terbagi dua, yaitu dari sisi server dan client. Perangkat keras
yang dibutuhkan server yaitu:
1. Processor Intel Pentium IV 2.6 Ghz.
2. Hard disk space 80 Gb.
3. Memory (RAM) 1 GB.
Perangkat keras yang dibutuhkan oleh klien, diantaranya:
1. Processor Intel Pentium III 350 Hz.
2. Memory (RAM) 128 Mb.
3. Hard disk space 20 Gb.
323
4.1.1.2 Kebutuhan Perangkat Lunak
Perangkat lunak yang dibutuhkan server yaitu:
1. OS (Operating System) 2K/NT/XP.
2. PHP versi 5.2.0.
3. Apache Server versi 2.2.3.
4. MySQL 5.0.27 community version.
5. phpMyAdmin versi 2.9.1.1.
6. Xampp 1.6.1.
7. Web browser Mozilla Firefox 2.0.3.
Perangkat lunak yang dibutuhkan klien yaitu:
1. OS Windows NT/2K/XP.
2. Web browser Mozilla Firefox 2.0.3.
4.1.1.3 Kebutuhan Jaringan
Jaringan yang dibutuhkan oleh server dan klien yaitu jaringan
LAN (Local Area Network) intranet. LAN berfungsi untuk
menghubungkan antara web server dengan database server dan pengguna
yang akan menggunakan aplikasi ini.
Gambar 4.1 Topologi Jaringan
324
4.1.1.4 Kebutuhan Sumber Daya Manusia
Untuk menjalankan aplikasi ini, dibutuhkan paling tidak satu
administrator server yang menerima data, memasukkan dan menyimpan
data. Atau dapat pula dengan setiap divisi di perusahaan mempunyai satu
administrator yang mempunyai hak akses penuh (full access) untuk divisi
masing-masing, sehingga bisa melakukan pemeliharaan (maintenance)
data dan informasi yang akan disimpan ke dalam aplikasi.
4.1.2 Instalasi Aplikasi
Langkah–langkah yang harus dilakukan untuk menginstalasi
program untuk menunjang pengimplementasian aplikasi dalam komputer
server dengan sistem operasi windows adalah sebagai berikut:
1. Instalasi Mozilla Firefox versi 2.0.0.3
1) Installer Firefox2.0.0.3.exe dijalankan dan akan muncul layar
Setup, kemudian pilih next.
Gambar 4.2 Proses awal instalasi Mozilla Firefox
325
2) Muncul layar License Agreement, kemudian pilih "I Accept the
terms in the License Agreement" dan pilih next.
Gambar 4.3 License Agreement Mozilla Firefox
3) Muncul layar Choose Setup Options kemudian pilih options
"Standard" dan pilih next.
Gambar 4.4 Choose Setup Options
326
4) Instalasi aplikasi sedang berjalan
Gambar 4.5 Proses instalasi Mozilla Firefox
5) Proses instalasi selesai dan Mozilla Firefox telah dapat digunakan.
Gambar 4.6 Proses instalasi selesai
327
2. Instalasi Xampp 1.6.1
Proses instalasinya adalah sebagai berikut:
1) Installler Xampp1.6.1.exe di jalankan dan akan muncul layar
setup
Gambar 4.7 Proses awal instalasi Xampp
2) Pilih folder atau lokasi penginstalan contohnya di
C:/phpserver/xampp
Gambar 4.8 Proses penempatan software
328
3) Pilih apakah akan dijadikan service apache & myqsl (untuk
dijalankan sewaktu start up sebagai service), beri tanda jika tidak
mau.
Gambar 4.9 Proses pemilihan service
4) Instalasi sedang berlangsung dan menunggu sampai selesai
Gambar 4.10 Proses instalasi Xampp
329
5) Proses instalasi selesai
Gambar 4.11 Proses instalasi Xampp sukses
6) Jalankan Control Panel Xampp, dan pilih start Apache dan start
MySql.
Gambar 4.12 Proses penggunaan software XAMPP
330
7) Jika muncul Windows Security Alert, klik unblock Mysqld
Gambar 4.13 Proses unblock software XAMPP
8) Jika muncul Windows Security Alert, klik unblock Apache HTTP
SERVER
Gambar 4.14 Proses unblock software Apache HTTP Server
331
9) Kemudian buka folder tempat di mana kita install Xampp
contohnya C:\php\xampp dan buka folder HTDOCS
Gambar 4.15 Proses awal peng-copy-an data
10) Copy file yang misal namanya LastIsb.rar, kemudian klik kanan
dan pilih extract here file Lastisb.rar maka akan ada folder ISB
Gambar 4.16 Proses peng-ekstrak-an file
332
11) Kemudian buka folder ISB dimana kita pilih sub folder VAR,
kemudian configurasi file localhost.conf.php
Gambar 4.17 Proses konfigurasi file
12) Setelah itu, kita configurasi
$conf['site']['baseUrlRoot']='http://localhost/isb/www/index.php/';
$conf['site']['baseUrlDefault']=
'http://localhost/isb/www/index.php/default/';
$conf['site']['defaultUrl'] = 'http://localhost/isb/www/default';
$conf['path']['installRoot'] = 'C:\\php\\xampp\\htdocs\\isb';
$conf['path']['webRoot'] = 'C:\\php\\xampp\\htdocs\\isb/www';
$conf['DocumentMgr']['direktori']='C:\\php\\xampp\\htdocs\\isb\\
var\\uploads';
333
Gambar 4.18 Proses pengubahan data
Folder dan juga Address Url di sesuaikan dengan tempat kita
install
13) Pada Browser Firefox ataupun Internet Explore, kita ketik pada
URL Address http://localhost/phpmyadmin, kemudian akan
muncul tampilan web phpmyadmin, dan buka Database pada
folder ISB tersebut
Gambar 4.19 Proses pengeditan database (i)
334
Gambar 4.20 Proses pengeditan database (ii)
14) Kemudian ada file "ISBDB.sql", buka File "ISBDB.SQL", copy
semua isi (CTRL+A) atau klik kanan dan pilih select all dan copy
Gambar 4.21 Proses pengeditan database (iii)
335
Gambar 4.22 Proses pengeditan database (iv)
15) Kembali ke browser dengan alamat http://localhost/phpmyadmin
Gambar 4.23 Proses pengeditan database (v)
336
16) Kemudian pilih Create New database dengan nama isbdb, jika
sukses akan tampil "Database isbdb has been created"
Gambar 4.24 Proses penambahan database
17) Pilih link SQL pada tampilan web akan muncul textarea,
kemudian paste "ISBDB.SQL" yang telah kita copy sebelumnya.
Gambar 4.25 Proses penduplikatan isi database (i)
337
Gambar 4.26 Proses penduplikatan isi database (ii)
18) Jika berhasil maka akan menampilkan tabel yang sudah kita
created, dan akan muncul pesan "Your SQL Query has been
executed successfully"
Gambar 4.27 Proses penduplikatan isi database (iii)
338
19) Jalankan aplikasi dengan ketik di browser Firefox ataupun
Internet Explorer, kemudian kita ketik pada URL Address
http://localhost/isb/www/
Gambar 4.28 Proses database selesai
Sedangkan cara instalasi aplikasi untuk klien, hampir sama
dengan server. Namun instalasi aplikasi pada klien adalah:
1. Hanya perlu meng-install web browser Mozilla Firefox untuk
mengakses aplikasi.
339
4.1.3 Penggunaan Aplikasi
Berikut ini adalah tampilan layar dan penjelasan mengenai
halaman-halaman aplikasi dan fungsi-fungsinya.
1. Layar Login
Gambar 4.29 Layar Login
Layar Login merupakan halaman dimana pengguna
melakukan login, dengan tujuan pengguna dapat melakukan akses
yang lebih luas dalam aplikasi ini. Bagian Username dan password
merupakan field yang harus diisi dengan tepat dan benar oleh
pengguna.
340
Apabila pengguna salah dalam memasukkan username atau
password maka akan tampil peringatan seperti dalam layar di bawah
ini.
Gambar 4.30 Layar Login Proses Wrong Password
Sedangkan apabila pengguna lupa akan password yang
dimilikinya, maka pengguna dapat memilih forgot your password, dan
akan tampil layar Retrieve Password. Dalam layar ini, pengguna dapat
mengisi field-field yang diperlukan guna mengidentifikasi account
pengguna. Kemudian data-data yang telah terisi tersebut, akan
341
dikirimkan ke admin untuk mendapatkan password. Pihak admin akan
mengirimkan password melalui email yang dimiliki perngguna.
Tampilan layarnya seperti di bawah ini.
Gambar 4.31 Layar Retrieve Password
342
2. Layar My Account
Gambar 4.32 Layar My Account
Layar My Account menampilkan data pengguna secara
lengkap. Data tersebut diantaranya username merupakan nama yang
digunakan saat mengakses aplikasi ini; Date Registered merupakan
tanggal registrasi; Last Login merupakan tempat tinggal pengakses
aplikasi; member since merupakan waktu/kapan ia menjadi anggota
untuk mendapatkan hak akses ini; last login merupakan waktu/kapan
terakhir kali ia mengakses; Current IP Address merupakan alamat IP
pengguna mengakses aplikasi.
Apabila pengguna ingin mengganti password, dapat memilih
change password, dan akan tampil layar Change Password. Dilayar
ini, pengguna dapat mengisi field-field. Dan pilihan save dapat dipilih
343
saat pengguna telah selesai mengisi. Atau pilihan cancel untuk
membatalkan. Layar Change Password seperti di bawah ini:
Gambar 4.33 Layar Change Password
344
3. Layar Home
Gambar 4.34 Layar Home
Layar Home ini menampilkan berita-berita. Dimana tampilan
berita-berita tersebut hanya ditampilkan secara garis besarnya saja, dan
dapat dilihat secara keseluruhan dengan memilih read more, seperti
terlihat pada gambar 4.36.
345
4. Layar News List
Gambar 4.35 Layar News List
Layar News List ini menampilkan daftar dari berita/ informasi
yang ada. Ditampilkan judul dari berita maupun informasi, kategorinya
apakah mengenai otomotif, kesehatan, dan lain sebagainya, serta
menampilkan tanggal berita. Apabila pengguna memilih title dari salah
satu berita yang ada di dalam daftar, maka akan tampil layar seperti
yang ada di gambar 4.36.
346
5. Layar News Detil
Gambar 4.36 Layar News Detil
Layar News Detil adalah layar yang menampilkan detil dari
salah satu berita yang ada di halaman Home. Layar ini akan tampil
saat pengguna memilih salah satu berita di layar News.
Apabila tombol back to list, maka tampilan akan kembali ke
layar News List.
347
6. Layar Industry Data
Gambar 4.37 Layar Industry Data
Layar Industry Data List merupakan layar yang menampilkan
daftar industri. Dalam layar ini terdapat Industry Title yang merupakan
judul/tema industri; Industry yang merupakan berfokus pada bidang
tertentu; Date yang merupakan tanggal. Pada layar ini, pengguna
dapat melihat informasi yang lebih lengkap mengenai industry, dengan
memilih link title industry yang ada di daftar tersebut.
348
7. Layar Industry Data Detil
Gambar 4.38 Layar Industry Data Detil
Layar Industry Data Detil menampilkan data industry secara
lengkap. Layar ini akan tampil saat pengguna memilih link title pada
layar Industry Data. Tombol back to list dapat dipilih jika pengguna
ingin kembali ke layar Industry Data List.
349
Gambar 4.39 Layar Industry Data Advanced Search
Pada gambar 4.39 di atas, adalah layar Industry Data
Advanced Search yang dapat digunakan oleh pengguna untuk mencari
data-data industri yang diinginkan. Pengguna dapat mengisi field-field
yang ada. Field-field tersebut berfungsi sebagai pengidentifikasi yang
dapat mempercepat proses pencarian data-data industri.
350
8. Layar Consulting List
Gambar 4.40 Layar Consulting List
Layar Consulting List ini merupakan layar yang menampilkan
daftar proyek-proyek dalam hal konsultasi yang disertai dengan
beberapa data penjelas, seperti Title, Client, Industry, Period dimana
status proyek tersebut apakah telah terselesaikan atau belum, dan
Period dimana jangka waktu/periode penyelesaian proyek tersebut.
Apabila link title dipilih, maka akan tampil layar Consulting Detil,
seperti terlihat pada gambar 4.41.
351
9. Layar Consulting Detil
Gambar 4.41 Layar Consulting Detil
Layar Consulting Detil menampilkan detil dari salah satu
proyek konsultasi yang telah dipilih sebelumnya di layar Consulting
List. Layar ini menampilkan beberapa informasi mengenai proyek
konsultasi, diantaranya nama proyek, nama klien, kode proyek,
manajer proyek, pemimpin proyek, tim pelaksana, periode
penyelesaian proyek, industri, status proyek, topik proyek, deskripsi,
dan keyword proyek. Tombol back to list dapat dipilih jika pengguna
ingin kembali ke layar Consulting List.
352
10. Layar Development List
Gambar 4.42 Layar Development List
Layar Development List ini merupakan layar yang
menampilkan daftar data yang berhubungan dengan pengembangan
proyek. Dalam layar terdapat beberapa informasi, diantaranya Project
Title yang merupakan judul; Project Client yang merupakan proyek
dari klien; Project Status yang merupakan status proyek, apakah
merupakan proyek atau merupakan proposal; Project Timeline yang
merupakan batas waktu penyelesaian proyek. Apabila pengguna
memilih link title pada salah satu data yang ada di daftar development,
maka akan tampil layar Development Detil, seperti pada gambar 4.43.
353
11. Layar Development Detil
Gambar 4.43 Layar Development Detil
Layar Development Detil menampilkan detil dari pelaksanaan
pengembangan proyek. Terdapat batas waktu penyelesaian proyek,
judul proyek, kode proyek, proyek klien, proyek industri, status proyek
apakah merupakan proyek atau merupakan proposal, manajer proyek
yang bertanggung jawab atas penanganan proyek, proyek analis atau
orang yang menganalisa proyek, orang yang menangani proyek, tim
yang mengerjakan proyek, permasalahan proyek, dan penjelasan dari
proyek. Pilihan back to list akan menampilkan kembali layar
Development List jika dipilih oleh pengguna.
354
12. Layar Marketing and Sales List
Gambar 4.44 Layar Marketing and Sales List
Layar Marketing and Sales List merupakan layar yang
menampilkan daftar-daftar klien yang berhubungan dengan divisi
Marketing atau Sales. Terdapat informasi yang berhubungan dengan
klien, seperti Project Title, proyek klien, jenis pelayanan, dan status
proyek tersebut; apakah telah sampai pada proses penyelesaian atau
masih dalam proses follow up. Apabila pengguna memilih salah satu
link title, maka akan tampil layar Marketing and Sales Detil, seperti
tampak pada gambar 4.45.
355
13. Layar Marketing and Sales Detil
Gambar 4.45 Layar Marketing and Sales Detil
Layar Marketing and Sales Detil menampilkan detil dari data
marketing atau sales. Terdapat judul proyek, kode proyek, proyek
klien, proyek industri, status proyek apakah merupakan sebuah
ataukah merupakan proposal, kategori service, lokasi pelaksanaan
proyek, industri/bidang, nama sales, presales, solusi proyek, dan
deskripsi dari proyek. Serta terdapat informasi mengenai materi
pendukung, besarnya materi pendukung, tanggal digunakannya materi
pendukung tersebut, dan jenis dokumen/jenis materi pendukung,
apakah berupa gambar, teks, artikel, dan lain sebagainya. Tombol back
to list dapat digunakan untuk kembali ke layar Marketing and Sales
List.
356
14. Layar Human Resource Division List
Gambar 4.46 Layar Human Resource Division List
Layar Human Resource Division List merupakan layar yang
menampilkan daftar-daftar dokumen atau ketentuan-ketentuan
perusahaan. Terdapat informasi lain, seperti Title yang merupakan
judul dokumen atau ketentuan-ketentuan perusahaan, divisi, kategori,
dan tanggal pembuatan dokumen atau ketentuan-ketentuan perusahaan.
Apabila pengguna memilih salah satu link title, maka akan tampil layar
Human Resource Division Detil, seperti tampak pada gambar 4.47.
357
15. Layar Human Resource Division Detil
Gambar 4.47 Layar Human Resource Division Detil
Layar Human Resource Division Detil menampilkan detil
dokumen atau ketentuan-ketentuan perusahaan. Terdapat judul
dokumen atau ketentuan-ketentuan perusahaan, sumber dokumen atau
ketentuan-ketentuan perusahaan, tanggal pembuatan, kode dokumen
atau ketentuan-ketentuan perusahaan, divisi perusahaan, Content yang
merupakan isi dari dokumen atau ketentuan-ketentuan perusahaan,
deskripsi dari isi konten sebelumnya. Apabila tombol back to list
dipilih, maka tampilan akan kembali ke layar Human Resource
Division List.
358
16. Layar In Company Education List
Gambar 4.48 Layar In Company Education List
Layar In Company Education List ini menampilkan daftar
pelaksanaan training/workshop yang dilaksanakan di tempat klien.
Terlihat dalam daftar tersebut terdapat beberapa informasi tema
training/workshop, nama klien (nama perusahaan/organisasi), industri,
dan periode/waktu pelaksanaan training/workshop. Apabila pengguna
memilih salah satu link title, maka akan tampil layar In Company
Education Detil, seperti tampak pada gambar 4.49.
359
17. Layar In Company Education Detil
Gambar 4.49 Layar In Company Education Detil
Layar In Company Education Detail menampilkan detil
pelaksanaan training. Terdapat periode pelaksanaan training, Title
yang merupakan judul training/workshop, kode training, fasilitator,
perusahaan yang ingin melaksanakan training, Industry, tempat
pelaksanaan training, peserta training, topik/program training, pihak
yang bertanggung jawab saat dilaksanakannya training, tim pelaksana,
deskripsi training. Apabila tombol back to list dipilih, maka tampilan
akan kembali ke layar In Company Education List.
360
18. Layar Public Education List
Gambar 4.50 Layar Public Education List
Layar Public Education List merupakan layar yang
menampilkan daftar dari pelaksanaan training/workshop yang
diadakan oleh perusahaan yang bekerja sama dengan klien. Terdapat
beberapa informasi mengenai training/workshop, diantaranya
judul/tema pelaksanaan training/workshop, fasilitator, program
pelaksanaan training/workshop, periode pelaksanaan. Apabila
pengguna memilih salah satu link title, maka akan tampil layar Public
Education Detil, seperti tampak pada gambar 4.51.
361
19. Layar Public Education Detil
Gambar 4.51 Layar Public Education Detil
Layar Public Education Detil menampilkan detil pelaksanaan
training. Terdapat beberapa informasi, diantaranya periode
pelaksanaan training, judul/tema training, kode training, fasilitator,
perusahaan yang ingin melaksanakan training, Industry, tempat
pelaksanaan training, peserta training, sponsor, program training,
pihak yang bertanggung jawab saat dilaksanakannya training, tim
pelaksana, deskripsi training. Apabila tombol back to list dipilih, maka
tampilan akan kembali ke layar Public Education List.
362
20. Layar Blog List
Gambar 4.52 Layar Blog List
Layar Blog List merupakan layar yang menampilkan blog-
blog. Dalam layar ini, yang ditampilkan hanya Title Header-nya (topik
utama) dari blog-blog yang ada. Apabila pengguna ingin melihat isi
blog secara keseluruhan, maka dapat memilih link read more, dan akan
tampil layar Blog Detil seperti pada gambar 4.53. Tombol back to list
dapat dipilih oleh pengguna, dan tampilan akan kembali ke layar Blog
List.
Gambar 4.53 Layar Blog Detil
363
21. Layar Forum
Gambar 4.54 Layar Forum
Layar Forum ini menampilkan forum yang dapat diisi oleh
para karyawan. Pada layar ini pengguna dapat membuat materi forum
baru dengan memilih link new thread seperti pada gambar 4.55. Dalam
layar ini ditampilkan subject forum, pembuat topik forum, dan waktu
pembuatan forum.
364
Gambar 4.55 Layar Create A Thread
Layar Create A Thread ini digunakan saat pengguna ingin
membuat sub forum atau forum baru. Sebelum membuat forum baru,
pengguna dapat mengisi field subject dengan subyek dari forum yang
ingin dibuat. Pengguna dapat memilih create jika sudah selesai, atau
dapat memilih cancel new thread jika ingin membatalkan pengisian.
Gambar 4.56 menunjukkan bahwa penyimpanan telah berhasil
dilakukan.
365
Gambar 4.56 Layar Reply Added
Pada layar Reply Added terdapat link return to thread dan
link return to forum. Dimana link return to thread jika dipilih, akan
menampilkan layar Thread seperti pada gambar 4.58. Sedangkan jika
link return to forum dipilih, maka tampilan akan kembali ke layar
Forum, seperti pada gambar 4.54.
Gambar 4.57 Layar Reply To A Thread
366
Pada layar Reply To A Thread terdapat link post dan link
cancel reply, dimana link post tersebut jika dipilih akan menampilkan
layar, seperti pada gambar 4.58. Sedangkan jika link cancel reply
dipilih, maka tampilan akan kembali ke layar Forum gambar 4.54.
Untuk melihat secara lengkap topik forum, pengguna dapat
memilih link title dari topik forum yang ingin dilihat, seperti tampak
pada gambar 4.58. Sedangkan untuk menghapus satu atau lebih topik
forum, pengguna dapat menggunakan/memilih tombol , dan akan
muncul pesan seperti pada gambar 4.59 dan gambar 4.60.
Gambar 4.58 Layar Thread
367
Gambar 4.59 Layar Forum Proses Penghapusan Data
Gambar 4.60 Layar Penghapusan Data Sukses
368
22. Layar Practice Reference List
Gambar 4.61 Layar Practice Reference List
Layar Practice Reference List ini menampilkan daftar-daftar
referensi yang tersedia di dalam aplikasi. Dalam layar ini terdapat Title
yang merupakan judul dari referensi; Division yang merupakan divisi
dari referensi tersebut; Industry yang merupakan bidang/fokus
referensi; Source yang merupakan sumber referensi. Apabila pengguna
ingin melihat isi referensi lengkap secara keseluruhan, maka dapat
memilih link title dari salah satu referensi yang ada di daftar, dan akan
tampil layar Practice Reference Detil seperti pada gambar 4.62. Dan
tombol back to list pada gambar 4.62 dapat digunakan untuk kembali
ke layar Practice Reference List.
369
Gambar 4.62 Layar Practice Reference Detil
23. Layar e-Magazine List
Gambar 4.63 Layar e-magazine List
Layar e-Magazine List menampilkan daftar majalah
elektronik, disertai dengan judul majalah, publisher (penerbit) dan
370
sumber didapatnya majalah elektronik tersebut. Apabila pengguna
memilih salah satu link title, maka akan tampil layar e-Magazine Detil,
seperti tampak pada gambar 4.64. Dan tombol back to list pada
gambar 4.64 dapat digunakan untuk kembali ke layar e-Magazine List.
Gambar 4.64 Layar e-magazine Detil
371
24. Layar Library
Gambar 4.65 Layar Library
Layar Library merupakan layar yang dapat digunakan sebagai
referensi atau materi tambahan bagi karyawan dalam meningkatkan
pengetahuan/wawasan. Pada gambar 4.65 di atas, karyawan dapat
mencari informasi yang dibutuhkan yang ada di dalam situs yang
diakses.
372
25. Layar News List Admin
Gambar 4.66 Layar News List Admin
Layar News List Admin ini merupakan layar yang
menampilkan berita atau pengumuman, dan hanya admin yang dapat
mengaksesnya. Hal ini dikarenakan dalam layar ini disediakan pilihan-
pilihan untuk melakukan perubahan pada berita. Terdapat beberapa
pilihan untuk menambah berita, yang akan terlihat pada gambar 4.66,
pilihan untuk mengedit, yang akan terlihat pada gambar 4.68, pilihan
untuk menghapus, yang akan terlihat pada gambar 4.70. Dan pilihan
untuk menempatkan berita ke halaman depan, yang akan terlihat pada
gambar 4.71.
373
26. Layar News Admin Add
Gambar 4.67 Layar News Admin Add
Layar News Admin Add ini digunakan untuk menambah
berita/pengumuman baru. Pengguna dapat mengisi field judul berita,
sumber berita, kategori, tanggal, isi, dan keyword berita. Apabila
pengguna telah selesai mengisi field-field tersebut dan ingin
menyimpannya, maka pengguna dapat memilih tombol save. Atau
tombol cancel untuk membatalkan pengisian. Baik tombol save
maupun cancel jika dipilih akan kembali ke layar News Admin List.
374
Apabila proses penambahan berita sukses akan muncul pesan seperti
terlihat pada gambar 4.68.
Gambar 4.68 Layar News List Proses Add Sukses
375
27. Layar News Edit
Gambar 4.69 Layar News Edit
Layar News Edit ini digunakan untuk mengedit
berita/pengumuman yang telah ada sebelumnya. Pengguna dapat
mengubah data-data yang diinginkan, dan jika pengguna ingin
menyimpan perubahan tersebut, dapat memilih tombol save. Atau
tombol cancel untuk membatalkan pengeditan. Baik tombol save
maupun cancel jika dipilih akan kembali ke layar News Admin List.
Apabila proses penambahan berita sukses akan muncul pesan seperti
terlihat pada gambar 4.70.
376
Gambar 4.70 Layar News List Proses Edit Sukses
Gambar 4.71 Layar News List Proses Delete