Digitally signed by saputra@fahli.

net
Date: 2022.12.14 20:04:57+07'00'
 DAFTAR ISI
DAFTAR ISI ..................................................................................................... ii

BAB I PENDAHULUAN ................................................................................. 1

1.1 Tujuan Pembuatan Dokumen ....................................................................... 1
1.2 Deskripsi Umum Competition Enrollment .................................................. 1
BAB II PERANGKAT YANG DIBUTUHKAN ............................................ 2
2.1 Perangkat Lunak........................................................................................... 2
2.2 Perangkat Keras ........................................................................................... 2
2.3 Pengguna Website ........................................................................................ 2
BAB III MENU DAN CARA PENGGUNAAN ............................................. 3
3.1.1 Struktur Menu ........................................................................................... 3
3.1.2 Pengguna ................................................................................................... 3
3.1.3 Cara Membuka Website ............................................................................ 4
3.1.4 Halaman User Peserta ............................................................................... 4
BAB IV SOURCE CODE .............................................................................. 14

ii
 BAB I
PENDAHULUAN

1.1. Tujuan Pembuatan Dokumen

Dokumen user manual Competition Enrollment ini dibuat
untuk tujuan menggambarkan dan menjelaskan penggunaan website
sebagai user Peserta serta cara melakukan competition enrollment pada
website Competify.
Pihak-pihak yang berkepentingan dan berhak menggunakan
dokumen ini yaitu:
1. User Competify (Peserta Kompetisi/ Partisipan) menggunakan
dokumen ini sebagai panduan penggunaan website ini sebagai mana
hak akses yang diberikan kepada user Peserta kompetisi.

1.2 Deskripsi Umum Competition Enrollment

1.2.1 Deskripsi Umum Competition Enrollment pada Website

Competition Enrollment pada Website Competify ditujukan untuk user

Peserta untuk melakukan berbagai hal yang berkaitan dengan kompetisi.
Fungsi utama Competify bagi user Peserta adalah untuk mengikuti
kompetisi, melihat daftar kompetisi yang telah diikuti, melakukan
registrasi untuk mengikuti kompetisi, dan meng-upload syarat-syarat,
ketentuan, serta melakukan submission hasil pengerjaan atau karya untuk
kompetisi yang diikuti.

1.2.2 Deskripsi Umum Kebutuhan Website

Website membutuhkan server dan hosting agar website Competify dapat berjalan dan
dapat diakses oleh pengguna. Website juga membutuhkan beberapa komponen pendukung
seperti untuk pendukungan pada proses pembayaran.

1
 BAB II
PERANGKAT YANG DIBUTUHKAN
2.1 Perangkat Lunak

Perangkat lunak yang digunakan dalam pengujian adalah:

1. Windows sebagai Operating System.
2. Google Chrome atau Mozila Firefox sebagai Tools Penjelajah (Web
Browser).
2.2 Perangkat Keras

Perangkat keras yang dilibatkan dalam pengujian website ini adalah:

1. Komputer dengan spesifikasi prosesor Intel Core i3-8100,
up to 3.4 GHz RAM : 4GB
2. Mouse sebagai peralatan antarmuka

3. Monitor sebagai peralatan antarmuka

4. Keyboard sebagai peralatan antarmuka.

2.3 Pengguna Website

Pengguna yang akan menggunaan website ini adalah sebagai

berikut:
1. Memiliki pemahaman tentang antar muka komputer.

2
 BAB III
MENU DAN CARA PENGGUNAAN
3.1 Struktur Menu

Adapun struktur menu pada website Competify pada user

Peserta adalah sebagai berikut:

1. Menu Home

2. Menu Explore
 Mencari dan Menelusuri Kompetisi.

3. Menu Registrasi Kompetisi

 Pembayaran
 Formulir Pendaftaran
 Pengumpulan hasil kerja/karya

3.1 Pengguna

Pada bagian ini akan dijelaskan mengenai tata cara menelusuri

kompetisi, dan tata cara melakukan registrasi pada kompetisi yang ingin
diikuti. Berikut Use Case penggunaan website Competify oleh user Peserta:

3
3.2.1 Cara Membuka Website

Untuk mengakses fitur penuh terhadap website Competify sebagai user

Peserta, tata caranya adalah:

1. Bukalah website Competify melalui web browser (Mozila Fire Fox atau
Google Chrome) dengan alamat url sebagai berikut:
https://competify.co.id/

2. Kemudian tekan Enter pada tombol keyboard atau klik tombol Go pada
browser.

3. Akan muncul tampilan halaman Log in website Competify.

4. Kemudian untuk Login untuk masuk sebagai user Peserta, masukkan

user id dan password. Setelah dimasukkan dengan benar, klik tombol
Log in atau tekan tombol Enter pada keyboard.

3.2.2 Halaman User Peserta

Halaman muka (home) user Peserta menampilkan halaman depan

4
website Competify yang berisi kategori kompetisi serta kompetisi tebaru/
kompetisi yang baru saja diselenggarakan.

A. Menu Explore

Menu ini dapat digunakan oleh Peserta untuk mencari dan menelusuri
kompetisi-kompetisi yang tersedia dalam Competify.

5
 Peserta dapat menelusuri maupun mem-filter kompetisi dengan
beberapa cara, yaitu:
a. Mengetikkan nama kompetisi pada search bar yang tersedia.

b. Menentukan kategori kompetisi yang ingin diikuti dengan

mengetikkan kategori maupun mengklik opsi kategori yang
telah disediakan.

6
c. Mengurutkan kompetisi berdasarkan nama, atau waktu
diselenggarakannya kompetisi.

d. Menggunakan ke-tiga filter diatas.

7
 e. Me-reset filter dengan meng-klik tombol ‘Reset Filter’.

B. Menu Registrasi

Menu ini digunakan oleh user Peserta untuk melakukan Enrollment atau Registrasi ke
suatu kompetisi yang ingin diikuti. Terdapat beberapa langkah untuk melakukan registrasi
pada suatu kompetisi yang berbayar maupun gratis. Berikut adalah flowchart untuk proses
registrasi kompetisi oleh user Peserta Competify.

8
9
Berikut adalah langkah untuk melakukan registrasi pada kompetisi yang ingin diikuti:

1. Pertama, klik pada kompetisi yang ingin diikuti. Kemudian klik tombol
‘Informasi Kompetisi’ dan ‘Lihat Persyaratan’ untuk melihat informasi
serta persyaratan yang harus dipenuhi untuk mengikuti kompetisi
tersebut sebelum melakukan registasi.

2. Jika sudah, klik tombol ‘Registrasi Sekarang’. Pastikan pendaftaran

kompetisi dibuka dan peserta belum penuh.

3. Setelah tombol ‘Registrasi Sekarang’ di klik, maka akan muncul

notifikasi konfirmasi seperti dibawah ini. Klik tombol ‘Lanjutkan
Pendaftaran’ untuk melanjutkan registrasi.
10
4. Jika kompetisi berbayar, terlebih dahulu pilihlah metode pembayaran
sesuai keinginan. Ada 3 pilihan metode pembayaran, yaitu melalui
transfer bank (VirtualAccount), E-Wallet dan cash. Jika sudah, klik
tombol ‘Bayar’.

5. Lakukan pembayaran seperti langkah-langkah yang tertera pada

petunjuk pembayaran sampai selesai.

11
6. Jika pembayaran telah berhasil, maka akan diarahkan ke halaman
pendaftaran. Isilah informasi yang diminta di formulir pendaftaran lalu
klik tombol ‘Submit’.

7. Selanjutnya, halaman akan berganti ke halaman pelaksanaan kompetisi.

Terdapat 3 sub-menu pada halaman ini, yaitu menu untuk melihat atau
mengunduh Instruksi dan Soal, menu peserta untuk melihat siapa saja
yang mengikuti kompetisi tersebut, dan terakhir menu submission untuk
meng-upload atau pengumpulan karya.

12
13
 BAB IV
SOURCE CODE

Berikut adalah source code website Competify

Source code dapat dilihat dalam Google Drive dan di bawah ini adalah tautan
untuk mengakses source code website Competify:
https://drive.google.com/drive/folders/1XInQT6IHsjBGYSdWJWuZ5bITy5uvx
awdwahdfgoiuwdghuwavfiuwakgfiwdgawdawdfawfwafawf
awdkvafkihawnfyiwauisdbnawhjvfiuasnfawsbdiouasndjk,awhbvfkajwnfkawdwa
- masukkan link source code disini -
qgT?usp=sharing

14
 DAFTAR ISI
DAFTAR ISI ii
BAB I PENDAHULUAN
1.1 Tujuan Pembuatan Dokumen 1
1.2 Deskripsi Umum Competition System 1
1.2.1 Deskripsi Umum Sistem 1
1.2.2 Deskripsi Umum Kebutuhan Sistem 1
BAB II PERANGKAT YANG DIBUTUHKAN
2.1 Perangkat Lunak 2
2.2 Perangkat Keras 2
2.3 Pengguna Sistem 2
BAB III MENU DAN CARA PENGGUNAAN
3.1 Struktur Menu 3
3.2 Pengguna 3
3.2.1 Cara Membuka Website 4
3.2.2 Halaman User Penyelenggara 5
BAB IV. SOURCE CODE 10

ii
 BAB I
PENDAHULUAN

1.1. Tujuan Pembuatan Dokumen

Dokumen user manual Competition System ini dibuat untuk
tujuan menggambarkan dan menjelaskan penggunaan Competition
System untuk user Penyelenggara.
Pihak-pihak yang berkepentingan dan berhak menggunakan
dokumen ini yaitu:
1. User Penyelenggara menggunakan dokumen ini sebagai panduan
penggunaan website ini sebagaimana hak akses yang diberikan kepada
user Penyelenggara.

1.2 Deskripsi Umum Competition System

1.2.1 Deskripsi Umum Sistem

Competition System ditujukan untuk user Penyelenggara untuk

melakukan berbagai hal yang berkaitan dengan kompetisi. Fungsi utama
Competition System adalah untuk pembuatan kompetisi, melihat daftar
kompetisi yang dibuat, melihat data registrasi peserta pada kompetisi,
melihat submission peserta, dan menentukan pemenang kompetisi yang
dibuat.

1.2.2 Deskripsi Umum Kebutuhan Sistem

Sistem membutuhkan server dan hosting agar website Competify dapat

berjalan dan dapat diakses oleh pengguna. Sistem juga membutuhkan
beberapa komponen pendukung seperti untuk pendukungan pada proses
pembayaran.

1
 BAB II
PERANGKAT YANG DIBUTUHKAN
2.1 Perangkat Lunak

Perangkat lunak yang digunakan dalam pengujian adalah:

1. Windows sebagai Operating System.
2. Google Chrome atau Mozila Firefox sebagai Tools Penjelajah (Web
Browser).
2.2 Perangkat Keras

Perangkat keras yang dilibatkan dalam pengujian website ini adalah:

1. Komputer dengan spesifikasi prosesor Intel Core i3-8100,
up to 3.4 GHz RAM : 4GB
2. Mouse sebagai peralatan antarmuka

3. Monitor sebagai peralatan antarmuka

4. Keyboard sebagai peralatan antarmuka.

2.3 Pengguna Sistem

Pengguna website yang akan menggunaan sistem ini adalah

sebagai berikut:
1. Memiliki pemahaman tentang antar muka komputer.

2
 BAB III
MENU DAN CARA PENGGUNAAN
3.1 Struktur Menu

Adapun struktur menu pada Competition System adalah

sebagai berikut:

1. Menu Home

2. Menu Pembuatan Kompetisi

 Pengaturan Umum  Data Registrasi
 Jadwal Kompetisi  Formulir Submission
 Biaya Kompetisi  Soal dan Instruksi
 Pemenang dan Hadiah  Pembayaran Publikasi

3. Menu Daftar Kompetisi yang Dibuat

4. Menu Data Peserta pada Kompetisi.

3.2 Pengguna

Pada bagian ini akan dijelaskan mengenai tata cara pembuatan

kompetisi, tata cara melihat daftar kompetisi yang dibuat, tata cara melihat
data registrasi peserta pada kompetisi, tata cara melihat submission peserta,
dan tata cara menentukan pemenang dari suatu kompetisi. Berikut use case
penggunaan Competition System oleh user penyelenggara:

3
3.2.1 Cara Membuka Website

Untuk memulai akses terhadap Competition System sebagai user

Penyelenggara adalah:

1. Bukalah Competition System melalui web browser (Mozila Fire Fox atau
Google Chrome) dengan alamat url sebagai berikut:
https://competify.co.id/

2. Kemudian tekan Enter pada tombol keyboard atau klik tombol Go pada
browser.

3. Akan muncul tampilan halaman login website Competify.

4. Kemudian untuk Login untuk masuk sebagai user Penyelenggara, masukkan user

4
 id dan password. Setelah dimasukkan dengan benar, klik button Login
atau tekan tombol Enter pada keyboard.

3.2.2 Halaman User Penyelenggara

Halaman muka (home) dengan pengguna Penyelenggara menampilkan

halaman depan website Competify dan juga Penyelenggara dapat
mengakses Menu Pembuatan Kompetisi menggunakan tombol yang
terdapat pada halaman ini.

A. Menu Pembuatan Kompetisi

Pada menu ini digunakan oleh Penyelenggara untuk membuat suatu

kompetisi. Terdapat tujuh sub menu yang dapat digunakan penyelenggra
untuk membuat kompetisi, antara lain Pengaturan Umum, Jadwal
Kompetisi, Biaya Kompetisi, Pemenang dan Hadiah, Data Registrasi,
Formulir Submission, dan yang terakhir adalah Soal dan Instruksi. Berikut
adalah flowchart untuk proses pembuatan kompetisi oleh penyelenggara :

5
6
Berikut langkah Pembuatan Kompetisi:

1. Pertama klik menu Buat Kompetisi pada halaman home kemudian klik
submenu salah satu dari tujuh submenu Pembuatan Kompetisi. Form-
form pada semua submenu wajib diisi sebelum melakukan publikasi
kompetisi.

2. Misalkan submenu Pengaturan Umum yang dipilih, maka akan menuju

ke halaman Pengaturan Umum untuk memasukkan logo, judul, kategori,
slug, jumlah maksimal peserta, e-sertifikat peserta, deskripsi,
persyaratan, kriteria penilaian, dan hak cipta kompetisi.

7
3. Setelah mengisi form-form pada sub-submenu Pembuatan Kompetisi,
selanjutnya adalah pembayaran. Pilih jenis pembayaran yang
diinginkan, kemudian klik button Bayar.

4. Selanjutnya adalah proses pembayaran publikasi yang dilakukan oleh

Penyelenggara. Setelah Penyelenggara melakukan pembayaran, maka akan
dicek otomatis oleh sistem dan kompetisi Penyelenggara akan dipublikasikan.

8
B. Menu Daftar Kompetisi yang Dibuat

Menu ini digunakan untuk menampilkan kompetisi-kompetisi yang

dibuat.

C. Menu Data Peserta pada Kompetisi

Menu ini digunakan untuk menampilkan data-data peserta pada

kompetisi.

9
 BAB IV
SOURCE CODE

Berikut adalah source code website Competify

Source code dapat dilihat dalam Google Drive dan di bawah ini link untuk
mengakses source code website Competify:

https://drive.google.com/drive/folders/1XInQT6IHsjBGYSdWJWuZ5bITy5uvxqgT?usp=shari
awdwahdfgoiuwdghuwavfiuwakgfiwdgawdawdfawfwafawfawdawdawdfawdaw
dng

10
 DAFTAR ISI

DAFTAR ISI ii
BAB I PENDAHULUAN
1.1 Tujuan Pembuatan Dokumen 1

1.2 Deskripsi Umum Competify 1

BAB II PERANGKAT YANG DIBUTUHKAN

2.1 Perangkat Lunak 2

2.2 Perangkat Keras 2

2.3 Pengguna Sistem 2

BAB III MENU DAN CARA PENGGUNAAN

3.1 Struktur Menu 3

3.2 Admin 3

3.2.1 Cara Membuka Website 4

3.2.2 Halaman Admin 4

BAB IV. SOURCE CODE 15

ii
 BAB I
PENDAHULUAN

1.1. Tujuan Pembuatan Dokumen

Dokumen user manual System Support ini dibuat untuk tujuan

menggambarkan dan menjelaskan penggunaan Competify untuk admin
dan User yaitu Guru.
Pihak-pihak yang berkepentingan dan berhak menggunakan
dokumen ini adalah administrator yang menggunakan dokumen ini
sebagai panduan untuk mereka bagaimana cara menggunakan dan
melakukan pemeliharaan untuk sistem.

1.2 Deskripsi Umum Competify

1.2.1 Deskripsi Umum Sistem

Deskripsi umum sistem meliputi deskripsi umum Competify yang

dikembangkan, fungsi utama COmpetify yang akan diberikan kepada
pengguna.
1.2.2 Deskripsi Umum Kebutuhan Sistem

Deskripsi umum kebutuhan sistem yang akan diimplementasikan

meliputi semua informasi yang bersifat teknis yang menjadi acuan dalam
pengembangan sistem.

1
 BAB II
PERANGKAT YANG DIBUTUHKAN
2.1 Perangkat Lunak

Perangkat lunak yang digunakan dalam pengujian adalah:

1. Windows sebagai Operating System.

2. Google Chrome atau Mozila Firefox sebagai Tools Penjelajah (Web

Browser).

2.2 Perangkat Keras

Perangkat keras yang dilibatkan dalam pengujian aplikasi ini adalah:

1. Komputer dengan spesifikasi prosesor Intel Core i3-8100,

up to 3.4 GHz RAM : 4GB
2. Mouse sebagai peralatan antarmuka

3. Monitor sebagai peralatan antarmuka

4. Keyboard sebagai peralatan antarmuka.

2.3 Pengguna Sistem

Pengguna aplikasi yang akan menggunaan sistem ini adalah

sebagai berikut:
1. Memiliki pemahaman tentang antar muka komputer

2
 BAB III
MENU DAN CARA PENGGUNAAN

3.1 Struktur Menu

Adapun struktur menu pada Competify adalah sebagai
berikut:
1. Dashboard
2. Pengguna
 Peserta
 Penyelenggara
3. Kompetisi
4. Trasaksi
Manajemen Sistem
1. Kategori
2. Metode pembayaran
3. Biaya layanan
Super Admin
1. Kelola Admin

3.2 Admin
Pada bagian ini akan menampilkan berbagai macam menu, guna
mengatur websita. Dari mulai kompetisi, mengelola pengguna, mengatur
metode pembayarn, dan lain sebagainya. Berikut use case penggunaan
Competify oleh admin:

3
3.2.1 Cara Membuka Website
Untuk memulai akses terhadap Competify sebagai admin :

1. Bukalah Competify melalui web browser(Mozila FireFox atau Google

Chrome) dengan alamat url sebagai berikut:

https://competify.co.id/admin

2. Kemudian tekan Enter pada tombol keyboard.

3. Akan muncul tampilan halaman login sebagai admin.

4. Kemudian untuk masuk sebagai admin. Masukkan email dan password. Setelah dimasukkan
dengan benar, klik button Login.

3.2.2 Halaman Admin

Halaman muka (home) Competify dengan pengguna Guru
menampilkan menu dashboard yang berisi beberapa menu.

4
A. Menu Pengguna
Pada bagian ini dijelaskan bagaimana admin dapat memodidfikasi
pengaturan-pengaturan pada website dan mengelola data transaksi, dan
laun-lain.

5
B. Menu Kompetisi
Pada menu ini digunakan untuk menampilkan dan mengolah data serta
melakukan perubahan ataupun penghapusan pada kompetisi-kompetisi
yang terdaftar.
C. Menu Transaksi
Pada menu ini digunakan untuk menampilkan dan mengolah data serta
melakukan perubahan ataupun penghapusan pada transaksi yang telah
dilakukan oleh peserta maupun penyelenggara.

D. Menu Kategori
Pada menu ini digunakan untuk menampilkan dan mengolah data serta
melakukan penambahan ataupun penghapusan pada kategori kompetisi
yang ditampilkan di halaman peserta maupun saat penyelenggara
menambahkan kompetisi. Di menu ini juga dapat mengubah ikon dari
setiap kategori yang ada.

6
 Menambahkan Kategori
1. Untuk menambahkan kategori bisa menekan tombol biru “Tambah
Kategori”. Kemudian akan muncul form sebagai berikut:

2. Kemudian mengisi form yang ada, dan tekan “simpan”. Lalu akan
menampilkan kategori yang sudah ditambahkan di tabel sebelumnya.

7
 Menghapus kategori
1. Menekan tombol berwarna merah pada kategori yang akan dihapus.
Kemudian akan menampilkan pesan sebagai berikut:

8
2. Menekan ya akan menjadikan kategori terhapus, lalu muncul pesan
berikut dan kategori akan terhapus.

Merubah kategori
1. Menekan tombol berwarna biru pada kategori yang akan diedit.
Kemudian akan menampilkan form sebagai berikut:

9
2. Kemudian ubah apa yang ingin diubah.
E. Menu Metode Pembayaran
Pada menu ini digunakan untuk mengaktifkan dan menonaktifkan
metode pembayaran yang bisa dilakukan peserta maupun penyelenggara.

Mengaktifkan metode pembayaran

1. Untuk mengaktifkan metode pembayaran, tekan tombol yang
berwarna merah pada metode yang akan diaktifkan dan akan
memunculkan pesan sebagai berikut:

10
 2. Untuk melanjutkan mengaktifkan klik tombol nonaktifkan.
Lalu metode pembayaran akan aktif dan tombol akan berubah
warna menjadi hijau dan akan muncul pesan sebagai berikut:

Mengaktifkan metode pembayaran

1. Untuk mengnonaktifkan metode pembayaran, tekan tombol
yang berwarna hijau pada metode yang akan diaktifkan dan
akan memunculkan pesan sebagai berikut:

11
 2. Untuk melanjutkan menonaktifkan klik tombol aktifkan. Lalu
metode pembayaran akan nonaktif dan tombol akan berubah
warna menjadi hijau dan akan muncul pesan sebagai berikut:

F. Menu Biaya Layanan

Pada menu ini digunakan untuk mengatur biaya pembuatan kompetisi
oleh penyelenggara. Di menu ini juga digunakan untuk mengatur biaya
transkasi di sistem.

12
 BAB IV
SOURCE CODE

Source code Competify terdiri dari beberapa folderyang berisi file .php

Source code dapat dilihat dalam Google Drive dan di bawah ini link untuk
mengakses source code Competify:

https://drive.google.com/drive/folders/1XInQT6IHsjBGYSdWJWuZ5bITy5uvxqgT?usp=shar
awdwahdfgoiuwdghuwavfiuwakgfiwdgawdawdfawfwafawfawdawdwfvawfdaw
sfserg
ing

13