BAB IV DESKRIPSI PEKERJAAN Kerja praktik yang kami laksanakan di PT. Indberka Investama pada tanggal 11 Juli 2016 s.d 11 Agustus 2016. PT. Indberka Investama merupakan perusahaan nasinal yang bergerak di bidang kntruksi, pabrikasi, dan distributr rangka atap baja ringan yang menggunakan material galvalum. Prduk rangka atap PT. Indberka Investama didistribusikan ke masyarakat dengan merek dagang IBI TRUSS. Selama melaksanakan kerja praktik penyelia menempatkan kami di bagian penjualan ( pemasaran ). Tugas tugas yang diberikan penyelia selama kerja pratik yaitu mengembangkan sistem infrmasi pemasaran kepada masyarakat berupa website dalam memasarkan prduk ysng masih dilakukan dengan mencetak brsur. 4.1 Identifikasi Masalah Dalam melaksanakan kerja praktik selama satu bulan di PT. Indberka Investama, kegiatan yang dilakukan selama kerja praktik adalah mengbservasi dan mengamati secara langsung prses bisnis yang berjalan di perusahaan. Selain itu juga melakukan pengumpulan infrmasi dari pihak yang bersangkutan langsung dengan cara melalui wawancara kepada pihak terkait. Berdasarkan hasil bservasi dan wawancara dengan pihak terkait dapat disimpulkan bahwa selama ini PT. Indberka Investama dalam memasarkan prduk prduk mereka masih menggunakan sistem manual seperti membagikan 28
29 brsur brsur kepada custmer dan mengandalkan infrmasi dari mulut ke mulut para pelanggan tetap mereka. Sehingga infrmasi tersebut tidak tersebar ke kalangan masyarakat luas atau tidak sesuai dengan apa yang diharapkan leh pihak perusahaan. 4.2 Analisis Masalah Setelah melakukan kegiatan bservasi dan wawancara terhadap pihak yang bersangkutan langsung dalam prses bisnis yang dijalankan perusahaan, kemudian kegiatan selanjutnya yaitu menganalisis permasalahan pemasaran yang terdapat pada PT. Indberka Investama. Berikut ini hasil analisis permasalahan : 1. Dalam melakukan pemasaran prduk selama ini PT. Indberka Investama hanya menggunakan media cetak yaitu brsur dan infrmasi dari pelanggan tetap mereka. 2. Jangkuan yang dihasilkan dengan cara menggunakan metde lama masih belum secara luas tersebar ke kalangan masyarakat luas. 3. Infrmasi yang terdapat di PT. Indberka Investama juga belum secara umum tersebar ke kalangan masyarakat, seperti : membuka lwngan pekerjaan, infrmasi membuka cabang baru perusahaan, dan membuat prduk baru. Maka dari itu untuk memenuhi kebutuhan PT. Indberka Investama yang terkait dengan prses pemasaran prduk dan penyaluran infrmasi yang dilakukan leh perusahaan apalagi dengan berkembangnya teknlgi saat ini dan sangat menguntungkan apabila digunakan secara tepat leh perusahaan, maka perusahaan memerlukan sebuah aplikasi yang dapat membantu dalam menjalankan prses tersebut. Aplikasi yang berupa websites ini dapat membantu mengatasi masalah
30 yang dimana di dalam aplikasi terdapat sub-sub prses, seperti: infrmasi perusahaan, dan infrmasi prduk perusahaan. Aplikasi ini tidak hanya digunakan dalam memprmsikan prduk perusahaan melainkan dapat digunakan untuk menyebar luaskan infrmasi yang terdapat di perusahaan seperti sejarah perusahaan atau prfile perusahaan, sehingga aplikasi ini nantinya menjadi suatu web prfile perusahaan yang berguna untuk menambah jangkuan pangsa pasar perusahaan khususnya di bidang kntruksi, pabrikasi, dan distributr rangka atap baja. 4.3 Perancangan Sistem Berdasarkan analisis masalah yang telah dilakukan, kemudian dibuat rancangan sistem yang sesuai dengan permasalahan diatas. Rancangan dijelaskan dalam beberapa tahapan yaitu Site Map Websites, Desain Layut, Desain Maintenance Back End, Database Management System (DBMS), Desain Interface. 4.3.1 Site Map Websites Site Map ini digunakan untuk memetakan isi dari website. Website PT Indberka Investama terdiri dari 4 halaman yaitu halaman prfile, infrmasi perusahaan, galery prduk, dan kntak kami. Dimana pada halaman prfile nantinya akan menampilkan infrmasi prfil perusahaan seperti sejarah perusahaan, kemudian visi misi & mtt dari perusahaan, dan struktur rganisasi perusahaan, untuk halaman infrmasi perusahaan nantinya akan menampilkan infrmasi infrmasi perusahaan yang terbaru seperti menginfrmasikan prduk mereka yang terbaru atau infrmasi pembukaan cabang.
31 Pada halaman galery prduk akan menampilkan macam macam prduk yang dibuat leh PT Indberka Investama maupun prduk lama atau prduk terbaru, dan untuk halaman kntak kami akan berisi tentang nmer telepn dan email yang dapat dihubungi leh para pelanggan. Untuk lebih jelasnya dapat dilihat site map pada gambar 4.1 Prfile Perusahaan Visi Misi & Mtt Prfile Struktur Organisasi Infrmasi perusahaan Menampilkan Infrmasi Galery Prduk Menampilkan Prduk Kntak Kami Menampilkan Nmr Kntak Perusahaan Gambar 4.1 Site Maps Website
32 4.3.2 Cntext Diagram Cntext Diagram dari aplikasi web prfil perusahaan pada PT. Indberka Investama digunakan untuk mendesain sistem yang memberikan gambaran mengenai infrmasi yang diterima ataupun dihasilkan dari suatu aktivitas. Masyarakat Prfil Perusahaan Berita Perusahaan Katalg Prduk 1 Aplikasi Web Prfile Pada PT Indberka Investama Input katalg prduk Input prfil perusahaan Input Berita Perusahaan admin web perusahaan Gambar 4. 2 Cntext Diagram 4.3.3 Data Flw Diagram Data Flw Diagram (DFD) merupakan bagan yang memiliki arus data dalam suatu sistem yang telah ada atau sistem yang digunakan dalam pengembangan sistem yang terstruktur, DFD menggambarkan seluruh kegiatan seluruh yang terdapat pada sistem.
33 a. Data Flw Diagram Level 0 6 visi misi mtt 5 prfil 4 slider 1 kategri berita visi misi mtt prfil slider kategri visi misi mtt prfil 2 berita 3 galeri berita galeri 1 maintenance web slider kategri berita galeri admin web perusahaan 7 struktur rganisasi struktur rganisasi struktur rganisasi 8 user user maps user maps 10 status publikasi infrmasi 9 maps Gambar 4. 3 Data Flw Diagram level 0 b. Data Flw Diagram Level 1 6 visi misi mtt 5 prfil 1 kategri berita 2 berita 4 slider 3 galeri menyimpan 7 struktur rganisasi menyimpan menyimpan 1.2 menyimpan maintenance gambar menyimpan 1.3 maintenance prfil perusahaan pengaturan katalg menyimpan admin web perusahaan 1.1 maintenance berita publikasi infrmasi pengaturan berita menyimpan 10 status pengaturan user 8 user menyimpan pengaturan maps 1.4 maintenance user 1.5 maps menyimpan 9 maps Gambar 4. 4 Data Flw Diagram Level 1
34 4.3.4 Cnceptual Data Mdel Cnceptual Data mdel (CDM) merupakan gambaran dari struktur database yang akan digunakan dalam pembangunan Aplikasi Prfil Perusahaan Berbasis Web pada PT Indberka Investama Surabaya. Gambar CDM dapat di lihat sebagai berikut : prfil isi_prfil Text # kategri_id kategri_nama kategri_berita Variable characters (3) Variable characters (10) # galeri_id galeri_judul galeri_gambar galeri_keterangan galeri_tanggal... # galeri slider_id slider_judul slider_gambar slider_keterangan... Integer Variable characters (255) Variable characters (300) Variable characters (300) Date slider Integer Variable characters (50) Variable characters (255) Variable characters (255) visi misi mtt maps_nama maps_alamat maps_keterangan... misi visi mtt... Text Text Text maps Variable characters (50) Variable characters (600) Variable characters (255) # user_id user_name user_passwrd... user struktur rganisasi struktur_rganisasi Text # berita_id berita_judul berita_gambar berita_isi berita_tanggal... Integer Variable characters (100) Variable characters (100) Relatinship_2 berita Variable characters (14) Variable characters (255) Variable characters (300) Text Date # status_id status_nama Relatinship_1 status Variable characters (2) Variable characters (10) Gambar 4. 5 Cnceptual Data Mdel 4.3.5 Physical Data Mdel Physical Data Mdel menggambarkan hubungan struktur antar tabel-tabel yang digunakan untuk menyimpan data penjualan sebagaimana diterapkan pada Database Mangement System (DBMS).
35 id_prfil isi_prfil prfil int text galeri_id galeri_judul galeri_gambar galeri_keterangan galeri_tanggal... <pk> galeri slider_id slider_judul slider_gambar slider_keterangan... int varchar(255) varchar(300) varchar(300) date slider int varchar(50) varchar(255) varchar(255) <pk> <pk> visi misi mtt id_vmt misi visi mtt... maps_id maps_nama maps_alamat maps_keterangan... int text text text <pk> maps int varchar(50) varchar(600) varchar(255) <pk> user_id user_name user_passwrd... struktur rganisasi id_struktur struktur_rganisasi user int varchar(100) varchar(100) int text <pk> berita_id kategri_id status_id berita_judul berita_gambar berita_isi berita_tanggal... <pk> kategri_id kategri_nama kategri_berita varchar(3) varchar(10) FK_RELATIONSHIP_2 berita varchar(14) varchar(3) varchar(2) varchar(255) varchar(300) text date <pk> <fk2> <fk1> <pk> FK_RELATIONSHIP_1 status_id status_nama status varchar(2) varchar(10) <pk> Gambar 4. 6 Physical Data Mdel 4.3.6 Database Management System (DBMS) Aplikasi cmpany prfile pada PT. Indberka Investama Surabaya ini terdiri dari beberapa tabel. Tabel-tabel tersebut memiliki struktur tabel yang saling berkaitan dan memberikan infrmasi yang cukup lengkap bagi pengguna sistem. Berikut struktur tabelnya : A. Tabel Kategri Nama Tabel : kategri Primary Key : kategri_id Keterangan : menyimpan serta memisah kategri berita
36 Tabel 4. 1 Tabel Kategri Field Type Data Length Cnstraint kategri_id Varchar 3 Primary Key kategri_nama Varchar 10 - B. Tabel Berita Nama Tabel : berita Primary Key : berita_id Keterangan : menyimpan berita perusahaan yang akan dipubliskan Tabel 4. 2 Tabel Berita Field Type Data Length Cnstraint berita_id Varchar 14 Primary Key berita_judul Varchar 255 - berita_gambar Varchar 300 - kategri_id Varchar 3 - berita_isi Lngtext - - berita_tanggal Datetime - - C. Tabel Galeri Nama Tabel : galeri Primary Key : galeri_id Keterangan : menyimpan gambar prduk perusahaan
37 Tabel 4. 3 Tabel Galeri Field Type Data Length Cnstraint galeri_id Int - Primary Key galeri_judul Varchar 255 - galeri_gambar Varchar 300 - galeri_keterangan Varchar 300 - galeri_tanggal Date - - D. Tabel Slider Nama Tabel : slider Primary Key : slider_id Keterangan : menyimpan gambar untuk ditampilkan di layar utama Tabel 4. 4 Tabel Slider Field Type Data Length Cnstraint slider_id Int - Primary Key slider_judul Varchar 50 - slider_gambar Varchar 255 - slider_keterangan Varchar 255 - E. Tabel Prfil Nama Tabel : prfil Primary Key : Primary Key Keteranngan : menyimpan penjelasan mengenai sejarah perusahaan
38 Tabel 4. 5 Tabel Prfil Field Type Data Length Cnstraint Id_prfil Int - Primary Key Isi_prfil Lngtext - - F. Tabel Visi Misi & Mtt Nama Tabel : vmt Primary Key : id_vmt Keterangan : menyimpan visi misi dan mtt perusahaan Tabel 4. 6 Tabel Visi Misi & Mtt Field Type Data Length Cnstraint Id_vmt Int - Primary Key visi lngtext - - misi lngtext - - mtt lngtext - - G. Tabel Struktur Organisasi Nama Tabel : struktur_rganisasi Primary Key : id_struktur Keterangan : menyimpan data struktur rganisasi perusahaan Tabel 4. 7 Tabel Struktur Organisasi Field Type Data Length Cnstraint Id_struktur Int - Primary Key
39 struktur_rganisasi varchar 500 - H. Tabel User Nama Tabel : user Primary Key : user_id Keterangan : untuk membuat user baru dan menyimpan username dan passwrd user Tabel 4. 8 Tabel User Field Type Data Length Cnstraint User_id int - Primary Key User_name varchar 100 - User_passwrd varchar 100 - I. Tabel Status Nama Tabel : status Primary Key : status_id Keterangan : untuk menyimpan status berita Tabel 4. 9 Tabel Status Field Type Data Length Cnstraint status_id int - Primary Key status_nama varchar 10 -
40 J. Tabel Maps Nama Tabel : maps Primary Key : Maps_id Keterangan : untuk menyimpan penggunaan lkasi secara nline Tabel 4. 10 Tabel Maps Field Type Data Length Cnstraint Maps_id int - Primary Key Maps_nama varchar 50 - Maps_alamat varchar 600 - Maps_keterangan varchar 255-4.3.7 Desain Layut Desain layut ini digunakan untuk memberikan gambaran terhadap desain halaman aplikasi berbasis website yang akan dibangun di PT. Indberka Investama. b. Halaman Utama Halaman utama ini berguna sebagai tampilan awal dari websites yang dimana berisi lg perusahaan yang berada diatas, kemudian terdapat menu yang berisi ( beranda, prfil perusahaan, infrmasi/berita, galeri prduk, dan kntak kami ), dibawah menu juga terdapat slider atau gambar, lalu menampilkan berita terbaru yang di psting leh perusahaan, kemudian dibawah terdapat kntak perusahaan dan fter websites. Untuk lebih jelasnya dapat dilihat halaman utama pada gambar 4.7
41 Lg Menu Slider Knten/berita Kntak Fter Gambar 4. 7 Halaman Utama c. Halaman Prfile Halaman prfile ini berguna sebagai tampilan yang dimana berisi prfile atau sejarah singkat tentang perusahaan, visi misi dan mtt perusahaan, tampilan halaman ini hampir sama dengan halaman utama tapi sedikit berbeda dibagian tata letak isi kntennya saja. Lg perusahaan tetap diatas, kemudian terdapat menu yang berisi ( beranda, prfil perusahaan, infrmasi/berita, galeri prduk, dan kntak kami ), kemudian dibawah terdapat kntak perusahaan dan fter websites. Untuk lebih jelasnya dapat dilihat halaman prfile pada gambar 4.8
42 Lg Menu Prfile Visi Misi Mtt Knten Prfile Kntak Fter Gambar 4. 8 Halaman Prfile d. Infrmasi Perusahaan Halaman Infrmasi Perusahaan ini berguna sebagai tampilan yang dimana berisi berita tentang perusahaan seputar lwngan pekerjaan, memprmsikan prduk baru, dan pembukaan cabang baru perusahaan, tampilan halaman ini hampir sama dengan halaman sebelumnya tapi sedikit berbeda dibagian tata letak isi kntennya dan di halaman ini terdapat kategri yang berguna untuk memudahkan user memilih berita apa yang diinginkan. Lg perusahaan tetap diatas, kemudian terdapat menu yang berisi ( beranda, prfil perusahaan, infrmasi/berita, galeri prduk, dan kntak kami ), kemudian dibawah terdapat
43 kntak perusahaan dan fter websites. Untuk lebih jelasnya dapat dilihat halaman infrmasi perusahaan pada gambar 4.9 Lg Menu Knten Infrmasi Kategri Kntak Fter Gambar 4. 9 Infrmasi Perusahaan e. Galeri Prduk Halaman Galeri Prduk ini berguna sebagai tampilan yang dimana berisi berita tentang prduk yang dibuat leh perusahaan seperti : Canal, Rang, Spandek, dan Hllw, tampilan halaman ini hampir sama dengan halaman sebelumnya tapi sedikit berbeda dibagian tata letak isi kntennya. Lg perusahaan tetap diatas, kemudian terdapat menu yang berisi ( beranda, prfil perusahaan, infrmasi/berita, galeri prduk, dan kntak kami ), kemudian dibawah terdapat
44 kntak perusahaan dan fter websites. Untuk lebih jelasnya dapat dilihat halaman galeri prduk pada gambar 4.10 Lg Menu Galeri Prduk Kntak Fter Gambar 4. 10 Galeri Prduk f. Kntak Kami Halaman kntak kami ini berguna sebagai tampilan yang dimana berisi berita tentang nmer telepn, fax, maupun e-mail perusahaan, tampilan halaman ini hampir sama dengan halaman sebelumnya tapi sedikit berbeda dibagian tata letak isi kntennya dimana isi kntennya berisi maps atau letak perusahaan dan dapat berguna bagi user yang belum mengetahui tempat PT. Indberka Investama. Lg perusahaan tetap diatas, kemudian terdapat menu yang berisi ( beranda,
45 prfil perusahaan, infrmasi/berita, galeri prduk, dan kntak kami ), kemudian dibawah terdapat kntak perusahaan dan fter websites. Untuk lebih jelasnya dapat dilihat halaman kntak kami pada gambar 4.11 Lg Menu Maps Perusahaan Kntak Fter Gambar 4. 11 Kntak Kami 4.3.8 Desain Maintenance Back End Desain maintenance back end ini digunakan untuk memberikan gambaran terhadap desain halaman admin website yang akan dibangun di PT. Indberka Investama.
46 a. Lgin Admin Halaman lgin admin ini berguna untuk akses masuk ke web admin yang dimana berisi lg perusahaan yang berada ditengah, kemudian terdapat klm sign in yang digunakan admin untuk memasukkan username dan passwrd yang sebelumnya sudah dibuat, kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman lgin admin pada gambar 4.12 Lg Username Sign In Passwrd Gambar 4. 12 Lgin Admin b. Halaman Admin Halaman admin ini berguna sebagai tampilan awal dari web admin yang dimana berisi lg perusahaan dan tmbl lg ut yang berada diatas, kemudian disamping kiri web admin terdapat menu yang berisi ( maintenance berita,
47 maintenance prfil, maintenance gambar, maintenance user, dan maintenance maps ), disamping kanan menu juga terdapat dashbard yang berisi tentang infrmasi berita yang di publish atau berita yang pending, kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman admin pada gambar 4.13 Lg Lg Out Menu Dashbard Fter Gambar 4. 13 Halaman Admin c. Halaman Maintenance Berita Halaman maintenance berita ini berguna sebagai halaman yang mengatur berita atau infrmasi dari perusahaan yang akan di publish ke masyarakat luas, di dalam menu maintenance berita terdapat 2 sub menu yaitu kategri dan berita. Di halama maintenance berita berisi lg perusahaan dan tmbl lg ut yang tetap
48 berada diatas, kemudian disamping kiri halaman maintenance berita terdapat menu yang berisi ( maintenance berita, maintenance prfil, maintenance gambar, maintenance user, dan maintenance maps ), kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman maintenance berita pada Lg Lg Out gambar 4.14 Menu Maintenance Berita Fter Gambar 4. 14 Maintenance Berita d. Halaman Maintenance Gambar Halaman maintenance gambar ini berguna sebagai halaman yang mengatur gambar yang akan ditampilkan di dalam websites, di dalam menu maintenance gambar terdapat 2 sub menu yaitu gambar dan slider. Di halaman maintenance gambar berisi lg perusahaan dan tmbl lg ut yang tetap berada diatas, kemudian disamping kiri halaman maintenance gambar terdapat menu
49 yang berisi ( maintenance berita, maintenance prfil, maintenance gambar, maintenance user, dan maintenance maps ), kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman maintenance gambar pada gambar 4.15 Lg Lg Out Menu Maintenance Gambar Fter Gambar 4. 15 Maintenance Gambar e. Halaman Maintenance Prfil Halaman maintenance prfil ini berguna sebagai halaman yang mengatur prfil perusahaan seperti sejarah, visi misi mtt, dan struktur rganisasi di perusahaan, di dalam menu maintenance prfil terdapat 3 sub menu yaitu prfil, visi misi mtt, dan struktur rganisasi. Di halaman maintenance prfil berisi
50 lg perusahaan dan tmbl lg ut yang tetap berada diatas, kemudian disamping kiri halaman maintenance prfil terdapat menu yang berisi ( maintenance berita, maintenance prfil, maintenance gambar, maintenance user, dan maintenance maps ), kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman maintenance prfil pada gambar 4.16 Lg Lg Out Menu Maintenance Prfil Fter Gambar 4. 16 Maintenance Prfil f. Halaman Maintenance User Halaman maintenance user ini berguna sebagai halaman yang mengatur user untuk mendapatkan hak untuk mengakses web admin. Di halaman maintenance user berisi lg perusahaan dan tmbl lg ut yang tetap berada diatas, kemudian disamping kiri halaman maintenance user terdapat menu yang
51 berisi ( maintenance berita, maintenance prfil, maintenance gambar, maintenance user, dan maintenance maps ), kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman maintenance user pada gambar 4.17 Lg Lg Out Menu Maintenance User Fter Gambar 4. 17 Maintenance User g. Halaman Maintenance Maps Halaman maintenance maps ini berguna sebagai halaman yang mengatur maps atau tempat perusahaan berada. Di halaman maintenance maps berisi lg perusahaan dan tmbl lg ut yang tetap berada diatas, kemudian disamping kiri halaman maintenance maps terdapat menu yang berisi ( maintenance berita, maintenance prfil, maintenance gambar, maintenance user, dan maintenance
52 maps ), kemudian dibawah terdapat fter websites. Untuk lebih jelasnya dapat dilihat halaman maintenance maps pada gambar 4.18 Lg Lg Out Menu Maintenance Maps Fter Gambar 4. 18 Maintenance Maps 4.3.9 Desain Interface Desain Antarmuka atau yang lebih sering dikenal dengan istilah design interface adalah desain untuk kmputer, peralatan mesin, perangkat kmunikasi mbile, aplikasi perangkat lunak, dan situs web yang berfkus pada pengalaman dan interaksi penggunanya. Tujuan dari penggunaan design interface ini adalah untuk membuat interaksi pengguna sesederhana mungkin. Bagaimana user berinteraksi dengan
53 kmputer menggunakan tampilan antarmuka (interface) yang ada pada layar kmputer. Design interface ini sangat penting karena akan sangat berpengaruh pada user dalam menggunakan atau berkmunikasi dengan kmputer. Apabila suatu prgram sulit untuk digunakan, maka hal ini akan memaksa user untuk melakukan suatu kesalahan saat menggunakan prgram tersebut, gambar yang ada berfkus pada bagian publikasi berikut gambar berserta penjelasannya : A. Desain Tampilan Utama ( Beranda ) Desain tampilan merupakan rancangan berupa frm untuk memasukkan data dan sebagai infrmasi yang dihasilkan dari pengellaan data serta merupakan acuan membuat aplikasi dalam merancang dan membangun sistem. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.19. Gambar 4. 19 Desain Tampilan Utama ( Beranda )
54 B. Desain Tampilan Prfil Perusahaan Pada desain berikut akan menampilkan infrmasi, seperti prfil, visi misi dan mtt, kntak, serta struktur rganisasi. Untuk lebih jelasnya dapat dilihat desain tampilan prfil perusahaan pada gambar 4.20. Gambar 4. 20 Desain Tampilan Prfil Perusahaan C. Desain Tampilan Infrmasi Perusahaan Pada desain infrmasi perusahaan berikut berisikan infrmasi perusahaan yang akan dipubliskan ke masyarakat seperti lwngan pekerjaan, infrmasi pembukaan cabang baru, dan infrmasi tentang prduk baru. Untuk lebih jelasnya dapat dilihat desain tampilan infrmasi perusahaan pada gambar 4.21.
55 Gambar 4. 21 Desain Tampilan Infrmasi Perusahaan D. Desain Tampilan Galeri Prduk Pada desain galeri prduk berikut berisikan infrmasi tentang prduk yang dibuat leh PT. Indberka Investama kepada masyarakat agar masyarakat dapat mengetahui bentuk dan jenis prduk tersebut. Untuk lebih jelasnya dapat dilihat desain tampilan galeri prduk pada gambar 4.22. Gambar 4. 22 Desain Tampilan Galeri Prduk
56 E. Desain Tampilan Kntak Kami Pada desain galeri prduk berikut berisikan maps, alamat, nmer telepn, dan email PT. Indberka Investama agar masyarakat dapat mengehubungi perusahaan bila ingin memesan dan membeli galvallum tersebut. Untuk lebih jelasnya dapat dilihat desain tampilan kntak kami pada gambar 4.23. Gambar 4. 23 Desain Tampilan Kntak Kami F. Desain Tampilan Lgin Admin Pada gambar 4.24 ini merupakan desain halaman ketika admin mengakses websites admin maka admin akan diarahkan menuju halaman lgin terlebih dahulu. Halaman lgin ini berisi frm yang harus di isi leh admin dengan username dan passwrd untuk memasuki halaman utama pada aplikasi. Ketika tmbl lgin diklik maka akan dilakukan pengecekan username dan passwrd dari database.
57 Gambar 4. 24 Desain Tampilan Lgin Admin G. Desain Tampilan Admin Pada gambar 4.25 ini merupakan desain halaman admin ketika admin berhasil lgin dimana admin dapat mengakses menu menu yang akan dirubah sesuai dengan kebutuhan perusahaan. Menu tersebut berada di sebelah kiri halaman admin. Gambar 4. 25 Desain Tampilan Admin
58 H. Desain Tampilan Maintenance Berita Pada gambar 4.26 ini merupakan desain tampilan maintenance berita dimana admin dapat menambah, mengedit, dan menghapus berita atau infrmasi perusahaan yang sudah lama ataupun yang baru. Gambar 4. 26 Desain Tampilan Maintenance Berita I. Desain Tampilan Maintenance Galeri Pada gambar 4.27 ini merupakan desain tampilan maintenance galeri dimana admin dapat menambah, mengedit, dan menghapus prduk galvallum yang sudah lama ataupun yang baru. Gambar 4. 27 Desain Tampilan Maintenance Galeri
59 J. Desain Tampilan Maintenance Prfil Pada gambar 4.28 ini merupakan desain tampilan maintenance prfil dimana admin dapat menambah, mengedit, dan menghapus prfil, visi misi & mtt, dan struktuk rganisasi perusahaan. Gambar 4. 28 Desain Tampilan Maintenance Prfil K. Desain Tampilan Maintenance User Pada gambar 4.29 ini merupakan desain tampilan maintenance user dimana halaman ini digunakan untuk mengella akun admin. Halaman ini dapat menambah dan menghapus user yang berguna untuk melakukan pembaruan dan menghapus akun admin. Gambar 4. 29 Desain Tampilan Maintenance User
60 L. Desain Tampilan Maintenance Maps Pada gambar 4.30 ini merupakan desain tampilan maintenance maps dimana admin dapat menambah, mengedit, dan menghapus maps atau alamat letak perusahaan. Gambar 4. 30 Desain Tampilan Maintenance Maps 4.3.10 Tampilan Prgram Aplikasi a. Tampilan Halaman Utama (Beranda) Tampilan utama pada websites prfile perusahaan sudah menyesuaikan kebutuhan yang diminta leh pihak perusahaan dengan menampilkan berita terbaru sebagai fkus utama tampilan. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.31 Gambar 4. 31 Halaman Utama
61 b. Tampilan Prfil Perusahaan Tampilan halaman prfil pada websites prfile berisikan infrmasi yang sudah di kelmpkkan sesuai dengan kebutuhan perusahaan dengan isi sebagai berikut : prfil perusahaan, visi misi dan mtt perusahaan, dan struktur rganisasi. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.32. Gambar 4. 32 Tampilan Prfil Perusahaan
62 c. Tampilan Infrmasi Perusahaan Tampilan halaman infrmasi perusahaan pada websites prfile berisikan infrmasi perusahaan yang akan dipubliskan ke masyarakat seperti lwngan pekerjaan, infrmasi pembukaan cabang baru, dan infrmasi tentang prduk baru. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.33. Gambar 4. 33 Tampilan Infrmasi Perusahaan
63 d. Tampilan Galeri Prduk Tampilan halaman galeri prduk pada websites prfile berisikan infrmasi tentang prduk yang dibuat leh PT. Indberka Investama kepada masyarakat agar masyarakat dapat mengetahui bentuk dan jenis prduk tersebut. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.34. Gambar 4. 34 Tampilan Galeri Prduk
64 e. Tampilan Kntak Kami Tampilan halaman kntak kami pada websites prfile berisikan maps, alamat, nmer telepn, dan email PT. Indberka Investama agar masyarakat dapat mengehubungi perusahaan bila ingin memesan dan membeli galvallum tersebut. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.35. Gambar 4. 35 Tampilan Kntak Kami
65 f. Tampilan Lgin Admin Halaman lgin ini berisi frm yang harus di isi leh admin dengan username dan passwrd untuk memasuki halaman utama pada aplikasi. Ketika tmbl lgin diklik maka akan dilakukan pengecekan username dan passwrd dari Database. Untuk lebih jelasnya dapat dilihat desain tampilan utama pada gambar 4.36. Gambar 4. 36 Tampilan Lgin Admin
66 g. Tampilan Halaman Admin Pada gambar 4.37 ini merupakan tampilan halaman admin ketika admin berhasil lgin dimana admin dapat mengakses menu menu yang akan dirubah sesuai dengan kebutuhan perusahaan. Gambar 4. 37 Tampilan Halaman Admin h. Tampilan Maintenance Berita Pada gambar 4.38 ini merupakan tampilan maintenance berita dimana admin dapat menambah, mengedit, dan menghapus berita atau infrmasi perusahaan yang sudah lama ataupun yang baru. Gambar 4. 38 Tampilan Maintenance Berita
67 i. Tampilan Maintenance Galeri Pada gambar 4.39 ini merupakan tampilan maintenance galeri dimana admin dapat menambah, mengedit, dan menghapus prduk galvallum yang sudah lama ataupun yang baru. Gambar 4. 39 Tampilan Maintenance Galeri j. Tampilan Maintenance Prfil Pada gambar 4.40 ini merupakan tampilan maintenance prfil dimana admin dapat menambah, mengedit, dan menghapus prfil, visi misi & mtt, dan struktuk rganisasi perusahaan. Gambar 4. 40 Tampilan Maintenance Prfil
68 k. Tampilan Maintenance User Pada gambar 4.41 ini merupakan tampilan maintenance user dimana halaman ini digunakan untuk mengella akun admin. Halaman ini dapat menambah dan menghapus user yang berguna untuk melakukan pembaruan dan menghapus akun admin. Gambar 4. 41 Tampilan Maintenance User l. Tampilan Maintenance Maps Pada gambar 4.42 ini merupakan tampilan maintenance maps dimana admin dapat menambah, mengedit, dan menghapus maps atau alamat letak perusahaan. Gambar 4. 42 Tampilan Maintenance Maps