BAB IV

PEMBAHASAN

4.1 Pelaksanaan Praktek Kerja Lapangan

Pada tahap awal pelaksaaan Praktek Kerja Lapangan, dilakukan perancangan
website, yaitu penggambaran bagaimana sebuah website dibentuk dengan
perencanaan dan pembuatan sketsa dari beberapa elemen yang terpisah ke dalam satu
kesatuan.
Penulis melakukan perancangan website menggunakan UML (Unified
Modeling Language) yang meliputi use case diagram serta activity diagram, dan juga
menggunakan flowchart.

4.1.1 Use Case Diagram

Use case diagram digunakan untuk menggambarkan interaksi antara
website dengan pengguna. Berikut adalah Use case diagram dari website
portfolio yang akan dibuat.

Gambar 4.1 Use Case Diagram Website Portfolio

Keterangan :
Gambar 4.1 merupakan gambaran dari alur penggunaan website portfolio.
Tahap awal dari proses penggunaan website portfolio yaitu pengguna (user)
sebagai aktor utama membuka website tersebut. Tampilan yang pertama muncul
adalah bagian beranda (home) dari website portfolio. Pada bagian tersebut
terdapat tombol (button) navigation bar (navbar) berbentuk hamburger menu
yang di dalamnya terdapat enam pilihan menu yang berfungsi sebagai jalan
pintas (shortcut) untuk memudahkan user dalam berpindah dari satu bagian
halaman ke bagian lainnya pada website portfolio. Keenam menu di dalam
shortcut tersebut adalah Home, About (terdapat button untuk download CV
berbentuk PDF), Services, Portfolio, Testimonials dan Contact (terdapat button
untuk kirim pesan langsung ke Whatsapp pemilik website portfolio).

4.1.2 Activity Diagram

Berikut merupakan activity diagram dari website portfolio yang dapat
dilihat pada Gambar 4.2 sampai Gambar 4.5.
1) Activity diagram navigasi website
 Gambar 4.2 Activity Diagram Navigasi Website (Tombol Navbar)
Pada Gambar 4.2, User mulai dengan membuka website portfolio,

kemudian website menampilkan halaman utama (home). Pada halaman

tersebut terdapat tombol navbar berbentuk hamburger menu yang jika

dipilih (diklik) oleh user akan menampilkan enam pilihan menu

navigasi. Setelah diklik, halaman website akan otomatis berpindah ke

section (bagian) yang sesuai dengan pilihan user.

2) Activity diagram “My Works”

 Gambar 4.3 Activity Diagram tombol “My Works”

Pada Gambar 4.3, User mulai dengan membuka website portfolio,

kemudian website menampilkan halaman utama (home). Pada halaman

tersebut terdapat tombol “My Works” yang jika diklik, akan secara

otomatis mengarahkan user ke bagian (section) yang berisi kumpulan

projek atau pekerjaan – pekerjaan terakhir dari pemilik website

portfolio.

3) Activity diagram lihat dan download CV

Gambar 4.4 Activity Diagram Lihat dan Download CV (About Section)

Pada Gambar 4.4, User membuka website portfolio, kemudian website

menampilkan halaman home. Pada halaman tersebut terdapat tombol

navbar berbentuk hamburger menu yang jika diklik oleh user, akan

menampilkan enam pilihan menu navigasi. Dari enam menu tersebut,

user mengklik menu “About”. Setelah diklik, website secara otomatis

berpindah ke section “About” yang berisi kumpulan informasi pribadi

serta pencapaian dari pemilik website portfolio, mulai dari kemampuan-

kemampuan atau skills yang dimiliki, media sosial yang bisa dihubungi

Curriculum Vitae (CV) yang bisa didownload lewat sebuah tombol.

4) Activity diagram lihat kontak dan hubungi lewat Whatsapp

Gambar 4.5 Activity Diagram Lihat Kontak dan Hubungi

Lewat Whatsapp (Contact Section)

Pada Gambar 4.5, User membuka website portfolio, kemudian website

menampilkan home. User mengklik tombol navbar yang menampilkan

enam pilihan menu navigasi, kemudian mengklik menu “Contact”.

Setelah diklik, website secara otomatis berpindah ke section “Contact”

yang berisi informasi kontak pemilik website portfolio seperti email,

nomor handphone, alamat lengkap hingga nomor Whatsapp.

 4.1.3 Flowchart Website
Rancangan flowchart berikut ini menggambarkan alur kerja pada website
yang akan dibuat, dimulai dari awal, proses, hingga akhir. Untuk lebih jelasnya,
dapat dilihat flowchart dari website portfolio pada gambar berikut ini.

4.2 Analisis Kegiatan

4.3 Pembahasan Lainnya
4.4 Monitoring Dan Evaluasi