IMPLEMENTASI E-TECHNOLOGY PADA

UDAYANA UNIVERSITY PRESS

I W. Wisnu Subrata, Gede Sukadarmika, N.M.A.E.D. Wirastuti
Teknik Elektro, Fakultas Teknik, Universitas Udayana
Email: wisnundm@unud.ac.id
Abstrak
Pada era globalisasi saat ini teknologi informasi mengalami pertumbuhan yang sangat pesat,
permintaan informasi yang cepat, tepat dan akurat dan didukung oleh kemajuan teknologi
komputer dan telekomunikasi menyebabkan munculnya banyak inovasi baru. Udayana
University Press dalam perjalanannya masih menggunakan cara konvensional, melalui
implementasi E-Technology akan membantu pelaksanaan sistem konvensional menjadi proses
digital berbasis e-commerce, dimana penjualan buku akan menjadi mudah melalui transaksi
penjualan secara online. Untuk mengatasi beragam permasalahan yang terjadi pada
mekanisme sistem implementasi E-Technology proses penjualan buku online, maka dilakukan
perancangan dan pembangunan suatu sistem yang dapat memberikan pelayanan yang efektif
dan efisien bagi customer dalam melakukan pemesanan buku. Pembangunan Sistem ini
menggunakan flatform PHP, database server MySql, dan Xampp (apache) sebagai web server.
Dari analisa dan pengujian sistem diperoleh kinerja yang layak ditinjau dari sisi keamanan
sistem, backup data dan pertumbuhan data sehingga sistem dapat berjalan sesuai dengan
kebutuhan.
Kata Kunci:

E-Technology, e-commerce, penjualan buku, Udayana University Press

1. PENDAHULUAN
Perkembangan teknologi informasi
sekarang sedang mengalami pertumbuhan
yang sangat pesat. Tuntutan akan informasi
yang cepat, tepat dan akurat menyebabkan
timbulnya berbagai inovasi baru yang
bertujuan untuk memberikan pemecahan
masalah yang dialami oleh umat manusia.
E-Technology merupakan sebuah
sistem yang membantu pelaksanaan
kegiatan yang menggunakan sistem
konvensional, dimana ilmu ini memudahkan
manusia
meningkatkan
kualitas
kehidupannya. Dalam perkembanganya, ETechnology ini dapat dimanfaatkan dalam
berbagai bidang, salah satunya yaitu dalam
bidang perdagangan, khususnya yaitu
penjualan secara online (E-Commerce). ECommerce merupakan dampak langsung
dari
kemunculan
internet,
sekaligus
merupakan dampak internal pada dunia
bisnis.
Pengembangan
aplikasi
ECommerce ini berdasarkan pada analisa
kebutuhan dari berbagai implementasi
transaksi penjualan online. Perdagangan
model ini sangat populer, karena modal
yang dibutuhkan sangat relatif sedikit

I W. WISNU SUBRATA

dibandingkan dengan model penjualan

konvensional.
PHP merupakan salah satu bahasa
server side scripting diantara beragam
teknologi yang tersedia, dimana PHP
menyatu dengan bahasa HTML yang dapat
digunakan untuk mengimplementasikan ETechnology dalam membangun dan
merancang suatu aplikasi E-Commerce
yang
dinamis.
Teknologi
bahasa
pemrograman PHP
ini menggunakan
MySQL sebagai basis data dan modul
Xampp (apache) sebagai Web Server-nya.
Udayana
University
Press
merupakan suatu lembaga penerbitan
dibawah naungan Universitas Udayana,
dimana selama ini keluaran (output) buku
terbitan belum maksimal dari segi
pemasaran, sehingga perlu dilakukan suatu
tindakan promosi yang salah satunya
melalui website. Website ini nanti akan
memunculkan informasi tentang kategori
buku terbitan, detail buku yang merupakan
identitas ragam buku seperti judul,
pengarang, sinopsis buku, ukuran dan
jumlah halaman, edisi terbitan, ISBN, dan
harga buku.

2. KAJIAN PUSTAKA
1.1 Gambaran umum proses bisnis ETechnology dan E-Commerce
E-Technology adalah ilmu yang
mempelajari tentang teknik atau cara yang
telah menggunakan sistem elektronik
sehingga
mempermudah
manusia
meningkatkan kualitas kehidupannya [1]. ETechnology sering pula di sebut Information
and Communication Technologies (ICT)
atau Teknologi Informasi dan Komunikasi
(TIK), yang merupakan payung besar
terminologi
mencakup
seluruh
peralatan teknis untuk memproses dan
menyampaikan
informasi.
Sedangkan
pengertian E-Commerce adalah kegiatan
komersial dengan penyebaran, pembelian,
penjualan, pemasaran barang dan jasa
melalui sistem elektronik seperti internet
atau televisi, www, atau jaringan komputer
lainnya[2].
1.2 Konsep dasar sistem
Suatu sistem adalah suatu jaringan
kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama
untuk melakukan suatu kegiatan atau untuk
menyelesaikan suatu sasaran tertentu.
Dalam hal ini prosedur merupakan uruturutan operasi yang diterapkan untuk dapat
menangani transaksi-transaksi yang akan
terjadi dalam sistem [3].
1.3 Konsep dasar informasi
Informasi merupakan data yang telah
diolah
menjadi bentuk
yang
lebih
bermanfaat bagi yang memakainya. Data
merupakan
kenyataan
yang
menggambarkan suatu kejadian/ kesatuan
yang nyata. Data yang masih mentah
diterima sebagai masukan, kemudian
diproses kembali melalui suatu model
tertentu yang menghasilkan keluaran
berupa informasi yang akan ditangkap
penerima untuk ditentukan putusannya
sehingga
dihasilkan
tindakan
yang
kemudian kembali dijadikan sebagai data
mentah yang diterima sebagai masukan [4].
1.4 Konsep dasar sistem informasi
Sistem informasi merupakan suatu
sistem
media
yang
menyediakan
kebutuhan pengolahan transaksi, mengatur
dan melaksanakan strategi organisasi serta
kondisi luar yang mendukung setiap
pelaksanaan,
serta
mempersiapkan
dokumentasi sistem [5].Komponen dari

I W. WISNU SUBRATA

sistem informasi seperti yang ditunjukkan

pada Gambar 1 dibawah ini:

Gambar 1. Blok sistem informasi yang

berinteraksi
1.5 Konsep basis data
1.5.1 Basis data
Basis data didefinisikan sebagai
koleksi
data-data
yang
terorganisir
sedemikian rupa sehingga data mudah
disimpan dan dimanipulasi (diperbarui,
dicari,
diolah
dengan
perhitunganperhitungan tertentu , serta dihapus) [6].
1.5.2

Bahasa basis data

Bahasa dalam basis data terdiri dari
Data Definition Language (DDL), Data
Manipulation Language (DML ) dan query
[6],yaitu:
1. DDL yaitu Struktur basis data yang
menggambarkan desain basis data
secara keseluruhan dispesifikasikan
dengan bahasa khusus.
2. DML yaitu merupakan bentuk bahasa
basis data yang berguna untuk
melakukan manipulasi dan pengambilan
data pada suatu basis data. Seperti
penyisipan,
penghapusan
dan
pengubahan data.
3. Query adalah pernyataan yang diajukan
untuk mengambil informasi, biasanya
diambil dari relasi beberapa ; able.
Query merupakan bagian dari DML
yang berfungsi untuk pengambilan
informasi yang disebut dengan query
language.

1.5.3

MySQL
MySQL adalah sebuah perangkat
lunak sistem manajemen basis data SQL
(bahasa Inggris: database management
system) atau DBMS
yang multithread,
multi-user.
MySQL
merupakan
implementasi dari sistem manajemen basis
data
relasional
(RDBMS)
yang

didistribusikan secara gratis dibawah lisensi

GPL (General Public License) [7]
1.6 Bahasa pemrograman
1.6.1 PHP
Salah
satu
jenis
bahasa
pemrograman yang banyak digunakan
untuk pemrograman berbasis web adalah
PHP. PHP (Hypertext Preprocessor) adalah
bahasa skrip yang dapat ditanamkan atau
disisipkan ke dalam HTML. PHP dirancang
untuk membentuk web dinamis, artinya ia
dapat
membentuk
suatu
tampilan
berdasarkan permintaan terkini, misalnya
menampilkan isi database ke halaman web
[8].
1.6.2

HTML
HyperText Markup Language (HTML
) adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman
web, menampilkan berbagai informasi di
dalam sebuah penjelajah web Internet dan
pemformatan hiperteks sederhana yang
ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang
terintegerasi [9].

1.7 Aplikasi pendukung

1.7.1 SQLyog
SQL yog adalah alat GUI untuk
RDBMS MySQL . Hal ini dikembangkan
oleh Webyog, Inc berbasis di Bangalore,
India dan Santa Clara, California. SQL yog
merupakan pengolah data (tools) MySQL
yang digunakan dalam perancangan data
base [10].

1.7.2

XAMPP

XAMPP
adalah perangkat lunak
bebas (freeware), yang mendukung banyak
sistem operasi, merupakan kompilasi dari
beberapa program. Fungsinya adalah
sebagai server yang berdiri sendiri
(localhost), yang terdiri atas program
Apache HTTP Server, MySQL database,
dan penerjemah bahasa yang ditulis
dengan bahasa pemrograman PHP dan
Perl. Nama XAMPP merupakan singkatan
dari X (empat sistem operasi), Apache,
MySQL, PHP dan Perl [11].

I W. WISNU SUBRATA

1.7.3

CSS

Cascading Style Sheet (CSS)

merupakan aturan untuk mengendalikan
beberapa komponen dalam sebuah web
sehingga akan lebih terstruktur dan
seragam. CSS bukan merupakan bahasa
pemrograman. Sama halnya styles dalam
aplikasi pengolahan kata seperti Microsoft
Word yang dapat mengatur beberapa style,
misalnya heading, subbab, bodytext, footer,
images, dan style lainnya untuk dapat
digunakan bersama-sama dalam beberapa
berkas (file) [12].

3. METODE
Penelitian ini dilakukan di Badan
Penerbitan Udayana University Press,
Kampus Universitas Udayana, Jalan PB.
Sudirman Denpasar selama 6 bulan dari
tanggal 17 Januari 2013 sampai dengan 17
Juli 2014.
Data dalam penelitian ini merupakan
data sekunder yang didapatkan dari studi
literatur. Data primer didapat langsung dari
penelitian pada unit kerja Badan Penerbitan
Udayana University Press. Data sekunder
meliputi data-data teoritis yang tidak
diperoleh sendiri pengumpulannya oleh
penulis melainkan didapat dari berbagai
sumber kepustakaan berupa buku, e-book,
jurnal, dan internet yang relevan dengan
perancangan sistem implementasi ETechnology pada proses penjualan buku
berbasis web dengan flatform PHP dan
database server MySql serta modul Xampp
(apache) web server.
Adapun metode pengumpulan data
yang akan digunakan dalam proses
perancangan dan pembuatan sistem terdiri
dari tiga bagian, yaitu:
1. Metode interview, yaitu metode
pengumpulan data dengan melakukan
wawancara dan tanya jawab secara
langsung dengan pengelola di Badan
Penerbitan Udayana University Press.
2. Metode observasi, yaitu metode
pengumpulan data dengan melakukan
penelitian secara langsung, kebetulan
penulis adalah salah satu pengelola
dan secara otomatis dapat memahami
dengan
pasti
masalah
sistem
pemesanan dan penjualan buku.

3. Metode studi literatur, yaitu metode

pengumpulan data yang diperoleh dari
buku-buku referensi dan modul-modul
yang relevan dengan kajian objek
permasalahan.
Bahasa
pemrograman
yang
digunakan untuk pembuatan aplikasi
Impementasi E-Technology pada proses
penjualan buku di Udayana University
Press
adalah
PHP
(Hypertext
Preprocessing) versi 4.3.0 sebagai bahasa
pengolah script dan query, database server
MySql versi 4.0.15, dan koneksi web server
menggunakan modul Xampp (apache)win32 versi 1.6.2, SQLYog sebagai
administrsi
database
server
MySql,
sedangkan untuk pembuatan laporan
transaksi menggunakan pustaka (library)
FPDF dengan tampilan output laporan
(report) menggunakan Adobe Acrobat
Reader versi 5.0, penulisan sintaks
program menggunakan PHP Expert Editor
versi 4.3.0 dan perancangan desain artistik
dan
ergonomis
(user
interface)
menggunakan aplikasi Adobe Photoshop
CS2 versi 4.0. Aplikasi pendukung HTML
(HyperText Markup Language) dan CSS
(Cascading Style Sheet ), untuk pembuatan
simbul-simbul Flowchart menggunakan
Microsoft Visio 2007.
3.1 Pemodelan sistem
Pemodelan ini dilakukan agar
rancangan terstruktur sesuai dengan
tahapan-tahapan perancangan sebuah
sistem informasi secara umum dilakukan
seperti Gambar 2:

Gambar 2. Alur analisis sistem

3.2 Perancangan sistem
Tahapan dimulai pada perancangan
sistem, database serta pembuatan user
interface dari aplikasi yang akan dibuat.
Gambar 3 menunjukkan blok diagram
sistem aplikasi E-Technology:

Gambar 3. Blok diagram sistem

3.2.1

Diagram Konteks
Diagram konteks (context diagram)
merupakan pendekatan terstruktur yang
bertujuan untuk menggambarkan sistem
awal secara garis besar (top level). Adapun

I W. WISNU SUBRATA

diagram konteks dari perancangan aplikasi

ini seperti Gambar 4:

Gambar 4. Diagram Konteks

3.2.2

Data flow diagram

Pada level ini dilakukan proses
pendaftaran,
pengolahan
data,
dan
pengolahan transaksi seperti pada Gambar
5:

Gambar 6. Relasi database sistem

berjalan
3.4.1

Desain tabel
Desain tabel merupakan rancangan
tabel yang dibuat untuk memenuhi
kebutuhan pembuatan sistem seperti Tabel
1 berikut:
Tabel 1. Daftar tabel proses penjualan buku
di Udayana University Press

Gambar 5. Data flow diagram level 0

3.3 Analisis sistem berjalan
Kebutuhan-kebutuhan sistem yang
harus diperhatikan dalam pembuatan
Implementasi E-Technology pada proses
penjualan buku di Udayana University
Press yaitu kehandalan, ketersediaan,
fleksibel, jadwal instalasi, dan kemudahan
dalam pemeliharaan (easy maintenance).
3.4 Desain database
Dalam pembuatan aplikasi database
diawali dengan perancangan konseptual
desain, kemudian dilanjutkan dengan
mapping ke skema relasi dan desain fisik
database dari sistem yang akan dibuat.
Adapun langkah-langkah desain database
seperti Gambar 6:

I W. WISNU SUBRATA

3.5 Rancangan user interface

Rancangan tampilan user interface
sistem dapat diklasifikasikan menjadi tiga
bagian, yaitu bagian administrator, bagian
customer, dan bagian author (penulis).
3.5.1

Bagian administrator
Tampilan
awal
control
panel
administrator dapat dilihat pada tampilan
Gambar 7:

Gambar 7. Control panel administrator

3.5.2 Bagian customer
Tampilan
awal
control
panel
customer dapat dilihat pada tampilan
Gambar 8:

4.2 Tahapan pengujian sistem

Pengujian perangkat lunak (software
testing) merupakan suatu investigasi yang
dilakukan untuk mendapatkan informasi
mengenai kualitas dari produk atau layanan
yang sedang diuji (under test)[13].
Pengujian
perangkat
lunak
dapat
dinyatakan sebagai proses validasi dan
verifikasi bahwa sebuah program atau
aplikasi:

Gambar 8. Control panel customer

3.5.3

Bagian author
Tampilan awal control panel author
dapat dilihat pada tampilan Gambar 9:

Gambar 9. Control panel author

4. HASIL DAN PEMBAHASAN

4.1 Komponen PHP, XAMPP, hardware
dan software.
Penggunaan bahasa pemrograman
PHP dan XAMPP merupakan langkah awal
pembangunan sistem dan didukung oleh
perangkat keras (hardware) dan perangkat
lunak (software) seperti tabel 2:
Tabel 2. Spesifikasi perangkat keras
(hardware) dan perangkat lunak (software)
yang digunakan.

1. Memenuhi kebutuhan (requirement)

yang mendasari perancangan dan
pengembangan
perangkat
lunak
tersebut;
2. Berjalan
sesuai
dengan
yang
diharapkan;
3. Dapat
diterapkan
menggunakan
karakteristik yang sama;
4. Memenuhi kebutuhan semua pihak
yang berkepentingan.
4.3 Pengujian antarmuka sistem
Pengujian antarmuka sistem meliputi
sistem keranjang belanja (shopping cart),
konsumen
(customer),
pengelola
(administrator),
penulis
(author),
pembuatan report, dan analisis hasil.
4.3.1. Shopping cart (keranjang belanja)
Sistem keranjang belanja (shopping
cart)
dibuat
se-efisien
mungkin
(userfriendly), artinya sistem mudah
dimengerti demi kenyamanan customer
dalam berbelanja seperti Gambar 10:

Gambar 10. Shopping cart

4.3.2. Customer (konsumen)
Proses pemesanan buku dilakukan
setelah customer melakukan registrasi
keanggotaan terlebih dahulu dan tampilan

I W. WISNU SUBRATA

akhir dari pesanan

Gambar 11:

konsumen

seperti

Gambar 11. Form pesanan

konsumen
4.3.3 Administrator (admin)
Pada sisi ini dilakukan pengujian
terhadap pengolahan basis data berupa
penambahan
(inserting),
perubahan
(updating), maupun penghapusan (deleting)
data seperti Gambar 12:

Gambar 12. Form verifikasi user

Control
4.3.4 Author (penulis)
Berikut merupakan halaman control
panel bagi seorang author atau penulis
yang juga mendapatkan hak akses khusus
dari pengelola seperti Gambar 13:

Gambar 13. Form verifikasi data

penulis
4.3.5 Pembuatan report
Pembuatan laporan pada aplikasi
implementasi E-Technology pada proses
penjualan buku di Udayana University
Press menggunakan dokumen PDF
(portable document format) diantaranya
laporan stok buku, histori stok dan laporan
penjualan seperti Gambar 14:

Gambar 14. Laporan penjualan buku

I W. WISNU SUBRATA

4.3.6 Analisis hasil

Analisis hasil bertujuan mengetahui
seberapa jauh performa sebuah sistem,
baik ditinjau dari segi studi analisis hasil
pengujian pada web hosting, studi
kelayakan sistem, studi analisis keamanan
dan backup data, dan studi analisis
pertumbuhan data setelah aplikasi ini di
upload di internet pada web hosting
tertentu. Dari hasil pengujian disimpulkan
bahwa rata-rata ukuran halaman pada
aplikasi ini rentang 261.000-298.000 Byte
dengan akses waktu antara 8,650-12,126
second. Data ini didapatkan berdasarkan
sudut pandang kecepatan akses halaman
sistem di Warnet NideaNet, Badung
menggunakan media koneksi Telkom
Speedy dengan kecepatan koneksi up to 3
mbps (mega bit per second).

5.

SIMPULAN

Dalam perancangan dan pembuatan

sistem ini dapat ditarik suatu kesimpulan
pada tahap pengujian dan analisis hasil
secara online, yaitu:
1. Terdapat 2 kategori pokok pada sistem
aplikasi ini, yaitu:
a.
Sisi konsumen, pertama
konsumen akan mendapatkan data
detail pesanan via email dan web
yang berisi nama barang, jumlah
pesanan,
diskon,
alamat
dan
rekening bank pengelola. Setelah
melakukan pembayaran, konsumen
akan dikonfirmasi oleh pengelola via
email
tentang
detail
pesanan
sekaligus jasa dan nomor resi
pengiriman.
b.
Sisi penulis, pada sistem
ini seorang penulis setelah di
verifikasi
oleh
admin
akan
mendapatkan hak akses khusus
masuk sistem dan bisa melakukan
pengecekkan buku karyanya melalui
komponen my report. Seorang
penulis akan dengan mudah bisa
memantau laporan penjualan dan
informasi bukunya pada komponen
mybook dan komponen log transaksi
penjualan.
2. Pada sisi keamanan data dilakukan
backup data setiap saat untuk
menghindari kehilangan data. Bagi
penguna dengan otoritas tertentu sudah
dipisahkan pada sisi web master, admin,
penulis, dan sisi konsumen itu sendiri.
3. Proses input data buku dilakukan secara
manual pada sisi admin pada sub

komponen inventori (tambah barang

baru), dan untuk updating data buku
masuk pada sub-komponen (edit
barang).
4. Laporan pertanggungjawaban akhir dari
perancangan dan pembuatan sistem
aplikasi implementasi E-Technology ini
akan menghasilkan laporan yang
meliputi transaksi-transaksi sebagai
berikut:
Laporan stok barang (report semua
stok, report stok kosong, report stok
tersedia) yang berisi detail data dan
harga buku.
Laporan histori stok yang berisi detail
data buku, stok awal dan stok akhir,
dan username yang menginput data
buku.
Laporan penjualan yang berisi detail
buku, harga, diskon dan tanggal
transaksi.

6.

DAFTAR PUSTAKA

[4]Jogianto, H.M. Analisis dan Desain.

Konsep Dasar Informasi. Yogyakarta. 1989.
[5]Jogianto, H.M. Analisis dan Desain.
Konsep
Dasar
Sistem
Informasi.
Yogyakarta. 1989.
[6]Nugroho,
Adi.
Perancangan
dan
Implementasi Sistem Basis Data. Konsep
Dasar dan Definisi. Yogyakarta. 2011.
[7]http://id.wikipedia.org/wiki/MySQL,
diakses tanggal : 2 Juli 2013.
[8]http://id.wikipedia.org/wiki/PHP, diakses
tanggal : 2 Juli 2013.
[9]http://id.wikipedia.org/wiki/HTML, diakses
tanggal: 2 Juli 2013.
[10]http://en.wikipedia.org/wiki/SQLyog,
diakses tanggal: 16 Agustus 2013.
[11]http://id.wikipedia.org/wiki/XAMPP,
diakses tanggal: 4 Juli 2013.
[12]http://id.wikipedia.org/wiki/Cascading_S
tyleSheets, diakses tanggal: 2 Juli 2013.
[13]http://id.wikipedia.org/wiki/Pengujian_
perangkat_lunak, diakses tanggal: 1
September 2013.

[1]http://etechnologydp2012.wordpress.com
/, diakses tanggal: 12 September 2013
[2]http://id.wikipedia.org/wiki/E-commerce,
diakses tanggal: 31 Juli 2013.
[3]Jogianto, H.M. Analisis dan Desain.
Konsep Dasar Sistem. Yogyakarta. 1989.

I W. WISNU SUBRATA