Perancangan Sistem Penjualan Online Toko Olahraga

PERANCANGAN SISTEM PENJUALAN ONLINE
TOKO OLAHRAGA

TUGAS AKHIR

SAID HUSNI
132406217

D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara

PERANCANGAN SISTEM PENJUALAN ONLINE
TOKO OLAHRAGA

TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli

Madya

SAID HUSNI
132406217

D3 TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara

PERSETUJUAN

Judul
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi

Departemen
Fakultas

: Perancangan Sistem Penjualan Online Toko Olahraga
: Tugas Akhir
: Said Husni
: 132406217
: D3 Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara

Disetujui di
Medan, Juni 2016

Disetujui Oleh
Program Studi D3 Teknik Informatika
Ketua,

Dr. Elly Rosmaini, M.Si.

NIP. 196005201985032002

Pembimbing,

Prof. Dr. Muhammad Zarlis
NIP. 195707011986011003

Universitas Sumatera Utara

PERNYATAAN

PERANCANGAN SISTEM PENJUALAN ONLINE
TOKO OLAHRAGA

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2016


Said Husni
132406217

Universitas Sumatera Utara

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang,
dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan
judul Perancangan Sistem Penjualan Online Toko Olahraga.

Selama membangun aplikasi berbasis android hingga selesainya Tugas Akhir ini
penulis banyak mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun
tidak. Maka pada kesempatan ini, penulis mengucapkan terima kasih kepada :

1.
2.
3.


4.
5.

Bapak Prof. Dr. Muhammad Zarlis selaku Dosen Pembimbing yang senantiasa
membimbing penulis hingga Tugas Akhir ini selesai.
Bapak Dr.Kerista Sebayang, M.Si, selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
Bapak Prof. Dr. Tulus, Vordipl. Math., M.Si., Ph.D.
selaku Ketua
Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sumatera Utara.
Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D3 Teknik Informatika FMIPA.
Orang Tua yang telah memberikan cinta dan kasih sayang yang tiada tanding.

Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah
wawasan maupun pengetahuan kita.

Universitas Sumatera Utara

PERANCANGAN FORUM ANTAR PELAJAR BERBENTUK MEDIA SOSIAL

BERBASIS WEB

ABSTRAK

Forum internet merupakan fasilitas yang tersedia di internet, dan penggunanya dapat
berdiskusi. Forum berbasis internet ini sudah dikenal sejak tahun 1995, dan fungsinya
mirip bahkan lebih baik dari papan buletin dan milis internet yang sudah ada sejak
tahun 1980-an. Perasaan komunitas virtual sering muncul pada forum-forum yang
memiliki anggota tetap. Teknologi, permainan komputer, dan politik merupakan tema
paling populer yang menjadi pokok bahasan forum internet, tetapi masih banyak lagi
topik-topik lainnya.
Untuk mendukung dan mempermudah dalam mencari dan berinteraksi di
dunia maya, maka salah satunya dapat dikembangkan forum yang berbasis website.

Kata kunci : Forum, Internet, Website.

Universitas Sumatera Utara

DESIGN INTERSTUDENT FORUM FORMED MEDIA SOCIAL BASED ON
WEB


ABSTRACT

Internet forum is facilities that avaible on internet, and the user can discussion.
Forum based on Internet has known since 1995, and the function similar and even
better than bulletin board and mailing list internet which had existed since 1980.
Feels virtual community often show up on confirmed member forums. Technology,
computer games, politics are popular topics which be primary topics on internet
forums, but there are many other topics/
To support and facilitate in search and interaction on cyberspace. One of
the option is design an internet forum based on website

Keywords: Forum, Internet, website.

Universitas Sumatera Utara

DAFTAR ISI

........................................................................................................................... Halaman
Persetujuan...................................................................................................................... i

Pernyataan...................................................................................................................... ii
Penghargaan .................................................................................................................. iii
Abstrak .......................................................................................................................... iv
Abstract ...........................................................................................................................v
Daftar Isi ....................................................................................................................... vi
Daftar Tabel ................................................................................................................ viii
Daftar Gambar .............................................................................................................. ix

Bab 1. Pendahuluan ..........................................................................................................
1.1 Latar Belakang ..............................................................................................1
1.2 Perumusan Masalah ......................................................................................2
1.3 Batasan Masalah ...........................................................................................2
1.4 Tujuan ...........................................................................................................2
1.5 Manfaat ........................................................................................................3
1.6 Metodologi Penelitian ...................................................................................3
1.7 Sistematika Penulisan ...................................................................................4

Bab 2. Landasan Teori ......................................................................................................
2.1 Pengenalan Forum Internet


................6

2.2 Pengenalan Internet ......................................................................................7
2.2.1 Network

7

2.2.2 Web Server

8

2.2.3 World Wide Web (WWW)

8

2.2.4 Hyper Text Transfer Protocol (HTTP)

9

2.3 Pengenalan HTML


9

2.3.1 Sejarah Asal Mula HTML ...........................................................10
2.3.2 Struktur Dasar HTML..................................................................11
2.3.3 Sintaks Dasar HTML ...................................................................12

Universitas Sumatera Utara

2.4 Pengenalan Personal Home Page (PHP) .....................................................16
2.4.1 Sejarah Asal Mula PHP ...............................................................17
2.4.2 Variabel Pada PHP ......................................................................18
2.4.3 Konsep Daser Penggunaan PHP
18
2.5 Sublime Text
20
2.6 Cascanding Style Sheet (CSS)
20
2.6.1 Struktur CSS
21

2.6.2 Penulisan CSS

22

2.6.3 Selector

23

2.6.4 Memformat dokumen dengan CSS

24

2.7 Java Script
2.6.4 Penulisan Java Script

26
27

2.6.4 Variabel

28

2.6.4 Kondisi

29

2.8 Flowchart
2.9 Algoritma
2.9.1 Sejarah Istilah Algoritma
2.9.2 Jenis – Jenis Algoritma

31
33
34
34

Bab 3. Perancangan Sistem...............................................................................................
3.1 Perancangan Sistem ....................................................................................36
3.2 Flowchart Program .....................................................................................36
3.3 Basis Data (Database)
3.3.1 Relasi Antar Tabel

40
40

3.4 Desain Interface ..........................................................................................41

Bab 4. Implementasi Sistem .............................................................................................
4.1 Pengertian Implementasi Sistem.................................................................42
4.2 Tujuan Implementasi Sistem ......................................................................42
4.3 Komponen Utama dalam Implementasi Sistem .........................................43
4.3.1 Perangkat Keras (Hardware)........................................................43
4.3.2 Perangkat Lunak (Software) ........................................................43
4.3.3 Unsur Manusia (Brainware) ........................................................44
4.4 Demonstrasi Program .................................................................................45
4.4.1 Tampilan Halaman Beranda .......................................................45
4.4.2 Tampilan Home ..........................................................................46

Universitas Sumatera Utara

4.4.3 Tampilan Word ..........................................................................47
4.4.4 Tampilan Contact

47

4.4.5 Tampilan Login

48

4.4.6 Tampilan Register

49

4.4.7 Tampilan Masuk Halaman Forum

......................................50

4.4.8 Tampilan Upload Artikel

51

4.4.9 Tampilan Tread

52

4.4.10 Tampilan Halaman Pelajar dan Alumni

53

Bab 5. Penutup ..................................................................................................................
5.1 Kesimpulan .................................................................................................55
5.2 Saran ...........................................................................................................55

Lampiran

Universitas Sumatera Utara

DAFTAR TABEL

Nomor Tabel
2.2

Judul....................................................... Halaman
Arti Lambang Lambang Flowchart

32

Universitas Sumatera Utara

DAFTAR GAMBAR

No. Gambar

Judul................................................................... Halaman

3.1

Flowchart Menu Utama ........................................................................37

3.2

Flowchart Artikel .................................................................................38

3.3

Flowchart Komentar ............................................................................39

3.4

Relasi Antar Tabel ...............................................................................40

3.5

Rancangan Desain Website ..................................................................41

4.1

Tampilan Halaman Beranda .................................................................45

4.2

Tampilan Home ...................................................................................46

4.3

Tampilan Word

4.4

Tampilan Contact ................................................................................48

4.5

Tampilan Login ....................................................................................49

4.6

Tampilan Register ................................................................................50

4.7

Tampilan Halaman Masuk Forum ........................................................51

4.8

Tampilan Upload artikel ......................................................................52

4.9

Tampilan Tread

4.10

Tampilan Halaman Pelajar ...................................................................53

4.11

Tampilan Halaman Alumni

47

53
54

Universitas Sumatera Utara