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