BAB IV DESKRIPSI KERJA PRAKTEK 1. 1.1. Analisis Sistem
A
Berdasarkan hasil survey yang dilakukan pada saat kerja praktek di PT
AY
ENERGI MUDA NUSANTARA, secara garis besar permasalahan yang ada
dalam perusahaan ini adalah proses pemasaran yang masih dilakukan dengan cara
AB
manual yaitu dengan strategi pemasaran jemput bola (strategi dimana para penyedia jasa maupun penjual produk melakukan kegiatan pemasaran dengan cara
R
menghubungi atau mendatangi langsung calon pelanggannya).
SU
1.2. Melakukan Survey dan Mengumpulkan Data
Survey dan pengumpulan data merupakan langkah awal dalam membuat suatu sistem yang baru, yaitu dengan melakukan wawancara secara langsung.
M
Wawancara ini dilakukan dengan pemilik perusahaan sendiri (Bapak Dicky Pramudito). Pemilik memberikan informasi bahwa sistem pemasaran masih
O
kurang maksimal dalam segi pemasaran,jadi dalam mengembangkan pemasaran
IK
bisnis tersebut maka di buatlah aplikasi pemesanan advertising pada PT ENERGI
ST
MUDA NUSANTARA.
1.3. Analisa Kebutuhan Sistem dan Merancang Sistem Dari hasil survey dan pengumpulan data diatas, maka dapat diketahui sistem
apa yang dibutuhkan oleh PT ENERGI MUDA NUSANTARA untuk mengatasi
permasalahan yang ada. Analisa kebutuhan sistem diambil berdasarkan data yang diperoleh pada saat survey di PT ENERGI MUDA NUSANTARA.
A
1.4. Desain Sistem
AY
Desain Sistem yang dimaksud untuk menggambarkan sistem yang akan di kembangkan dalam hal ini desain sistem mencakup System Flow, Hirarki Input Proses Output (HIPO), Data Flow Diagram (DFD), Conceptual Data Model
1.5. System Flow yaitu bagan
yang memiliki arus pekerjaan secara
R
System flow
AB
(CDM), Physical Data Model (PDM), Struktur Tabel, dan Desain I/O.
SU
menyeluruh dari suatu sistem yang menjelaskan urutan prosedur-prosedur yang merupakan bagan yang menunjukkan alur kerja atau apa yang sedang dikerjakan di dalam sistem secara keseluruhan dan menjelaskan urutan dari prosedur-
ST
IK
O
M
prosedur yang ada di dalam sistem.
1.5.1. System Flow Pengunjung Sysflow Pengunjung
A
Pengunjung
Halaman Utama
AB
Halaman Portofolio
AY
Start
R
Halaman Concepts and Ideas
SU
Halaman Produk
O
M
Halaman Checkout
Halaman About Us
IK
ST
Halaman My Account
Halaman Contact Us
End
Gambar 1.1 System Flow Pengunjung
System Flow Pengunjung : Pengunjung di sini hanya sekedar datang dan melihat website tanpa melakukan pemesanan.
1.5.2. System Flow Registrasi Pelanggan(Client) Sysflow Registrasi Pelanggan(Client)
Sistem
AY
A
Start
My Account
SU
R
Jika Jadi Register
AB
Halaman Utama
Masukan Data Pelanggan
Simpan Data
ST
IK
O
M
Verifikasi Data Pelanggan
End
Gambar 1.2 System Flow Register Pelanggan(Client)
System Flow Registrasi Pelanggan(Client) : Pengunjung yang mengakses website dan melakukan pendaftaran sebagai pelanggan tetap, agar mempermudah proses pemesanan.
1.5.3. System Flow pemesanan Produk advertising Sysflow Pemesanan Pelanggan(Client)
Sistem
Marketing
A
Start
AY
Halaman Utama
Halaman Produk
AB
Melihat Katalog Produk
Pilih Produk Advertising
R
Melakukan Pemesanan
SU
Jika Jadi Memesan
Masukan Jumlah Produk
ya
Simpan Data
ST
IK
O
M
Memasukan Data Pelanggan yang memesan
tidak
Verifikasi Data Pemesanan
End
Gambar 1.3 System Flow pemesanan Produk Advertising
System Flow pemesanan Produk Advertising : Pelanggan(Client) yang datang
mengunjungi web melakukan transaksi pemesanan dengan mengikuti prosedur –
prosedur yang sudah di tetapkan agar dapat meningkatkan kepercayaan dari ke dua belah pihak.
1.5.4. System Flow komentar Portofolio
Sysflow Komentar Portofolio Sistem
Marketing
A
Pengunjung atau Pelanggan
Memproses dan Menyimpan Komentar Halaman Utama
AY
Start
Halaman Portofolio
AB
Mengecek Dan Mengkonfirmasi Komentar
Melihat Produk Portofolio
Jika Komentar Di Terima
R
ya
SU
Menampilkan komentar
Komentar ?
ya
M
Isi komentar
ST
IK
O
Tidak
tidak End
Gambar 1.4 System Flow komentar Portofolio
System Flow komentar Portofolio : Pengunjung atau Pelanggan memberikan masukan komentar tentang hasil kegiatan event atau proyek yang di tampilkan pada halaman portofolio.Komentar dari pengunjung atau pelanggan akan di saring terlebih dulu oleh marketing sebelum di tampilkan ke web.
1.5.5. System Flow komentar Concepts and Ideas
Sysflow Komentar Concepts and Ideas Sistem
Marketing
A
Pengunjung atau Pelanggan
Memproses dan Menyimpan Komentar Halaman Utama
AB
Melihat Artikel Concepts and Ideas
Mengecek Dan Mengkonfirmasi Komentar
ya
Jika Komentar Di Terima
R
Halaman Concepts and Ideas
AY
Start
SU
Menampilkan komentar
Komentar ?
ya
M
Isi komentar
ST
IK
O
Tidak
tidak End
Gambar 1.5 System Flow komentar Concepts and Ideas
System Flow komentar Concepts and Ideas : Pengunjung atau Pelanggan memberikan masukan komentar tentang artikel yang di tampilkan pada halaman concepts and ideas. Komentar dari pengunjung atau pelanggan akan di saring terlebih dulu oleh marketing sebelum di tampilkan ke web.
1.5.6. System Flow Menambahkan Data Advertising Sysflow Menambahkan Data Advertising Sistem
A
Marketing
Login
R
Halaman Marketing
AB
Menampilkan Halaman Marketing
AY
Start
SU
Input data Produk Advertising
Menampilkan Data
M O IK
ST
Simpan
Tampilan Produk Advertising
end
Gambar 1.6 System Flow Menambah Data Advertising
System Flow Menambahkan Data Advertising : ini merupakan tugas dari
marketing untuk menginputkan data product advertising agar pengunjung atau pelanggan untuk mengetahui product advertising apa saja yang telah tersedia.
1.5.7. System Flow Menambahkan Data Artikel Sysflow Menambahkan Data Artikel Sistem
A
Marketing
Login
SU
R
Halaman Concepts and Ideas
AB
Menampilkan Halaman Concepts and Ideas
AY
Start
ST
IK
O
M
Input data Artikel
Simpan
Menampilkan Data
Tampilan Artikel
end
Gambar 1.7 System Flow Menambahkan Data Artikel
System Flow Menambahkan Data Artikel : ini merupakan tugas marketing untuk menginputkan data artikel agar pengunjung atau pelanggan dapat mengetahui artikel atau kegiatan event apa saja yang terbaru saat ini.
1.5.8. System Flow Menambahkan Data Portofolio Sysflow Menambahkan Data Portofolio Sistem
A
Marketing
AY
Start
AB
Login
Menampilkan Halaman Portofolio
SU
R
Halaman portofolio
ST
IK
O
M
Input data Kegiatan dan Hasil Proyek
Simpan
Menampilkan Data
Tampilan Artikel
end
Gambar 1.8 System Flow Menambahkan Data Portofolio
System Flow Menambahkan Data Portofolio : marketing menginputkan data Portofolio agar pengunjung atau pelanggan untuk mengetahui tentang hasil kegiatan event atau proyek apa saja yang terbaru saat ini.
1.5.9. System Flow Membuat Laporan Sysflow membuat Laporan Sistem
Owner
A
Marketing
Login
SU
R
Halaman Marketing
AB
Menampilkan Halaman Marketing
AY
Start
Input data Tanggal Laporan
ST
IK
O
M
Memproses Laporan
Laporan
Mencetak Laporan
Laporan
end
Gambar 1.9 System Flow Membuat Laporan
System Flow Membuat Laporan : Marketing membuat laporan dengan menginputkan tanggal akhir transaksi terlebih dulu lalu di proses dan di cetak
menjadi dokumen laporan.
1.6. Hirarki Input Proses Output (HIPO) HIPO ini merupakan paket yang berisikan suatu set diagram yang secara grafis menjelaskan fungsi suatu sistem dari tingkat umum ketingkat khusus. Mula-mula
A
tiap fungsi utama diidentifikasi dan kemudian dibagi lagi ke dalam tingkatan
ST
IK
O
M
SU
R
AB
AY
fungsi yang lebih spesifik.
Gambar 1.10 Hirarki Input Proses Output (HIPO)
1.7. Data Flow Diagram (DFD) DFD dari aplikasi pemesanan advertising pada PT ENERGI MUDA NUSANTARA adalah sebagai berikut:
A
a. Context Diagram dari Aplikasi Pemesanan Advertising terdapat dua entity
AY
yang berhubungan langsung dengan sistem ini, yaitu Marketing bagian
pemasaran, pelanggan(Client) dan pengunjung. Dapat dilihat pada Gambar 4.11 Laporan Periode
AB
Data Pemesanan Terpilih Data Produk Validasi Data Komentar Marketing
Data Portofolio
Data Portofolio
Data Produk
Pelang g an(Client)
Infromasi Komentar Pelangg an(Client)
SU
R
Data Artikel
Data Artikel
0
Informasi Data Komentar
Data Pemesanan Data Pelang g an(Client)
Website Pemesanan Advertising Data Komentar Pengunjung
Informasi Data Laporan Transaksi
ST
IK
O
M
Data Pemesanan Pelang gan
+
Informasi Produk Informasi Artikel Informasi Portofolio
Informasi Komentar Pengunjung
Gambar 1.11 Context Diagram
Peng unjung
b. DFD Level 0 DFD level 0 dari aplikasi pemesanan advertising pada PT ENERGI MUDA NUSANTARA adalah decompose dari context diagram dimana menjelaskan
A
lebih detil 3 proses yang terdapat dalam aplikasi pemesanan advertising ini
AY
yaitu mengelola data, menampilkan data, dan melakukan transaksi. Dapat dilihat pada Gambar 4.12
[Informasi Komentar Peng unjung ]
1
[Validasi Data Komentar]
[Informasi Portofolio]
[Data Komentar Peng unjung ]
Meng elola Data
[Data Artikel]
[Informasi Artikel]
Peng unjung
+
[Data Produk]
[Data komentar Pelangg an(Client)]
AB
[Informasi Produk]
[Data Portofolio]
Pelang g an(Client)
Menampilkan Data
[Data Portofolio]
[Informasi Data Komentar] [Informasi Data Laporan Transaksi] [Data Pemesanan Pelangg an]
SU
1
Produk Data Tersedia
2
Artikel Data Tersedia
3
[Data Pemesanan Terpilih]
[Data Pemesanan]
Melakukan Transaksi
[Laporan Periode]
+
[Data Pelang gan(Client)]
IK
O
M
Gambar 1.12 DFD level 0
ST
+
[Infromasi Komentar Pelang g an(Client)]
R
Marketing
2
[Data Produk] [Data Artikel]
3
Portofolio Data Tersedia 4
Komentar Data Tersedia
c. DFD Level 1 Mengelola Data DFD level 1 mengelola data dari aplikasi pemesanan advertising pada PT ENERGI MUDA NUSANTARA menjelaskan tentang proses mengelola data
A
produk, mengelola data portofolio, mengelola data artikel dan mengelola data
AY
komentar. Dapat dilihat pada Gambar 4.13 Validasi Data Komentar Data Produk
Marketing
Peng unjun g
Informas i Data Komentar
Data Artikel
Informas i Komentar Pengunjung
3 Data Portofolio Meng elola Data Portofolio
2 Meng elola Data Artikel
5
Data Portofolio
Data Produk
4
Data Komentar
8
Data Artikel 7
Data Komentar Pengunjung
Meng elola Data Komentar
Informas i Komentar Pelangg an(Client)
Data Komentar
R
Data Produk
AB
1 Meng elola Data Produk
Data Portofolio
Data komentar Pelang gan(Client)
Data Artikel
SU
6
ST
IK
O
M
Gambar 1.13 DFD level 1 Mengelola Data
Pelang g an(Client)
d. DFD Level 1 Menampilkan Data DFD level 1 menampilkan data dari aplikasi pemesanan advertising pada PT ENERGI MUDA NUSANTARA menjelaskan tentang proses menampilkan dan menampilkan
A
artikel, menampilkan portofolio, menampilkan produk
Peng unjun g
Peng unjun g
Pelang g an( Client)
2.1
2
Artikel
[Data Tersedia]
Pelang g an( Client)
2.2
[Data Artikel]
AB
[Informasi Artikel]
Menampilkan Artikel
AY
komentar. Dapat dilihat pada Gambar 4.14
Menampilkan Portofolio
[Informasi Portofolio]
3
Portofolio
SU
R
[Data Tersedia]
[Data Portofolio]
Pelang g an( Client)
Peng unjung
2.3 [Informasi Produk]
Menampilkan Produk
Peng unjun g
[Data Produk]
Produk
O
1
M
[Informasi Komentar Peng unjung ]
[Data Tersedia]
Pelang g an( Client)
2.4 Menampilkan Komentar
[Infromasi Komentar Pelang g an(Client)]
[Data Tersedia]
ST
IK
Gambar 1.14 DFD level 1 Menampilkan Data
4
Komentar
e. DFD Level 1 Menerima Pemesanan DFD level 1 menampilkan data dari aplikasi pemesanan advertising pada PT ENERGI MUDA NUSANTARA menjelaskan tentang proses menerima
A
pemesanan. Dapat dilihat pada Gambar 4.15 [Informasi Data Laporan Transaksi] [Data Pemesanan Pelangg an]
AY
Marketing
AB
3.1
[Data Pelang gan(Client)]
Menerima Pemesanan
[Data Pemesanan Terpilih]
+
R
[Laporan Periode]
SU
[Data Pemesanan]
Pelang g an( Client)
Gambar 1.15 DFD Level 1 Menerima Pemesanan
ST
IK
O
M
1.8. Conceptual Data Model (CDM)
Gambar 1.16 Conceptual Data Model
AB
AY
A
1.9. Physical Data Model (PDM)
R
Gambar 1.17 Physical Data Model
SU
4.10 Struktur Tabel
Rancangan tabel yang digunakan berdasarkan class diagram yang telah dibuat adalah sebagai berikut:
M
1. Tabel User
O
Primary Key : id_user Foreign Key : -
ST
IK
Fungsi
: Untuk menyimpan data user Tabel 1.1 Struktur tabel user Field
TypeData
Length
Constraint
-
Primary Key
Id_user
Int
Nama_user
Varchar
20
Username
Varchar
6
Password
Varchar
6
2. Tabel Produk Primary Key : id_produk Foreign Key : : Menyimpan data produk
A
Fungsi
Field
Type Data Int
Nama_produk
Varchar
Kategori_produk
Varchar
Length
Constraint
-
Primary Key
20
AB
Id_produk
AY
Tabel 1.2 Struktur tabel produk
R
15
SU
3. Tabel Artikel
Primary Key : id_artikel Foreign Key : Fungsi
: Untuk menyimpan data artikel.
M
Tabel 1.3 Struktur tabel artikel
O
Field
Int
ST
IK
category_id
TypeData
Nama_artikel
Varchar
Length
Constraint
-
Primary Key
25
4. Tabel Portofolio Primary Key : id_portofolio Foreign Key : Fungsi
: Untuk menyimpan data portofolio.
Tabel 1.4 Struktur tabel portofolio TypeData
Length
Constraint
-
Primary Key
Int
Nama_portofolio
Varchar
25
Kategori_portofolio
Varchar
20
AY
Id_portofolio
Foreign Key : -
: Untuk menyimpan data komentar.
R
Fungsi
AB
5. Tabel Komentar Primary Key : id_komentar
A
Field
SU
Tabel 1.5 Struktur tabel komentar Length
Constraint
-
Primary Key
Int
Nama_user
Varchar
20
Email_user
Varchar
15
Komentar
Varchar
200
O
Id_komentar
IK
ST
TypeData
M
Field
4.11 Desain Input Output Desain input output digunakan untuk memberikan gambaran terhadap desain halaman aplikasi berbasis web yang akan dibangun. Berikut ini desain input
A
output dari Rancang Bangun Aplikasi pemesanan advertising pada PT ENERGI
AY
MUDA NUSANTARA. a. Halaman Company Profile
AB
Halaman ini akan menampilkan gallery dari kegiatan perusahaan.
Header
Portofolio Concepts and ideas Product
My account About Us Contact Us
SU
R
Home
M
Image
Portofolio Gallery
ST
IK
O
Gambar 1.18 Halaman I/O Company Profile
b. Halaman Portofolio Halaman ini akan menampilkan foto hasil kegiatan event-event yang telah
kegiatan atau event apa saja yang sudah di
AY
pengunjung dapat melihat
A
di selenggarakan oleh perusahaan PT ENERGI MUDA NUSANTARA. Disini
selenggarakan dari PT ENERGI MUDA NUSANTARA.
Home
AB
Header Portofolio Concepts and ideas Product Image
R
Image
My account About Us Contact Us Image
Seacrh
SU
Portofolio
Comment
M
Portofolio Gallery
ST
IK
O
Gambar 1.19 Halaman I/O portofolio
Navigasi
c. Halaman Concepts and ideas Halaman ini akan menampilkan artikel dari perusahaan PT ENERGI
A
MUDA NUSANTARA.
Home
Portofolio Concepts and ideas Product
AY
Header
My account About Us Contact Us
AB
Artikel
SU
R
Name Email Website Comment
Gambar 1.20 Halaman I/O Concepts and ideas d. Halaman Product
M
Halaman ini akan menampilkan product yang akan di sediakan oleh
Header
IK
O
PT ENERGI MUDA NUSANTARA.
ST
Home Produk
Portofolio Concepts and ideas Product
Image
My account About Us Contact Us Search
Image
Image Navigasi
Name Product
Name Product
Name Product
Gambar 1.21 Halaman I/O Product
Halaman My Account
e.
Halaman ini akan menampilkan Account . Disini pengunjung dapat
A
mendaftar dan log in sebagai di PT ENERGI MUDA NUSANTARA.
My account About Us Contact Us Search
AB
Home Portofolio Concepts and ideas Product My Account
AY
Header
Register
Navigasi
R
Login
Gambar 1.22 Halaman I/O My Account Halaman About Us
SU
f.
Halaman ini akan menampilkan deskripsi profile perusahaan PT
M
ENERGI MUDA NUSANTARA.
O
Header
Portofolio Concepts and ideas Product
ST
IK
Home
Image
My account About Us Contact Us Search
About Us Navigasi Image
Image
Gambar 1.23 Halaman I/O About Us
g.
Halaman Contact Us Halaman ini menampilkan Alamat contact person dari perusahaan
A
PT ENERGI MUDA NUSANTARA.
Home
Portofolio Concepts and ideas Product
AY
Header
My account About Us Contact Us
R
Contact Us
AB
Search
ST
IK
O
M
SU
Gambar 1.24 Halaman I/O Contact Us
Navigasi
4.12 Implementasi Sistem Sistem yang dipergunakan untuk dapat menjalankan program Rancang Bangun aplikasi pemesanan advertising di PT ENERGI MUDA NUSANTARA
Software Pendukung
AY
a.
A
berbasis web sebagai berikut.
1. Sistem Operasi Microsoft Windows XP Service Pack 2
b.
Hardware Pendukung
AB
2. Web Browser (Mozila Firefox)
1. Minimal processor Pentium Core 2 duo.
R
2. Minimal VGA dengan resolusi 1024 x 760 dan mendukung Microsoft
SU
Windows. 3. Minimal RAM 256 MB.
M
4.13 Melakukan Pembahasan terhadap Implementasi Sistem Implementasi dimaksudkan untuk menggambarkan jalannya sistem yang
O
sudah dibuat, dalam hal ini akan dijelaskan fungsi dari halaman tersebut. Pada
IK
gambar di bawah ini adalah tampilan user interface dari sistem:
1. Halaman Login
ST
Form Login Pengguna ini adalah salah satu pengaman ketika akan akan
masuk kedalam aplikasi, pengguna memasukkan username dan password. Form
login pengguna website Emuntara akan digambarkan dalam gambar 4.25
A AY AB
Gambar 1.25 Halaman Login 2. Halaman Home
R
Ketika seorang pengunjung website mengakses halaman utama Emuntara
ST
IK
O
M
SU
maka pengunjung akan dihadapkan pada halaman home.
Gambar 1.26 Halaman Home
3. Halaman Portofolio Ketika seorang pengunjung memilih menu portofolio pada website
Emuntara, maka pengunjung akan diarahkan pada halaman Portofolio. Pada
halaman ini pengunjung juga dapat melihat Gallery dan karya PT ENERGI
MUDA NUSANTARA. Form portofolio website Emuntara akan digambarkan
AB
AY
A
dalam gambar 4.27
4. Halaman Concepts and Ideas
R
Gambar 1.27 Halaman Portofolio
SU
Ketika seorang pengunjung memilih menu Concepts and Ideas pada website Emuntara, maka pengunjung akan diarahkan pada halaman Concepts and Ideas. Pada halaman ini pengunjung dapat melihat artikel-artikel dari PT ENERGI
ST
IK
O
M
MUDA NUSANTARA.
Gambar 1.28 Halaman Concepts and Ideas
5. Halaman Product Ketika seorang pengunjung memilih menu Product pada website Emuntara, maka pengunjung akan diarahkan pada halaman Product pada halaman ini pengunjung
A
dapat melihat dan memesan produk yang di sediakan oleh PT ENERGI MUDA
SU
R
AB
AY
NUSANTARA.
Gambar 1.29 Halaman Product
6. Halaman My Account
M
Ketika seorang pengunjung memilih menu My account pada website Emuntara, maka pengunjung akan diarahkan pada halaman My account. Pada
ST
IK
O
halaman ini pengunjung dapat melihat profile client yang tersedia.
Gambar 1.30 Halaman My Account
7. Halaman About Us Ketika seorang pengunjung memilih menu About Us pada website Emuntara, maka pengunjung akan diarahkan pada halaman About Us. Pada
A
halaman ini pengunjung dapat mengetahui profile perusahaan di PT ENERGI
SU
R
AB
AY
MUDA NUSANTARA.
Gambar 1.31 Halaman About Us
8. Halaman Contact Us
M
Ketika seorang pengunjung memilih menu Contact Us pada website Emuntara, maka pengunjung akan diarahkan pada halaman Contact Us. Pada
O
halaman ini pengunjung dapat mengetahui Contact person perusahaan di PT
ST
IK
ENERGI MUDA NUSANTARA
Gambar 1.32 Halaman Contact Us
9. Halaman Cart Pada halaman ini, Client dapat melihat produk yang sudah di pesan dan akan memproses ke tahap selanjutnya apabila pemesanan sudah sesuai dengan
R
AB
AY
A
keinginan Client. Berikut ini menu-menu yang tersedia pada gambar dibawah ini.
SU
Gambar 1.33 Halaman Cart 10. Halaman checkout
Pada halaman ini, Client dapat melihat produk yang sudah di pesan dan
M
akan memproses ke tahap selanjutnya, apabila pemesanan sudah sesuai dengan
ST
IK
O
keinginan Client. Berikut ini menu-menu yang tersedia pada gambar dibawah ini.
Gambar 1.34 Halaman Checkout
11. Halaman Change password Pada halaman ini, admin atau Client mengubah password admin atau Client. Change password digunakan untuk merubah password yang sudah ada
SU
R
AB
AY
A
seperti gambar dibawah ini.
Gambar 1.35 Halaman Change password
12. Halaman Lost password
M
Pada halaman ini, Client dapat mengubah alamat yang sudah ada dalam database
ST
IK
O
seperti gambar dibawah ini.
Gambar 1.36 Halaman Lost Password
13. Halaman edit my address Pada halaman ini, Client dapat mengubah alamat yang sudah ada dalam
R
AB
AY
A
database seperti gambar dibawah ini.
ST
IK
O
M
SU
Gambar 1.37 Halaman Edit My Address
