Embed Size (px)
Citation preview
24
BAB IV
DESKRIPSI PEKERJAAN
Pada bab ini menjelaskan tentang hasil pengerjaan sistem serta metode
penelitian terhadap aplikasi website company profile pada Kantor Desa Padusan.
4.1 Prosedur Penelitian
Dalam melakukan metode penelitian ini terdiri dari beberapa langkah yang
dilakukan untuk mengidentifikasi dan analisis permasalahan serta analisis sistem
pada Kantor Desa Padusan yaitu wawancara, observasi, dan studi literature yang
terkait dengan penelitian.
‘
4.1.1 Wawancara
Proses wawancara dilakukan untuk mengetahui proses bisnis yang ada
pada Kantor Desa Padusan. Tahap pertama dalam proses wawancara ini adalah
mengenali pihak-pihak yang bertanggung jawab terhadap setiap proses yang
berlangsung di Kantor Desa Padusan. Adapun narasumber dari wawancara ini
adalah Kepala Desa dan petugas pelayanan Kantor Desa Padusan karena lebih
mengetahui keadaan dan kebutuhan dari sebuah penelitian yang akan dibuat.
4.1.2 Observasi
Proses observasi yang dilakukan untuk beberapa tujuan, seperti
pemrosesan dan pengkonfirmasian hasil-hasil dari wawancara serta
mengidentifikasikan dokumen-dokumen yang diperlukan dalam proses
memberikan informasi kepada warga desa padusan.
25
4.1.3 Studi Literatur
Studi literature dilakukan dengan membaca buku dari perpustakaan yang
mengandung materi-materi terkait untuk memperoleh semua informasi yang
diperlukan dalam pembuatan website company profile pada Kantor Desa Padusan.
4.2 Instrumen Pengumpulan Data
Berikut ini adalah jenis data dan instrumen pengumpulan data yang
terdapat dalam pembuatan aplikasi. Instrumen pengumpulan data dapat dilihat
pada Tabel 4.1.
Tabel 4.1 Jenis dan Instrumen Pengumpulan Data
No Variabel Penelitian Sumber data
Metode
Pengumpulan Data
Instrumen
Pengumpulan Data
1. Proses pemberian informasi pelayanan Kantor Desa
Padusan
Primer Wawancara Catatan
2. Struktur Organisasi Kantor
Desa Padusan
Primer Wawancara Catatan
3. Dokumen yang terkait dengan informasi pelayana yang ada pada Kantor Desa Padusan
Primer Wawancara Catatan
4.3 Identifikasi Masalah
Instasi Pemerintahan Desa Padusan merupakan sebuah unit kerja
pemerintah yang berada dibawah naungan pemerintah Kabupaten Mojokerto,
Kecamatan Pacet yang dipimpin oleh Kepala Desa Ibu Iryany M. Saat ini Kantor
Kepala Desa Padusan telah membawahi empat unit organisasi yaitu
Pemberdayaan Kesejahteraan Keluarga (PKK), Badan Permusyawaratan Desa
(BPD), Lembaga Pemberdayaan Masyarakat (LPM).
26
Dalam kantor desa padusan memiliki beberapa layanan yang dimana pada
setiap layanan memiliki informasi yang berbeda-beda. Proses dalam menyajikan
informasi yang ada pada setiap layanan masih terbilang sangat kurang maksimal
dimana petugas akan mencetak informasi yang akan diumumkan, setelah
informasi tercetak petugas akan menempelkan pada papan pengumuman yang
terletak di kantor desa padusan. Sehingga hanya sebagian kecil masyarakat yang
dapat mengetahui informasi yang telah diumumkan.
4.4 System & Software Design
Tahapan desain perangakat lunak ini akan menggunakan perancangan
serta terstruktur yang akan menjelaskan seluruh komponen desain dari perangkat
tersebut.
Adapun komponen desain perangkat lunak secara terstruktur mencakup
Context diagram, diagram jenjang proses, data flow diagram, entity relationship
diagram yang terdiri atas conceptual data model dan physical data model, dan
design inteface.
4.5 Testing dan Implementasi
Tahapan testing dan implementasi ini merupakan sebuah hasil setelah
proses pembuatan aplikasi website company profile yang akan mengacu pada
desain perangkat lunak yang telah dibuat sebelumnya. Adapun platform dari
perangkat lunak ini berupa aplikasi Xampp dan proses pengkodeannya akan
menggunakan bahasa pemograman php. Untuk pengkodean basis data
menggunakan mySQL dan tools yang digunakan adalah notepad++ dan sublime
text.
27
4.6 Perancangan Sistem
Perancangan sistem pada aplikasi website company profile pada Kantor
Desa Padusan meliputi HIPO/Diagram Jenjang, Context Diagram, Data Flow
Diagram, Conceptual Data Model, Physical Data Model serta Struktur Basis Data
dan Tabel.
4.6.1 Hierarchy Input Process Output
Hierarchy Input Process Output (HIPO) merupakan suatu hirarki yang
digambarkan untuk mengetahui proses-proses yang terdapat pada data flow
diagram. Hierachy Input Process Output yang terdapat pada website company
profile terdapat enam proses utama, meliputi : maintanance data content,
maintanance halaman, maintanance gambar, dan maintanance forum,
maintanance gallery, maintanance admin. Hierachy Input Process Output dapat
dilihat pada gambar 4.1.
1
Web Profil
1.1
Maintanance
Data Content
1.2
Maintanance
Halaman
1.3
Maintanance
Gambar
1.4
Maintanance
Forum
1.5
Maintanance
Gallery
1.6
Maintanance
Admin
1.1.1
Insert Data
Content
1.1.2
Update Data
Content
1.1.3
Delete Data
Content
1.5.1
Insert Data
Gallery
1.6.1
Insert Data
Admin
1.5.2
Delete Data
Gallery
1.6.2
Update Data
Admin
1.6.3
Delete Data
Admin
1.4.1
Insert Data
Forum
1.4.2
Update Data
Forum
1.4.3
Delete Data
Forum
Gambar 4.1 Hierachy Input Process Output website company profile
28
Keterangan :
A. Maintanance Data Content
1) Insert Data Content
Insert Data Content adalah kegiatan admin dalam menginputkan data
content yang berupa informasi/ berita.
2) Update Data Content
Update Data Content adalah kegiatan admin dalam mengupdate data
content yang berupa informasi/ berita.
3) Delete Data Content
Delete Data Content adalah kegiatan admin untuk menghapus data yang
sudah di gunakan lagi.
B. Maintanance Halaman
Maintanance Halaman adalah kegiatan admin dalam menyampaikan informasi
tentang Kantor Kepala Desa Padusan.
C. Maintanance Data Gambar
Maintanance Data Gambar adalah kegiatan admin dalam mengelola gambar
yang akan ditampilka pada halaman website company profile.
D. Maintanance Forum
1) Insert Data Forum
29
Insert Data Forum adalah kegiatan yang dilakukan oleh pengujung
website company profile dalam rangka mendapatkan informasi yang tidak
dibahas dalam website company profile.
2) Update Data Forum
Update Data Forum adalah kegiatan admin dalam menanggapi/
memberikan informasi yang dibutuhkan oleh pengujung website company
profile.
3) Delete Data Forum
Delete Data Forum adalah kegiatan admin dalam menghapus pertanyaan
yang dianggap melanggar/ menyimpang dari aturan.
E. Maintanance Gallery
1) Insert Data Gallery
Insert Data Gallery adalah kegiatan admin dalam megelola dokumentasi
yang ada pada Kantor Kepala Desa Padusan.
2) Delete Data Gallery
Delete Data Gallery adalah kegiatan admin dalam menghapus
dokumentasi yang sudah dianggap tidak diperlukan lagi.
F. Maintanance Data Admin
1) Insert Data Admin
Insert Data Admin adalah kegiatan admin dalam menginputkan data
admin.
2) Update Data Admin
30
Update Data Admin adalah kegiatan admin dalam mengupdate/
mengubah data admin yang mengalami masalah.
3) Delete Data Admin
Delete Data Admin adalah kegiatan admin dalam menghapus data admin
yang sudah dianggap tidak aktif lagi.
4.6.2 Context Diagram
Context Diagram adalah gambaran menyeluruh dari DFD. Di dalam
Context Diagram terdapat dua External Entity, yang terdiri dari Admin dan
Pengujung. Context Diagram pada website company profile pada Kantor Kepala
Desa Padusan dapat dilihat pada gambar 4.2.
Data Kritik & Saran
Histori Desa
Gambar
Halaman
Content Berita
Data Sarana dan Prasarana
Halaman
Histori Desa
Content Berita
Gambar
Data Sarana dan Prasarana 1
Web Profil Desa
Admin
Pengunjung
Content Berita
Gambar
Data Sarana dan Prasarana
Histori Desa
Gambar 4.2 Context Diagram
31
4.6.3 Data Flow Diagram
Data Flow Diagram (DFD) adalah alat yang digunakan pada metodologi
Pengembangan sistem yang terstruktur (structured analyse and design). DFD
merupakan alat yang dapat menggambarkan arus data di dalam sistem dengan
terstruktur dan jelas, dan merupakan dokumentasi dari sistem. Gambar 4.3 adalah
DFD level 0 website company profile pada Kantor Kepala Desa Padusan. Dalam
DFD level 0 terdapat enam sistem yaitu maintanance content, maintanance
halaman, maintanance gambar, maintanance forum, maintanance gallery, dan
maintanance admin. Pada DFD level 0 terdapat dua aktor yaitu admin dan
pengunjung. Database yang ada pada DFD level 0 sejumlah enam database yaitu
data content, data halaman, data gambar, data gallery, data admin, dan data forum.
Data Flow Diagram Level 0 website company profile pada Kantor Kepala Desa
Padusan dapat dilihat pada Gambar 4.3.
32
1.1
maintanance content
1.2
maintanance halaman
1.3
maintanance gambar
1.4
maintanance forum
1.5
Maintanance gallery
1.6
Maintanance admin
Admin
Pengunjung
Data Halaman
Data Content
Data Gambar
Data Gallery
Data Admin
Data Kritik dan Saran
Data Forum
Data Halaman
Data Content
1 Data Content
2 Data Halaman
3 Data Gambar
4 Data Gallery
5 Data Admin
6 Data Forum
Data Gambar
Data Kritik dan Saran
Gambar 4.3 DFD level 0
A. Data Flow Diagram Level 1 Maintanance Content
Dalam Data Flow Diagram level 1 maintanance conten terdapat tiga
sistem yaitu insert data content, update data content, dan delete data content.
Dalam DFD level 1 maintanance content terdapat satu database yang digunakan
yaitu data admin. Aktor yang berperan pada DFD Level 1 ini adalah
administrator. Data Flow Diagram Level 1 Maintanance Content dapat dilihat
pada Gambar 4.4.
33
1.1.1
update content
1.1.2
insert content
1.1.3
delete conten
Admin 1 Data Content
Data Content
Data Content
Data Content
Data Content
Data Content
Data Content
Gambar 4.4 Data Flow Diagram Level 1 Maintanance Content
B. Data Flow Diagram Level 1 Maintanance Forum
Dalam Data Flow Diagram level 1 maintanance forum terdapat tiga
sistem yaitu insert data forum, update data forum, dan delete data forum. Dalam
DFD level 1 maintanance forum terdapat dua database yang digunakan yaitu data
forum dan data forum komentar. Aktor yang berperan pada DFD Level 1 ini adalah
administrator dan pengunjung. Data Flow Diagram Level 1 Maintanance Forum
dapat dilihat pada Gambar 4.5.
Pengunjung
Admin6 Data Forum
7 Data Forum Komen
Data Kritik
dan Saran
1.4.1
insert forum
1.4.2
update forum
1.4.3
delete forum
Komentar
Komentar
Data Kritik dan Saran
Data Forum
Data Forum
Data Forum
Data Kritik
dan Saran
Gambar 4.5 Data Flow Diagram Level 1 Maintanance Forum
34
C. Data Flow Diagram Level 1 Maintanance Gallery
Dalam Data Flow Diagram level 1 maintanance gallery terdapat dua
sistem yaitu insert data gallery dan delete data gallery. Dalam DFD level 1
maintanance gallery terdapat satu database yang digunakan yaitu data gallery.
Aktor yang berperan pada DFD Level 1 ini adalah administrator. Data Flow
Diagram Level 1 Maintanance Gallery dapat dilihat pada Gambar 4.6.
Admin 4 Data Gallery
1.5.1
insert gallery
1.5.3
delete gallery
Data Gallery
Data Gallery
Data Gallery
Data Gallery
Gambar 4.6 Data Flow Diagram Level 1 Maintanance Gallery
D. Data Flow Diagram Level 1 Maintanance Admin
Dalam Data Flow Diagram level 1 maintanance admin terdapat tiga
sistem yaitu insert data admin, update data admin, dan delete data admin. Dalam
DFD level 1 maintanance admin terdapat satu database yang digunakan yaitu data
admin. Aktor yang berperan pada DFD Level 1 ini adalah administrator. Data
Flow Diagram Level 1 Maintanance Admin dapat dilihat pada Gambar 4.7.
35
5 Data AdminAdmin
1.6.1
insert data admin
1.6.2
update data admin
1.6.3
delete data admin
Data Admin
Data Admin
Data Admin Data Admin
Data Admin
Data Admin
Data Admin
Data Admin
Data Admin
Gambar 4.7 Data Flow Diagram Level 1 Maintanance Admin
4.7 Conceptual Data Model
Conceptual Data Model pada website company profile pada Kantor Desa
Padusan dapat dilihat pada Gambar 4.8.
admin
username
password
nama_admin
<pi> Variable characters (100)
Variable characters (100)
Variable characters (100)
Identifier_1 <pi>
content
id_content
kategori
judul_content
isi_content
gambar_content
tanggal
<pi> Integer
Variable characters (100)
Variable characters (100)
Text
Variable characters (100)
Date
<M>
Identifier_1 <pi>
halaman
id_halaman
url
judul_halaman
isi_halaman
gambar_halaman
tanggal_halaman
<pi> Integer
Variable characters (100)
Variable characters (100)
Text
Variable characters (100)
Date
<M>
Identifier_1 <pi>
gallery
id_gallery
nama_gallery
gambar_gallery
<pi> Integer
Variable characters (100)
Variable characters (100)
<M>
Identifier_1 <pi>
forum_komen
id_komen
oleh
tanggal_komen
komen
<pi> Integer
Variable characters (100)
Variable characters (100)
Date
Text
<M>
Identifier_1 <pi>
forum
id_forum
oleh_forum
email_forum
tanggal_forum
judul_forum
isi_forum
<pi> Integer
Variable characters (100)
Variable characters (100)
Date
Variable characters (100)
Text
<M>
Identifier_1 <pi>
gambar
id_gambar
kategori_gambar
gambar
<pi> Integer
Variable characters (100)
Variable characters (100)
<M>
Identifier_1 <pi>
kelola gallery
kelola forum
kelola halaman kelola konten
memiliki
kelola gambar
Gambar 4.8 Conceptual Data Model website company profile
Gambar 4.8 merupakan gambar Conceptual Data Model dari website
company profile pada Kantor Kepala Desa Padusan. Conceptual Data Model dari
website company profile terdapat tujuh tabel utama yaitu admin, gambar, gallery,
forum, forum komen, content, dan halaman. Ketujuh tabel di atas saling
36
berhubungan satu sama lain dan pada masing-masing tabel memiliki primary key
atau identitas yang berbeda-beda.
4.8 Physical Data Model
Physical Data Model pada website company profile pada Kantor Kepala
Desa Padusan dapat dilihat pada Gambar 4.9.
admin
username
password
nama_admin
varchar(100)
varchar(100)
varchar(100)
<pk>
content
id_content
username
kategori
judul_content
isi_content
gambar_content
tanggal
int
varchar(100)
varchar(100)
varchar(100)
text
varchar(100)
date
<pk>
<fk>
halaman
id_halaman
username
url
judul_halaman
isi_halaman
gambar_halaman
tanggal_halaman
int
varchar(100)
varchar(100)
varchar(100)
text
varchar(100)
date
<pk>
<fk>
gallery
id_gallery
username
nama_gallery
gambar_gallery
int
varchar(100)
varchar(100)
varchar(100)
<pk>
<fk>
forum_komen
id_komen
id_forum
oleh
tanggal_komen
komen
int
int
varchar(100)
varchar(100)
date
text
<pk>
<fk>
forum
id_forum
username
oleh_forum
email_forum
tanggal_forum
judul_forum
isi_forum
int
varchar(100)
varchar(100)
varchar(100)
date
varchar(100)
text
<pk>
<fk>
gambar
id_gambar
username
kategori_gambar
gambar
int
varchar(100)
varchar(100)
varchar(100)
<pk>
<fk>
Gambar 4.9 Physical Data Model Website Company Profile
Gambar 4.9 merupakan gambar Physical Data Model dari Website
Company Profile pada Kantor Kepala Desa Padusan. Physical Data Model
merupakan hasil generate dari Conceptual Data Model. Pada setiap tabel terdapat
primary key yang berfungsi sebagai penghubung antar tabel.
37
4.9 Struktur Tabel
Terdapat lima tabel yang ada pada website company profile pada Kantor
Kepala Desa Padusan dan masing-masing tabel memiliki struktur yang berbeda-
beda, barikut merupakan struktur tabel yang ada pada website company profile
pada Kantor Kepala Desa Padusan terdiri atas :
1. Tabel Admin
Primary Key : id_admin
Foreign Key : -
Fungsi : Untuk menyimpan data admin
Tabel 4.2 Struktur Tabel Admin
Field Type Data Length Constraint
username Varchar 100 Primary key
Nama_admin Varchar 100
Password Varchar 100
2. Tabel Maintanance Gallery
Primary Key : id_gallery
Foreign Key : username
Fungsi : Untuk menyimpan data gallery
38
Tabel 4.3 Struktur Tabel Maintanance Gallery
Field Type Data Length Constraint
Id_gallery Int Primary key
Usename Varchar 100 Foreign Key
Nama_gallery Varchar 100
Gambar_gallery Varchar 100
3. Tabel Maintanance Gambar
Primary Key : id_gambar
Foreign Key : username
Fungsi : Untuk menyimpan data maintanance gambar
Tabel 4.4 Struktur Tabel Maintanance Gambar
Field Type Data Length Constraint
Id_gambar Int Primary key
Username Varchar 100 Foreign Key
Kategori_gambar Varchar 100
Gambar Varchar 100
4. Tabel Maintanance Halaman
Primary Key : id_halaman
Foreign Key : username
Fungsi : Untuk menyimpan data maintanance halaman
39
Tabel 4.5 Struktur Tabel Halaman
Field Type Data Length Constraint
Id_halaman Int Primary key
Username Varchar 100 Foreign Key
Url Varchar 100
Judul_halaman Varchar 100
Isi_halaman Text
Gambar_halaman Varchar 100
Tanggal_halaman Date
5. Tabel Maintanance Content
Primary Key : id_content
Foreign Key : username
Fungsi : Untuk menyimpan data maintanance content
Tabel 4.6 Struktur Tabel Maintanance Content
Field Type Data Length Constraint
Id_content Int Primary key
Username Varchar 100 Foreign Key
Katergori Varchar 100
Judul_content Varchar 100
Isi_content text
40
Field Type Data Length Constraint
Gambar_content Varchar 100
Tanggal Date
6. Tabel Maintanance Forum
Primary Key : id_forum
Foreign Key : username
Fungsi : Untuk menyimpan data maintanance forum
Tabel 4.7 Struktur Tabel Maintanance Forum
Field Type Data Length Constraint
Id_forum Int Primary key
Username Varchar 100 Foreign Key
Oleh_forum Varchar 100
Email_forum Varchar 100
Tanggal_forum Date
Judul_forum Varchar 100
Isi_forum Text
7. Tabel Maintanance Forum Komen
Primary Key : id_komen
Foreign Key : id_forum
Fungsi : Untuk menyimpan data maintanance forum komen
41
Tabel 4.8 Struktur Tabel Maintanance Forum Komen
Field Type Data Length Constraint
Id_komen Int Primary key
Id_forum Int Foreign Key
Oleh Varchar 100
Email Varchar 100
Tanggal_komen Date
Komen Text
4.10 Desain User Interface
Desain Input Output berfungsi untuk memberikan gambaran terhadap
desain halaman Website Company Profile pada Kantor Kepala Desa Padusan.
Berikut adalah desain Input dan Output dari Website Company Profile pada
Kantor Kepala Desa Padusan.
4.10.1 Form Halaman Utama admin
Fungsi form halaman utama admin pada Website Company Profile pada
Kantor Kepala Desa Padusan adalah untuk mengantur/ maintanance apa saja yang
akan ditampilkan pada halaman utama (Frond-end). Desain halaman utama admin
dapat dilihat pada Gambar 4.10.
42
Gambar 4.10 Desain Halaman Utama Admin
4.10.2 Form Halaman Content
Fungsi halaman content pada Website Company Profile pada Kantor
Kepala Desa Padusan adalah untuk mengelola content yang pada Kantor Kepala
Desa Padusan. Dimana admin akan melakukan kegiatan insert, update, dan delete
data content. Desain halaman content dapat dilihat pada Gambar 4.11.
Gambar 4.11 Desain Halaman Content
43
4.10.3 Form Halaman
Fungsi halaman pada Website Company Profile pada Kantor Kepala Desa
Padusan adalah untuk menampilkan informasi tentang desa padusan (profil,
gambaran umum desa, sturktur organisasi, visi dan misi, dan fasilitas). Desain
halaman dapat dilihat pada Gambar 4.12.
Gambar 4.12 Desain Form Halaman
4.10.4 Form Halaman Gallery
Fungsi halaman gallery adalah untuk menampilkan dan mengelola
gambar yang akan ditampilkan pada halaman website company profile yang ada
pada Desa Padusan. Dimana admin hanya melakukan kegiatan upload dan delete
gambar pada halaman gallery. Desain halaman gallery dapat dilihat pada Gambar
4.13.
44
Gambar 4.13 Desain Form Halaman Gallery
4.10.5 Form Halaman Forum Diskusi
Fungsi halaman forum diskusi adalah untuk memberikan akses untuk
penduduk desa padusan dalam memberikan kritik dan saran yang akan digunakan
untuk kemajuan desa. Desain halaman forum diskusi dapat dilihat pada Gambar
4.14.
Gambar 4.14 Desain Form Forum Diskusi
45
4.10.6 Form Halaman Setting Admin
Fungsi halaman setting admin adalah untuk mengelola dan menentukan
siapa saja yang berhak untuk mengakses halaman admin. Desain halaman setting
admin dapat dilihat pada Gambar 4.15.
Gambar 4.15 Desain Form Halaman Setting Admin
4.10.7 Form Halaman Setting Header
Fungsi halaman setting header adalah untuk mengelola gambar yang ada
pada bagian atas/header pada website compay profile. Desain halaman setting
header dapat dilihat pada Gambar 4.16.
46
Gambar 4.16 Desain Form Halaman Setting Header
4.10.8 Form Halaman Setting Background
Fungsi halaman setting background adalah untuk mengatur latar
belakang/background pada website company profile. Desain halaman setting
background dapat dilihat pada Gambar 4.17.
Gambar 4.17 Desain Form Halaman Setting Background
47
4.10.9 Form Halaman Utama
Fungsi halaman utama adalah untuk menampilkan informasi atau berita
terbaru yang ada pada Kantor Kepala Desa Padusan. Desain halaman utama dapat
dilihat pada Gambar 4.18.
Gambar 4.18 Desain Form Halaman Utama
4.10.10 Form Halaman Profil
Fungsi halaman profile adalah untuk menampilkan informasi tentang
Kantor Kepala Desa Padusan. Desain halaman profile dapat dilihat pada Gambar
4.19.
48
Gambar 4.19 Desain Form Halaman Profile
4.10.11 Form Halaman Gallery
Fungsi halaman gallery adalah untuk menampilkan dokumentasi
kegiatan yang apa saja yang pernah dilakukan di daerah Kantor Kepala Desa
Padusan. Desain halaman gallery dapat dilihat pada Gambar 4.20.
Gambar 4.20 Desain Form Halaman Gallery
4.10.12 Form Halaman Forum Diskusi
Fungsi halaman forum diskusi adalah untuk memberikan akses untuk
penduduk desa padusan dalam memberikan kritik dan saran yang akan digunakan
untuk kemajuan desa. Desain halaman forum diskusi dapat dilihat pada Gambar
4.21.
49
Gambar 4.21 Desain Form Halaman Forum Diskusi
4.11 Implementasi Sistem
Implementasi website company profile akan menjelaskan kebutuhan
perangkat lunak dan perangkat keras yang akan digunakan untuk
mengimplementasikan website company profile.
4.11.1 Perangkat Lunak
Perangkat lunak yang akan digunakan supaya website company profile
dapat berjalan dengan baik adalah sebagai berikut :
1. Operating system : Windows 7
2. Database : MySQL
3. Editor : Notepat ++, Sublime, dll
4. Web browser
4.11.2 Perangkat Keras
Perangkat keras yang Akan digunakan agar website company profile
dapat berjalan dengan baik adalah sebagai berikut :
1. Komputer untuk digunakan oleh administrator
50
a) Modem Internet
b) Kabel Lan
c) Processor : Quad Core atau lebih
d) Ram : 8 GB atau lebih
e) HDD : 500 GB atau lebih
f) VGA : Nvidia GTForce / ATI Radeon 2 GB
g) Monitor : 14 Ichn (Optional)
h) Keyboard dan Mouse (Optional)
4.12. Pembahasan Terhadap Perancangan Sistem
Perancangan sistem dimaksudkan untuk menggambarkan jalanya suatu
sistem yang telah dibuat. Pada pembahasan terhadap perancangan sistem ini akan
menjelaskan fungsi dari masing-masing halaman. Dimana gambar dibawah ini
adalah tampilan dari user interface dari website company profile pada Instansi
Pemerintahan Desa Padusan.
4.12.1 Form Halaman Utama admin
Fungsi form halaman utama admin pada Website Company Profile pada
Kantor Kepala Desa Padusan adalah untuk mengantur/ maintanance apa saja yang
akan ditampilkan pada halaman utama (Frond-end). Desain halaman utama admin
dapat dilihat pada Gambar 4.22.
51
Gambar 4.22 Form Halaman Forum Diskusi
4.12.2 Form Halaman Content
Fungsi halaman content pada Website Company Profile pada Kantor
Kepala Desa Padusan adalah untuk mengelola content yang pada Kantor Kepala
Desa Padusan. Dimana admin akan melakukan kegiatan insert, update, dan delete
data content. Desain halaman content dapat dilihat pada Gambar 4.23.
Gambar 4.23 Halaman Content
52
4.12.3 Form Halaman
Fungsi halaman pada Website Company Profile pada Kantor Kepala Desa
Padusan adalah untuk menampilkan informasi tentang desa padusan (profil,
gambaran umum desa, sturktur organisasi, visi dan misi, dan fasilitas). Desain
halaman dapat dilihat pada Gambar 4.24.
Gambar 4.24 Form Halaman
4.12.4 Form Halaman Gallery
Fungsi halaman gallery adalah untuk menampilkan dan mengelola
gambar yang akan ditampilkan pada halaman website company profile yang ada
pada Desa Padusan. Dimana admin hanya melakukan kegiatan upload dan delete
gambar pada halaman gallery. Desain halaman gallery dapat dilihat pada Gambar
4.25.
53
Gambar 4.25 Form Halaman Gallery
4.12.5 Form Halaman Forum Diskusi
Fungsi halaman forum diskusi adalah untuk memberikan akses untuk
penduduk desa padusan dalam memberikan kritik dan saran yang akan digunakan
untuk kemajuan desa. Desain halaman forum diskusi dapat dilihat pada Gambar
4.26.
Gambar 4.26 Form Forum Diskusi
54
4.12.6 Form Halaman Setting Admin
Fungsi halaman setting admin adalah untuk mengelola dan menentukan
siapa saja yang berhak untuk mengakses halaman admin. Desain halaman setting
admin dapat dilihat pada Gambar 4.27.
Gambar 4.27 Form Halaman Setting Admin
4.12.7 Form Halaman Setting Header
Fungsi halaman setting header adalah untuk mengelola gambar yang ada
pada bagian atas/header pada website compay profile. Desain halaman setting
header dapat dilihat pada Gambar 4.28.
55
Gambar 4.28 Form Halaman Setting Header
4.12.8 Form Halaman Setting Background
Fungsi halaman setting background adalah untuk mengatur latar
belakang/background pada website company profile. Dimana administrator dapat
melakukan perubahan pada background yang ada pada halaman utama compay
profile. Desain halaman setting background dapat dilihat pada Gambar 4.29.
Gambar 4.29 Form Halaman Setting Background
56
4.12.9 Form Halaman Utama
Fungsi halaman utama adalah untuk menampilkan informasi atau berita
terbaru yang ada pada Kantor Kepala Desa Padusan. Desain halaman utama dapat
dilihat pada Gambar 4.30.
Gambar 4.30 Form Halaman Utama
4.12.10 Form Halaman Profil
Fungsi halaman profile adalah untuk menampilkan informasi tentang
Kantor Kepala Desa Padusan. Pengunjung dapat melihat profil desa yang meliputi
struktur organisasi, visi dan misi yang ada pada Desa Padusan Desain halaman
profile dapat dilihat pada Gambar 4.31.
57
Gambar 4.31 Form Halaman Profile
4.12.11 Form Halaman Gallery
Fungsi halaman gallery adalah untuk menampilkan dokumentasi
kegiatan yang apa saja yang pernah dilakukan di daerah Kantor Kepala Desa
Padusan. Dimana pengunjung dapat melihat dokumentasi kegiatan desa berupa
gambar. Dalam halaman gallery pengunjung juga dapat melihat dokumentasi
kegiatan-kegiatan yang ada pada Desa Padusan. Desain halaman gallery dapat
dilihat pada Gambar 4.32.
58
Gambar 4. 32 Form Halaman Gallery
4.12.12 Form Halaman Forum Diskusi
Fungsi halaman forum diskusi adalah untuk memberikan akses untuk
penduduk desa padusan dalam memberikan kritik dan saran yang akan digunakan
untuk kemajuan desa. Dimana pengunjung harus klik tambah topik untuk dapat
memberikan saran atau pertanyaan yang akan ditanyakan. Desain halaman forum
diskusi dapat dilihat pada Gambar 4.33.
Gambar 4.33 Form Halaman Forum Diskusi
