Sistem menyediakan proses edit produk

(1)

BAB III

ANALISIS DAN KEBUTUHAN

3.1 Analisis

Menjelaskan tentang aktivitas yang terdiri dari serangkaian kegiatan seperti sejarah, tugas pokok, visi dan misi dari suatu organisasi yang akan analisis.

3.1.1 Sejarah Singkat

Toko Nurfatma didirikan pada bulan Februari 2021 dengan status kepemilikan pribadi di jalan pasar inpres kecamatan Pagaden Subang.Toko Nurfatma ini termasuk salah satu Usaha Masyarakat Kecil (UMKM) yang menjual berbagai kebutuhan bahan jadi yaitu Alat Tulis Kantor (ATK) dan kebutuhan perawatan tubuh. Ibu Hj. Euis selaku pemilik toko yang merupakan seorang pensiunan mengalami kesenggangan waktu, jadi beliau memutuskan untuk membuka toko di bangunan yang dikontrakannya dengan dibantu oleh kedua anakna. Ide itu juga muncul berawal dari hobi nya yang suka berjualan pada saat masih bekerja.

Produk yang dijualpun beragam mulai dari yang merek paling terkenal hingga kurasng terkenal dan harganya juga beragam sesuai merek yang di jual. Toko nurfatma juga mengikuti program-program reseller dan dropship pada sebuah aplikasi, pada saat ini toko Nurfatma tidak hanya menjual alat tulis dan perawatan badan saja, untuk menarik perhatian pembeli yang datang sang pemilik toko mulai menjual makanan ringan , minuman dingin, es krim, dan jasa print dikarenakan letak nya tidak terlalu jauh dari sekolahan.

Toko Nurfatma sudah melakukan pemasaran pada produk perawatan wajah dan badan melalui media sosial pribadi dan membuat lapak di e-comerce yang tersedia.

Akan tetapi untuk menarik minat konsumen dan menjangkau pasar online

(2)

III-1

akan barang yang di jual langkah ini dirasa kurang maksimal dan kurang menarik peminat.

3.1.2 Visi dan Misi 1. Visi

Menjual produk mulai dari harga termurah hingga harga yang cukup mahal serta mengutamakan kepuasan pelanggan terhadap produk yang di cari.

2. Misi

a. Menjaga kebersihan toko

b. Menyetok barang yang dibutuhkan pelanggan c. Mengecek ketersediaan barang secara berkala

d. Mengecek barang yang sudah tidak layak pakai atau rusak e. Membangun hubungan dengan pembeli

3.1.3 Identifikasi Situasi

Pandemi Covid-19 yang penyebarannya telah terjadi dari tahun 2020 di Indonesia yang berlanjut atau dikenal dengan sebutan pandemi ini sampai pada tahun 2021 hampir semua orang melakukan banyak aktivitasnya didalam rumah, karena pemerintah mengeluarkan surat edaran yang berisi Pemberlakuan Pembatasan Kegiatan Masyarakat (PPKM). Masyarakat lebih memiliki banyak waktu luang untuk merawat diri khususnya kecantikan, dengan tranding nya aplikasi tiktok semakin membuat penontonnya termotivasi oleh pengguna-pengguna sebuah produk kecantikan.

Mengutip dari Antaranews, bahwa Beauty, Healt and Personal care Category Development Senior Lead Tokopedia, Jessica Gunawan dalam pers di Jakarta

(3)

mengungkapkan bahwa peningkatan transaksi pada kategori kecantikan pada tahun 2021 di Tokopedia hampir meningkat dua kali lipat dari tahun-tahun sebelumnya.

Ini menjadi keuntungan tersendiri bagi toko Nurfatma yang menjual berbagai produk perawatan wajah dan badan.

Berikut analisis SEO yang akan dilakukan pada website yang akan dibuat antara lain yaitu:

1. Pemilihan Domain

Langkah awal yang dilakukan dalam menerapkan internet marketing yang cukup penting adalah pemilihan domain. Karena pemilihan domain yang tepat terhadap barang dan jasa yang akan dipasarkan, sangat berpengaruh terhadap pencarian di internet. Pertama, untuk memprediksi jumlah kata atau keyword yang akan di ketik atau di klick oleh user dari nama domain yang tepat. Kedua, pemilihan domain yang tepat akan membuat pengguna lebih terbiasa terhadap hubungannya dengan produk/jasa yang akan diketik dan di klick. Pada prinsipnya, setiap nama domain yang paling mendekati dengan keyword pencarian maka nama tersebut yang akan ditampilkan oleh Search Engine di posisi atas.

Microsoft dan Univesitas Stanford dalam risetnya Domain Bias in Web Search (2012), membuktikan bahwa pemilihan domain yang tepat akan meningkatkan pencarian pengguna sebanyak 25% (Ieong, Mishra, Sadikov, & Li, 2012). Langkah berikutnya adalah penentuan keyword dari keyword utamanya. Keyword utamanya adalah store yang di ambil dari bahasa inggris untuk kata toko pada toko nurfatma, selanjutnya menentukan turunan keyword dari keyword utamanya. Penentuan keyword yang tepat akan membantu banyak pengguna yang datang ke web. Jones, Malczyk, & Beneke (2011) mengatakan pemilihan kata kunci yang tepat akan mempromosikan web serta memastikan web secara online sampai pada orang yang tepat.

(4)

III-1

Google menyediakan tools yang dapat digunakan untuk memprediksi berapa banyak pengguna internet mengetik kata kunci “store” sebagai turunannya. Ini penting sekali karena dari sini dapat diperkirakan berapa besar peluang pengguna datang ke web.

Sebelumnya juga ditentukan bahwa wilayah pemasarannya hanya Indonesia. Terlihat bahwa berdasarkan minat seiring waktu dari tanggal 29 Mei – 4 Juni, keyword “store”

diperkirakan sebanyak 75 pengguna dan “toko” sebanyak 81 pengguna. Tingkat kompetisi kedua entry tersebut masih low. Artinya kesempatan untuk mendapatkan pengguna yang datang ke web berdasarkan jumlah pengguna dan tingkat kompetisinya sangatlah besar. Selanjutnya adalah mencari turunan keyword dari store itu sendiri.

Keyword yang akan digunakan bisa bertambah sesuai dengan produk yang akan dijual atau artikel yang akan dibuat. Keyword turunan pertama yang dianggap sebagai keyword utama yang telah dipilih penulis adalah: Nurfatmastore . Nurfatmastore adalah keyword tambahan sebagai “branding” yang diharapkan banyak pengguna yang mengetikkan keyword ini di mesin pencari google.

2. Meta Tags

Meta tag yang digunakan adalah “nurfatmastore”, nurfatmastore.site. Toko Skincare harga terjangkau.

3. Fix Permalink in Posts

Permalink yang digunakan penulis disesaikan dengan produk yang dibahas pada suatu halaman web. Jadi permalink yang sudah dibuat otomatis oleh wordpress, diganti menggunakan kata-kata. Secara default permalink pada postingan adalah seperti ini Permalink: http://nurfatmastore.xyz/56748 menjadi

(5)

http://nurfatmastore.xyz/Produk. Permalink yang dibuat harus cukup unik, atau tidak sama dengan produk sejenis yang dijual di toko online lainnya karena google lebih menyukai permalink yang unik.

4. Menampilkan Produk lainnya dan sidebar pada artikel

Website yang akan dibuat akan menampilkan merek yang pengunjung cari, saat pengunjung melihat produknya berdasarkan merek pengunjung juga dapat memilih merek lainnya pada halaman tersebut tanpa harus kembali ke halaman produk. Ini memungkinkan pengunjung untuk berlama lama berada pada sebuah website, sidebar pada blog atau artikel juga memiliki sistem dan fungsi yang sama.

5. Meningkatkan Kecepatan Website

Kecepatan website sangat berpengaruh terhadap pengunjung, jika loading time website lambat semakin banyak pengunjung yang tidak betah ingin segera keluar dari website, yang menjadikan pengunjung tidak betah. Berdasarkan riset yang ditemukan dari Google menunjukkan, bahwa 53% banyaknya pengguna internet di Indonesia meninggalkan website yang loading lebih dari 3 detik. Untuk itu peneliti memeriksa kecepatan sebuah website dengan tools gratis dari google yaitu pageSpeed insight, nilai yang diperlihatkan pada tools ini yaitu dari 0-100 yang ditentukan berdasarkan performa website. Semakin tinggi nilai performa website maka semakin baik performa website. Yang dimana nilai 0-49 artinya web tidak memiliki performa yang baik dan nilai 50-100 memiliki performa yang baik.

6. Menentukan Keyword pada judul, deskripsi dan photo artikel

Untuk menentukan meta yang akan menjadi kunci utama pada artikel peneliti menggunakan tools Uberguest sebagai penelusuran keyword dan menambahkan plugin tambahan, yaitu Yoast. Plugin ini didalamnya memiliki sistem yang beraturan yang sesuai dengan kaidah yang terdapat pada SEO.

(6)

7. Pemilihan Hosting

Hosting adalah tempat yang tedapat dalam komputer dan digunakan sebagai penempatan data dan file yang ada. Pada penelitian ini hosting yang digunakan adalah hosting yang gratis dan berbayar untuk memaksimalkan stabilitas performa website dan kecepatan tampilan website di komputer user. Hosting yang digunakan yaitu hosting dari Niagahoster.

8. Tools Pengindeks

Untuk mengindek artikel dan website peneliti memilih tools yang disediakan oleh google secara gratis yaitu google search console.

9. Cek Posisi artikel di google atau SERP (Search Engine Riset Planning)

Untuk mengetahui apakah artikel yang dibuat telah benar dan mendapat posisi atas di google. Tools SERP yang digunakan yaitu serpbot yang disediakan gratis.

10. Membuat artikel dengan jangka waktu yang konsisten

Melakukan pembuatan artikel 1 minggu 1 sampai 2 artikel, ini dilakukan agar google dapat memepercayai website untuk tetap terbaca dan berada diposisi atas.

11. Memasang social share pada setiap artikel

Social share memudahkan pengunjung yang ingin membagikan artikel tanpa harus menyalin dan beralih terlebih dahulu ke social media yang ingin di bagikan. Pada jurnal (Pramudita et al., 2019) sosial share adalah salah satu metode SEO off page.

(7)

3.2 Analisis Kebutuhan Sistem

Berikut ini adalah gambaran dari sistem lama menggunakan flow map.

Gambar 3. 1 Gambaran Sistem Lama

(8)

3.2.1.1 Gambaran Sistem Lama

Menjelaskan pengamatan terhadap sistem lama (sistem yang sedang berjalan) yang akan dibuat sebuah website, meliputi deskripsi prosedur kerja, deskripsi dokumen yang terlibat, dan identifikasi keinginan/kebutuhan pemakai (user requirements).

3.2.1.2 Deskripsi Prosedur Kerja

Prosedur pemasaran yang terjadi pada toko Nurfatma sebagai berikut:

1. Pengunjung datang ke toko

2. Pengunjung membeli produk ditoko 3. Pengunjung membayar produk

4. Jika pengunjung puas dengan harga, kelengkapan dan pelayanan toko 5. Pengunjung kembali untuk membeli produk

6. Pengunjung memberi tahu orang lain tentang lokasi produk yang di beli 7. Pengunjung baru berdatangan

3.3 Uraian Hasil Analisis Kebutuhan Informasi 3.3.1 Kebutuhan Fungsional

Tabel 3. 1 Kebutuhan Informasi

No Deskripsi Informasi

1 Informasi Produk Setaiap Saat

2 Informasi Lokasi Setiap Saat

(9)

3.3.2 Kebutuhan Perangkat Keras

Tabel 3. 2

Kebutuhan Perangkat Keras

No Spesifikasi Deskripsi

1 Processor Intel(R) Core(TM) i3-6006U CPU @

2.00GHz

2 Power Supply 650W

3 Processor type Intel core i3

4 RAM 4.00 GB

3.3.3 Kebutuhan Perangkat Lunak

Berikut ini adalah spesifikasi perangkat lunak yang digunakan dalam pengembangan sistem ini antara lain :

Tabel 3. 3

Kebutuhan Perangkat Lunak

No Jenis Perangkat Lunak Deskripsi

1 CMS Wordpress

2 Analisis data Google Analytics

3 Analisis Keyword Moz

4 Optimaslisasi web Google Console

5 Plugin Elementor, YOAST

6 Web Server Xampp versi 3.3.0

7 Pemodelan Sistem StarUML Versi 5.0.2.1570

8 Web Browser Microsoft Edge

(10)

3.3.4 Kebutuhan Fungsional dan Non-Fungsional 1. Kebutuhan Fungsional

Tabel 3. 4 Kebutuhan Fungsional

No SRS Deskripsi

Admin

SRS F-1 Menyediakan Login pengguna

SRS F-2 Sistem menyediakan tampilan dashboard aktivitas SRS F-3 Sistem menyediakan kelola halaman produk SRS F-3.1

Sistem menyediakan proses tambah produk

SRS F-3.2

Sistem menyediakan proses edit produk

SRS F-3.3

Sistem menyediakan proses hapus produk

SRS F-4 Sistem menyediakan kelola halaman home SRS F-4.1

Sistem menyediakan proses edit home

SRS F-4.2

Sistem menyediakan proses hapus halaman home

SRS F-5 Sistem menyediakan kelola halaman tentang SRS F-5.1

Sistem menyediakan proses edit tentang

SRS F-5.2

Sistem menyediakan proses hapus halaman tentang

SRS F-6 Sistem menyediakan kelola halaman blog

SRS F-6.1

Sistem menyediakan proses tambah blog

SRS F-6.2

Sistem menyediakan proses edit blog

SRS F-6.3

Sistem menyediakan proses hapus halaman blog

SRS F-7 Sistem menyediakan kelola halaman profil admin SRS F-8 Sistem menyediakan Log out

(11)

Pengunjung

SRS F-9

Sistem menyediakan lihat home

SRS F-10

Sistem menyediakan lihat produk

SRS F-10.1

Sistem menyediakan lihat detail produk

SRS F-10.2

Sistem menyediakan klik link produk

SRS F-11

Sistem menyediakan lihat tentang

SRS F-12

Sistem menyediakan lihat blog

2. Kebutuhan Non-Fungsional

Tabel 3. 5 Kebutuan Non-Fungsional

No SRS Deskripsi

SRS NF-1 Sistem mempunya rancangan antarmuka User Friendly SRS NF-2 Sistem yang dibuat responsive

SRS NF-3 Sistem yang dibuat berupa website cms wordpress dan dapat dijalankan diberbagai web browser

SRS NF-4 Menggunakan

Secure Socket Layer(SSL) sebagai perlindungan

utama bagi pengunjung website

(12)

3.4 Pemodelan Aktor dan Use Case 3.4.1 Pemodelan Use Case Keseluruhan

Gambar 3. 2

Usecase Diagram Keseluruhan

System

Admin

Pengunjung

lihat home lihat blog lihat tentang

lihat produk kelola halaman produk

kelola halaman blog

kelola halaman tetang

kelola halaman home Dashboard

Login

Logout kelola halaman profil admin

(13)

3.4.2 Definisi Aktor

Tabel 3. 6 Definisi Aktor

No Aktor Deskripsi

1 Admin Orang yang bertugas dan memiliki hak akses lihat dashboard data grafik pengunjung, kelola halaman produk, kelola halaman home, kelola halaman blog, kelola halaman tentang, kelola halaman kontak dan mengelola halaman admin.

2 Pengunjung Orang yang dapat melihat halaman produk, halaman blog, halaman tentang kammi dan halaman home.

3.4.3 Definisi Use Case

Tabel 3. 7 Definisi Usecase

No No Usecase Usecase Deskripsi

Aktor: Admin

1 UC-1 Login UseCase login merupakan usecase

perantara untuk menghubungkan akses aktor dengan usecase lain (untuk keamanan)

UC-2 Dashboard Uce Case dashboard merupakan

tampilan data grafik dari pengunjung web dan semua konten yang sudah diterbitkan.

3 UC-3 Kelola home Use Case kelola home digunakan untuk melakukan pengelolaan data dan tampilan pada halaman home yang terdiri dari Edit dan hapus pengguna

4 UC-3.1 Edit

UseCase edit home digunakan untuk

melakukan proses edit pada halaman

home yang telah ditambahkan apabila

(14)

admin ingin mengubah tampilan home secara berkala.

5 UC-3.2 Hapus

Use Case hapus home digunakan untuk

melakukan penghapusan data yang ada pada halaman home dan menghapus halaman home

6 UC-4 Kelola produk

UseCase kelola produk digunakan untuk membantu pengelolaan produk yang terkait terdiri dari tambah produk, edit produk dan hapus data dan halaman produk

7 UC-4.1 Tambah

UseCase tambah produk digunakan

untuk memasukan data produk kedalam sistem

8 UC-4.2 Edit

Use Case edit produk digunakan untuk

melakukan proses edit pada halaman produk yang telah ditambahkan apabila terjadi kesalahan dalam proses

memasukan data dan tampilan produk

9 UC-4.3 Hapus

Use Case hapus produk digunakan untuk

melakukan penghapusan data produk dan hapus halaman produk

10 UC-5 Kelola blog

UseCase kelola blog digunakan untuk membantu pengelolaan blog yang terkait terdiri dari tambah blog, edit blog dan hapus data blog dan hapus halaman blog

11 UC-5.1 Tambah

UseCase tambah blog digunakan untuk memasukan data blog kedalam sistem

12 UC-5.2 Edit

UseCase edit blog digunakan untuk

melakukan proses edit pada halaman

blog yang telah ditambahkan apabila

terjadi kesalahan dalam proses

memasukan data dan tampilan blog

(15)

13 UC-5.3 Hapus

UseCase hapus blog digunakan untuk melakukan penghapusan data produk dan hapus halaman produk

14 UC-6 Kelola tentang

UseCase kelola tentang digunakan untuk membantu pengelolaan halaman

tentang terdiri dari tambah data tentang, edit tentang dan hapus data tentang dan hapus halaman tentang

15 UC-6.1 Tambah

UseCase tambah tentang digunakan

untuk memasukan data tentang kedalam sistem

16 UC-6.2 Edit

UseCase edit tentang digunakan untuk

melakukan proses edit pada halaman tentang yang telah ditambahkan apabila terjadi kesalahan dalam proses

memasukan data dan mengedit tampilan halaman

17 UC-6.3 Hapus

UseCase hapus tentang digunakan untuk melakukan penghapusan data tentang dan hapus halaman tentang

18 UC-7 Kelola profil

admin

UseCase kelola tentang digunakan untuk membantu pengelolaan halaman

tentang terdiri dari tambah data tentang, edit tentang dan hapus data tentang dan hapus halaman tentang

19 UC-7.1 Edit

UseCase edit profil admin digunakan

untuk melakukan proses edit pada halaman admin untuk mengedit

tampilan halaman admin, edit password dan email.

20 UC-8 Logout UseCase logout merupakan ucecase

perantara untuk memutuska menghubungkan akses actor dengan usecase lain (untuk keamanan)

Aktor: Pengunjung

21 UC-9 Lihat home UseCase lihat home merupakan halaman yang menampilkan informasi dari semua halaman atau bisa dikatkan sebagai sinopsis atau abstrak.

22 UC-10 Lihat produk UseCase lihat produk merupakan halaman yang menyediakan informasi

(16)

mengenai produk, mulai dari detail produk hingga link yang menghubungkan ke sebuah situs untuk melakukan pembalian 23 UC-11 Lihat blog UseCase lihat blog merupakan halaman

yang menyediakan informasi mengenai blog dari toko atau penjual tentang kaitannya dengan produk yang dijual.

24 UC-12 Lihat tentang UseCase lihat tentang merupakan halaman yang menyediakan informasi mengenai toko atau penjual seperti sejarah singkat toko.

3.4.4 Skenario Use Case 1. Login

Gambar 3. 3 Usecase Skenario Login

Tabel 3. 8 Usecase Skenario Login

Aktor Admin

Prekondisi Berada di halaman Form Login

Hasil yang diharapkan Aktor dapat masuk ke dalam sistem Skenario

Aksi Aktor Reaksi Sistem

Skenario Normal 1. Klik halaman login

2. Menampilkan halam login

System

Admin

Login

Logout

<<extend>>

(17)

3. Mengisi username dan password dan klik tombol “Masuk”

4. Memvalidasi username dan password 5. Masuk ke halaman utama

Skenario Failed Login

1. Menampilkan Pesan “Username dan Password tidak terdaftar”

2. Menampilkan Halaman Login Skenario Logout

1. Klik Logout

2. Menampilkan Halaman Form Login Alur Alternatif No.5 Jika data tidak diisi (Kosong) maka menampilkan pesan “Data harus diisi

2. Dashboard

Gambar 3. 4

Usecase Skenario Dashboard

Tabel 3. 9

Usecase Skenario Dashboard

Aktor Admin

Prekondisi Berada di halaman Dashboard

Hasil yang diharapkan Aktor dapat melihat dashboard Skenario

Aksi Aktor Reaksi Sistem

Skenario Normal 1. Klik menu dashboard pada sidebar

2. Menampilkan data artikel (jumlah artikel yang telah dipos dan komentar pengnjung), grafik google analytic dan webmaster tools

3. Kelola Halaman Home

Gambar 3. 5

Usecase skenario kelola halaman home

Tabel 3. 10

Usecase Skenario Kelola Halaman Home

Aktor Admin

Prekondisi Berada di halaman dashboard

Hasil yang diharapkan Aktor dapat melakukan tambah dan edit halaman home, dan menghapus objek di halaman home

Skenario

Skenario Normal 1. Memilih klik semua laman

2. Menampilkan seluruh daftar laman 3.Memilih klik laman home

4.Menampilkan halaman home Skenario Tambah

1.Memilih klik sunting dengan elementor

2. Menampilkan laman home sunting dengan elementor

3. Memilih klik ikon tambah(tambah bagian)

4. Menampilkan paragraf baru

System

Admin

kelola halaman home

edit

hapus

tambah

(19)

5. Memilih Klik ikon tambah (tambah bagian baru)

6.Menampilkan Struktur anda(grid) 7.Memilih struktur anda

8.Men drag and drop elemen pada yang akan digunakan

9.Mengedit tata letak elemen 10.Memilih klik tombol hijau perbaharui

11. Jika berhasil tombol akan berubah menjadi warna abu

12.Masih di laman home sunting dengan elementor

Skenario Edit 1.Memilih klik sunting dengan elementor

2. Menampilkan laman home sunting dengan elementor

3. Memilih dan mengubah objek pada halaman home

4.Memilih klik tombol hijau perbaharui

Skenario Hapus 1. Memilih objek yang akan dihapus pada

halaman home

2. Memilih klik delete atau backspace pada keyboard

3.Menampilkan laman kosong pada objek yang telah di hapus

(20)

4. Kelola Halaman Blog

Gambar 3. 6

Usecase Skenario Kelola Halaman Blog

Tabel 3. 11

Usecase Skenario Kelola Halaman Blog

Aktor Admin

Hasil yang diharapkan Aktor dapat melakukan tambah artikel dan edit artikel blog, dan menghapus artikel.

Skenario

2. Menampilkan seluruh daftar laman 3.Memilih klik laman blog

4.Menampilkan halaman blog Skenario Tambah

1.Memilih klik menu baru 2. Memilih klik pos

3. Menampilkan laman kerja baru 4. Memberi judul pada laman kerja baru

5. Memilih klik tombol biru terbitkan

System

Admin

kelola halaman blog

hapus

edit tambah

(21)

6.Masih di laman kerja yang baru dibuat Skenario Edit

1.Memilih klik edit laman

2. Menampilkan laman pos blog edit laman

3. Memilih dan mengubah objek pada halaman pos blog

4.Memilih klik tombol biru perbaharui

6.Masih di laman pos blog edit laman Skenario Hapus

1. Memilih objek yang akan dihapus pada halaman home

4.Masih di laman pos blog edit laman

5. Kelola Halaman Produk

Gambar 3. 7

Usecase Skenario Kelola Halaman Produk

System

Admin

kelola halaman produk

tambah

edit

hapus

(22)

Tabel 3. 12

Usecase Skenario Kelola Halaman Produk

Aktor Admin

Hasil yang diharapkan Aktor dapat melakukan tambah dan edit halaman produk, dan menghapus objek di halaman produk

Skenario

2. Menampilkan seluruh daftar laman 3.Memilih klik laman produk

4.Menampilkan halaman produk Skenario Tambah

2. Menampilkan laman produk sunting dengan elementor

4. Menampilkan paragraf baru 5. Memilih Klik ikon tambah (tambah

bagian baru)

12.Masih di laman produk sunting dengan elementor

2. Menampilkan laman produk sunting dengan elementor

3. Memilih dan mengubah objek pada halaman produk

(23)

halaman produk

6. Kelola Halaman Tentang Kami

Gambar 3. 8

Usecase Skenario Kelola Halaman Tentang Kami

Tabel 3. 13

Usecase Skenario Kelola Halaman Tentang Kami

Aktor Admin

Hasil yang diharapkan Aktor dapat melakukan tambah dan edit halaman tentang kami, dan menghapus objek di halaman tentang kami

System

Admin

kelola halaman tetang kami

tambah

edit

hapus

(24)

Skenario

Aksi Aktor Reaksi Sistem

Skenario Normal

1. Memilih klik semua laman

2. Menampilkan seluruh daftar laman 3.Memilih klik laman tantang kami

4.Menampilkan halaman tentang kami Skenario Tambah

2. Menampilkan laman tentang kami sunting dengan elementor

4. Menampilkan paragraf baru 5. Memilih Klik ikon tambah (tambah

bagian baru)

12.Masih di laman tentang kami sunting dengan elementor

2. Menampilkan laman tentang kami sunting dengan elementor

3. Memilih dan mengubah objek pada halaman tentang kami

halaman tentang kami

(25)

4.Masih di laman tentang kami sunting dengan elementor

7. Lihat Halaman Home

Gambar 3. 9

Usecase Skenario Lihat Halaman Home

Tabel 3. 14

Usecase Skenario Lihat Halaman Home

Aktor Pengunjung

Prekondisi Berada dihalaman home

Hasil yang diharapkan Aktor dapat melihat menu laman produk, blog, dan tentang kami.

Skenario

Aksi AKtor Reaksi Sistem

Skenario Normal 1. Memilih klik halaman home

2. Menampilkan menu laman produk, blog, dan tentang kami

Skenario lihat laman produk 1.Memilih klik menu produk

2.Menampilkan gambar dengan nama merk yang dijual

Skenario lihat laman blog 1. Memilih Klik menu blog

2. Menampilkan seluruh judul artikel dan deskripsinya

Skenario lihat laman tentang kami 1. Memilih Klik menu tentang kami

2. Menampilkan deskripsi mengenai toko

System

Pengunjung

lihat home

(26)

8. Kelola Halaman Profil Admin

Gambar 3. 10

Usecase Skenario Kelola Halaman Profil Admin Tabel 3. 15

Usecase Skenario Kelola Halaman Profil Admin

Aktor Admin

Hasil yang diharapkan Aktor dapat melakukan edit data profil admin

Skenario

Skenario Normal 1. Memilih klik menu pengguna

2. Memilih klik profil 2. Menampilkan form edit admin Skenario Edit

1. Melakukan edit data

2. Memilih klik tombol biru “perbaharui”

3. Menampilkan pesan data berhasil diperabharui

4. Masih di laman edit profil admin

System

Admin

kelola halaman profil admin

edit

(27)

3.4.5 Aktivity Diagram

Activity diagram adalah diagram yang memperlihatkan aliran dari suatu aktivitas lainnya dalam suatu sistem. Bagaimana aktivitas itu dimulai yang mungkin terjadi dan bagaimana aktivitas itu berakhir. Gambar dibawah ini memperlihatkan activity diagram dari setiap usecase.

1. Activity Diagram login

Gambar 3. 11 Activity Diagram Login

admin sistem

Mengetikan url pada website pencarian

Admin mengisi username dan password

Dashboard Error atau gagal login Jika Gagal

Jika Berhasil

(28)

2. Activity Diagram Dashboard

Gambar 3. 12 Activity Diagram Dashboard

admin sistem

klik menu dashboard

Menampilkan grafik pengunjung

(29)

3. Activity Diagram Kelola Home

Gambar 3. 13 Activity Diagram Home

Admin Sistem

Klik Laman Menu Menampilkan semua laman menu

Menampilkan Lembar Halaman home

Melakukan Edit pada halaman home Klik Laman home

Klik Edit dengan Elementor

Klik Terapkan

Masih dilaman edit home

Berhasil diterapkan/tombol warna hijau

Memilih objek yang akan di hapus

Klik Hapus Berhasil Dihapus

(30)

4. Activity Diagram Kelola Produk

Gambar 3. 14 Activity Diagram Produk

Admin

Sistem

Menampilkan Lembar Halaman produk

Melakukan tambah dan Edit pada halaman produk Klik Laman produk

Klik Terapkan

Masih dilaman edit produk

Berhasil diterapkan

(31)

5. Activity Diagram Kelola Tentang

Gambar 3. 15

Activity Diagram kelola tentang

Admin Sistem

Menampilkan Lembar Halaman tentang

Melakukan Edit pada halaman tentang Klik Laman tentang

Klik Terapkan

Masih dilaman edit tentang

(32)

6. Activity Diagram Kelola Blog

Gambar 3. 16 Activity Diagram Blog

Admin Sistem

Menampilkan Lembar Halaman blog

Melakukan Edit pada halaman blog Klik Laman blog untuk tambah artikel

Klik Terapkan

Masih dilaman edit blog

Klik ikon Tambah yang ada di atas

Beri judul pada lembaran baru

Menampilkan lembaran kosong

Klik Perbaharui atau CTRL+S Berhasil diperbaharui

(33)

7. Activity Diagram Kelola Profil Admin

Gambar 3. 17

Activity Diagram kelola Profil Admin

admin sistem

klik menu pengguna

Menampilkan form dan tombol semua yang berhubungan dengan profil admin

Melakukan edit pada form yang dipilih

berhasil diperbaharui Klik perbaharui profil

pilih profil

(34)

8. Activity Diagram logout

\

Gambar 3. 18 Activity Diagram Logout

admin sistem

berada dihalaman dashboard

keluar klik tombol logout

(35)

9. Activity Diagram Lihat Home

Gambar 3. 19 Activity Diagram Lihat Home

pengunjung sistem

klik mennu home

Menampilkan seluruh isi dari setiap halaman

(36)

10. Activity Diagram Lihat Blog

Gambar 3. 20 Activity Diagram Lihat Blog

pengunjung sistem

klik menu Blog

Menampilkan informasi kontak klik artikel atau more toko

Menampilakan detail artikel

(37)

11. Activity Diagram Lihat Tentang

Gambar 3. 21

Activity Diagram Lihat Tentang

pengunjung sistem

klik menu tentang

Menampilkan informasi tentang toko