Tugas Akhir BSI

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah Saat ini kehidupan manusia tidak lepas dari internet. Dengan internet manusia dapat melakukan banyak hal dalam waktu yang bersamaan. Tidak dipungkiri, perkembangan teknologi internet banyak memberikan dukungan dalam aktivitas kehidupan manusia. Banyak aktivitas yang dipermudah melalui media internet, sehingga banyak pekerjaan yang dapat diselesaikan dalam waktu yang relatif lebih singkat. Kemudahan beraktifitas lewat internet tentunya tidak lepas dari peranan penting website yang ada di dalamnya. Namun sayangnya tidak semua para pemilik usaha, terutama di Indonesia, dapat mengotimalkan penggunaan website dengan baik demi menunjang perkembangan usaha mereka. Toko Komputer adalah sebuah perusahaan yang bergerak dibidang penjualan alat-alat elektronik. Toko ini menjual beragam alat-alat eletronik komputer, seperti laptop, notebook, aksesoris komputer dan sebagainya. Saat ini kebanyakan prosedur penjualan yang berjalan pada toko komputer masih dilakukan secara manual. Tokotoko komputer hanya menjual produk secara langsung di toko mereka, yang artinya adalah semua calon pembeli harus datang ke toko komputer untuk bisa membeli barang yang diinginkan. Sehingga, cara penjualan dengan prosedur demikian masih kurang efektif.

1

2 Oleh karena itu, berdasarkan masalah yang dialami oleh toko komputer tersebut, penulis berupaya merancang sebuah situs toko online (web e-commerce) yang tentunya akan mempermudah aktivitas berbelanja dan mengoptimalkan promosi produk terbaru sehingga penjualan produk dapat meningkat. Maka dari itu, penulis tertarik untuk membantu dalam pembuatan situs toko online (web e-commerce) yang dikemas

dalam

bentuk

perancangan

web

design

yang

diberi

judul

:

“PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA TOKO KOMPUTER”.

1.2. Maksud dan Tujuan Maksud dari penulisan Tugas Akhir ini adalah sebagai berikut: 1.

Menyediakan kemudahan bagi konsumen untuk dapat berbelanja di Toko Komputer dengan sistem online.

2.

Memberikan kemudahan bagi pihak Toko Komputer dalam melakukan pencatatan transaksi penjualan yang tentunya akan menghasilkan laporan penjualan dan laporan keuangan yang tepat dan akurat. Adapun tujuan penulisan Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan pada Program Diploma Tiga (D.III) pada jurusan Komputerisasi Akuntansi di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.

1.3. Metode Penelitian Metode penelitian yang digunakan dalam perancangan sistem informasi penjualan komputer ini adalah analisis kualitatif. Analisis kualitatif merupakan

3 analisis non statistic yang membantu dalam penelitian. Data-data yang diperoleh baik berupa angka maupun yang berupa tabel kemudian ditafsirkan dengan baik. Sesuai dengan data yang diperoleh, analisis kualitatif cenderung dilakukan untuk data yang bersifat kualitatif yang dikumpulkan dari riset eksplorasi. (Sunyoto, 2013: 24). Untuk menyelesaikan laporan Tugas Akhir ini penulis melakukan beberapa metode dalam pengumpulan data, diantaranya: 1.

Metode Pengamatan Langsung (Observasi) Melalui metode ini penulis melakukan pengamatan langsung pada toko Toko Komputer mengenai produk yang dijual serta pencatatan transaksi penjualan.

2.

Metode Wawancara Dalam metode ini penulis mengumpulkan data dengan cara melakukan tanya jawab langsung ke beberapa pemilik toko komputer, sebagai objek dalam penelitian mengenai prosedur penjualan yang terjadi pada toko komputer.

3.

Metode Studi Pustaka Dalam metode ini penulis mencari informasi dari buku-buku dan makalah yang berhubungan dengan studi literatur pada buku atau referensi yang berkaitan dengan perancangan website, dan artikel-artikel penunjang yang didapatkan dari internet.

1.4. Ruang Lingkup Ruang lingkup perancangan sistem informasi dalam Tugas Akhir ini adalah penjualan produk secara online, pencatatan transaksi penjualan, sampai kepada pembuatan laporan keuangan dan laporan laba rugi. Perancangan sistem informasi

4 penjualan berbasis web ini dibuat sesuai dengan siklus akuntansi yang dapat diakses dan dikelola oleh pihak admin website.

5

BAB II LANDASAN TEORI

2.1. Konsep Dasar Web World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke Internet (Sidik, 2007: 1). Menurut Arief (2011:7) “Web adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di dalamnya yang menggunakan protokol HTTP (Hypertext Transfer Protocol) dan untuk mengaksesnya menggunakan perangkat lunak yang disebut browser”. Dapat disimpulkan bahwa web adalah sebuah layanan yang berisi dokumen multimedia yang dapat diaskses dengan browser lewat komputer yang terhubung ke internet. 2.1.1. Website Di dalam sebuah website, ada beberapa komponen pendukung agar sebuah website dapat diakses oleh pemakai, diantaranya: 1. Internet Menurut

Yatiningsih

(2013:56)

“Internet

adalah

suatu

jaringan

yang

menghubungkan komputer-komputer di dunia, tanpa batasan wilayah atau jarak dengan menggunakan standar internet protocol suite (TCP/IP) saat proses tukar menukar data tersebut”.

5

6 Menurut Sibero (2013:10) “Internet (Interconnected Network) adalah jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga disebut jaringan dalam suatu jaringan yang luas”. 2. Web Browser Menurut Arief (2011:19) “Web Browser merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web dalam format HTML”. Menurut Sibero (2013:12) “Web browser adalah aplikasi perangkat lunak yang digunakan untuk mengambil dan menyajikan sumber informasi web. Sumber informasi web diidentifikasi dengan Uniform Resource Identifier (URI) yang terdiri dari halaman web, video, gambar ataupun konten lainnya”. Dari pendapat diatas, dapat disimpulkan bahwa web browser adalah program aplikasi yang digunakan untuk menampilkan informasi berupa video, gambar, ataupun konten lainnya yang dibaca dari format HTML. 3. Web Server Menurut Sibero (2013:11) “Web server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkat lunak. Secara bentuk dan fisik dan cara kerjanya, perangkat keras web server tidak berbeda dengan komputer rumah atau PC, yang membedakan adalah kapasitas dan kapabilitasnya”. Web server merupakan perangkat lunak pada server yang memiliki fungsi sebagai penerima permintaan (request) yang berupa halaman web dari client dan mengirim kembali (respons) hasil yang diminta dalam bentuk halaman-halaman web (Wahana Komputer, 2011:16).

7 Jadi, dapat disimpulkan web server merupakan sebuah aplikasi yang digunakan untuk menampilkan halaman-halaman website yang disimpan pada localhost agar dapat dibaca oleh pengguna. 2.1.2. Bahasa Pemrograman Bahasa pemrograman yang digunakan dalam perancangan website, antara lain: 1. HTML Hypertext Markup Language (HTML) adalah sebuah bahasa dasar bahasa markup untuk memformat konten halaman web yang digunakan untuk merancang halaman website statis (Wahana Komputer, 2012:3). Menurut Sibero (2013:19) “Hypertext Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web. Struktur dokumen HTML terdiri dari tag pembuka dan tag penutup”. Menurut Winarno (2011:1) “HTML merupakan singkatan dari Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk memformat konten halaman web. Dengan kata lain, bahasa untuk mengatur bagaimana penampilan dan pemformatan konten di web”. Berdasarkan defenisi di atas, dapat disimpulkan bahwa HTML merupakan bahasa pemrograman web yang digunakan untuk mengatur format dan tampilan konten/isi dari halaman website.

8 2. PHP PHP Hypertext Preprocessor (PHP) merupakan bahasa pemrograman scripting web server-side. Dengan pemrograman server side, sebuah website akan lebih dinamis. PHP biasanya terpasang pada file HTML yang disimpan dengan ekstensi *.php (Wahana Komputer, 2012:4). Menurut Sutaji (2012:2) “PHP (PHP Hypertext Preprocessor) adalah kode/skrip yang akan dieksekusi pada server side. Skrip PHP akan membuat suatu aplikasi dapat di-integrasikan ke dalam HTML, sehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis”. Menurut Winarno (2011:4) “PHP atau PHP Hypertext Preprocessor adalah sebuah bahasa pemrograman web berbasis server (server-side) yang mampu memparsing kode php dari kode web dengan ekstensi .php, sehingga menghasilkan tampilan website yang dinamis di sisi client (browser)”. Dengan kata lain, PHP merupakan bahasa pemrograman web yang bersifat sebagai server, memudahkan dalam pengelolaan database, serta dapat digunakan dalam file HTML. 3. CSS Cascading Style Sheet atau yang lebih dikenal dengan CSS adalah skrip yang berisi rangkaian instruksi yang menentukan tampilan suatu teks dan gambar di halaman web broswer (Badiyanto, 2013:24). Menurut Wahana Komputer (2012:4) ”Cascading Style Sheet (CSS) adalah bahasa style yang digunakan untuk mendesain halaman web yang bertujuan memisahkan isi (content) web dengan web dinamis.”

9 Menurut Aditama (2013:367) “CSS (Cascading Style Sheet) merupakan salah satu bahasa pemrograman web yang bertujuan untuk membuat website agar lebih menarik dan terstruktur.” Dari beberapa pendapat di atas, dapat disimpulkan bahwa CSS adalah suatu bahasa pemrograman web yang berfungi mengatur tampilan teks dan gambar dari suatu website agar terlihat lebih menarik dan terstruktur. 4. JavaScript Menurut Sibero (2013:150) “JavaScript adalah suatu bahasa pemrograman yang dikembangkan untuk dapat berjalan pada web browser. Pada awalnya JavaScript dikembangkan pada web browser Netscape oleh Brenden Eich dengan nama Mocha, kemudian berubah menjadi Live-Script dan yang akhirnya menjadi JavaScript”. Menurut Zaki (2008:26) “JavaScript adalah skrip program berbasis client yang dieksekusi oleh browser sehingga membuat halaman website bisa melakukan tugastugas tambahan yang tidak bisa dilakukan oleh skrip HTML biasa.” Sedangkan menurut Wahana Komputer (2012:4) “JavaScript merupakan bahasa scripting turunan dari pemrograman Java. JavaScript digunakan untuk pemrograman web client-side.” Dari pendapat diatas, dapat disimpulkan bahwa JavaScript adalah bahasa pemrograman yang merupakan pengembangan dari bahasa pemrograman Java, yang digunakan untuk pemrograman web client-side dan dapat berjalan pada web browser.

10 2.1.3. Basis Data Menurut Aditama (2012:7) “Database adalah tempat media penyimpanan data kita dalam membuat sebuah program yang berisikan tabel, field dan record yang diselimuti namanya DBMS (Database Management System)”. Di dalam DBMS (Database Management System), terdapat struktur query yang digunakan untuk mengolah database yang dikenal dengan SQL. Dalam proses pembuatan database SQL diperlukan sebuah perangkat lunak yang dikenal dengan nama MySQL. MySQL merupakan salah satu perangkat lunak untuk sistem manajemen database SQL. MySQL merupakan tipe data relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan. (Wahana Komputer, 2011:15) 2.1.4. Aplikasi Perancangan Web Dalam perancangan website ini, ada beberapa aplikasi yang digunakan, diantaranya: 1. Wamp Server Dalam pembangunan sebuah website pastinya setiap programmer memerlukan bantuan web server untuk mengkoneksikan file-file website ke basis data. Beberapa web server yang sering digunakan diantaranya: Apache Web Server, Sun Java System Web Server, Wamp Server, Xitami Web Server, dan sebagainya. Dalam hal ini, penulis menggunakan Wamp Server dalam membangun web tersebut. Menurut Kadir (2008:357) “Wamp Server adalah sebuah software yang mengemas MySQL, PHP, dan Apache sehingga memudahkan para pengembang sistem yang hendak menggunakan ketiga software tersebut dalam menginstal dan melakukan koneksi”.

11 2. Adobe Dreamweaver CS 8 Adobe Dreamweaver CS 8 merupakan program aplikasi yang digunakan untuk melakukan desain halaman website secara visual. Dalam mendesain halaman website, aplikasi ini menyediakan fasilitas-fasilitas yang memberikan kemudahan bagi para pengembang web, juga bagi pemula yang belajar membangun website (Wahana Komputer, 2012:2). Adobe Macromedia Dreamweaver CS 8 tampil dengan ruang kerja baru yang lebih menarik dibandingkan dengan versi-versi sebelumnya. Berikut ini adalah keterangan untuk bagian-bagian dari ruang kerja Adobe Macromedia Dreamweaver CS 8: 1.

Title Bar merupakan baris yang menampilkan nama program dan nama dokumen yang sedang berjalan.

2.

Menu Bar merupakan perintah-perintah untuk merancang dan mengolah dokumen website.

3.

Insert Bar merupakan tombol-tombol untuk memasukan berbagai objek ke dalam dokumen website yang sedang kita buat agar lebih cepat dan praktis.

4.

Document Toolbar merupakan tool-tool untuk menentukan model tampilan dan judul halaman website.

5.

Document Windows merupakan ruang kerja Dreamweaver sebagai tempat untuk merancang sebuah website.

6.

Panel Groups merupakan panel-panel dari berbagai fungsi Dreamweaver seperti: Design, Code, Application, Tag Inspector, Files, Frames, dan History.

12 7.

Tag Selector merupakan tampilan informasi tag-tag yang sedang aktif seperti: , , dan lain-lain.

8.

Property Inspector merupakan pengaturan-pengaturan yang diterapkan pada suatu objek, sehingga isi dari property inspector ini akan selalu berubah sesuai dengan objek yang sedang aktif.

9.

Files Panel merupakan direktori untuk membuka, maupun menyimpan file-file website.

Sumber: hasil penelitian Gambar II.1. Ruang Kerja Macromedia Dreamweaver CS 8

13 2.1.5. Konsep Dasar Sistem 1. Sistem Menurut Winarno (2006:1.3) menyimpulkan bahwa definisi sistem adalah sekelompok komponen yang saling bekerja sama untuk mencapai tujuan tertentu. Sistem berfungsi menerima input (masukan), mengolah input, dan menghasilkan output (keluaran). Input dan output berasal dari luar sistem, atau dari lingkungan sistem tersebut berada. Oleh karenanya, sistem akan berinteraksi dengan lingkungannya. Sistem yang mampu berinteraksi dengan lingkungannya akan mampu bertahan lama. Sistem yang tidak cepat berinteraksi dengan lingkungannya tidak akan bertahan lama. Menurut Kusrini (2007:11) mengemukakan bahwa “Sistem adalah sebuah tatanan yang terdiri atas sejumlah komponen fungsional (dengan tugas/fungsi khusus) yang saling berhubungan dan secara bersama-sama bertujuan untuk memenuhi suatu proses/pekerjaan tertentu”. Dari beberapa pendapat di atas dapat disimpulkan bahwa sistem adalah sekelompok komponen yang saling berinteraksi satu sama lain yang terdiri dari sejumlah komponen fungsi yang saling bekerja sama untuk mencapai tujuan tertentu. 2. Informasi Menurut Kusrini dan Koniyo (2007:7) mengatakan bahwa Informasi adalah data yang sudah diolah menjadi sebuah bentuk yang berarti bagi pengguna, yang bermanfaat dalam pengambilan keputusan saat ini atau mendukung sumber informasi.

14 Menurut Sutabri (2012:22) “Informasi adalah data yang telah diklasifikasikan atau diolah atau diiterpretasikan untuk digunakan dalam proses pengambilan keputusan.” 3. Sistem Informasi Menurut Kusrini dan Koniyo (2007:8) mengatakan bahwa definisi umum sistem informasi adalah: “Sebuah sistem yang terdiri atas rangkaian subsistem informasi terhadap pengolahan data untuk menghasilkan informasi yang berguna dalam pengambilan keputusan”. Menurut Rober A. Laitch dan K. Roccoe Bavis dalam Kusrini dan Koniyo (2007:8) mengemukakan bahwa “Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”. Dari pendapat diatas dapat disimpulkan bahwa sistem informasi adalah sebuah sistem yang terdiri dari kumpulan subsistem informasi yang terdapat pada suatu organisasi yang dijadikan tolak ukur dalam pengambilan keputusan. 4. Sistem Informasi Akuntansi Menurut Kusrini dan Koniyo (2007:10) mengatakan bahwa “Sistem informasi akuntansi adalah sebuah sistem informasi yang mengubah data transaksi bisnis menjadi informasi keuangan yang berguna bagi pemakai”. Menurut Sutabri (2004:6) “Sistem informasi akuntansi adalah kumpulan sumber daya, seperti manusia dan peralatan, yang diatur untuk mengubah data menjadi informasi.”

15 Tujuan dari sistem informasi akuntansi menurut Kusrini dan Koniyo (2007:10), yaitu: a.

Mendukung operasi sehari-hari.

b.

Mendukung pengambilan keputusan manajemen.

c.

Memenuhi kewajiban yang berhubungan dengan pertanggung jawaban.

5. Sistem Informasi Penjualan Penjualan merupakan suatu transaksi yang dilakukan oleh dua belah pihak atau lebih dengan menggunakan alat pembayaran yang sah, dan penjualan juga merupakan salah satu sumber pendapatan seseorang atau perusahaan yang melakukan transaksi jual dan beli. Menurut Marom (2013:2) “Penjualan artinya penjualan barang dagangan sebagai usaha pokok perusahaan yang biasanya dilakukan secara teratur.” Menurut Diana dan Setiawati (2011:98), proses bisnis dalam sebuah kegiatan penjualan dibagi dalam beberapa bagian, diantaranya: a.

Konsumen memesan barang.

b.

Perusahaan mengirim barang yang dipesan konsumen.

c.

Perusahaan mengirim tagihan ke konsumen.

d.

Perusahaan menerima pelunasan kas dari konsumen. Kesimpulan dari pengertian penjualan adalah persetujuan kedua belah pihak

antara penjual dan pembeli, dimana penjual menawarkan suatu produk dengan harapan pembeli dapat menyerahkan sejumlah uang sebagai alat ukur produk tersebut sebesar harga jual yang telah disepakati.

16 2.2. Peralatan Pendukung (Tools System) Dalam proses pembuatan website ini penulis menggunakan beberapa peralatan pendukung. Adapun beberapa peralatan pendukung yang digunakan adalah: 2.2.1. Struktur Navigasi Menurut Fauzi (2008:3) mengatakan “Struktur navigasi adalah struktur atau alur dari suatu program”. Sebelum membuat suatu aplikasi maupun website sebaiknya kita menentukan struktur navigasi terlebih dahulu. Ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam pembuatan aplikasi menurut Fauzi(2008:4), yaitu: 1. Struktur Navigasi Linier Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang

berurut,

yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.

Sumber: Fauzi (2008:4) Gambar II.2. Struktur Navigasi Linier 2. Struktur Navigasi Non-Linier Struktur

navigasi

non-linier

atau

struktur

tidak

berurut

pengembangan dari struktur navigasi linier. Pada struktur ini

merupakan

diperkenankan

membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini

17 berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.

Sumber: Fauzi (2008:4) Gambar II.3. Struktur Navigasi Non-Linier 3. Struktur Navigasi Hirarki Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan

percabangan untuk menampilkan data berdasarkan

kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya.

Sumber: Fauzi (2008:5) Gambar II.4. Struktur Navigasi Hirarki

18 4. Struktur Navigasi Campuran Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan interaksi yang lebih tinggi.

Sumber: Fauzi (2008:5) Gambar II.5. Struktur Navigasi Campuran 2.2.2. Normalisasi Menurut Marlinda (2004:115) “Normalisasi adalah proses pengelompokan atribute-atribute dan suatu relasi sehingga membentuk Well-Struktur Relation. Normalisasi merupakan proses pengelompokan elemen data menjadi tabel-tabel menunjukan entity dan relasinya.” Menurut Deliana, dkk (2005:175) “Normalisasi adalah sebuah cara sistematis yang digunakan untuk memastikan bahwa sebuah struktur dari suatu database cocok

19 untuk tujuan umum peng-query-an dan diyakinkan bebas dari karakteristikkarakteristik tertentu yang tidak diinginkan”. 1. Tujuan Normalisasi Tujuan dalam melakukan normalisasi menurut Deliana, dkk (2005:175) adalah: a. Mengidentifikasi hubungan antar atribut. b. Mengkombinasikan atribut- atribut yang ada sehingga membentuk sebuah hubungan atau relasi (relation). c. Mengkombinasikan relasi-relasi yang sudah terbentuk sampai menghasilkan sebuah database. d. Menghilangkan anomaly. e. Menghilangkan redudancy (pengulangan). 2. Proses Normalisasi Beberapa proses normalisasi menurut Deliana, dkk (2005:176) yaitu: a. Unnormalized Form (UNF) Unnormalized Form (UNF) merupakan sebuah kondisi awal dimana form atau entitas berisikan satu atau lebih bagian yang berulang. b. First Normal Form (1NF) Sebuah entitas dikatakan sedang berada dalam first normal form (1NF) apabila entitas tersebut tidak lagi memiliki atribut yang berulang (repeating group) yang ditandai dengan “{}”. c. Second Normalized Form (2NF) Sebuah entitas dikatakan sedang berada dalam second normal form apabila entitas tersebut berada dalam kondisi 1NF dan dimana setiap attribut non

20 keynya bergantung fungsional penuh terhadap primary key (functional depedency). d. Third Normal Form (3NF) Sebuah entitas dikatakan sedang berada dalam Third Normal Form apabila entitas tersebut sedang berada dalam kondisi 1NF dan 2NF serta tidak adanya attribut non key yang tergantung fungsional terhadap non key yang lainnya (transitif depedency). e. Boyce-Codd Normal Form (BCNF) Boyce-codd Normal Form (BCNF) berdasarkan pada ketergantungan fungsional (functional depedency) yang memperhitungkan semua candidate key dalam sebuah relasi. Sebuah relasi dikatakan BCNF jika dan hanya jika, setiap determinannya adalah suatu candidate key. 3. Teknik Normalisasi Dalam proses normalisasi ada beberapa istilah yang dipakai menurut Kristanto (2008:82), yaitu: a. Entiti Entiti adalah konsep informasi yang direkam meliputi orang, kejadian, dan tempat. b. Atribut atau Field Atribut atau Field adalah sesuatu yang mewakili entiti. c. Data Value Data Value atau isi data adalah informasi yang disimpan dalam setiap atribut. d. Record

21 Record adalah kumpulan atribut yang saling berkaitan satu dengan yang lain dan menginformasikan suatu entiti secara lengkap. e. File File adalah kumpulan record yang mempunyai panjang atribut yang sama tetapi berbeda data value-nya. f. Basis Data Basis data adalah kumpulan file satu dengan file yang lainnya yang membentuk suatu informasi sistem secara keseluruhan.

22

BAB III PEMBAHASAN

3.1. Analisa Perancangan Web 1.

Tinjauan Kasus Transaksi jual beli sejauh ini masih dilakukan di pasar, dengan transaksi jual beli

yang menggunakan sistem pembayaran tunai. Dalam proses transaksi jual beli antara penjual dan pembeli biasanya terjadi negosiasi harga. Negosiasi harga seringakali terjadi pada toko yang menjual barang-barang dengan harga yang terbilang cukup tinggi seperti toko komputer. Pelayanan pada toko komputer menjadi perhatian khusus bagi pemilik toko komputer agar dapat menciptakan pelayanan yang baik sehingga dapat menarik lebih banyak calon pembeli yang ingin berbelanja produk-produk komputer yang dijual. Adapun prosedur penjualan dan pencatatan transaksi penjualan pada toko komputer antara lain: 1.

Pembeli datang ke toko untuk melihat produk yang ingin dibeli.

2.

Pembeli mendapatkan produk yang cocok, kemudian melakukan transaksi pembayaran.

3.

Pemilik toko melakukan pencatatan transaksi penjualan.

4.

Pemilik toko membuat laporan dari setiap pencatatan transaksi penjualan yang terjadi.

22

23 3.2. Spesifikasi Perancangan Web Pada spesifikasi perancangan web ini, penulis akan membahasa beberapa hal yang berkaitan tentang rancangan website yang akan dibuat. Pokok bahasan tersebut antara lain: 1. Rancangan Halaman Index Website Index adalah halaman paling depan yang ada pada semua website. Halaman index juga disebut sebagai halaman pembuka karena saat pertama kali membuka sebuah web, halaman yang pertama kali muncul adalah bagian index. Pada halaman index akan dirancang cukup kompleks, karena ada banyak link yang mengarah ke semua halaman website. Rancangan halaman Index (beranda) adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.1 Rancangan Halaman Index website

24 Link merupakan kelompok menu yang dirancang pada situs web penjualan toko komputer, sebagaimana terlihat pada Gambar III.2 berikut:

Sumber: hasil penelitian Gambar III.2 Link menu website 2. Rancangan Halaman Tentang Kami Halaman tentang kami pada website merupakan halaman yang menjelaskan tentang kegiatan yang dilakukan perusahaan sesuai bidang yang dimiliki perusahaan. Rancangan halaman tentang kami (about) adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.3 Rancangan Halaman about website

25 3. Rancangan Halaman Produk Halaman produk pada website ini berisi data-data barang yang dijual pada situs web tersebut. Data tersebut mencakup nama barang, harga barang, keterangan barang dan juga dilengkapi gambar dari barang yang dijual tersebut. Rancangan halaman produk adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.4 Rancangan Halaman produk Katalog produk yang ditampilkan pada Gambar III.4 di atas mencakup gambar produk yang dilengkapi dengan link “beli” untuk membeli produk, dan link “detail” untuk melihat spesifikasi produk.

26 4. Rancangan Halaman Hubungi Kami Halaman hubungi kami merupakan halaman yang dirancang untuk memberikan informasi bagaimana caranya menghubungi pemilik website toko komputer khususnya bagi para member yang berbelanja di toko online toko komputer. Rancangan halaman hubungi kami adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.5 Rancangan Halaman Hubungi Kami (contact) 5. Rancangan Halaman Registrasi Member Salah satu syarat mutlak untuk dapat melakukan transaksi berbelanja secara online adalah kita harus menjadi anggota (member) dari toko online yang bersangkutan. Hal ini bertujuan agar pemilik toko online mengetahui secara penuh data-data pelanggan yang akan dan telah berbelanja di toko tersebut. Untuk dapat

27 menjadi member dalam sebuah website, tentunya ada sebuah halaman registrasi yang telah disediakan pemilik website. Halaman registrasi tersebut berisi form-form yang berguna untuk memasukan data calon member. Halaman registrasi juga tersedia pada website yang penulis rancangkan, pada halaman registrasi tersedia form-form seperti: nama lengkap member, jenis kelamin, alamat lengkap, dan informasi pendukung lainnya. Berikut adalah tampilan halaman registrasi pada toko komputer online yang penulis rancangkan:

Sumber: hasil penelitian Gambar III.6 Rancangan Halaman Registrasi Member 6. Rancangan Halaman Login Administrator Halaman login admin adalah halaman yang dibuat khusus untuk admin website agar bisa masuk (login) ke dalam sistem website. Saat berhasil login, admin website bisa melakukan beberapa pengaturan seperti mengperbaharui data barang, melihat

28 pesanan barang yang ada, melihat daftar member, mengganti password login administrator dan sebagainya. Rancangan halaman login admin adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.7 Rancangan Halaman Login Administrator 7. Rancangan Halaman Index Admin Seperti kita ketahui bersama halaman index adalah halaman paling pertama dan paling pertama kali muncul saat website pertama kali dibuka. Ketika berhasil login, administrator web akan diarahkan ke halaman index, halaman index admin ini berisi pesan selamat datang kepada admin website baik berupa teks maupun gambar, perintah untuk memperbaharui data barang, mengecek pesanan barang, dan lain sebagainya. Rancangan halaman index admin adalah sebagai berikut:

29

Sumber: hasil penelitian Gambar III.8 Rancangan Halaman Index Administrator 8. Rancangan Halaman Produk Admin Pada halaman produk admin ini terdapat daftar produk-produk yang dijual pada toko komputer. Admin memiliki akses penuh untuk melakukan beberapa perubahan produk seperti memperbaharui gambar tampilan produk, mengubah harga, menambah, maupun menghapus produk tersebut. Rancangan halaman produk admin adalah sebagai berikut:

30

Sumber: hasil penelitian Gambar III.9 Rancangan Halaman Produk Administrator 9. Rancangan Halaman Pesanan Halaman pesanan adalah halaman yang terdapat pada panel admin, tentunya hanya administrator website yang bisa mengakses halaman ini. Pada halaman ini terdapat informasi berbagai pesanan member yang telah berbelanja di toko komputer online. Dengan adanya halaman pesanan ini, pihak administrator website akan lebih mudah memantau setiap transaksi penjualan yang terjadi. Selain itu pihak website juga dapat lebih mudah melihat siapa saja yang melakukan transaksi pembelian, hal ini tentunya akan mempermudah proses pengiriman barang. Rancangan halaman pesanan adalah sebagai berikut:

31

Sumber: hasil penelitian Gambar III.10 Rancangan Halaman Pesanan 10. Rancangan Halaman Member Halaman member berisi informasi seputar pengunjung yang telah mendaftar menjadi anggota website agar dapat melakukan transaksi pembelanjaan secara online pada toko komputer. Halaman ini hanya bisa diakses oleh admin, admin berhak menghapus keanggotaan member tersebut dengan alasan tertentu. Rancangan halaman member adalah sebagai berikut:

32

Sumber: hasil penelitian Gambar III.11 Rancangan Halaman Member 11. Rancangan Halaman Ubah Password Halaman ini berguna jika administrator website ingin mengganti kata sandi (password) yang digunakan untuk login pada panel admin. Rancangan halaman ubah password adalah sebagai berikut:

Sumber: hasil penelitian Gambar III.12 Rancangan Halaman Ubah Password

33 3.3. Rancangan Struktur Navigasi Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh bagian website, meliputi isi website dan hubungan antara isi-isi tersebut. Struktur navigasi website yang diterapkan pada situs web toko online Komputer adalah menggunakan struktur navigasi Bercabang (Hierarki). Melalui sturkutur navigasi website ini, dapat dilihat bagaimana tampilan website secara menyeluruh. Pembuatan struktur navigasi website ini tentu akan sangat membantu nantinya ketika ingin membuat rancangan keseluruhan dari halaman website. Harapannya, dari struktur navigasi website ini para member yang ingin berbelanja di toko komputer online mengetahui mereka sedang berada pada bagian website yang mana dan dapat memperkirakan halaman mana saja yang bisa dikunjungi dari halaman mereka berada sekarang. Pada rancangan struktur navigasi website ini, penulis membuat dua buah rancangan terpisah yang tujuannya agar lebih mudah dipahami. Rancangan struktur navigasi ini terdiri dari rancangan untuk member dan rancangan untuk administrator website.

Sumber: hasil penelitian Gambar III.13 Rancangan Struktur Navigasi Member

34

Sumber: hasil penelitian Gambar III.14 Rancangan Struktur Navigasi Admin

3.4. Normalisasi Normalisasi adalah sebuah cara sistematis yang digunakan untuk memudahkan desain struktur dari suatu tabel di database agar cocok untuk tujuan umum pengquery-an. Tujuan dibuatnya normalisasi adalah untuk mengidentifikasi hubungan antar atribut, membentuk relasi, serta untuk menghilangkan redudancy dan anomaly. Pada perancangan program ini penulis menggunakan normalisasi sampai pada normalisasi ketiga (3NF). Berikut penggambaran tahapan normalisasi yang penulis rancang:

35 1.

Bentuk Tidak Normal (Unnormal Form)

Sumber: hasil penelitian Gambar III.15 Bentuk Tidak Normal (Unnormal Form)

36 2.

Bentuk Normal Ke Satu (First Normal Form)

Sumber: hasil penelitian Gambar III.16 Bentuk Normal Ke Satu (First Normal Form) Keterangan: * Kunci Calon (Candidate Key)

37 3.

Bentuk Normal Ke Dua (Second Normal Form)

Gambar III.17 Bentuk Normal Ke Dua (Second Normal Form)

38 4.

Bentuk Normal ke Tiga (Third Normal Form)

Sumber: hasil penelitian Gambar III.18 Bentuk Normal Ke Tiga (Third Normal Form) Keterangan: * Primary Key ** Foreign Key

39 3.5. Spesifikasi File Database adalah kumpulan data-data yang saling berhubungan satu sama lain, data tersebut terorganisir dengan baik agar bisa digunakan dengan mudah dan cepat untuk keperluan berbagai macam pengolahan data. Dalam program website ini menggunakan satu buah file database dengan nama webandre.mdb. Di dalam database tersebut beberapa tabel, adapun tabel-tabel tersebut adalah sebagai berikut: 1.

Nama File

: File barang

Akronim

: tbl_barang.myd

Fungsi

: Sebagai tempat penyimpanan data barang

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 303 karakter

Kunci Field

: id_barang

40 Tabel III.1 Spesifikasi file barang No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

ID Barang

id_barang

Int

3

Primary key

2.

Nama Barang

nama_barang Varchar

100

3.

Harga

Harga

Varchar

100

4.

Gambar

Gambar

Varchar

100

5.

Keterangan

Keterangan

Text

-

Sumber: hasil penelitian 2.

Nama File

: File siklus akuntansi

Akronim

: tbl_akuntansi.myd

Fungsi

: sebagai tempat penyimpanan siklus akuntansi

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 50 karakter

Kunci Field

: no_akun Tabel III.2 Spesifikasi file siklus akuntansi

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

Nomor Akun

no_akun

Int

10

Primary key

2.

Nama Akun

nama_akun

Varchar

20

3.

Klasifikasi

Klasifikasi

Varchar

20

41 Sumber: hasil penelitian 3.

Nama File

: File jurnal

Akronim

: tbl_jurnal.myd

Fungsi

: sebagai tempat menyimpan jurnal

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 60 karakter

Kunci Field

: no_jurnal Tabel III.3 Spesifikasi file jurnal

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

Nomor Jurnal

no_jurnal

Int

5

Primary key

2.

Tanggal jurnal

tgl_jurnal

Date

3.

keterangan

Keterangan

Varchar

50

4.

ID pesan

id_pesan

Int

5

Sumber: hasil penelitian 4.

Nama File

: File detail jurnal

Akronim

: tbl_detail_jurnal.myd

Fungsi

: sebagai tempat menyimpan detail jurnal

Tipe

: File master

Organisasi File

: Sequential

42 Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 115 karakter

Kunci Field

: no_jurnal Tabel III.4 Spesifikasi file detail jurnal

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

Nomor Jurnal

no_jurnal

Int

5

Primary key

2.

Nomor akun

no_akun

Int

10

3.

Jumlah debit

jumlah_debet

Varchar

50

4.

Jumlah kredit

jumlah_kredit Varchar

50

Sumber: hasil penelitian 5.

Nama File

: File pesan dari member

Akronim

: tbl_hubungi.myd

Fungsi

: sebagai tempat menampilkan pesan dari member

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 305 karakter

Kunci Field

: id_hubungi

43 Tabel III.5 Spesifikasi file pesan dari member No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

ID Hubungi

id_hubungi

Int

5

Primary key

2.

Nama

Nama

Varchar

100

3.

Email

Email

Varchar

100

4.

Alamat

Alamat

Varchar

100

5.

Isi Pesan

Pesan

Text

-

Sumber: hasil penelitian 6.

Nama File

: File kategori barang

Akronim

: tbl_kategori.myd

Fungsi

: Untuk menampilkan kategori barang

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 55 karakter

Kunci Field

: id_kategori Tabel III.6 Spesifikasi file kategori barang

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

ID Kategori

id_kategori

Int

5

Primary key

2.

Kategori

Kategori

Varchar

50

Sumber: hasil penelitian

44 7.

Nama File

: File Data Member

Akronim

: tbl_member.myd

Fungsi

: Sebagai tempat penyimpanan data member

Tipe

: File master

Organisasi File

: Index Sequential

Akses File

: Random

Media

: Hard Disk

Panjang Record

: 183 karakter

Kunci Field

: id_member Tabel III.7 Spesifikasi file data member

No

Elemen data

Akronim

Tipe

Size

Keterangan

1

ID Member

id_member

int

3

Primary key

2

Nama Member

Nama

varchar

50

3

Jenis kelamin

Gender

varchar

10

4

Alamat

Alamat

text

-

5

No. Telepon

Telepon

varchar

20

6

Alamat email

Email

varchar

20

7

Username Login

User

varchar

40

8

Password

Pass

varchar

40

Sumber: hasil penelitian

45 8.

Nama File

: File Pesanan

Akronim

: tbl_pesanan.myd

Fungsi

: Tempat penyimpanan pesanan barang

Tipe

: File transaksi

Organisasi File

: Sequential

Akses File

: Random

Media

: Hard Disk

Panjang Record

: 52 karakter

Kunci Field

: id_pesan Tabel III.8 Spesifikasi file pesanan

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

ID Pesanan

id_pesan

Int

5

Primary key

2.

ID Barang

id_barang

Int

3

Foreign Key

3.

ID Member

id_member

Int

3

Foreign Key

4.

ID admin

id_admin

Int

3

Foreign Key

5.

Banyaknya barang

Banyak

Int

5

6.

Merek barang

Merek

Varchar

3

8.

Tanggal pesan

tanggal_pesan Date

7.

Total bayar

total_bayar

Varchar

Sumber: hasil penelitian 9.

Nama File

: File detail pesanan

Akronim

: tbl_detail_pesanan.myd

30

46 Fungsi

: sebagai tempat menyimpan pesanan secara detail

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Urut

Media

: Hard Disk

Panjang Record

: 68 karakter

Kunci Field

: no_pesan Tabel III.9 Spesifikasi file detail pesanan

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

Nomor pesanan

no_pesan

Int

5

Primary key

2.

Id Barang

id_barang

Int

3

Foreign key

3.

Jumlah Beli

jumlah_beli

Varchar

10

4.

Sub total

Subtotal

Varchar

50

Sumber: hasil penelitian 10. Nama File

: File Login Admin

Akronim

: tbl_admin.myd

Fungsi

: Sebagai tempat penyimpanan file login admin

Tipe

: File master

Organisasi File

: Sequential

Akses File

: Random

Media

: Hard Disk

47 Panjang Record

: 43 karakter

Kunci Field

: id_user Tabel III.10 Spesifikasi file login admin

No

Elemen Data

Akronim

Tipe

Size

Keterangan

1.

ID Admin

id_admin

Int

3

Primary key

2.

Usernam Admin

User

Varchar

20

3.

Password Admin

Pass

Varchar

20

Sumber: hasil penelitian

3.6. Spesifikasi Sistem Komputer Agar program aplikasi website penjualan toko komputer ini dapat berjalan dengan baik, diperlukan spesifikasi minimun untuk perangkat keras dan perangkat lunak. Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan: 1) Spesifikasi Perangkat Keras a. Server 1) CPU a) Processor Intel Pentium P6200 2.13GHz b) RAM DDR3 2GB c) Hard Disk 400 GB 2) Mouse 3) Keyboard

48 4) Monitor dengan resolusi 1366x768 5) Koneksi internet dengan kecepatan 1Mbps

b. Client 1. CPU a) Processor Intel Atom b) RAM 1GB c) Hard Disk 200 GB 2) Mouse 3) Keyboard 4) Monitor dengan resolusi 1024x600 5) Koneksi internet dengan kecepatan 1Mbps

2.

Spesifikasi Perangkat Lunak

A. Server 1) Sistem Operasi yang digunakan Windows 8 PRO 32 bit 2) Aplikasi bundle web server yang digunakan adalah WampServer yang terdiri dari beberapa komponen antara lain: a) Aplikasi Apache Server versi 2.2.11 b) Aplikasi PHP Server versi 5.3.0 c) Aplikasi MySQL Server versi 5.1.36 d) Aplikasi phpMyAdmin versi 3.2.0.1 3) Aplikasi Web Browser yang digunakan Mozilla Firefox dan Google Chrome.

49 B. Client 1) Sistem operasi yang umum digunakan Micosoft Windows XP, Micosoft Windows 7, Micosoft Windows 8 dan Linux (Ubuntu, Backtrack). 2) Aplikasi web browser yang digunakan Mozilla Firefox, Google Chrome, Internet Explorer, dan Safari Browser.

50

BAB IV PENUTUP

3.1. Kesimpulan Demikianlah pembahasan mengenai perancangan situs web penjualan toko komputer online dengan menggunakan aplikasi Adobe Macromedia Dreamweaver CS 8 dan menggunakan bahasa pemrograman PHP. Secara umum dapat disimpulkan sebagai berikut: 1. Sistem informasi penjualan pada toko komputer ini dirancang berbasis web agar dapat memberikan kemudahan bagi pelanggan untuk melakukan transaksi pembelian barang pada toko komputer. 2. Sistem informasi penjualan ini dikelola oleh administrator. Sistem informasi penjualan ini dapat menjadi media bagi user (pengunjung) dalam melakukan proses berbelanja secara online. 3. Sistem informasi penjualan yang dirancang ini dapat dapat mengolah data barang, kategori barang, member, pesanan (transaksi pembelian), data akun, serta pencatatan transaksi jurnal harian. 4. Keluaran (output) dari sistem informasi penjualan ini antara lain: laporan rekapitulasi penjualan, laporan laba rugi, jurnal umum dan buku besar.

50

51 3.2. Saran Dari pengalaman yang telah didapat selama proses perancangan program aplikasi website penjualan toko komputer secara online tersebut penulis ingin memberikan beberapa saran, antara lain: 1. Sebelum merancang atau membangun sebuah website, sebaiknya memperhatikan terlebih dahulu konsep dasar dari pembangunan sebuah website, meliputi susunan isi website berdasarkan jenis website, maupun menyangkut berbagai hal yang ada di dalam website. 2. Dalam hal pengisian konten website, sebaiknya menggunakan kata-kata yang mudah dimengerti dan tidak menyinggung pengujung, agar dapat memberikan kesan baik pada website yang dimiliki. 3. Sebaiknya melakukan optimasi konten yang anda buat di website, hal ini berguna untuk menarik lebih banyak pengunjung lewat mesin pencari (search engine).

52

DAFTAR PUSTAKA Aditama Roki. 2013. Sistem Informasi Akademik Kampus Berbasis Web dengan PHP. Yogyakarta: Penerbit Lokomedia. Arief, M. Rudyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP & MySQL. Yogyakarta: ANDI. Badiyanto. 2013. Buku Pintar Framework Yii. Yogyakarta: MediaKom. Deliana Hartini, Lisye Mareta Cahya dan Kikis Sabrina Kaisariza. 2009. Database dengan SQL Server 2005. Jakarta: Mitra Wacana Media. Fauzi

Fivi Syukriah. 2008. Struktur Navigasi. Diambil www.staffsite.gunadarma.ac.id/fivi_syukriah/ (18 mei 2014)

dari:

Kristanto Andri. 2008. Perancangan Sistem Informasi dan Aplikasinya. Yogyakarta: Gava Media. Marlinda Linda. 2004. Sistem Basis Data. Yogyakarta: ANDI. Marom

Chairul. 2011. Pengertian Penjualan. Diambil dari http://www.ilmumu.com/pengetahuan/pengertian-penjualan/ (10 juni 2013)

Sibero Alexander. 2013. Web Programing Power Pack. Yogyakarta: MediaKom. Sutabri Tata. 2004. Sistem Informasi Akuntansi. Yogyakarta: CV. Andi Offset. Sutabri Tata. 2012. Analisis Sistem Informasi. Yogyakarta: CV. Andi Offset. Sutaji Deni. 2012. Sistem Inventory Mini Market dengan PHP dan jQuery. Yogyakarta: Penerbit Lokomedia. Wahana Komputer. 2011. Mastering CMS Programing with PHP & MySQL. Yogyakarta: CV. Andi Offset. Wahana Komputer. 2012. Tips dan Trik Adobe Dreamweaver CS.5. Yogyakarta: CV. Andi Offset.

52

53

DAFTAR RIWAYAT HIDUP A. Biodata Mahasiswa N.I.M : Nama Lengkap : Tempat & Tanggal Lahir : Alamat lengkap :

11110507 Petrus Andre Sekadau, 20 Februari 1993 Jalan Sungai Raya Dalam, Komplek Bhayangkara Permai No. C2-14 Pontianak, Kalimantan Barat.

B. Riwayat Pendidikan Formal & Non-Formal 1. SDN 14 Sungai Putat, lulus tahun 2005 2. SMPN 01 Sekadau, lulus tahun 2008 3. SMAN 01 Sekadau, lulus tahun 2011 C. Riwayat Pengalaman Berorganisasi / Pekerjaan 1. Seksi Agama Kristen Himpunan Mahasiswa Komputerisasi Akuntansi AMIK "BSI Pontianak" tahun 2012 s.d tahun 2013. 2. Anggota Relawan TIK Kalimantan Barat tahun 2013 s.d tahun 2014. 3. Seksi Bidang Teknologi Informasi Gerakan Mahasiswa Pelajar-FKPPI Kalimantan Barat tahun 2013 s.d tahun 2014.

Pontianak, 21 Juli 2014 Foto 3x4

Petrus Andre

53