Diploma in System Information

School of Applied Science

Telkom University

PEMBUATAN APLIKASI BERBASIS WEBSITE

JUAL BELI ITEMS / GAMES (TimeZone Online)

Disusun oleh :

Dosen Mata kuliah : Mahasiswa :

M. Barja Sanjaya Ardhan Ardiansyah (6701204014)

PROGRAM STUDI DIPLOMA SISTEM INFORMASI

FAKULTAS ILMU TERAPAN
TELKOM UNIVERSITY
 Diploma in System Information
School of Applied Science
Telkom University

BAB I
TimeZone Online
1.1 Latar Belakang

Timezone online adalah perantara komunitas game yang digunakan untuk jual beli
game / items / semua keperluan game untuk mu , dan dapat diakses oleh komputer yang
terhubung dengan internet secara global. Website TimeZone ini juga merupakan media
informasi berbasis jaringan komputer yang dapat diakses dimana saja tanpa dipungut
biaya sedikitpun, Timezone ini merupakan bentuk implementasi dari ITEMKU / forum
KASKUS

TimeZone online sebenarnya merupakan sebuah pusat komunitas game online

yang telah berdiri sejak 2021. TimeZone online pertama kali dibangun dari sebuah
komunitas besar Indonesia games, TimeZone Online didukung oleh tenaga programmer
yang handal, TimeZone online juga ada fitur IP Logged Yaitu menghindari penipuan
yang dilakukan oleh user agar kita mengetahui IP tersebut untuk berjaga-jaga, dan
Operator di TimeZone online ini sangat aktif hampir 24/7 Bergantian, Apabila user
mengalami break rules atau menyimpang dari peraturan yang tertera di Timezone
Online ini akan di banned 3 Hari bahkan banned permanent , di TimeZone online ini
user / pengguna diberikan hak bebas untuk Jual dan Beli Baik itu berupa Items,
Account, Peralatan Game, Personal Computer dan lainnya.
 Diploma in System Information
School of Applied Science
Telkom University

1.2 Rumusan Masalah

Berdasarkan uraian latar belakang permasalahan di atas, maka masalah yang akan
dibahas adalah :
1. Bagaimana cara merancang sistem informasi untuk website TimeZone Online
ini ?
2. Bagaimana cara pemeliharaan server untuk beribu-ribu Post yang akan di
posting oleh user / pengguna ?

1.3Tujuan Penelitian

Penelitian ini bertujuan untuk :

a. Memberikan informasi tentang jual beli items game / game
b. Membantu Gamers yang ingin membutuhkan uang untuk menjual items /
game nya disini
c. Memberikan informasi tentang pemeliharaan server yang ketat

1.4 Aspek Manfaat

Adapun tujuan dibuatnya program web ini adalah sebagai berikut :

1. Menyediakan layanan jual / beli item game secara global
2. Memberikan informasi tentang ketersediaan stok item / barang
3. Memberikan informasi / spesifikasi tentang item yang dijual dan manfaat
penggunaanya
4. Melakukan print invoice saat customer selesai membeli sebuah barang / item
yang dibeli

1.5 Batasan Masalah

Media informasi / Forum yang hanya difokuskan untuk Jual dan beli untuk user /
pengguna dan berkomunikasi antara gamers untuk berbagi tips , tutorial dan
sebagainya. Pemeliharaan server ini berada di Singapore untuk location nya , dan
menggunakan cloud NVME selalu dipelihara pembersihan berupa hardware
maupun software agar menghindari dari corrupt data / kejadian yang tidak di
inginkan oleh developer. 
 Diploma in System Information
School of Applied Science
Telkom University

BAB II
Tinjauan Pustaka
2.1 Definisi Website
Pada saat ini teknologi berkembang sangat pesat, hal ini disebabkan oleh banyak faktor

diantaranya perkembangan pola fikir masyarakat yang cukup pesat, untuk memenuhi

kebutuhan masyarakat dalam hal informasi dan ilmu pengetahuan serta mekanis dunia

kerja, maka dibutuhkan para pengembang aplikasi web supaya dapat terus beraktifitas dan

berinovasi . web suatu jaringan yang bisa mempermudah serta mempercepat penyampaian

informasi secara luas, dan dapat diakses dengan mudah dan cepat oleh siapapun yang

mendapatkan akses internet.

Menurut Sibero (2013:11)”web adalah suatu sistem yang berkaitan dengan dokumen

digunakan sebagai media untuk menampilkan teks, gambar, multimedia, dan lainnya pada

jaringan internet”.

Sedangkan menurut Kustiyahningsih dan Devie (2011:4) web merupakan” salah satu

layanan yang didapat oleh pemakai komputer yang terhubung dengan fasilitas hypertext

untuk menampilkan data berupa teks,gambar,suara,animasi dan multimedia lainnya”.

Berdasarkan dari teori tersebut, penulis menarik kesimpulan web adalah fasilitas hypertekt

untuk menampilkan data dan berisikan dokumen-dokumen

multimedia yang berupa teks, gambar, suara, animasi dan lainnya dengan mengunakan
 Diploma in System Information
School of Applied Science
Telkom University

browser sebagai perangkat lunak untuk mengaksesnya.

Website adalah halaman informasi yang disediakan melalui jalur internet

sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet.

Website merupakan komponent atau kumpulan komponen yang terdiri dari teks, gambar,

suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi.

dalam server yang sama. Tidak semua situs web dapat diakses dengan gratis.

Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah

sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari

suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di

Internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman

sebuah situs web diakses dari sebuah URL yang menjadi “akar” (root), yang disebut homepage

(halaman induk sering

diterjemahkan menjadi “beranda”, “halaman muka”), dan biasanya disimpan

Beberapa situs web memerlukan pembayaran agar dapat menjadi pelanggan, misalnya

situs-situs yang menampilkan pornografi, situs-situs berita, layanan surat elektronik (e-

mail), dan lain-lain.

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang

biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di

dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang

ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses
 Diploma in System Information
School of Applied Science
Telkom University

melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk

ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website

tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

2.2 Php ( Hypertext Preprocessor )

PHP menurut Anhar (2010 : 3) adalah bahasa pemrograman web server-side

yang bersifat open source, PHP juga merupakan script yeng terintegrasi dengan

HTML dan berada pada server ( server side HTML embedded script). PHP juga

merupakan script yang digunakan untuk membuat halaman website yang sangat

dinamis, dinamis berarti halaman tampilan yang akan ditampilkan dibuat saat

halaman itu diminta oleh client. PHP pertama kali dibuat oleh Rasmus Lerdorf

seorang pemrogram C yang handal dari greenland Denmrak di tahun 1995, PHP

diberi nama FI (Form Interpreted) yang digunakan untuk mengelola from dari web.

Pada perkembangannya, kode-kode yang digunkan dirilis untuk umum sehingga

mulai banyak dikembangkan oleh programer diseluruh dunia. Tahun 1997 PHP

dirilis dengan versi 2.0, pada versi ini sudah terintegrasi dengan bahasa

pemrograman C dan sudah dilengkapi dengan modul sehingga kualitas kerja PHP

lebih meningkat secara signifikan. Ditahun yang sama sebuah perusahaan

programbernama Zend merilis ulang PHP versi ini dengan lebih baik, bersih dan

cepat. Seiring berkembangnya jaman ditahun 1994 PHP versi 4.0 mulai dirilis dan

versi ini paling banyak digunakan pada awal abad 21 karena PHP versi ini sudah

mampu membangun web komplek dengan stabilitas kecepatan yang tinggi.

Ditahun 2004 perusahaan program Zend merilis PHP lagi dengan versi terbarunya
 Diploma in System Information
School of Applied Science
Telkom University

5.0 yang inti dari interpreter PHPH mengalami perubahan besar. Versi ini juga

memasukkan model pemrograman berorientasi objek kedalam PHP untuk

menjawab perkembanngan bahasa pemrograman kearah paradigma berorientasi

objek.

Bahasa program PHP sering digunakan karena PHP adalah bahasa open

source yang memiliki kesederhanaan dan memiliki beberapa fitur built-in yang

berfungsi untuk menangani kebutuhan standart dalam pembuatan aplikasi

web. PHP juga merupakan bahasa script yang paling mudah dipahami karena

memiliki beberapa referensi. PHP juga dapat digunakan untuk berbagai sistem

operasi anatara laina : Unix, Macintosh serta windows. PHP dapat dijalankan

secara runtime melalui console serta dapat menjalakan perintah-perintah

system. Open source disini memiliki arti code-code PHP terbuka untuk umum

dan tidak berbayar atas pembelian dari license. Web server yang mendukung

PHP dapat ditemukan dimana-mana, mulai dari Apache, IIS, Lighttpd hingga

Xitami dengan configurasi yang relatif mudah. Selain itu PHP juga dilengkapi

dengan berbagai macam pendukung lain seperti support langsung keberbagai

macam databasea yang populer seperti Oracle, MySQL dan lain-lain.

2.3 MySQL ( My Struktur Query Language )

 Diploma in System Information
School of Applied Science
Telkom University

MySQL adalah sebuah perangkat lunak Pembuat database yang bersifat terbuka

atau open source dan berjalan disemua platform baik Linux maupun Sistem

operasi Windows, MySQL merupakan program pengakses database yang bersifat

network sehingga dapat digunakan untuk aplikasi Multi User / Pengguna Banyak (

Abdul , 2006).

MySQL (My Struktur Query Language) menurut (2008 : 2) merupakan

sebuah database server yang awalnya berjalan pada sistem Unix dan Linux.

Seiring dengan berjalannya waktu dan banyak user yang minat menggunakan

database ini, MySQL mulai merilis versi yang dapat diinstal dihampir semua

platform termasuk sistem operasi windows. License dari MySQL adalah

freeware, yang artinya kita dapat mendownload dan menggunakannya tanpa

harus membayar. Umumnya orang menyebut database seperti MySQL,

PostgreSQL atau yang lainnya dengan sebutan database server saja. Beberapa

juga menyebutnya dengan dtabase engine, mesin database, SMBD, DBMS,

Bac End atau progam database saja. Selain itu MySQL menurut Anhar (2010 :

21) juga memiliki beberapa kelebihan, antara lain ;

2.3.1 MySQL dapat berjalan dengan stabil di berbagai system operasi.

2.3.2 MySQL bersifat open source yang didistribusikan secara open source (gratis) di

bawah lisensi GNU General Public License (GPL).

2.3.3 MySQL bersifat multiuser, MySQL mampu digunakan oleh beberapa user dalam

waktu bersamaan tanpa adanya masalah.

2.3.4 MySQL memiliki kecepaan yang bagus dalam menangani perintah SQL (query)
 Diploma in System Information
School of Applied Science
Telkom University

yang memiliki arti MySQL mampu lebih banyak memproses perintah SQL per

satuan waktu.

2.3.5 Dalam keamanan MySQL juga lebih unggul karena MySQL memiliki beberapa

lapisan security seperti level subnet mask, nama host, dan izin akses user. Dengan

system perizinan yang mendetai serta adanay password yang terenkripsi.

2.4 Pengertian CodeIgniter

Menurut Budi Raharjo (2015:3), “CodeIgniter adalah framework web

untuk bahasa pemrograman PHP yang dibuat oleh Rick Ellis pada tahun 2006,

penemu dan pendiri EllisLab. EllisLab adalah suatu tim kerja yang berdiri

pada tahun 2002 dan bergerak di bidang pembuatan software dan tool untuk

para pengembang web”.

CodeIgniter memiliki banyak fitur (fasilitas) yang membantu para

pengembang (developer) PHP untuk dapat membuat aplikasi web secara

mudah dan cepat. Dibandingkan dengan framework web PHP lainnya, harus

diakui bahwa CodeIgniter memiliki desain yang lebih sederhana dan bersifat

fleksibel (tidak kaku). CodeIgniter mengizinkan parap engembang untuk

menggunakan framework secara parsial atau secara keseluruhan.

Diploma in System Information
School of Applied Science
Telkom University

CodeIgniter merupakan sebuah toolkit yang ditujukan untuk orang yang

ingin membangun aplikasi web dalam bahasa pemrograman PHP. Beberapa

keunggulan yang ditawarkan oleh CodeIgniter adalah sebagai berikut:

- CodeIgniter adalah framework yang bersifat free dan open-source.

- CodeIgniter memiliki ukuran yang kecil dibandingkan dengan framework

lain. Setelah proses instalasi, framework CodeIgniter hanya berukuran

kurang lebih 2MB (tanpa dokumentasi atau jika direktori user_guide

dihapus). Dokumentasi CodeIgniter memiliki ukuran sekitar 6MB.

- Aplikasi yang dibuat menggunakan CodeIgniter bisa berjalan cepat.

- CodeIgniter menggunakan pola desain Model-View-Controller (MVC)

sehingga satu file tidak terlalu berisi banyak kode. Hal ini menjadikan kode

lebih mudah dibaca, dipahami, dan dipelihara di kemudian hari.

- CodeIgniter dapat diperluas sesuai dengan kebutuhan.

- CodeIgniter terdokumentasi dengan baik. Informasi tentang pustaka kelas

dan fungsi yang disediakan oleh CodeIgniter dapat diperoleh melalui

dokumentasi yang disertakan di dalam paket distribusinya.

 Diploma in System Information
School of Applied Science
Telkom University

BAB III
Desain Sistem

3.1 Usecase Diagram

Use case diagram adalah satu dari berbagai jenis diagram UML (Unified
Modelling Language) yang menggambarkan hubungan interaksi antara sistem dan
aktor. Use Case dapat mendeskripsikan tipe interaksi antara si pengguna sistem
dengan sistemnya.

Tentunya, use case diagram merupakan sesuatu yang mudah dipelajari. Langkah
awal untuk melakukan pemodelan, tentu perlunya suatu diagram yang mampu
menjabarkan aksi aktor dengan aksi sistem itu sendiri, seperti yang terdapat pada use
case diagram.

Adapun, fungsi dari use case diagram sebagai berikut:

 Berguna memperlihatkan proses aktivitas secara urut dalam system.

 Mampu menggambarkan proses bisnis, bahkan menampilkan urutan aktivitas
pada sebuah proses.
 Sebagai bridge atau jembatan antara pembuat dengan konsumen untuk
mendeskripsikan sebuah system.

Lihat pada gambar berikut contoh diagram usecase dari TimeZone Online
 Diploma in System Information
School of Applied Science
Telkom University

Tabel 1 Simbol-simbol yang digunakan pada Use Case Diagram

No. Symbol Nama Simbol Deskripsi

1. Fungsionalitas yang
disediakan sistem sebagai
unit-unit yang saling
Use case Use Case bertukaran pesan antar unit
atau aktor, biasanya
digunakan dengan
menggunakan kata kerja di
awal frase nama use case.
2. Orang, proses, atau sistem
lain yang berinteraksi
dengan sistem informasi
yang akan dibuat di luar
Actor/ Aktor sistem informasi yang akan
dibuat itu sendiri, jadi
walaupun simbol dari aktor
adalah gambar orang, tapi
aktor belum tentu
merupakan orang; biasanya
dinyatakan menggunakan
kata benda di awal frase
nama actor.
3. Komunikasi antara aktor
Asosiasi/Association dan use case yang
berpartisipasi pada use case
atau use case memiliki
interaksi dengan actor
4. Hubungan generalisasi dan
spesialisasi (umumkhusus)
antara dua buah use case di
mana fungsi yang satu
adalah fungsi yang lebih
umum dari lainnya,
Generalisasi/gen eralization misalnya :
 Diploma in System Information
School of Applied Science
Telkom University

Ubah data Mengelola data

Hapus data arah panah
mengarah pada use case
yang menjadi
generalisasinya (umum).
5. Dependency menjalankan
hubungan antara atribut
Dependency atau secara lebih khusus
menjelaskan nilai suatu
atribut yang menentukan
nilai atribut lainnya.
Dependency akan mencari
acuan untuk
pendekomposisian data ke
dalam bentuk paling efisien.
6. Realisasi adalah hubungan
antara dua elemen dalam
Realization/Implementation diagram UML di mana satu
elemen menentukan
perilaku dan elemen lainnya
mengimplementasikan atau
mengeksekusi, dengan kata
lain menyadari, perilaku itu.

Berikut ini adalah rancangan usecase dari aplikasi TimeZone Online

 Diploma in System Information
School of Applied Science
Telkom University

3.2 ERD ( Entity Relationship Diagram )

Entity Relationship Diagram adalah suatu model penyajan data dengan
menggunakan Entity dan Relasionship. ERD menggambarkan model konseptual untuk
menggambarkan struktur logis dari basisdata berbasis grafis. Tujuan dari penyajan ini
adalah agar database dapat dipahami dan dicancang dengan mudah.

Berikut contoh gambar Entity Relationship Diagram dari TimeZone Online

Entity
Entity adalah objek yang dapat dibedakan dalam dunia nyata. Sedangkan Entity Set adalah
kumpulan
dari entitty yang sejenis. Entity set dapat berupa objek secara fisik (Rumah, Kendaraan,
Peralatan) atau objek secara konsep(Pekerjaan, Perusahaan). Entity disimbolkan dengan
persegi panjang

Relationship
Relationship adalah hubgan yang terjadi antara satu atau lebih entity. Sedangkan
Relationship set adalah kumpulan relationship yang sejenis. Relationship disimbolkan
 Diploma in System Information
School of Applied Science
Telkom University

dengan jajar genjang

3.3 Skema Relasi

Berikut adalah skema relasi dari TimeZone Online

 Diploma in System Information
School of Applied Science
Telkom University

3.4 Desain Mock-up

3.4.1 Gambar tampilan home timezone online

3.4.2 Gambar tampilan produk detail timezone online

 Diploma in System Information
School of Applied Science
Telkom University

3.4.3 Gambar tampilan lokasi toko timezone online

 Diploma in System Information
School of Applied Science
Telkom University

3.4.4 Gambar tampilan admin untuk timezone online

3.4.5 Gambar tampilan daftar customer / user timezone online

 Diploma in System Information
School of Applied Science
Telkom University

3.4.6 Gambar tampilan login customer / user

 Diploma in System Information
School of Applied Science
Telkom University

BAB IV
Implementasi dan Analisis

4.1 Implementasi UID Mock-up

Berdasarkan hasil penelitian yang dilakukan pada Timezone Online,

hasil akhir dari semua kegiatan dan tahapan-tahapan perancangan system

operasional website ini yang terdiri dari pemesanan, checkout , pendaftaran ,

cetak resi dan sebagainya

Dari timezone online ini memiliki user interface yang memudahkan user
dalam berbelanja dan memudahkan dalam pencarian item yang di inginkan

Berikut mockup Timezone online tampilan home

Diploma in System Information
School of Applied Science
Telkom University

Tampilan Halaman Login Admin

Tampilan Data Produk ( Admin )

Diploma in System Information
School of Applied Science
Telkom University

Tampilan Data Customer ( Admin )

Tampilan Data Admin

Tampilan Data Kategori

 Diploma in System Information
School of Applied Science
Telkom University

4.2 Tabel Pengujian

No. Item Uji Detail Pengujian

1 Register Akun Register akun

2 Login Akun Login dengan password

berbeda dari registrasi
3 Cari Produk Cari produk , search 1
huruf produk
4 Tambah Admin Edit, Tambah, Hapus
Data
5 Checkout Tidak ada tombol
checkout
 Diploma in System Information
School of Applied Science
Telkom University

BAB V
Kesimpulan dan Saran
1. Kesimpulan
TimeZone online pertama kali dibangun dari sebuah komunitas besar Indonesia games,
TimeZone Online didukung oleh tenaga programmer yang handal, TimeZone online juga
ada fitur IP Logged Yaitu menghindari penipuan yang dilakukan oleh user agar kita
mengetahui IP tersebut untuk berjaga-jaga, dan Operator di TimeZone online ini sangat
aktif hampir 24/7 Bergantian, Apabila user mengalami break rules atau menyimpang dari
peraturan yang tertera di Timezone Online ini akan di banned 3 Hari bahkan banned
permanent , di TimeZone online ini user / pengguna diberikan hak bebas untuk Jual dan
Beli Baik itu berupa Items, Account, Peralatan Game, Personal Computer dan lainnya.
2. Saran
Berikut ini adalah beberapa saran yang diberikan untuk membantu dalam
meningkatkan aplikasi agar lebih optimal.

 Saran untuk customer dari developer adalah memaksimalkan mungkin

sarana jual beli yang tersedia seperti TimeZone Online ini
 Saran untuk TimeZone Online yaitu lebih memaksimalkan lagi fitur
fitur yang miss seperti Auto cancel saat item terlalu lama di keranjang
dan melakukan pembuatan aplikasi HP agar terlihat lebih mudah dari
meng-akses website
 Diploma in System Information
School of Applied Science
Telkom University

Daftar Pustaka

Sibero . 2013. Definisi Website : https://www.niagahoster.co.id/blog/pengertian-

website
Supono & Putratama . 2018. Pemprograman PHP :
https://www.niagahoster.co.id/blog/pengertian-php
Risnandar . 2013. Database MySql : https://www.niagahoster.co.id/blog/mysql-
adalah
Arrhioui . 2017. Framework CI : https://www.niagahoster.co.id/blog/belajar-
codeigniter/
https://www.gleek.io/blog/uml-relationships.html

https://bookdown.org/moh_rosidi2610/panduan_access/relasi.html

https://sekawanstudio.com/blog/apa-itu-mockup/