Cara mengaktifkan/intalasi SSL (Secure Socket Layer) dari http menjadi https Di Niaga Hoster.

Baca Juga

Secure Socket Layer atau biasa kita kenal dengan SSL merupakan salah satu komponen penting yang sebenarnya sangat wajib dimiliki website. mengapa ? ya, karena SSL transfer data di dalam sebuah website menjadi lebih aman dan terenkripsi. kalau sobat memakai chrome jika sebuah website tidak menggunakan SSL Google Chrome memberikan informasi website tersbut dengan tanda seru atau Not Secure.

Sumber gambar : https://sslindonesia.com

Nah coba sobat klik website https://www.ydprog.com/ ini apakah ada tanda seru pada samping sebelah kiri tulisan https://www.ydprog.com/ , tentunya tidak, melainkan sudah mendapatkan label gembok terkunci atau biasanya berwarna hijau , menandakan bahwa website saya ini aman untuk dikunjungi.

Nah bagaimana cara mendapatkan SSL atau memasang SSL pada website kita ?, nah saya belinyanya di niaga hoster, sobat kunjungi saja https://www.niagahoster.co.id lalu beli deh domain atau sama hostingnya, biasanya di kasih gratis juga ,.. heee..

Kalau sudah terlanjur beli domain atau hosting + domain dan belum di kasih SSL biasanya Niagag Hoster akan menawarkannya pada sobat di halaman member area.

klik saja domainnya lalu pilih SSL , nah jika belum ada disitu akan ditampilkan beli SSL atau pasang SSL.

Oke kembali ke topik kita, berikut saya sharing informasi bagaimana cara memasang SSL pada website kita.

1. Memiliki Domain.

Iya , tentunya sobat sudah memiliki domain atau beli domain baru + beli SSLnya. Saya belinya di Niaga Hoster, settingnya gampang ,, bukan endorse ya, hee

2. Masuk Member Area

Ya, sobat login dulu ke member areanya di niaga hoster dengan akun sobat yang sudah terdaftar.

3. Klik Pada menu Layanan Anda

Sobat klik pada menu sebelah kiri dengan nama menu Layanan Anda menu dropdown yang berisi banyak menu lainnya, kemudian..

4. Domain

Sobat klik menu domain , nantinya akan di tampilkan list domain sobat, seperti gambar dibawah :

Selanjutnya ...

5. Klik menu tab SSL

pada bagian atas ada menu menu tab, Hosting, Domain dan sebagainya nah sobat klik menu SSL.. kemudian ,,

6. Kelola SSL

Sobat pilih salah satu domain, dan klik kelola SSL Maka akan tampil seperti gambar dibawah :

sobat scroll ke bawah sampai ada tombol CEK STATUS pada pojok kanan bawah. Selanjutnya .

7. Cek Status

Sobat Cek Status terlebih dahulu untuk mendapatkan kode certifikatnya, tunggu hingga proses selesai. jika sudah selesai maka akan tampil seperti gambar dibawah :

Nah jika sudah muncul tombol Install Sekarang maka selanjutnya.

8. Install SLL

Proses Instalasi SSL

Ya, sobat tekan Install Sekarang Biasanya membutuhkan waktu untuk penginstalannya, tunggu hingga muncul notif berhasil seperti dibawah ini :

Adanya notifikasi diatas menandakan bahwasanya proses instalasi SSL sudah berhasil dilakukan. klik Kembali untuk melihat statusnya lagi.

bagaimana saya tau bahwa SSL sudah aktif ? sudah sangat jelas di tampilan detail domain status dari SSL Cert Status sudah Active.

Jika sobat mengalami kesulitan atau terjadi error dapat menghubung CS Niaga hoster, mereka akan memandu sobat hingga selesai.

Ya , pernah pengalaman karena saya baru pertama beli hosting dan domain saya kesulitan menginstall SSL yang sudah saya beli, karena saya kira saya beli langsung terinstall otomatis padahal tidak seperti itu kita sendirilah yang harus mengistallnya. Saya menghubungi CS Niaga Hoster dan Alhamdulillah dibantu sampai akhir , mereka mengirimkan berbagai artikel untuk dibaca sebagai panduan instalasi.

Demikian informasi kali ini, semoga bermanfaat ya ..

Cara Membuat Aplikasi CRUD sederhana dengan VB (Visual Basic 6)

Baca Juga

Aplikasi ini dibuat saat duduk di bangku kuliah, sudah pernah dapat materinya juga pada saat SMK, namun lebih fokus pada saat bangku kuliah. saya share agar bisa bermanfaat untuk orang lain. Membuat aplikasi itu memang di antara mudah dan sulit, mudah bagi mereka yang serius menekuninya , sulit untuk mereka yang ingin instan tanpa belajar. 

Pertama yang harus di tulis dalam mengkoneksikan ke database adalah kode di bawah

Dim dt As New ADODB.Connection

Dim WithEvents fdt As ADODB.Recordset

//akhir

Ini di pakai untuk tombol mengembalikan data ke paling awal tombolnya seperti “|<”

Private Sub Command1_Click()

fdt.MoveFirst

End Sub

Ini adalah fungsi perkalian biasa saja antara text dan text

Private Sub Command10_Click()

Text6.Text = Text4.Text * Text5.Tex

Penjelasan : text 6 akan menampilkan hasil dari operasi text 4 dan text 5

End Sub

Ini di pakai untuk tombol mengembalikan data ke sebelumya , tombolnya seperti “<”

Private Sub Command2_Click()

fdt.MovePrevious

    If fdt.BOF = True Then fdt.MoveFirst 

//ini kode terpenting untuk mencegah error jika kita sudah sampai pada data paling awal

End Sub

Ini di pakai untuk melihat data yang selanjutnya , gambar tombolnya seperti “>”

Private Sub Command3_Click()

fdt.MoveNext

    If fdt.EOF = True Then fdt.MoveLast 

//ini kode terpenting untuk mencegah error jika kita sudah sampai pada data paling akhir

End Sub

 Ini di pakai untuk tombol mengembalikan data ke paling akhir tombolnya seperti “>|”

Private Sub Command4_Click()

fdt.MoveLast

End Sub

Kode ini digunakan untuk menambah data, tentunya digunakan pada tombol dengan nama “ADD” ataupu “TAMBAH”

Private Sub Command5_Click()

fdt.AddNew

Dim addNIM As Integer

Set na = New ADODB.Recordset

na.CursorLocation = adUseClient

na.Open "select Nim from table1 order by Nim desc", dt, adOpenDynamic, adLockOptimistic

addNIM = na.Fields(0) + 1 

//kode ini digunakan agar menambah otomatis sebuah nim, yang di setting di dalam database sebagai auto

Text1.Text = addNIM

End Sub

Kode ini digunakan dalam proses mengubah data, tentunya berada pada tombol “Update”

Private Sub Command6_Click()

If Text1.Text = "" Or Text2.Text = "" Or Text3.Text = "" Then

MsgBox "Pilih dahulu data yang ingin anda ubah", vbInformation + vbOKOnly, "Perhatian"

Penjelasan MsgBox berfungsi menampilkan dialog box

Text2.SetFocus

Else

fdt.Fields("Nim") = Text1.Text

fdt.Fields("Nama") = Text2.Text

fdt.Fields("Kelas") = Text3.Text

fdt.Update

End If

End Sub

Kode diguakan untuk menghapus data, tentunya nama tombol “DELETE”

Private Sub Command7_Click()

fdt.Delete

End Sub

Kode ini digunakan untuk menutup program yang berjalan.

Private Sub Command8_Click()

Unload Me

End Sub

Kode ini sebenarnya hanya untuk memanggil isi database saja.

Private Sub Command9_Click()

Dim sNIMp As Integer

Dim sNIMa As Integer

Set np = New ADODB.Recordset

Set nak = New ADODB.Recordset

np.CursorLocation = adUseClient

np.Open "select Nim from table1 order by Nim asc", dt, adOpenDynamic, adLockOptimistic

Penjelasan : np.Open untuk menjalankan Query ke database

sNIMp = np.Fields(0)

nak.CursorLocation = adUseClient

nak.Open "select Nim from table1 order by Nim desc", dt, adOpenDynamic, adLockOptimistic

sNIMa = nak.Fields(0)

Text4.Text = sNIMp

Text5.Text = sNIMa

End Sub

Kode ini banyak sekali, namun tak perlu mengetik tinggal memilih pada kolom pertama “fdt” dan kolom kedua “Move complete”

Private Sub fdt_MoveComplete(ByVal adReason As ADODB.EventReasonEnum, ByVal pError As ADODB.Error, adStatus As ADODB.EventStatusEnum, ByVal pRecordset As ADODB.Recordset)

If (fdt.BOF = True Or fdt.EOF = True) Then Exit Sub

    Label4.Caption = fdt.Fields("Nama") & ""

    Combo1.Text = fdt.Fields("Kelas") & ""

    Text1.Text = fdt.Fields("NIM") & ""

// ini mengandung arti bahwa text1.text nantinya akan menampilkan isi dari database yang fieldnya adalah “NIM” dan begitupun selanjutnya.

    Text2.Text = fdt.Fields("Nama") & ""

    Text3.Text = fdt.Fields("Kelas") & ""

End Sub

Ini adalah bagian terpenting yaitu di form loadnya. Klik dua kali di form dan tulis kode di bawah

Private Sub Form_Load()

dt.ConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=E:\Siang 11\Mahasiswaa.mdb;Persist Security Info=False" 

//ini configurasi koneksi ke database

    dt.Open

    Set fdt = New ADODB.Recordset

    fdt.CursorLocation = adUseClient

    fdt.Open "SELECT * FROM table1", dt, adOpenDynamic, adLockOptimistic

    Set DataGrid1.DataSource = fdt 

// menyeting datagird sebagai tempat untuk enampilkan datanya.

End Sub

Dan inilah hasil runningnya..

Semoga bermanfaat....

Cara mengatasi 'installed Build Tools revision 31.0.0 is corrupted ' Di Android Studio

Baca Juga

Halo programmer pemula, salam saya juga baru ingin belajar Android nih, dan saya mengalami kendala seperti dibawah ini.

Pesan Error 'installed Build Tools revision 31.0.0 is corrupted. Remove and install again using the SDK Manager' saya alami sendiri ketika baru pertama kalli menggunakan android studio. sebagai pemula saya kebingungan mengapa pesan tersebut muncul ketika saya menekan Rebuild Project. 

Sumber gambar : https://img.utdstc.com

dengan adanya pesan di atas debuging aplikasi yang saya buat tidak dapat dilakukan. saya cari cari di beberapa referensi dan berikut yang saya lakukan.

1. SDK Manager

Sobat lakukan Update SDK Manager, berikut list yang harus sobat install SDKnya , sesuaikan dengan gambar dibawah :

Pastikan di centang pada tab SDK Flatforms seperti gambar diatas, untuk melihat lebih detail centang Show Package Detail pada pojok bagian kanan bawah.

Selanjutnya klik tab SDK Tools sobat centang kebutuhannya seperti gambar dibawah :

ntuk melihat lebih detail centang Show Package Detail pada pojok bagian kanan bawah akan tampil seperti gambar berikut :

Selanjutnya klik Apply dan tunngu hingga proses download SDK selesai,

Pastikan koneksi internet sobat stabil, proses ini memerlukan waktu yang cukup lama sesuai kecepatan internet sobat.

ketika sudah selesai dan proses download sudah tidak ada lagi sobat tekan Finish.

selanjutnya ...

2.  Project Structure

langkah selanjutnya sobat harus mengatur Project Struktur, bagaimana caranya ?

tekan pada menu (Project Struktur) seperti gambar di atas (pada pojok kanan atas) maka akan tampil seperti gambar dibawah :

Nah, sobat pastikan berada pada menu (Modules) dan sesuaikan dengan gambar di atas pada tab Propertis. Selanjutnya akses Tab Default Config maka akan tampil seperti gambar dibawah :

Sesuaikan juga pengaturannya seperti gambar diatas.

Jika sudah sesuai klik Apply maka akan otomatis Build akan berjalan dan sukses..

kejadian di atas saya alami sendiri dan saya coba langsung, alhamdulillah Berhasil ,  

Sistem Operasi : Windows 10

Demikian informasi kali ini , semoga bermanfaat.. 

Cara menulis di blog di HP, ternyata lebih mudah lho..

Baca Juga

Menulis di blog yang sudah di kita buat / blog kita ada 2 cara.

1. Memakai browser.

Ya, di hp juga dapat menulis dengan browser layaknya di laptop, berikut caranya :

A. Buka Browser

Buka browser yang sudah terinstall di hp kalian , contoh Chrome , UC browser , operamini dan sebagainya. Namun jika android tentunya sudah ada default tanpa kalian install lagi yaitu browser bawaan Hp dan Browser Chrome. Saya rekomendasikan memakai chrome agar selaras dengan blogger, email yang sama sama milik Google.

B. Ketika pada pencarian browser.

Akseslah https://blogger.com dengan menulisnya di form pencarian browser yang sobat buka.

C. Masuk ke blogger dengan email yang terdaftar.

Klik tombol masuk / login dan Masukan email dan password sobat sekalian. Dan masuklah di blogger , sobat dapat mengakses menu menu yang disediakan.

Cara yang ke 2 adalah :

2. Dengan Aplikasi Blogger

Caranya :

A. Buka google play store.

Klik goggle play store kalian , lalu ketikan blogger kemudia entet atau klik icon search.

Maka di dapatlah seperti dibawah ini :

Install-lah hingga selesai terinstall.

Selanjutnya

B. Buka aplikasi blogger  lalu masuklah dengan email terdaftar.

Anda harus masuk dulu ke akun sobat sekalian, yaitu email dan password 

Maka akan tampil seperti gambar di atas, jika belum ada postingan maka terlihat kosong, jika sudah pernah meposting maka akan tampil listnya di halaman tersebut.

Penjelasan :

Titik Biru

Merupakan judul Blog sobat.

Titik Hijau

Merupakan list postingan yang sudah sobat publikasi atau sudah bisa di baca para pemirsa.

Titik orange

Merupakan list postingan yang masih belum di publikasi oleh sobat .jadi masih disimpan dan tidak dapat di baca orang lain.

Titik Kuning

Merupakan tombol untuk menambah postingan sobat sekalian.

Dipojok kanan atas ada foto profil sobat sekalian sekaligus menampilkan informasi profil sobat.

Selanjutnya..

keterangan :

Lingkar Merah

Merupakan form judul , jadi sobat masukan judul di kolom tersebut.

Lingkar Biru

Merupakan area menulis sobat sobat kalian. Dalam area menulis terdapat beberapa menu seperti gambar di bawah :

sudah sangat jelas dengan gambar di atas , kita lihat dari bagian paling bawah terlebih dahulu terdapat berbagai menu menu sesuai fungsinya dari urutan kanan ada logo kamera untuk mengambil gambar secara langsung menggunakan kamera HP, logo gambar digunakan untuk mengambil gambar yang sudah tersimpan di HP, ada huruf B untuk menebalkan huruf , ada huruf I Untuk memiringkan teks , huruf U dengan garis bawah untuk membuat underline / garis bawah pada teks, logo link untuk memasukan link ke dalam postingan sobat sekalian.

Kemudian di area garis hijau adalah tempat sobat menulis postingan, kemudia tanda centang dipojok kanan atas adalah tombol konfirmasi selesai menulis, jadi kalau sudah selesai menulis sobat tekan centang tersebut.

Lanjut.. lihat gambar sebelumnya

Linkar Hijau

merupakan form untuk sobat memberikan LABEL pada postingan sobat , contoh label : tutorial , berita dan lainnya.

Lingkar Hitam (pojok kanan atas)

Berisi menu jika postingan sobat ingin disimpan terlebih dahulu, dengan begitu postingan belum dapat di lihat orang lain atau masih private sifatnya.

Linkar Orange.

Merupakan tombol konfirmasi publikasi , jadi jika sudah yakin dan sudah terisi semua form yang wajib diisi maka sobat tekan logo tersebut untuk mempublikasi postingan sobat.

Demikian informasi kali ini , postingan ini dibuat dari aplikasi blogger .

Selamat menulis dan semoga bermanfaat.

Membuat aplikasi pertama dengan PHP, dan letak folder aplikasi di xampp.

Baca Juga

 Artikel kali ini membahas tentang belajar php lagi, bagi programmer pemula seperti saya. ini adalah bagian kedua setelah sobat mempersiapkan bahan bahannya, belum tau apasaja yang harus disiapkan pertama kali untuk membangun aplikasi berbasis WEB (Php) ?

Baca dulu di : https://www.ydprog.com/2021/07/apa-saja-yang-harus-disediakan-untuk.html

Setelah install semuanya sekarang kita mulai belajar meletakkan folder di xampp.

Oke folder aplikasi php kita di letakan dimana ? itu pertanyaan yang harus ditanyakan oleh pemula.

oke setelah install xampp maka  ceba di cek di Data C / data sistem terinstall biasanya ada di C:\xampp

seperti gambar di atas jadi di C://xampp buka folder xampp cari dana folder htdocs , nah di folder htdocs-lah semua file aplikasi akan di buat, sebenarnya tidak wajib disana artinya dapat di custome sesuai keinginan sobat, namun untuk belajar letakan disitu terlebih dahulu.

Jadi akses C:\xampp\htdocs\... dilanjutkan folder aplikasi sobat, contoh disini saya akan membuat aplikasi dengan nama 'pertama' ingat jangan sampai ada spasi ya, jika harus ada spasi maka gantilah dengan garis bawah contoh 'aplikasi_pertama'.

Oke sudah saya buat folder aplikasi dengan nama 'pertama' jadi letaknya di C:\xampp\htdocs\pertama.

selanjutnya buka Editor yang saya gunakan adalah Sublime Text.

Buka Sublime Text , dengan cara ketikan pada pencarian windows sobat ketikan Sublime , maka akan muncul sublime text , jika tidak ada kemungkinan sobat belum mengistallnya.

Tampilan Editor Sublime Text.

Selanjutnya arahkan pada folder aplikasi kita dengan cara klik menu File (pada bagian atas ) pilih open folder .

Pilihlah folder aplikasi sobat yang ada di : C:\xampp\htdocs\pertama

Tekan select folder , jalan di enter ya.

Setelah itu akan tampil sublime text dan ada nama folder aplikasi kita, disini adalah 'pertama'.

nah selanjutnya adalah kita mengetik koding kita.

nah sekarang ketiklah kode dibawah :

<?php

echo "Ini adalah aplikasi pertamaku";

?>

lalu simpan dengan nama index.php

Simpannya di folder yang sudah kita buat sebelumnya yaitu : C:\xampp\htdocs\pertama\index.php

Oke setelah tersimpan buka browser kalian, disini saya pakai Mozilla Firefox. jika belum punya baca dulu persiapan apa saja yang harus di siapkan lengkap dengan link downloadnya .

Baca Disini : https://www.ydprog.com/2021/07/apa-saja-yang-harus-disediakan-untuk.html

ketikan pada pencarian browser localhost/pertama + Enter.

Maka akan muncul " Ini adalah aplikasi pertamaku " seperti gambar dibawah :

Jika terjadi error maka kemungkinan server Apache dan Mysql di xampp control panel sobat belum di start.

Baca caranya di : https://www.ydprog.com/2021/07/cara-agar-xampp-control-panel-jalan.html

Kalau sudah muncul berarti sobat sudah sukses membuat aplikasi, namun sebenarnya belum bisa di katakan sebuah aplikasi sebelum sobat membuat berbagai macam aksi didalamnya.

Next akan saya buat aplikasi CRUD sederhana part 2.

tetap pantau https://www.ydprog.com/ Ya.

Apa saja yang harus disediakan untuk membuat aplikasi web dengan PHP

Baca Juga

Kali ini mimin akan berbagi informasi tentang apa saja sih yang harus di siapkan untuk membuat/ belajar membuat aplikasi berbasis WEB menggunakan bahasa pemograman PHP.

PHP (Hypertext Prepocessor) adalah bahasa pemograman yang dapat anda pelajari dengan mudah.

Berikut yang harus anda siapkan.

Sumber Gambar : https://www.vecteezy.com

1. Server Database

   karena php adalah bahasa pemograman yang berbasi sserver side jadi untuk menjalankan file.php , jadi harus servernya di jalankan dulu agar aplikasinya bisa jalan,. nah disini saya menggunakan Xampp. 

Download Xampp : https://www.apachefriends.org/download.html

Silahkan pilih versi yang ingin sobat pelajari, saran saya pilih yang versi 5 dulu untuk belajar lebih mudah.

Baca juga cara menjalankan Xampp otomatis : https://www.ydprog.com/2021/07/cara-agar-xampp-control-panel-jalan.html

2. Editor

Editor digunakan untuk menulis kode kode program atau lumrah disebut dengan koding. banyak editor yang dapat digunakan untuk programmer pemula. seperti notepad++, sublime text dan masih banyak editor lainnya , masing masing programmer punya kesukaan berbeda beda untuk menulis kode programnya, namun disini saya menggunakan Sublime Text, kenapa ? karena lebih ringan dan tampilannya lebih menarik serta sudah mendukung banyak plugin.

Download Sublime Text : https://www.sublimetext.com/3

Kalau ini pilih versi terbaru saja.

3. Browser

Sumber : https://cdn.pixabay.com

Karena yang ingin kita buat adalah Aplikasi WEB maka tentunya kita butuh browser untuk menjalankan kode kode yang sudah kita buat, banyak browser yang dapat digunakan, seperti Chrome, Operamini, Firefox dan lainnya, biasanya programmer akan menginstal lebih dari 1 browser untuk kebutuhan mereka , saya rekomendasikan Firefox dan Chrome, karena lebih aman dan nyaman. heee

Dowload Chrome : https://www.google.co.id/chrome/?brand=CHBD&gclid=Cj0KCQjw0K-HBhDDARIsAFJ6UGiRKgrHYYACKlbyQyxLp3G0FwyW1YHX50OiMlHPIi5lsVlxTIG50TgaAlTzEALw_wcB&gclsrc=aw.ds

Download Mozilla Firefox : https://www.mozilla.org/id/firefox/new/ 

Semua download versi terbaru, biasanya ada installer yang online dan installer offline, kalau sobat memiliki koneksi interner yang stabil baiknya pakai yang online saja.

4. Laptop /PC

Sumber : https://png.pngtree.com

Ya, untuk menginstall semua diatas tentunya sobat harus punya laptop atau PC , sobat juga bisa pinjem di teman atau ajak teman untuk belajar bersama. untuk diwarnet saya tidak sarankan karena dipakai banyak orang kecuali warnetnya milik sobat sendiri.. heee

Download Laptop : heeee.. Beli bukan di download.

Sekian hanya itu saja yang harus sobat harus punya dan install untuk belajar membangun sebuah aplikasi. semua list di atas untuk langsung membuat aplikasi namun untuk membuat atau mendesain interface aplikasi sebelum membuatnya sobat perlu tambahan aplikasi, tunggu saja updatetannya , next keperluan untuk desain interface ya.

Contoh desain interface untuk membangun sebuah sistem / Aplikasi (YDM Note)

Baca Juga

 USER INTERFACE

1.      Login

 

 

Gambar 3.110 Tampilan Halaman Login

            Halaman login terdapat notifikasi di bagian atas serta dilanjutkan dengan form inputan username dan password serta tombol masuk untuk memproses.

2.      Beranda / Halaman utama

  

Gambar 3.111 Tampilan Halaman Beranda

            Di halaman beranda merupakan halaman utama terdapat menu di bagian kiri, terdapat navigation bar pada bagian atas serta di bawah navigation bar adalah tampilan berbagai informasi.

3.      Data Distributor

 

Gambar 3.112 Tampilan Halaman Data Distributor

            Halaman distributor juga terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat informasi mengenai distributor seperti informasi distributor paling aktif dan data data distributor yang telah tersimpan.

4.      Tambah Distributor

Gambar 3.113 Tampilan Halaman Tambah Ditributor

            Halaman tambah distributor terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat form tambah distributor untuk mengisi data data distributor yang akan di tambahkan dan tombol simpan untuk memproses serta tombol kosongkan jika ingin mengosongkan form.

 

5.      Detail Distributor

 

Gambar 3.114 Tampilan Halaman Detail Distributor

            Halaman detail distributor terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat menu dan informasi mengenai distributor yang telah dipilih untuk dilihat detailnya seperti pada bagian menu profil terdapat informasi profil distributor seperti foto dan produk dari distributor tersebut, pada bagian menu selanjutnya yaitu terdapat menu Belum lunas dan lunas yang berfungsi untuk menampilkan nota yang belum lunas ataupun yang sudah lunas pada distributor tersebut.

 

6.     
Data Sales

Gambar 3.115 Tampilan Halaman Data Sales

            Halaman Sales juga terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat informasi mengenai Sales seperti informasi Sales paling aktif dan data data Sales yang telah tersimpan.

7.      Tambah Sales

Gambar 3.116 Tampilan Halaman Tambah Sales

            Halaman tambah Sales terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat form tambah Sales untuk mengisi data data Sales yang akan di tambahkan dan tombol simpan untuk memproses serta tombol kosongkan jika ingin mengosongkan form.

8.      Detail Sales

Gambar 3.117 Tampilan Halaman Detail Sales

            Halaman detail Sales terdapat menu pada bagian kiri , navigation bar pada bagian atas serta pada bagian konten terdapat informasi mengenai Sales yang telah dipilih untuk dilihat detailnya seperti foto , profil distributor sales dan progres pekerjaan sales tersebut.