BAB 3 ANALISIS SISTEM DAN PERANCANGAN SISTEM

Transkripsi

1 BAB 3 ANALISIS SISTEM DAN PERANCANGAN SISTEM 3.1 Gambaran Umum PT. Fibena Nadaseraya Riwayat dan Keterangan Perusahaan PT.Fibena Nadaseraya adalah sebuah perusahaan periklanan kecil dengan bidang bisnis yang ditekuni masih belum terbentuk nyata yang bergerak menjadi perusahaan advertising agency yang berkembang dengan bentuk bisnis yang lebih nyata. PT.Fibena Nadaseraya didirikan pada tahun 2010 dengan main bisnis dari para klien PT. PELNI, PT. Logistic, PT. Jakaranatama produsen makanan kaleng dan mie.selain itu Fibena juga melakukan media buying ke berbagai media untuk memenuhi keinginan klien.berikut keterangan dibawah ini: Nama Perusahaan : PT. FIBENA NADASERAYA Nama Penanggung Jawab / Jabatan : Ina Limbong Riung / Direktur Utama Modal dan Kekayaan Bersih Perusahaan : Rp ,- Kelembagaan / Jasa Dagangan Utama : Penyedia Jasa / Periklanan, Reklame, Promosi, Pemasaran Kegiatan Usaha (KBLI) : Nomor Surat Izin Usaha Perdagangan (SIUP) MIKRO : 00768/10-20/Pm/PO/III/2010 Alamat : Office : Gd.Perkantoran Pulo Mas 1 Gd. 2 lt.4 Ruang 4 Jl.Ahmad Yani No.2 Jakarta Timur Mobile : Pin BB :2604C246 Tlp/Fax : op.pramono@gmail.com op_pramono@yahoo.com 25

2 26 PT. FIBENA NADASERAYA dalam pelaksanaannya memiliki semboyan Memberikan solusi terbaik dengan kualitas, efesiensi dan kepuasan maksimal. Kepuasan pelanggan menjadi prioritas utama. 3.2 Visi dan Misi 1. Visi Menjadi Perusahaan Advertising Agency kelas menengah di industri. 2. Misi Menyajikan pelayanan yang fokus pada klien (Customer Focus) yang menjalankan prinsip Smarter, Faster, Better and Healthy dengan penjelasan sebagai berikut: Yang dimaksud Smarter adalah pelayanan dengan menggunakan dasar dasar ilmiah, analisa serta pengalaman yang real yang dapat dipertanggungjawabkan keabsahannya. Yang dimaksud Faster adalah memberikan pelayan kepada segenap klien dengan prinsip kehati hatian dan ketelitian namun tetap mempertimbangkan efisiensi waktu. Yang dimaksude Better adalah selalu meningkatkan pelayanan terhadap para klien, menggunakan measuremeny yang jelas untuk selalu menjadi lebih baik. Yang dimaksud dengan Healthy adalah sehat dalam hal financing kepada berbagai pihak baik media maupun supplier. 3.3 User Requirements User terdiri dari admin pada PT.Fibena Nadaseraya yang meliputi : username, password, fullname, , address, birth, phone - Admin : Dapat melakukan login dan masuk kehalaman home, about us, our services, portofolio, news update, our client, contact us tanpa harus terlebih

3 27 dahulu melakukan register dikarenakan id atau user admin telah secara otomatis dibuat pada database website. Admin dapat melakukan add, edit, update, delete dan melakukan logout sebelum keluar dari website. 3.1 Struktur organisasi Perusahaan DIREKTUR UTAMA DIREKTUR MARKETING STAFF FINANCE STAFF ADMINISTRASI Gambar 3.1 Struktur Organisasi Tugas dari Masing-masing Posisi 1. Direktur Utama: Menyusun rencana kerja perusahaan baik jangka pendek maupun panjang, pembuat keputusan dan kebijakan, bertanggung jawab atas kegiatan perusahaan yang sesuai misi dan visi perusahaan untuk hasil terbaik buat perusahaan. 2. Direktur Marketing, Mencari klien, menawarkan produk yang ada di perusahaan kepada klien. 3. Staff Finance, Mengurus pembayaran dari klien dan untuk media tayang. 4. Staff Administrasi, Menyiapkan media plan untuk klien yang akan bekerja sama, menyiapkan media order untuk media televise, radio, Koran dll.

4 Analisis Sistem yang Sedang Berjalan Proses pemasaran pada PT.Fibena Nadaseraya. Dalam hal ini sistem yang berjalan di PT.Fibena Nadaseraya yaitu : 1. Marketing mencari klien, mengadakan komunikasi via telephone atau bertemu langsung dengan klien dan menawarkan bentuk kerjasama sesuai produk yang ada di PT.Fibena Nadaseraya. 2. Setelah pertemuan, Staff Administrasi menyiapkan media plan sesuai arahan Direktur Marketing atau Direktur Utama. 3. Staff Administrasi mengirim media plan kepada klien untuk di setujui. 4. Setelah di tandatangani klien, Staff Administrasi membuat media order ke media TV, Radio, Koran dll. 5. Tv, radio, koran mengirim bukti tayang beserta invoice. 6. Finance Fibena menyampaikan invoice kepada klien sesuai media plan beserta copy tayang Analisis Wawancara dan Kuesioner pada PT.Fibena Nadaseraya Untuk membantu mengumpulkan data dilakukan dengan cara wawancara, dimana wawancara ditujukan kepada Direktur Utama pada PT.Fibena Nadaseraya, Daftar Pertanyaan wawancara : Nama : Jabatan : Ina Limbong Riung Direktur Tanggal Wawancara : Selasa, 29 Oktober 2013 Tempat : Jam : Kantor PT. Fibena Nadaseraya 15:00 WIB 1. Bagaimana proses bisnis secara rinci di PT.Fibena Nadaseraya? Pihak perusahaan mengadakan komunikasi via telephone atau bertemu

5 29 langsung dengan klien dan menawarkan bentuk kerjasama sesuai produk yang ada (TV, Radio, Koran dll). Pihak perusahaan menyiapkan media plan. Klien menandatangani media plan. Pihak perusahaan membuat media order ke media TV, Radio, Koran dll (Sesuai dengan bentuk kerjasama awal). Pihak perusahaan mengirimkan invoice beserta copy tayang kepada klien. 2. Apakah kelebihan PT.Fibena Nadaseraya dibanding perusahaan pesaing? Produk dan jasa yang di tawarkan PT. Fibena Nadaseraya hampir sama dengan perusahaan jasa iklan yang lain, perusahaan kami juga mempunyai hubungan baik dengan media - media sehingga kami bisa lebih memberikan jaminan kerja yang lebih baik kepada klien, sehingga klien percaya dan nyaman bekerja sama dengan perusahaan kami. 3. Bagaimana cara perusahaan dalam mempromosikan jasa? Dengan membuat brosur, membuat link yang banyak dengan media - media yang bisa bekerja sama. 4. Daerah mana saja yang menjadi cakupan atau target pemasaran oleh PT. Fibena Nadaseraya? Untuk saat ini pemasaran baru meliputi Sejabodetabek. 5. Apakah sistem yang berjalan saat ini sudah menggunakan aplikasi atau masih manual? Sejauh ini masih menggunakan sistem manual. 6. Dalam hal apa saja penggunaan sistem manual pada perusahaan PT. Fibena Nadaseraya? Dalam mengirim Media Plan, Media Order, Rate Card TV, komunikasi dengan media - media. 7. Hambatan yang dihadapi atau masalah yang dihadapi saat ini?

6 30 Otomatis tidak bisa cepat, karena pekerjaan jadi harus berulang - ulang untuk komunikasi sampai pekerjaan bisa mencapai kesepakatan. 8. Dalam melakukan hubungan antara perusahaan dan konsumen, apakah terdapat kendala saat ingin meluaskan sasaran konsumen? Kendala pasti ada, tapi perusahaan harus jeli melihat peluang - peluang yang bisa ditawarkan kepada konsumen atau klien. 9. Apakah saat ini perusahaan sedang mengalami kendala dalam melakukan penyusunan pemesanan dari konsumen? Ada dalam beberapa hal, tetapi masih bisa diatasi. 10. Apakah saat ini perusahaan membutuhkan suatu aplikasi yang dapat mempermudah dalam proses pemasaran? Saat ini mungkin dibutuhkan karena sekarang semuanya dilakukan dengan internet. 11. Apa kebutuhan sistem dan harapan solusi yang dapat ditawarkan? Semakin mempermudah dalam menjalankan pekerjaan dan yang pasti dengan sistem yang canggih hasil yang di harapkan juga akan lebih baik. Untuk mendapatkan data lengkap dari pihak yang terkait dengan perusahaan, dilakukan pengumpulan data melalui kuesioner yang dibagikan kepada para pelanggan PT.Fibena Nadaseraya. Data ini akan mendukung permasalahan yang diidentifikasikan dan memperkuat verifikasi permasalahan.berikut ini adalah hasil dari kuesioner yang disebarkan pada tanggal 29Oktober 2013 kepada 56 responden.

7 31 1. Apakah anda mengerti tentang cara menggunakan internet? Gambar 3.2 Hasil Kuesioner Pertanyaan No. 1 Hasil kuesioner menunjukan bahwa mayoritas pelanggan mengerti bagaimana cara menggunakan internet. 2. Apakah anda tertarik untuk mengakses informasi melalui internet? Gambar 3.3 Hasil Kuesioner Pertanyaan no.2 Hasil kuesioner menunjukan bahwa mayoritas pelanggan tertarik untuk mengakses informasi melalui internet.

8 32 3. Seberapa sering anda menggunakan internet dalam satu minggu? Gambar 3.4 Hasil Kuesioner Pertanyaan No. 3 Hasil kuesioner menunjukan bahwa mayoritas para pelanggan menggunakan internet setiap hari. 4. Darimana pertama kali anda mengenal jasa periklanan PT. Fibena Nadaseraya? Gambar 3.5 Hasil Kuesioner Pertanyaan No. 4 Hasil kuesioner menunjukkan bahwa kebanyakan pelanggan mengenal PT. Fibena Nadaseraya melalui Majalah atau Brosur.

9 33 5. Bagaimana cara bertransaksi dengan pihak PT.Fibena Nadaseraya selama ini? Gambar 3.6 Hasil Kuesioner Pertanyaan No. 5 Hasil kuesioner menunjukkan bahwa datang langsung ke tempat adalah cara bertransaksi yang paling diminati pelanggan dibandingkan via faksimili dan telepon. 6. Seberapa sering anda menggunakan jasa periklanan PT.Fibena Nadaseraya? Gambar 3.7 Hasil Kuesioner Pertanyaan No. 6 Hasil kuesioner menunjukkan bahwa kecenderungan pelanggan untuk menggunakan jasa periklanan PT.Fibena Nadaseraya sangat jarang. 7. Menurut anda apakah sistem pemasaran secara online menggunakan internet yang akan diterapkan ini, penting dalam memudahkan anda menggunakan jasa PT.Fibena Nadaseraya?

10 34 Gambar 3.8 Hasil Kuesioner Pertanyaan No. 7 Hasil kuesioner menunjukkan bahwa sebagian besar pelanggan setuju dengan proyek skrispi yang akan diterapkan di PT.Fibena Nadaseraya. 8. Apakah menurut anda penggunaan komputer dan internet dapat membuat proses pemasaran menjadi lebih mudah? Gambar 3.9 Hasil Kuesioner Pertanyaan No. 8 Hasil kuesioner menunjukkan bahwa para pelanggan setuju dengan adanya Internet dapat mempermudah proses pemasaran. 9. Apakah anda menemukan kendala dalam mengetahui informasi tentang PT.Fibena Nadaseraya?

11 35 Gambar 3.10 Hasil Kuesioner Pertanyaan No. 9 Hasil kuesioner menunjukkan bahwa pelanggan mengalami kendala dalam menemukan informasi tentang perusahaan Identifikasi Masalah Dalam melakukan kegiatan prosedur pemasaran selama ini PT.Fibena Nadaseraya sering mengalami beberapa masalah. Permasalahan yang dihadapi oleh PT.Fibena Nadaseraya dapat diidentifikasikan sebagai berikut: 1. Para pelanggan kesulitan untuk mencari informasi dan jasa apa saja yang disediakan oleh PT. Fibena Nadaseraya.Sebagian besar pelanggan menginginkan suatu layanan khusus yang tidak menghabiskan waktu yang banyak dan dapat diakses dari mana saja dan kapan saja ketika terkoneksi dengan internet. 2. Sistem pemasaran pada PT.Fibena Nadaseraya masih menggunakan sistem manual, adapun pemesanan via telephone, fax dan sehingga pemasarannya kurang luas. 3. Untuk saat ini PT.Fibena Nadaseraya belum mempunyai website, yang dibutuhkan perusahaan untuk memberikan informasi secara lengkap Usulan Pemecahan Masalah Berdasarkan identifikasi permasalahan yang ada pada perusahaan dan juga kebutuhan berdasarkan evaluasi kuesioner yang telah dilakukan, maka usulan pemecahan masalah yang diajukan adalah merancang sistem informasi baru yaitu sistem informasi pemasaran berbasis web.

12 36 Dengan adanya website atau e-commerce ini, informasi yang disajikan akan lebih baik dan memenuhi syarat informasi yang baik yaitu efisien, akurat dan tepat waktu. 3.5 Perancangan Aplikasi Use case diagram Gambar 3.11 Use Case Diagram

13 37 Proses / Komponen Deskripsi Nama Use Case Login Deskripsi Admin dapat login dengan mengisi username dan password yang telah terdaftar. Actor Admin (Private) Pre Condition Action Actor Action System Action Basic Flow 1.Admin membuka website dan melakukan login dengan mengklik ikon aplikasi. 2.Admin menginput 3. Sistem memeriksa username dan password apakah Admin sudah memasukan username dan password dengan benar 4.Sistem melakukan validasi untuk memeriksa format pengisian username dan password oleh Admin apakah sudah benar atau belum. 5. Jika benar,maka sistem akan menampilkan halaman home Tabel 3.1 Deskripsi Proses Login Proses / Komponen Nama Use Case Deskripsi Actor Deskripsi Edit Services Proses ini terjadi apabila terdapat perubahan atau penambahan Services pada perusahaan. Admin (Private)

14 38 Pre Condition Action Actor Action System Action Basic Flow 1.Admin melakukan login 2.Sistem menampilkan menu admin 3.Admin mengklik menu 4.sistem menampilkan services Services name 5.Admin mengklik tombol Add Services 6.Admin mengisi edit,menambah,menghapus services name dan description 7. Admin mengklik tombol add services 8. sistem akan menyimpan data ke database admin Tabel 3.2 Deskripsi Proses Edit Services Proses / Komponen Deskripsi Nama Use Case Edit Portofolio Deskripsi Proses ini terjadi apabila terdapat penambahan Portofolio terbaru pada perusahaan. Actor Admin (Private) Pre Condition Action Actor Action System Action Basic Flow 1.Admin melakukan login 2. Sistem menampilkan menu admin 3.Admin mengklik menu 4.sistem menampilkan Portofolio Portofolio 5.Admin mengisi edit,menambah,menghapus

15 39 Portofolio 6.Admin klik tombol Update Portofolio 7. sistem akan menyimpan data ke database admin Tabel 3.3 Deskripsi Proses Edit Portofolio Proses / Komponen Deskripsi Nama Use Case Edit Content Deskripsi Proses ini terjadi apabila terdapat perubahan atau penambahan About Us, Contact Us dan Home pada perusahaan. Actor Admin (Private) Pre Condition Action Actor Action System Action Basic Flow 1.Admin melakukan login 2.Sistem menampilkan menu admin 3.Admin mengklik menu 4.sistem menampilkan Content form tambah,edit,hapus About Us, Contact Us dan Home 5.Admin mengklik 6.Sistem akan tombol update menyimpan data ke database admin Tabel 3.4 Deskripsi Proses Edit Content

16 40 Proses / Komponen Deskripsi Nama Use Case Edit News Update Deskripsi Proses ini terjadi apabila terdapat penambahan informasi atau berita terbaru pada perusahaan. Actor Admin Pre Condition Action Actor Action System Action Basic Flow 1..Admin melakukan login 2.Sistem menampilkan menu admin 3.Admin mengklik menu News 4.sistem menampilkan News 5.Admin mengisi edit,menambah,menghapus News 6.Admin klik tombol Update News 7. sistem akan menyimpan data ke database admin Tabel 3.5 Deskripsi Proses Edit NewsUpdate Proses / Komponen Deskripsi Nama Use Case Edit Our Client Deskripsi Proses ini terjadi apabila terdapat perubahan atau penambahan logo Client pada perusahaan. Actor Admin (Private) Pre Condition Action Actor Action System Action Basic Flow 1.Admin melakukan login 2.Sistem menampilkan menu admin

17 41 3.Admin mengklik menu Client 5.Admin mengisi edit,menambah,menghapus Client 4.sistem Client menampilkan 6.Admin klik tombol Update Client 7. sistem akan menyimpan data ke database admin Tabel 3.6 Deskripsi Proses Edit Our Client Proses / Komponen Deskripsi Nama Use Case Logout Deskripsi Proses ini terjadi pada saat selesai menggunakan aplikasi. Actor Admin (Private) Pre Condition Action Actor Action System Action Basic Flow 1.Admin yang telah login 2.sistem akan dan selesai mengklik menampilkan tombol logout halaman login admin Tabel 3.7 Deskripsi Proses Logout Proses / Komponen Nama Use Case Deskripsi Deskripsi View Services Proses ini terjadi pada saat pengguna aplikasi (publik) melihat layanan yang ada pada perusahaan dengan mengklik

18 42 menu Our Services Actor Pengguna aplikasi (publik) Pre Condition Action Actor Action System Action Basic Flow 1.Usermembuka website Fibena Nadaseraya 2.User mengklik menu Our Services 3.sistem menampilkan daftar services Tabel 3.8 Deskripsi Proses View Services Proses / Komponen Deskripsi Nama Use Case Send Message Deskripsi Proses ini terjadi pada saat usermenggunakan fitur contact us untuk berinteraksi dengan salah satu staff PT.Fibena Nadaseraya Actor Pengguna aplikasi (publik) Pre Condition Useringin melakukan interaksi dengan petugas untuk menanyakan hal-hal yang masih belum jelas Action Actor Action System Action Basic Flow 1.User membuka website Fibena Nadaseraya 2.User Mengklik menu 3.Sistem menampilkan Contact us halaman contact us berupa informasi contact person dan form untuk melakukan komunikasi via website 4.User mengisi formcontact us 5.User meng-klik tombol 6.Sistem melakukan send validasi untuk

19 43 Alternative Flow 5a.Jika user ingin mengulang pengisian form yang salah maka tinggal mengklik tombol reset. memeriksa format pengisian form contact us oleh user apakah sudah benar atau belum 7.Jika format pengisian form contact us sudah benar, maka sistem akan mengirim data user tersebut ke resmi PT.Fibena Nadaseraya 7.a.Jika format pengisian form contactus salah, maka sistem akan memberikan tanda warning pada bagian field yang salah, kemudian kembali ke langkah 4 Tabel 3.9 Deskripsi Proses Send Message

20 Activity Diagram Gambar 3.12 Activity Diagram Login Admin Gambar 3.12 menunjukan bahwa admin mengakses halaman website kemudian masukan username dan password dan klik tombol login. Kemudian system akan mengecheck username dan password, jika data tidak valid akan kembali masukkan username dan password, jika data valid login sukses dan akan menampilkan halaman home admin.

21 45 Gambar 3.13 Activity Diagram Services Admin Gambar 3.13 menunjukan bahwa admin memilih menu services. Kemudian sistem menampilkan halaman services. Admin dapat menambah services dengan memilih add new services. Kemudian sistem akan menampilkan halaman input new services. Kemudian admin mengisi form input new services.jika ingin disimpan admin dapat memilih button submit dan jika ingin membatalkan, admin dapat memilih button cancel.

22 46 Gambar 3.14 Activity Diagram Portofolio Admin Gambar 3.14 menunjukan bahwa admin memilih menu portofolio. Kemudian sistem menampilkan halaman portofolio. Admin dapat menambah portofolio dengan memilih add new portofolio. Kemudian sistem akan menampilkan halaman input new portofolio. Kemudian admin mengisi form input new portofolio.jika ingin disimpan admin dapat memilih button submit dan jika ingin membatalkan, admin dapat memilih button cancel.

23 47 Gambar 3.15 Activity diagram Content admin Gambar 3.15 menunjukan bahwa admin memilih menu content. Kemudian sistem menampilkan halaman content. Admin dapat memilih konten yang akan di edit. Kemudian sistem akan menampilkan halaman input content. Kemudian admin mengisi form input content. Jika ingin disimpan admin dapat memilih button submit dan jika ingin membatalkan, admin dapat memilih button cancel.

24 48 Gambar 3.16 Activity Diagram News Admin Gambar 3.16 menunjukan bahwa admin memilih menu news. Kemudian sistem menampilkan halaman news. Admin dapat menambah news dengan memilih add news. Kemudian sistem akan menampilkan halaman input add news. Kemudian admin mengisi form input add news. Jika ingin disimpan admin dapat memilih button submit dan jika ingin membatalkan, admin dapat memilih button cancel.

25 49 Gambar 3.17 Activity Diagram Client Admin Gambar 3.17 menunjukan bahwa admin memilih menu client. Kemudian sistem menampilkan halaman client. Admin dapat menambah client dengan memilih add new client. Kemudian sistem akan menampilkan halaman input new client. Kemudian admin mengisi form input new client. Jika ingin disimpan admin dapat memilih button submit dan jika ingin membatalkan, admin dapat memilih button cancel.

26 Sequence Diagram Gambar 3.18 Sequence Diagram Login Admin

27 Gambar 3.19Sequence diagram services admin 51

28 Gambar 3.20Sequence diagram content admin 52

29 Gambar 3.21 Sequence diagram portofolio admin 53

30 Gambar 3.22 Sequence diagram news admin 54

31 55 Gambar 3.23 Sequence diagram client admin Gambar 3.24 Sequence diagram Logout

32 Class Diagram Gambar 3.25 Class Diagram

33 Perancangan Database Gambar 3.26 Entity Relationship Diagram

34 58 1. Nama tabel : Ms_user Deskripsi : tabel Ms_user ini berisi informasi admin Primary Key : ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID admin Username Varchar 30 Identifikasi admin Password Varchar 25 Password admin Varchar 25 Alamat admin Full name Varchar 30 Nama lengkap admin Birth Varchar 10 Data tanggal lahir admin Phone Varchar 13 No telepon admin Address Varchar 255 Alamat admin Description Text Status Varchar 1 Data ada Tabel 3.10 Tabel Ms_user 2. Nama tabel : Slideshow Deskripsi : tabel slideshow ini berisi informasi gambar yang ada pada home perusahaan Primary Key : ID Foreign key :User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID Slideshow User int 20 Identifikasi admin Image Varchar 100 Gambar Created Varchar 50 Tabel 3.11 Tabel Slideshow

35 59 3.Nama tabel : Content Deskripsi : tabel Content berisi informasi Home, About Us, Contact Us. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID Content User Int 20 Identifikasi admin Name Int 30 Nama content Content Text List edit content Updates Varchar 50 Tabel 3.12 Tabel Content 4.Nama tabel : Services Deskripsi : tabel Services berisi informasi jasa yang disediakan oleh perusahaan. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID Services User int 20 Identifikasi admin Name Int 30 Nama jasa periklanan Image Varchar 100 Gambar Content Text Created Varchar 50 Tanggal dibuat Updated Varchar 50 Status Varchar 1 Data ada Tabel 3.13 Tabel Services

36 60 5.Nama tabel : Portofolio Deskripsi : tabel Portofolio berisi informasi foto foto atau gallery perusahaan. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID Portofolio User int 20 Identifikasi admin Name int 30 Nama portofolio Image Varchar 100 Gambar Update Varchar 50 Created Varchar 50 Status Varchar 1 Data ada Tabel 3.14 Tabel Portofolio 6.Nama tabel : Client Deskripsi : table Client berisi logo-logo klien yang bekerjasama dengan perusahaan. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID Client User int 20 Identifikasi admin Name Int 30 Nama klien Image Varchar 100 Gambar Update Varchar 50 Created Varchar 50 Status Varchar 1 Data ada Table 3.15 Tabel Client

37 61 7.Nama tabel : News Deskripsi : tabel News berisi informasi berita berita terbaru dari perusahaan. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID News User Int 20 Identifikasi admin Name Int 30 Nama news Updated Varchar 50 Status Varchar 1 Data ada Table 3.16 Tabel News 8.Nama tabel : Message Deskripsi : tabel Message berisi informasi pertanyaan-pertanyaan yang ditujukan pada perusahaan. Primary Key :ID Foreign key : User_ID Nama Field Tipe Data Panjang Keterangan ID Int 20 ID News Sender Varchar 25 Pengirim pesan Receiver Varchar 50 Penerima pesan Content Text Isi pesan Send Varchar 1 Kirim pesan Status Varchar 1 Data ada Table 3.17 Tabel Message

38 Struktur Menu About Us Advertising Portofolio Event Organizer Home Our Services News Agency Printing Our Client Company Profile Production Merchandise Contact Us Design Login Admin Add, edit, delete About Us Add, edit, delete Services Add, edit, delete News Update Add, edit, delete Portofolio Add, edit, delete Our Client Add,edit, delete Home Logout

39 Rancangan Layar Pada sub bab ini di jelaskan mengenai setiap desain layar dari e-applicaion yang akan dibuat. Gambar 3.27 Layar Login Admin Rancangan layar Login Admin adalah halaman dimana dimenu ini admin dapat login dengan mengisi username dan password yang telah terdaftar.

40 64 Gambar 3.28 Layar Home Rancangan layar halaman Home adalah rancangan layar di Halaman ini terdapat beberapa menu Home, About Us, Our Services, Portofolio, News Update, Our Client dan Contact Us.

41 65 Gambar 3.29 Layar Home Admin Rancangan layar Home Admin adalah rancangan layar di Mana Admin dapat melakukan kegiatan selanjutnya dan mengetahui informasi secara garis besar dari data di website seperti jumlah client, jumlah portofolio, jumlah news, jumlah pengunjung dan lain-lain.

42 66 Gambar 3.30 Layar Content Admin Rancangan layar Content Admin adalah halaman dimana dikolom ini admin dapatmelihat list, meng-edit layar Home, About Us dan Contact Us..

43 67 Gambar 3.31 Layar Services Admin Rancangan layar Services Admin adalah halaman dimana dikolom ini admin dapat mengisikan informasi dan menambahkannya menjadi service baru.

44 68 Gambar 3.32 Layar Portofolio Admin Rancangan layar Portofolio Admin adalah halaman dimana dimenu ini admin dapat mengedit, menghapus dan menambahkan portofolio baru.

45 69 Gambar 3.33 Layar Client Admin Rancangan layar Client Admin adalah halaman dimana dimenu ini admin dapat mengedit logo client dan menambah client baru.

46 70 Gambar 3.34 Layar Slideshow Admin Rancangan layar Slideshow Admin adalah halaman dimana dimenu ini admin dapat menghapus dan menambah slideshow baru.

47 71 Gambar 3.35 Layar Change Password Admin Rancangan layar Change Password Admin adalah halaman dimana dimenu ini admin dapat merubah password.

48 72 Gambar 3.36 Layar Inbox Message Admin Rancangan layar Inbox Message Admin adalah halaman dimana admin dapat melihat dan menghapus kirimin message dari customer.

49 73 Gambar 3.37Layar Maintenance Admin Rancangan layar Maintenance Adminadalah halaman dimana admin dapat merubah website ke mode offline pada saat melakukan maintenance.

50 74 Gambar 3.38 Layar User Admin Rancangan layar User Admin adalah halaman dimana Admin dapat meng-edit, menghapus dan menambah Subadmin baru.

51 75 Gambar 3.39 Layar Logs Admin Rancangan layar Logs Admin adalah halaman dimana Admin dapat melihat semua aktivitas Admin dan Subadmin.

52 Pseudocode About Us (Menampilkan halaman About Us Fibena Nadaseraya) Mulai IF Melihat tentang Fibena Nadaseraya THEN Klik link About Us Selesai Our Services (Menampilkan service Fibena Nadaseraya) Mulai IF Melihat layanan Fibena Nadaseraya THEN klik link Our Services Selesai Portofolio (Menampilkan Portofolio Fibena Nadaseraya) Mulai IF Melihat Portofolio Fibena Nadaseraya THEN klik link Portofolio Selesai

53 77 News (Menampilkan berita terbaru Fibena Nadaseraya) Mulai IF Melihat berita terbaru Fibena Nadaseraya THEN klik link News Selesai Client (Menampilkan Client Fibena Nadaseraya) Mulai IF Melihat layanan Fibena Nadaseraya THEN klik link Our Services Selesai Contact Us (Pengiriman user kepada Admin) Mulai IF mengirimkan kepada AdminTHEN klik link Contact Us Input Name Input Input Subject Input Message Klik Submit

54 78 Selesai Admin Login Mulai IF Login Admin THEN Input Username Input Password Klik Log Me in... IF Username dan Password Cocok THEN Masuk halaman utama admin Selesai Dashboard (Menampilkan semua total file pada website Fibena Nadaseraya) Mulai IF Melihat total file Fibena NadaserayaTHEN klik Dashboard Selesai Content (Mengedit, About Us dan Contact Us)

55 79 Mulai IF Mengedit Home, About Us dan Contact Us THEN Klik Content IF Edit Home, About Us dan Contact Us THEN Klik Salah satu Content yang mau diedit Input Isi content Klik Update Selesai Services (Menambah, mengedit dan menghapus Service) IF Menambah Service THEN Klik Service Klik Add New Service Input Name IF Upload gambar THEN Klik Browse untuk mencari gambar Input Isi content Klik Submit ELSE IF Mengedit Service THEN Klik Edit

56 80 Input Name IF Upload gambar THEN Klik Browse untuk mencari gambar Input Isi content Klik Update ELSE IF Menhapus Service THEN Klik Delete Selesai Portofolio (Menambah, mengedit dan menghapus Portofolio) IF Menambah Portofolio THEN Klik Portofolio Klik Add New Portofolio Input Name IF Upload gambar THEN Klik Browse untuk mencari gambar Klik Submit ELSE IF Mengedit Portofolio THEN

57 81 Klik Edit Input Name IF Upload gambar THEN Klik Browse untuk mencari gambar Klik Update ELSE IF Menhapus Portofolio THEN Klik Delete Selesai News (Menambah, mengedit dan menghapus News) IF Menambah Berita THEN Klik News Klik Add News Input Name Input Isi content Klik Submit ELSE IF Mengedit berita THEN Klik Edit pada berita yang mau diedit

58 82 Input Name Input Isi Content Klik Update ELSE IF Menhapus berita THEN Klik Delete Selesai Client (Menambah, mengedit dan menghapus Client) Mulai IF Menambah Client baru THEN Klik Client Klik Add New Client Input Name IF Upload logo Client THEN Klik Browse untuk mencari gambar Klik Submit ELSE IF Mengedit Client THEN Klik Edit

59 83 Input Name IF Upload logo Client THEN Klik Browse untuk mencari gambar Klik Update END IF ELSE Menghapus client THEN Klik Delete Selesai Slideshow (Menambah dan menghapus Slideshow) Mulai IF menambah Slideshow THEN Klik Slideshow Klik Add New Slideshow IF Upload gambar THEN Klik Browse untuk mencari gambar Klik Submit ELSE IF menghapus Sliseshow THEN

60 84 Klik Delete Selesai User (Menambah, mengedit dan menghapus Subadmin) Mulai IF Menambah Sub Admin THEN Klik User Klik Add Sub Admin THEN Input Username Input Password Input Confirm Password Input Input Privillage Klik Submit ELSE IF Edit Sub admin THEN Klik EDIT pada data Sub admin yang akan diedit Input Username Input New Password Input Confirm Password

61 85 Input Privillage IF Simpan THEN Klik Update ELSE IF Delete Sub admin THEN Klik Delete pada Sub admin yang akan dihapus IF Hapus THEN Klik OK Selesai Inbox (melihat kiriman dan menghapus message dari costumer) Mulai IF Melihat message customer THEN Klik Inbox Klik View ELSE Klik Delete Selesai

62 86 Maintenance (Set offline website) Mulai IF Set offline website THEN Klik Maintenance Klik Set Offline ELSE IF Set online website THEN Klik Maintenance Klik Set Online Selesai Change Password (Mengganti Password Admin) Mulai IF Mengganti Password Admin THEN Klik Change Password Input Current Password Input New Password Input Confirm Password Klik Change Password Selesai

63 87 Logs (Melihat semua aktivitas Admin ataupun Subadmin) Mulai IF Melihat semua Logs THEN Klik Logs Selesai

64 3.5.9 State Transition Diagram 88