• Tidak ada hasil yang ditemukan

Perancangan Website Olahraga Sepakbola Nasional Menggunakan Php Dan Mysql

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Website Olahraga Sepakbola Nasional Menggunakan Php Dan Mysql"

Copied!
76
0
0

Teks penuh

(1)

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : Daniel Pardamean Nomor Induk Mahasiswa : 132406039

Judul Tugas Akhir : Perancangan Website Olahraga Sepakbola Nasional Menggunakan PHP dan MYQSL

Dosen Pembimbing : Dr. Syahril Effendi, M.IT Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No. Tanggal Asistensi Bimbingan

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah selesai

Diketahui : Disetujui :

Ketua Program Studi D-3 TI Dosen Pembimbing/

FMIPA USU Penanggung Jawab

Dr. Elly Rosmaini, M.Si Dr. Syahril Effendi,M.IT

NIP. 19600520 198503 2 002 NIP. 19671110 199602 1 001

(2)

SURAT KETERANGAN

Hasil Uji Implementasi Sistem Tugas Akhir

Yang bertanda tangan dibawah ini menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika :

Nama Mahasiswa : Daniel Pardamean

Nomor Induk Mahasiswa : 132406039

Judul Tugas Akhir : Perancangan Website Olahraga Sepakbola Nasional

Menggunakan PHP dan MYQSL

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tanggal:

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU

Medan.

Medan, Juni 2016

Dosen Pembimbing,

(3)

Listing Program

<!-- Begin Left Sidebar -->

<div id="left-sidebar" class="sidebar">

$query = mysqli_query($kon, "SELECT * FROM berita ORDER BY tanggal DESC LIMIT 4");

while($row = mysqli_fetch_array($query)) { ?>

<li><a href="berita-selengkapnya.php?judul=<?php echo $row['judul']; ?>" title="<?php echo $row['judul']; ?>"><marquee><span><?php echo $row['judul']; ?></marquee></span></a></li>

$query = mysqli_query($kon, "SELECT * FROM galery ORDER BY waktu ASC"); while($row = mysqli_fetch_array($query)) {

?>

(4)

<!-- End Sidebar --> <!-- Begin Content --> <div id="content"> <?php

if (isset($_GET['cari'])) { $cari = $_GET['cari'];

$query2 = mysqli_query($kon, "SELECT * FROM klub WHERE nama LIKE '%$cari%'");

$i = 1;

while($row = mysqli_fetch_array($query2)) { ?>

<div class="product <?php if ($i % 3 == 0) { echo "last"; } ?>">

<a href="detail.php?klub=<?php echo $row['nama']; ?>" title="<?php echo $row['nama']; ?>">

<span class="<?php echo $row['nama']; ?>"><?php echo $row['nama']; ?></span> <img src="css/images/<?php echo $row['gambar']; ?>" alt="Product Image 1" /> <span class="number">Detail Klub</span>

(5)

<p>PSSI dibentuk pada tanggal 19 April 1930 di Yogyakarta dengan nama Persatuan Sepak Raga Seluruh Indonesia. Sebagai organisasi olahraga yang lahir pada masa penjajahan Belanda, kelahiran PSSI ada kaitannya dengan upaya politik untuk menentang penjajahan.

Apabila mau meneliti dan menganalisa lebih lanjut saat-saat sebelum, selama, dan sesudah kelahirannya hingga 5 tahun pasca proklamasi kemerdekaan tanggal 17 Agustus 1945, terlihat jelas bahwa PSSI lahir dibidani oleh muatan politis, baik secara langsung maupun tidak, untuk menentang penjajahan dengan strategi menyemai benih-benih nasionalisme di dada pemuda-pemuda Indonesia yang ikut bergabung.<p/> <span>|</span>

<p>PSSI didirikan oleh seorang insinyur sipil bernama Soeratin Sosrosoegondo. Ia menyelesaikan pendidikannya di Sekolah Teknik Tinggi di Heckelenburg, Jerman, pada tahun 1927 dan kembali ke tanah air pada tahun 1928. Ketika kembali, Soeratin bekerja pada sebuah perusahaan bangunan Belanda, Sizten en Lausada, yang berkantor pusat di Yogyakarta.

Di sana dia merupakan satu-satunya orang Indonesia yang duduk sejajar dengan komisaris perusahaan konstruksi besar itu. Akan tetapi, didorong oleh semangat nasionalisme yang tinggi, dia kemudian memutuskan untuk mundur dari perusahaan tersebut. </p>

</div>

<!-- End Post --> <!-- Begin Products -->

<div class="cl">&nbsp;</div> <!-- End Products -->

<?php } ?> </div>

<!-- End Content -->

<!-- Begin Right Sidebar -->

<div id="right-sidebar" class="sidebar"> <ul>

<li class="widget products-box"> <h2>Klasemen Sementara</h2>

<img style="width: 250px;" src="img/klasemen/klasemen.jpg"> </li>

<?php include 'inc/footer.php'; ?>

Berita Selengkapya.php

<?php include 'inc/header.php'; ?> <!-- Begin Main -->

<div id="main"> <!-- Begin Inner --> <div class="inner">

(6)

<div class="shell">

<!-- Begin Left Sidebar -->

<div id="left-sidebar" class="sidebar">

$query = mysqli_query($kon, "SELECT * FROM berita ORDER BY tanggal DESC LIMIT 4");

while($row = mysqli_fetch_array($query)) { ?>

<li><a href="berita-selengkapnya.php?judul=<?php echo $row['judul']; ?>" title="<?php echo $row['judul']; ?>"><marquee><span><?php echo $row['judul']; ?></marquee></span></a></li>

$query = mysqli_query($kon, "SELECT * FROM galery ORDER BY waktu ASC"); while($row = mysqli_fetch_array($query)) {

?>

<li><a href="galery.php"><?php echo $row['keterangan']; ?></a></li> <?php <!-- Begin Content --> <div id="content"> <?php

if (isset($_GET['judul'])) { $judul = $_GET['judul'];

$query = mysqli_query($kon, "SELECT * FROM berita WHERE judul='$judul'"); while($row = mysqli_fetch_array($query)) {

?>

(7)

<div class="judul">

<?php echo $row['judul']; ?> </div>

<div class="top"> <div class="pembuat">

<?php echo $row['pembuat']; ?> </div>

<div class="tanggal">

<?php echo $row['tanggal']; ?> </div>

<div class="clear"></div> </div>

<div class="gambar-berita">

<img src="img/berita/<?php echo $row['gambar']; ?>"> </div>

<div class="keterangan-berita">

<p><?php echo $row['keterangan']; ?></p> </div>

<!-- Begin Right Sidebar -->

<div id="right-sidebar" class="sidebar"> <ul>

<li class="widget products-box"> <h2>Klasemen Sementara</h2>

<img style="width: 250px;" src="img/klasemen/klasemen.jpg"> <div class="widget-entry">

<?php include 'inc/footer.php'; ?>

Detail.php

(8)

<!-- Begin Left Sidebar -->

$query = mysqli_query($kon, "SELECT * FROM berita ORDER BY tanggal DESC LIMIT 4");

while($row = mysqli_fetch_array($query)) { ?>

<li><a href="berita-selengkapnya.php?judul=<?php echo $row['judul']; ?>" title="<?php echo $row['judul']; ?>"><marquee><span><?php echo $row['judul']; ?></marquee></span></a></li>

$query = mysqli_query($kon, "SELECT * FROM galery ORDER BY waktu ASC"); while($row = mysqli_fetch_array($query)) {

?>

<li><a href="galery.php"><?php echo $row['keterangan']; ?></a></li> <?php <!-- Begin Content --> <div id="content"> <?php

if (isset($_GET['cari'])) { $cari = $_GET['cari'];

$query2 = mysqli_query($kon, "SELECT * FROM klub WHERE nama LIKE '%$cari%'");

$i = 1;

(9)

<div class="product <?php if ($i % 3 == 0) { echo "last"; } ?>">

<a href="detail.php?klub=<?php echo $row['nama']; ?>" title="<?php echo $row['nama']; ?>">

<span class="<?php echo $row['nama']; ?>"><?php echo $row['nama']; ?></span> <img src="css/images/<?php echo $row['gambar']; ?>" alt="Product Image 1" /> <span class="number">Detail Klub</span>

$query = mysqli_query($kon, "SELECT * FROM detail_klub WHERE nama='$klub'");

$row = mysqli_fetch_array($query); ?>

<div class="post">

<h2><?php echo $row['nama']; ?><span class="title-bottom">&nbsp;</span></h2> <table>

<tr>

<td>Nama</td><td><?php echo $row['nama']; ?></td> </tr>

<tr>

<td>Julukan</td><td><?php echo $row['julukan']; ?></td> </tr>

<tr>

<td>Tahun Berdiri</td><td><?php echo $row['tahun_berdiri']; ?></td> </tr>

<tr>

<td>Alamat</td><td><?php echo $row['alamat']; ?></td> </tr>

<tr>

<td>Telepon</td><td><?php echo $row['telepon']; ?></td> </tr>

<tr>

<td>Fax</td><td><?php echo $row['fax']; ?></td> </tr>

<tr>

<td>Pemilik</td><td><?php echo $row['pemilik']; ?></td> </tr>

<tr>

<td>Website</td><td><?php echo "http://" . $row['website'] . "/"; ?></td> </tr>

<tr>

(10)

<td>Email</td><td><?php echo $row['email']; ?></td>

$query_pemain = mysqli_query($kon, "SELECT * FROM pemain WHERE klub='$klub'");

while($row_pemain = mysqli_fetch_array($query_pemain)) { ?>

<tr>

<td><?php echo $row_pemain['no']; ?></td> <td><?php echo $row_pemain['nama']; ?></td> <td><?php echo $row_pemain['umur']; ?></td> <td><?php echo $row_pemain['posisi']; ?></td> </tr>

$query_stadion = mysqli_query($kon, "SELECT * FROM stadion WHERE nama_klub='$klub'");

while($row_stadion = mysqli_fetch_array($query_stadion)) { ?>

<tr>

<td><?php echo $row_stadion['nama_stadion']; ?></td> <td><?php echo $row_stadion['kota']; ?></td>

(11)

<?php

<!-- Begin Right Sidebar -->

<div id="right-sidebar" class="sidebar"> <ul>

<li class="widget products-box"> <h2>Klasemen Sementara</h2>

<img style="width: 250px;" src="img/klasemen/klasemen.jpg"> <div class="widget-entry"

<?php include 'inc/footer

.

php'; ?>

Galery.php

<?php include 'inc/header.php'; ?> <!-- Begin Main -->

$query2 = mysqli_query($kon, "SELECT * FROM klub WHERE nama LIKE '%$cari%'");

$i = 1;

while($row = mysqli_fetch_array($query2)) { ?>

<div class="product <?php if ($i % 3 == 0) { echo "last"; } ?>">

<a href="detail.php?klub=<?php echo $row['nama']; ?>" title="<?php echo $row['nama']; ?>">

<span class="<?php echo $row['nama']; ?>"><?php echo $row['nama']; ?></span> <img src="css/images/<?php echo $row['gambar']; ?>" alt="Product Image 1" /> <span class="number">Detail Klub</span>

(12)

<span class="price"><span></span></span>

$query = mysqli_query($kon, "SELECT * FROM galery ORDER BY waktu ASC"); while($row = mysqli_fetch_array($query)) {

?>

<div class="gambar"> <ul>

<li class="img"><img src="img/galery/<?php echo $row['gambar']; ?>"></li> <li class="keterangan"><?php echo $row['keterangan']; ?></li>

</ul>

<?php include 'inc/footer.php'; ?>

Koneksi.php

<?php

@session_start();

$kon = mysqli_connect("localhost", "root", "", "tugas_akhir"); if (!$kon) {

echo "Error..." . mysqli_error($kon); }

Style.css

@font-face{

(13)

src:

url('fonts/MyriadPro-SemiboldCond-webfont.eot?#iefix')format('embedded-*{margin: 0; padding: 0; outline: 0;} body{

font-size: 12px; line-height: 16px;

font-family: "Trebuchet MS", arial, sans-serf; color: #939393;

background: #2a2a2a url('images/body-bg.png') repeat-x 0 18px; width: 100%;

a{ color: #0252aa; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; }

a img {bordee: 0;}

input, textarea, select {font-size: 12px; font-family: "Trebuchet MS"}, arial, sans-serif;}

textarea{ overflow: auto; }

.cl{ display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext {font-size: 0; line-height: 0; text-indent: -4000px; } .left, .alignleft {float: left; display: inline; }

.right, .alignright {float: right; display: inline; }

#wrapper {background: url('images/wrapper-bg.png') repeat-x 0 0; padding-top: 5px; }

/" search "/

#search {background: url (images/search-bg.png) repeat-x 0 0; padding-top: 5px; } #search form {float: right; display: inline; width: 193px; padding-right: 9px;} #search input {background: none; border: none; }

#search.container {background: url('images/search-field.png') no-repeat 0 0; width: 141px; height: 26px; float: left; display: inline; }

#search.container input { color: #c5c5c5; font-size: 12px; line-height: 16px; padding: 5px 9px; width: 119px; height: 16px; }

#search.search-button {background: url('images/search-button.png') no-repeat 0 0; width: 52px; height: 26px; cursor: pointer;font-size: 0; line-height: 0;}

/" Header "/

(14)

h1#logo { padding-top: 6px; padding-bottom: 2px; }

<table class="table table-responsive table-bordered table-hover"> <th class="text-center">No</th>

<th class="text-center">nama</th> <th class="text-center">Gambar</th>

<th class="text-center" colspan="2">Aksi</th> <?php

$query = mysqli_query($kon, "SELECT * FROM klub ORDER BY no DESC") while ($row = mysqli_fetch_array($query)) {

?> <tr>

<td width="10%"><?php echo $row['no']; ?></td> <td width="10%"><?php echo $row['nama']; ?></td>

<td width="30%"><img class="img-thumbnail img-responsive" width="200px" src="../css/images/<?php echo $row['gambar']; ?>"></td>

<td width="5%"><a href="editklasemen.php?nama=<?php echo $row['nama']; ?>">Edit</a></td>

<td width="5%"><a id="del" href="deleteklasemen.php?nama=<?php echo $row['nama']; ?>">Delete</a></td>

(15)

55

DAFTAR

PUSTAKA

Bernard, R. S. Prijono, A., dan Agustaf, R. 2005. Mudah dan Cepat Menguasai

Pemrograman Web. Bandung: Informatika Bandung.

Kadir, Abdul. 2009. Dasar Perancangan Dan Implentasi Database

Relasional.

Yogyakarta : Penerbit Andi

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Informatika Bandung.

Kendall E, Kendall J. 2007. Analisis dan Perancangan Sistem. PT Indeks. Klaten.

Kurniadi, Adi. 2001. Belajar mahir website, Surabaya : PT. Elex Media Komputindo Gramedia,

Sugiri, Haris Saputro. 2008. Pengelolaan Database MySQL

denganPhpMyAdmin.

Yogyakarta: Graha Ilmu.

Sunarfrihantono, ST, Bimo. 2002. Php Dan Mysql Utk Web HTML. Yogyakarta : Andi

Atau :

http://for7delapan.wordpress.com/2012/03/05/pengertian-sistem-informasi-menurut- para-ahli/. Diakses bulan Mei 2013.

http://id.shvoong.com/social-sciences/communication-media-studies/2068236- pengertian-database-menurut-para-ahli. Diakses bulan Mei 2013.

(16)

27

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Perancangan sistem yang dilakukan merupakan analisis perangkat lunak, analisis

program dan model yang akan dibuat. Oleh karena itu semua data yang ada didalam

sistem akan dikemas dalam suatu basis data, kemudian dideskripsikan kedalam Data

Flow Diagram (DFD) dan Flowchart sistem. Perancangan sistem dilakukan untuk

mendapatkan gambaran jelas mengenai apa yang harus dikerjakan.

3.1.1 Perancangan Output

Berikut merupakan rancangan output website yang ada didalam sistem :

(17)

3.2 Perancangan Data Flow Diagram (DFD)

3.2.1 Diagram level konteks

Pada perancangan sistem ini, penulis mencoba untuk memberikan gambaran mengenai

alur data dari sistem ini, khususnya untuk alur pemesanan produk. Adapun rancangan

Data Flow Diagram (DFD) pada perancangan ini terdiri atas 2 sistem, yaitu :

1. Sistem DFD Level Konteks

Info data klub Info data berita Info Website Sepakbola Info data galery

Admin Informasi

Sistem Informasi

Informasi Website Sepakbola

Pengunjung

Gambar 3.2 DFD Level Konteks

(18)

29

2. Sistem DFD Level 0

Informasi

Admin

F1 Kategori Berita

1.0

Input Data

2.0

Pembuatan Laporan

F2 Kategori Klub

F3 Kategori Pemain

Data Pemain

Data Klub

Data kategori berita

Pengunjung

(19)

3.3 Perancangan Entity Relationship Data (ERD)

a. Mengidentifikasi dan menetapkan seluruh himpunan entity yang terlibat

Pengunjung Informasi Admin

Gambar 3.4 ERD Tahap Pertama

b. Menentukan atribut key masing-masing himpunan entity

Pengunjung Informasi Admin

Umum Berita Username

Gambar 3.5 ERD Tahap Kedua

c. Mengidentifikasi dan menetapkan seluruh himpunan relasi diantara himpunan

entity-entity beserta foreign key-nya (kunci asing)

Pengunjung

Melihat

Informasi menyediakan Admin

Umum

Berita Username

Gambar 3.6 ERD Tahap Ketiga

(20)

31 3.4 Perancangan Database

Database merupakan kumpulan data yang saling berhubungan satu dengan lainnya,

tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk

memanipulasinya. Database merupakan salah satu komponen yang penting dalam

sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para

pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini

file-file tersebut dikelompokkan secara terstruktur dalam beberapa table sesuai dengan

informasi yang terkandung didalamnya. Berikut adalah ringkasan dari tabel - tabel apa

saja yang diperlukan untuk membentuk suatu sistem informasi dengan penjelasannya.

Tabel 3.1 Tabel yang dibutuhkan dalam pembentukan Website Sepakbola Nasional

Nama Tabel Keterangan

Berita Memberikan Informasi Terkini Tentang Sepakbola Nasional

Klub Berisi 18 Klub yang berkompetisi di ISL

Gallery Berisi foto –foto para pemain maupun pengurus Sepakbola Nasional

Detail_Klub Berisi julukan daftar pemain dan nama stadion klub

Pemain Berisi daftar yang bermain di kompetisi ISL

Stadion Berisi detail stadion – stadion klub

Tabel 3.2 Berita

Field Name Type Length Keterangan

Judul varchar 255 Judul berita

Gambar Varchar 255 Jenis gambar (PNG, JPEG,DLL)

Keterangan Text Isi berita

Tanggal Date time Tanggal dibuatnya berita

(21)

Tabel 3.3 Klub

Field Name Type Length Keterangan

No Int 11 Primary key, auto_increment

Nama Varchar 32 Nama klub

Gambar Varchar 32 Gambar klub

Tabel 3.4 Galery

Field Name Type Length Keterangan

id Int 11 Primary key, auto_increment

Keterangan Text Keterangan Foto

Gambar Varchar 255 Judul foto

Waktu datetime Waktu dibuatnya foto

Tabel 3.5 Detail Klub

Field Name Type Length Keterangan

nama Varchar 32 Primary key, auto_increment

julukan varchar 32 Julukan klub

Tahun berdiri Int 10 Tahun terbantuknya klub

alamat Varchar 255 Alamat klub

telepon Varchar 50 No telepon klub

fax Varchar 50 No fax klub

pemilik Varchar 250 Nama pemlilik klub

website Varchar 32 Situs website yg bisa dikunjungi

Email Varchar 32 Alamat email klub

(22)

Tabel 3.6 Pemain

Field Name Type Length Keterangan

no Int 11 Primary key, auto_increment

nama Varchar 32 Nama Pemain

posisi Varchar 32 Posisi Pemain

umur Varchar 32 Umur Pemain

klub Varchar 32 Klub Pemain

Tabel 3.7 Stadion

Field Name Type Length Keterangan

Nama_klub varchar 50 Nama Klub

Nama_stadion varchar 30 Nama Stadion

Kota Varchar 30 Kota Stadion

Alamat Varchar 30 Alamat stadion

(23)

3.5 Flowchart

Gambar 3.7 Flowchart Halaman Utama

(24)
(25)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan dalam menyelesaikan desain

sistem yang telah disetujui, untuk menguji menginstal dan memulai sistem baru atau

sistem yang diperbaiki untuk menggantikan sistem yang lama. Dapat juga diartikan

sebagai penaikan sistem lama menjadi baru.

Dalam hal ini, menurut Whitten, Bentley & Barlow, 1993, Implementasi

Sistem mempunyai 4 tahap, yaitu :

1. Membuat dan menguji basis data & jaringan.

Penerapan sistem yang baru atau perbaikan sistem dibuat pada basis data dan jaringan

yang telah ada. Jika penerapan sistem yang baru memerlukan basis data dan

jaringan yang baru atau dimodifikasi, maka sistem yang baru ini biasanya harus

diimplementasikan sebelum pemasangan program komputer.

2. Membuat dan menguji program.

Merupakan tahap pertama untuk siklus pengembangan sistem yang spesifik bagi

programmer. Bertujuan untuk mengembangkan rencana yang lebih rinci dalam

pengembangan dan pengujian program komputer yang baru.

3. Memasang dan menguji sistem baru.

Tahap ini dilakukan untuk menyakinkan bahwa kebutuhan integrasi sistem baru

terpenuhi.

(26)

Tujuan tahap ini adalah untuk mengubah secara perlahan - lahan sistem lama menjadi

sistem baru sehingga perlu dilakukan pemasangan basis data yang akan digunakan

pada sistem baru.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut :

a. Menyelesaikan desain sistem yang telah di setujui sebelumnya, menyusun

dokumen yang baru diperbaiki.

b. Memastikan bahwa pengguna (user) dapat mengoperasikan sistem baru. c.

Menguji apakah sistem baru tersebut sesuai dengan pemakai.

d. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat

rencana, mengontrol dan melakukan instalasi baru secara benar.

Langkah – langkah dalam implementasi sistem :

a. Menyelesaikan web.

b. Mendapatkan software dan hardware.

c. Menulis, menguji, dan mendokumentasikan program komputer.

d. Menguji sistem.

e. Mendapatkan persetujuan.

4.3 Komponen Utama Implementasi Sistem

Pengolahan data dalam sistem terkomputerisasi memerlukan fasilitas-fasilitas yang

principal harus ada. Adapun fasilitas yang dibutuhkan penulis dalam merancang web

sebagai berikut :

(27)

Merupakan jantung dari komputer, komputer yang merupakan pusat

pengolahan data serta pusat pengontrolan dari keseluruhan sistem komputer.

b. Memori

Merupakan tempat penampungan atau tempat penyimpanan data untuk

sementara.

c. Monitor

Merupakan layar yang menampilkan output program. d.

Keyboard

Merupakan alat input.

e. Modem (Modulator-Demodulator)

Merupakan alat bantu komputer untuk proses komunikasi. Alat ini berfungsi

mengubah signal analog menjadi signal digital dan sebaliknya.

4.3.1 Perangkat keras (Hardware )

Hardware merupakan komponen yang terlihat secara fisik saling bekerjasama dalam

pengolahan data. Spesifikasi hardware yang digunakan untuk pembuatan aplikasi

penjualan online ini sebagai berikut :

Mikroprosesor : Amd A8 6410 2.00 GHz

Memori : 4 GB DDR3

Media Penyimpanan : HDD 500 GB

Kartu Grafik (VGA) : 2 GB

Monitor : Resolusi 1366 x 768

(28)

4.3.2 Perangkat lunak (Software )

Software merupakan komponen dari sistem pengolahan data yang diluar dari peralatan

komputer sendiri. Adapun software yang digunakan penulis adalah sebagai berikut :

1. Sistem Operasi : Microsoft Windows 7 Ultimate 64bit

2. Program : Menggunakan bahasa pemrograman PHP dan MySQL

3. Database Server : XAMPP V3.2.1

4. Browser : Google Chrome

5. Editor : Sublime Text 2

4.3.3 Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang ada,

faktor manusia yang dimaksud adalah orang-orang yang memiliki keahlian dibidang

komputer dan merupakan unsur manusia yang dibutuhkan meliputi :

a. Programmer

Orang yang mengerti bahasa pemrograman dan membangun program.

b. Operator

Orang yang menangani langsung dalam pengolahan data mulai dari

mempersiapkan data hingga pengetikan data pada computer.

4.4 Uji Program

1. Halaman Utama / Beranda

Jalankan program dengan membuka web browser dengan alamat

http://localhost/daniel/index.php. Halaman ini merupakan halaman index / beranda

pada

(29)

Gambar 4.1 Beranda Website Sepakbola

(30)

4.4.2 Halaman Kompetisi

(31)

Gambar 4.3 Detail Klub

(32)

4.4.3 Halaman Berita

(33)

Gambar 4.5 Detail Berita

(34)

4.4.4 Halaman Galley

(35)

Gambar 4.7 Detail Gallery

(36)

4.4.5 Halaman Tentang

(37)

4.4.6 Halaman Admin

Gambar 4.9 Halaman Admin

(38)

(39)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan pembahasan dan pengujian dari bab-bab sebelumnya serta analisis

terhadap sistem yang diuji, maka dapat ditarik kesimpulan sebagai berikut.

1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.

2. Sistem Informasi menggunakan database memilik keuntungan dari segi

Kapasitas data, keamanan dan penghematan.

3. Dengan Apikasi ini para Pencinta Sepak bola dapat mengakses berita

terbaru serta peraturan yang dilakukan Liga Indonesia.

4. Sebagai Media informasi berita sepak bola nasional.

5. Dengan perkembangan internet yang semakin canggih, diharapkan memberikan

kemudahan bagi pengunjung dalam mencari informasi seputar sepakbola nasional

5.2 Saran

Berikut ini adalah saran-saran yang dapat penulis berikan untuk pengembangan

lebih lanjut terhadap penelitian ini :

1. Data-data Penyelenggara PT Liga Sepak Bola harus lebih dilengkapi.

2. Seantiasa menjaga dan memperbahaui website agar pengunjung tidak merasa

bosan.

(40)

3. Pemeliharaan terhadap keamanan data-data pada server sehingga dat

(41)

7

BAB 2

LANDASAN TEORI

2.1 Pengertian Web

Web atau Situs dapat diartikan sebagai kumpulan halaman- halaman yang digunakan

untuk menampilkan informasi berupa teks, gambar, animasi, suara, dan atau

gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang

membentuk satu rangkaian bangunan yang saling terkait di mana masing- masing

dihubungkan dengan link - link dan dapat diakses melalui sebuah perangkat yang

disebut web. Pada awalnya aplikasi web dibangun dengan hanya menggunakan

bahasa HTML (HyperText Markup Language). Pada perkembangan berikutnya,

sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML

seperti PHP dan ASP pada skrip dan Apllet pada objek. Aplikasi Web dapat dibagi

menjadi dua jenis yaitu aplikasi web statis dan dinamis.

Web statis dibentuk dengan menggunakan HTML, kekurangan aplikasi seperti

ini terletak pada keharusan untuk memelihara program secara terus menerus untuk

mengikuti setiap perkembangan yang terjadi. Kelemahan ini diatasi oleh model

aplikasi web dinamis. Pada aplikasi web dinamis, perubahan informasi dalam halaman

web dilakukan tanpa perubahan program tetapi melalui perubahan data.

(42)

11

Sebagai implementasi, aplikasi web dapat dikoneksikan ke basis data sehingga

perubahan informasi dapat dilakukan oleh operator dan tidak menjadi tanggung jawab

dari pembangun web.

Arsitektur aplikasi web meliputi klien, web server, middleware dan basis data.

Klien berinteraksi dengan web server. Secara internal, web server berkomunikasi

dengan middleware, kemudian middleware yang berkomunikasi dengan basis data.

Contoh middleware adalah PHP dan ASP. Pada mekanisme aplikasi web

dinamis,terjadi tambahan proses yaitu server menerjemahkan kode PHP menjadi

kode HTML. Kode PHP yang diterjemahkan oleh PHP engine tersebut yang akan

diterima oleh klien (Abdul Kadir, 2009).

2.2 Pengenalan Personal Home Page (PHP)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang

digunakan dalam dunia website. PHP adalah bahasa pemro graman yang berbentuk

script yang diletakkan di dalam web server. Ada beberapa pengertian tentang PHP,

akan tetapi PHP dapat diartikan sebagai Hypertext Prepocessor. Ini merupakan

bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada

klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut

serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi

(43)

2.2.1 Sejarah PHP

PHP dibuat pada tahun 1994 oleh Rasmus Lerdof. Tetapi dikembangkan oleh orang

lain dan setelah melalui tiga kali karya penulisan, akhirnya PHP menjadi bahasa

pemrograman Web. PHP adalah sebuah produk yang berbentuk open source,

sehingga source code dari PHP dapat digunakan, diganti, diedit tanpa harus

membayar atau dikenakan biaya.

2.2.2 Kelebihan dan Kelemahan PHP

Kelebihan PHP sebagai bahasa server - side adalah :

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah

kompilasi dalam peng gunaanya.

2. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai

IIS sampai dengan apache, dengan configurasi yang relatif mudah.

3. Dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat

dijalankan secara runtime melalui console serta juga dapat menjalankan

perintah-perintah sistem.

Adapun kelemahan PHP antara lain :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak dapat memisahkan antara tampilan dengan logic yang baik (walau penggunaan

template dapat memperbaikinya.

(44)

13

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam

melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.

2.2.3 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu

memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan

tanda tanya dilanjutkan tanda tag tutup ( ?> ). Ada dua tipe penggabungan antara PHP

dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela - sela tag HTML. Dengan cara ini, penulisan tag

PHP digunakan untuk mengapit bagian - bagian tertentu dalam dokumen yang

memerlukan script PHP untuk proses di dalam server. Embedded Script

menempatkan sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini :

<html>

<head>

<title>Testing</title>

</head>

<body>

<?php echo "Halo Dunia"; ?>

(45)

</html>

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.

Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri

keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan

script HTML sebagai bagian dari script PHP. Script dapat dilihat dibawah ini :

<?

echo „<html>‟;

echo ‟<head>‟;

echo „<title>Testing</title>‟;

echo „</head> <body>‟;

echo „Halo Dunia‟;

echo „</body>‟;

echo ‟</html>‟;

?>

2.3 MySQL

MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data

Base Management System). MySQL juga dapat dikategorikan sebagai Relational

Data Base Management System (RDBMS), karena dalam pembuatan basis data pada

MySQL dapat dipilah - pilah ke dalam berbagai tabel 2 (dua) dimensi. Setiap

tabel pada MySQL terdiri atas lajur horizontal dan la jur vertik al. MySQL, pada

saat ini,

(46)

15

banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan

basis data sebagai data dan pengolahan data. Penyebab utama MySQL begitu popular

di kalangan web adalah karena memang cocok bekerja di lingkungan tersebut.

Pertama, MySQL tersedia di berbagai platform Linux dan berbagai varian Unix.

Sesuatu yang tidak dimiliki Access, misalnya padahal A ccess amat popul ar di

platform Windows. Banyak web server berbasiskan Unix, ini menjadikan A ccess

otomatis tidak dapat dipakai karena tidak memiliki kemampuan client - server /

networking Kedua, fitur - fitur yang dimiliki MySQL memang yang biasanya banyak

dibutuhkan dalam aplikasi web, misalnya dalam mengolah string. Yang terakhir

misalnya, praktis untuk melakukan penyimpanan password anggota situs.

2.3.1. Sejarah Mysql

MySQL adalah sebuah sistem manajemen database relasi (relational database

management system) yang bersifat open source. (Arbie, 2004 : 5) MySQL merupakan

buah pikiran dari Michael “Monty” Widenius, David Axmark dan Allan Larson yang

di mulai tahun 1995. mereka bertiga kemudian mendirikan perusahaan bernama

MySQL AB di Swedia. MySQL versi 1.0 di rilis pada Mei 1996 dan penggunaannya

hanya terbatas dikalangan perusahaan saja. Barulah pada bulan Oktober 1996,

MySQL versi 3.11.0 di rilis ke masyarakat luas. MySQL menggunakan bahasa

standar SQL (Structure Query Language) sebagai bahasa interaktif dalam mengelola

data. MySQL memiliki kinerja, kecepatan proses dan ketangguhan yang tidak kalah

(47)

Unify dan sebagainya. MySQL dapat berjalan di atas banyak sistem operasi seperti

Linux, Windows, Solaris, FreeBSD, Mac OS X, dan lain sebagainya. MySQL adalah

sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang

didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap

pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan

perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat

komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah

sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan

pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah

secara otomatis. Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara

kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat

oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai

peladen basis data, MySQL mendukung operasi basis data transaksional

maupun operasi basisdata non - transaksional. Pada modus operasi

non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan

perangkat lunak peladen basisdata competitor lainnya. Namun demikian pada

modus non - transaksional tidak ada jaminan atas reliabilitas terhadap data yang

tersimpan, karenanya modus non - transaksional hanya cocok untuk jenis aplikasi

yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web

(wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang ditujukan untuk

bisnis sangat disarankan untuk menggunakan modus basisdata transaksional,

hanya saja sebagai konsekuensinya unjuk kerja.

(48)

17

MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-

transaksional.

2.3.2 Keistimewaan MySQL

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti

Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi. 2. Perangkat lunak sumber terbuka, MySQL didistribusikan sebagai perangkat

lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara

gratis.

3. Multi-user, MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang

bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning, MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per

satuan waktu.

5. Ragam tipe data, MySQL memiliki ragam tipe data yang sangat kaya, seperti

signed / unsigned integer, float , double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan Fungsi, MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah Select dan Where dalam perintah (query).

7. Keamanan, MySQL memiliki beberapa lapisan keamanan seperti level

(49)

mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan, MySQL mampu menangani basis data dalam skala

besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu table serta 5

milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks

pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan

protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10.Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia

belum termasuk di dalamnya.

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi

dan bahasa pemrograman dengan menggunakan fungsi API (Applicationm

Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool) yang dapat

digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada

disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani

ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

Terdapat beberapa API (Application Programming Interface) tersedia yang

memungkinkan aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa

(50)

19

pemrograman untuk dapat mengakses basis data MySQL antara lain: bahasa

pemrograman C, C++, C#, bahasa pemrograman Eiffel, bahasa pemrograman

Smalltalk, bahasa pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa

pemrograman Python, Ruby, REALbasic dan Tcl. Sebuah antarmuka ODBC

memanggil MyODBC yang memungkinkan setiap bahasa pemrograman yang

mendukung ODBC untuk berkomunikasi dengan basis data MySQL. Kebanyakan

kode sumber MySQL dalam ANSI C.

MySQL sangat populer dalam aplikasi web seperti Media Wiki (perangkat

lunak yang dipakai Wikipedia dan proyek-proyek sejenis) dan PHP-Nuke dan

berfungsi sebagai komponen basis data dalam LAMP. Popularitas sebagai aplikasi

web dikarenakan kedekatannya dengan popularitas PHP, sehingga seringkali disebut

sebagai Dynamic Duo.

Modul yang sudah termasuk yaitu command-line (perintah: mysql dan mysql

admin). Juga dapat diunduh dari situs MySQL yaitu sebuah modul berbasis grafik

(GUI): MySQL Administrator dan MySQL Query. Selain itu terdapat juga sebuah

perangkat lunak gratis untuk administrasi basis data MySQL berbasis web yang

sangat populer yaitu php MyAdmin. Untuk perangkat lunak untuk administrasi basis

data MySQL yang dijual secara komersial antara lain: MySQL front, Navicat dan

(51)

2.3.3 Akusisi Oleh Sun dan Oracle

Pada tanggal 16 Januari 2008 Sun Microsystems, Inc mengumumkan aksi korporasi -

akuisisi terhadap MySQL AB sehingga menjadikan Sun sebagai salah satu

perusahaan dengan produk platform open source terbesar seperti Java, OpenSolaris

dan akhirnya MySQL.

Berselang setahun kemudian, tepatnya pada tanggal 20 April 2009 giliran

Oracle melakukan akusisi terhadap Sun Microsystems. Sejak saat itu berkembang isu

Oracle yang memiliki produk database yang berkompetisi dengan MySQL - akan

mematikan MySQL. Namun sampai sejauh ini hal tersebut belum terbukti.

2.3.4. Komunitas MySQL Indonesia

MySQL termasuk salah satu database utama yang digunakan di Indonesia terutama di

kalangan developer PHP. Ini disebabkan native integration antara PHP dan MySQL

serta banyaknya hosting yang menyertakan kedua produk tersebut karena bebas

lisensi dan sudah terbukti tangguh dan efisien. Website komunitas MySQL Indonesia

yang terpisah dari komunitas PHP dapat Anda kunjungi di:

http://groups.google.com/group/mysql-indonesia.

(52)

21

2.4 CSS (Cascading Style Sheet)

Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C) menjadikan

CSS sebagai bahasa pemrograman standart dalam pembuatan dokumen web.

Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet

Explorer, karena kedua pada saat itu bersaing mengembangkan TAG sendiri untuk

mengatur tampilan web.

CSS level 1 mendukug pengaturan tampilan dalam hal:

1. Font (jenis, ketebalan).

2. Warna, teks, backgrounf dan elemen lainnya.

3. Text attributes, misalnya spasi antar baris, kata dan huruf.

4. Posisi teks, gambar, table dan elemen lainnya.

5. Marjin, border dan padding.

Selanjutnya di tahun 1998, W3c menyempurnakan CSS awal dengan menciptakan

standar. CSS2 (CSS level 2) yang menjadi standar hingga saat ini. Pada CSS level 2

ini, di masukkan semua atribut dari CSS1, serta diperluas dengan penekanan pada

Internasional accessibility and capability khususnya media-specific CSS.Bahkan pada

tahun 2000, tidak lama setelah CSS2 di implementasikan. CSS2 ini sampai sekarang

(53)

2.4.1 Definisi CSS

CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode

HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah

struktur dasar halaman web secara lebih mudah dan cepat, serta irit size. CSS juga

membantu kita untuk menyeragamkan seluruh halaman website dengan tampilan

yang konsisten. Misalnya, kita mau seluruh font yang ada di website kita adalah font

"Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis

tanpa harus mengganti-ganti font secara manual di setiap halaman.

Dahulu kala, sebelum CSS menjadi standar untuk mendesain halaman web

seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu

desainnya,dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi

bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu

desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau

sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi

berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut

image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak

SEO friendly.

Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana

dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang

merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1. CSS

(54)

23

merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana

mempunyai banyak keuntungan, diantaranya:

1. Ukuran file lebih kecil

2. Load file lebih cepat

3. Dapat berkolaborasi dengan JavaScript

4. Pasangan setia XHTML

5. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS.

6. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja.

2.4.2 Kelebihan penggunaan CSS

halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly

anda dapat dengan mudah mengganti tampilan web dengan cukup mengganti nilai

dan definisi pada pada satu file CSS saja.

2.4.3 Kekurangannya penggunaan CSS

susah untuk dimengerti dibandingkan dengan bahasa pemrograman lainnya

contohnya: HTML, PHP, Java Script, dan lain-lain dan CSS ini memerlukan waktu

(55)

2.4.4 Syntax atau aturan penulisan

Aturan penulisan css itu sangatlah simple contohnya seperti ini:

selector_id{

property:value;

}

selector_class {

property:value;

}tag_html { property:value;

property_lagi:valuenya; /* }

keterangan syntax

a. diawali dengan selector atau tag_html.

b. kemudian tambahkan { (buka kurung karawal). c.

abis itu barulah kita tulis propertynya.

d. setelah menulis propertynya lanjutkan dengan : (titik dua) anggap seperti sama

dengan pada atribut html.

e. setelah : (titik dua), masukan valuenya.

f. sehabis menulis value tambahkan ; (titik koma), fungsinya untuk mengakhiri

property dan value.

g. next, jika kita tidak menambahkan property:value lagi

akhiri dengan } (tutup kurung karawal) fungsinya munutup selector

(56)

26

2.5 JQuery

JQuery adalah library JavaScript yang memungkinkan untuk membuat program

web pada suatu halaman web, tanpa harus secara eksplisit menambahkan event atau

pun properti pada halaman web tersebut. Dengan JQuery , suatu halaman

web yang menjadi aplikasi web, jika dilihat source - nya, akan terlihat seperti

dokumen HTML biasa, tidak ada kode JavaScript yang terlihat langsung. Teknik

pemrograman web seperti ini disebut seba gai unobstrusive JavaScript

programming.

JQuery merupakan salah satu library yang membuat program web di

sisi klien, tidak terlihat sebagai program JavaScript biasa, yang harus secara

eksplisit disisipkan pada dokumen web. Pada teknik pemrograman sisi

klien dengan menggunakan JavaScript biasa, setiap elemen yang akan memiliki

event, akan secara eksplisit terlihat ada event yang dilekatkan pada elemen tersebut.

JQuery dikembangkan pertama kali oleh John Resig, yang dibuat

lebih ramping dari library Prototype yang menjadi inspirasi dari library JQuery ini.

Secara pemrograman, JQuery memiliki kemiripan seperti Prototype. JQuery juga

merupakan library yang sangat ramping, core dari library ini dalam keadaan

terkompres hanya berukuran sekitar 19KB. Lisensi JQuery adalah open source

yang bisa diperoleh secara cumacuma, dan dapat digunakan untuk kepentingan

komersial, tanpa ada tuntutan untuk membayar kepada pembuat JQuery. Lisensi

(57)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga mempunyai dampak

dalam meningkatkan efektifitas dan keefisienan dalam melakukan setiap pekerjaan. Teknologi

informasi tidak dapat dipisahkan dengan pembangunan sistem informasi sebagai bentuk sarana

penyedia informasi untuk berbagai kepentingan. Informasi yang disajikan di dunia internet

sudah sangat global dan selalu diusahakan on time sehingga waktu update suatu informasi

sangatlah cepat. Setiap organisasi dapat memanfaatkan internet dan jaringan teknologi

informasi untuk menjalankan berbagai aktivitasnya secara elektronis. Dengan digunakannya

aplikasi web, diharapkan segala masalah dapat diatasi dengan mudah.Mungkin suatu kenaifan

kalau berbicara tentang teknologi informasi dan komunikasi,tanpa membicarakan suatu benda

yang bernama komputer.

Komputer merupakan suatu media elektronik yang memegang peranan yang sangat

penting dalam perkembangan yang terjadi saat ini. Komputer bukan lagi barang mewah atau

sesuatu yang langka untuk dimiliki oleh seseorang seperti awal kedatangannya, tetapi sudah

menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum dan vital, terutama bagi

perusahaan dan badan instansi baik milik pemerintah maupun swasta. Penggunaan komputer

telah berkembang menjadi sebuah sarana komunikasi dan edukasi yang paling cepat saat ini.

Sehingga pengunaannya menjadi penting di setiap sendi-sendi kehidupan masyarakat,

(58)

termasuk dalam proses perolehan informasi pada suatu perusahaan atau media massa. Sejak

munculnya teknologi Internet, proses pengiriman, penyampaian, serta penerimaan informasi itu

sendiri menjadi lebih cepat dan efektif.Seiring berkembangnya teknologi internet,maka aplikasi

web atau yang sering juga disebut dengan perangkat lunak berbasis web ini baik dari segi

penggunaan, ukuran, dan bahasa pemrograman yang digunakan serta kompleksitasnya juga

ikut berkembang. Aplikasi ini telah banyak yang bersifat dinamis dan task oriented.

PHP (Hypertext Preprocessor) merupakan bahasa pemrograman yang bersifat server

side script, yaitu bahasa yang berbentuk script yang terletak dan dieksekusi di server untuk

kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/user/client. PHP

dirancang untuk membentuk suatu web yang bersifat dinamis,yang artinya halaman yang

ditampilkan dibuat saat halaman itu diminta oleh pengguna/user/client.

PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan

sifatnya open source (bebas pakai) sehingga memberikan kesempatan buat semua user dan

programmer untuk menggunakan dan mengembangkannya. Selain itu demi mendukung

berkembangnya aplikasi web yang semakin besar, rumit, dan kompleks, maka

dikembangkanlah kemampuan object oriented programming dari PHP. Keuntungan yang dapat

diperoleh dari kemampuan object oriented programming dari PHP, yaitu kemudahan untuk

mengolah kompleksitas yang dibuat serta kemudahan untuk melakukan perubahan dan

pengembangan dari aplikasi tersebut.

Pada zaman sekarang sangat dibutuhkannya suatu Sistem Informasi yang bermanfaat

dan akurat untuk mempermudah pengguna Internet mengetahui informasi serta berita - berita

(59)

Dengan pertimbangan diatas dan pribadi penulis yang ingin menerapkan pengetahuan

yang telah diperoleh selama ini maka penulis memutuskan untuk membuat suatu aplikasi web

yang berjudul : “PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL

DENGAN MENGGUNAKAN PHP DAN MYSQL”.

1.2 Perumusan Masalah

Pada umumnya setiap daerah memerlukan suatu informasi liga amatir untuk smengetahui klub

liga amatir serta SSB yang ada di suatu daerah tersebut dimana pengetahuan pecinta sepak bola

tidak hanya seputar klub dengan kasta yang tertinggi. Sehubungan dengan hal tersebut maka

dapat dirumuskan masalah yang dihadapi penulis di dalam pembuatan aplikasi ini, yaitu:

a. Bagaimana mendesain, membuat dan menghasilkan suatu sistem informasi yang

berbasis web untuk dapat menyimpan dan menampilkan informasi detail terhadap suatu

klub/pemain.

b. Bagaimana informasi pada website dapat di update dengan mudah pada waktu yang

diinginkan sesuai dengan tujuan aplikasi ini, yaitu website yang dinamis.

1.3 Tujuan Penelitian

Demi kelancaran dan pengembangan suatu komunitas harus di dukung dengan kebutuhan akan

informasi yang cepat dan tepat, dalam hal ini suatu komunitas dituntut untuk mengikuti

perkembangan zaman sesuai dengan kebutuhan. Penelitian adalah langkah yang paling tepat

untuk mengetahui dengan jelas bagian-bagian dari sistem yang digunakan dan merupakan

sumber informasi di dalam pembentukan sistem yang baru.

(60)

1. Merancang dan membuat suatu Website yang dapat memberikan informasi seputar liga

sepakbola nasional.

2. Mengetahui bagaimana merancang dan membuat Website serta menghubungkannya

dengan program aplikasi HTML, bahasa pemrograman PHP 5.0.

3. Untuk memenuhi salah satu persyaratan menyelesaikan Tugas Akhir

Diploma (D3) FMIPA USU.

1.4Batasan Masalah

Agar pembahasan masalah tidak menyimpang dari tujuan penelitian, maka berikut

adalah beberapa batasan yang perlu dibuat, yaitu:

a. Website ini akan menampilkan halaman-halaman web yang statis maupun dinamis

mengenai sistem informasi Liga Sepakbola Nasional.

b. Aplikasi ini dibangun dibawah sistem operasi Windows 7.

c. Website yang dibangun mendukung bahasa pemograman web yang lainnya seperti:

HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), dan

Javascript.

d. Aplikasi dibangun menggunakan aplikasi web server XAMPP yang terdiri dari

Apache, PHP, dan MySQL.

1.5Metodologi Penelitian

Untuk menyusun tugas akhir ini, penulis melakukan penerapan metode penelitian dalam

memperoleh data-data yang dibutuhkan sehingga penyusunan tugas akhir ini dapat diselesaikan

(61)

1. Metode Pengumpulan Data

Studi pustaka yaitu dengan mempelajari buku-buku yang mendukung. Dan juga

mempelajari dari internet.

2. Membuat Aplikasi

a. Analisis sistem, yaitu tahap mengidentifikasi masalah.

b. Desain, yaitu membuat tampilan program semenarik mungkin.

c. Coding, yaitu membuat kode tahap program.

d. Debuggin, yaitu tahap pencarian kesalahn dalalm program.

e. Compiling, yaitu membuat program menjadi executable.

f. Membuat petunjuk dalam mengoperasikan program.

3. Uji Aplikasi

Pengujian aplikasi yang telah dibuat apakah sudah sesuai dengan yang telah

direncanakan dan mencari kesalahan aplikasi untuk diperbaiki.

4. Perbaikan

Memperbaiki kesalahan dan kelemahan yang telah ditemukan dan memperbaiki

untuk memaksimalkan aplikasi.

5. Membuat Laporan Tugas Akhir

Membuat laporan tugas akhir sebagai laporan ke jurusan.

1.6Tinjauan Pustaka

(62)

Sebagai suatu aplikasiyang ingin dinilai baik haruslah memiliki referensidan program aplikasi

pendukungyang cukup. Oleh karena itu penulis mengumpulkan bahan bacaan guna

mengumpulkan informasi yang berhubungan dengan materi yang terdapat dalam tugas akhir

nantinya. Sebagai sumber bahan bacaan atau informasi tersebut penulis mendapatkannya dari

perpustakaan Universitas Sumatera Utara,

koleksi buku pribadi milik sendiri serta pinjaman dari teman–teman penulis. Kemudian adapun

beberapa program aplikasi pendukung dalam pembentukkan sistem informasi ini, yaitu:

1. MySQL

Adalah sebuah perangkat lunak manajemen basis data SQL (database management

system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di

seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis

dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual

dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok

dengan penggunaan GPL.

2. PHP

Adalah sebuah program bahasa script yang tidak melakukan sebuah kompilasi dalam

penggunaanya. Web Server yang mendukung php dapat ditemukan dimana-mana dari

mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah. Dalam sisi

pengembangan lebih mudah, karena banyaknya milis-milis dan developer yang siap

membantu dalam pengembangan. Dalam sisi pemahamanan, php adalah bahasa

(63)

source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat

dijalankan secara runtimemelalui console serta juga dapat menjalankan

perintah-perintah sistem.

3. CSS

Merupakan program yang banyak digunakan oleh pengembang web karena fitur–

fiturnya yang menarik dan kemudahan penggunaannya.Versi terakhir Macromedia

Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi

terakhir Dreamweaver keluaran Adobe Systems adalah yang ada dalam Adobe Creative

Suite 5 (sering disingkat Adobe CS5).

4. Javascript

Adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita

berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai

bahasa pemrograman yang berjalan di browser.

5. Web Browser

Adalah sebuah aplikasi perangkat lunak yang dingunakan untuk mencari informasi

tentang suatu halaman web yang tersimpan di computer.

1.7 Sistematika Penulisan

Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :

BAB 1: Dalam bab ini penulis menguraikan Latar Belakang, Perumusan Masalah

Tujuan Penelitian, Pembatasan Masalah, Metodologi Penelitian Tinjauan

Pustaka dan Sistematika Penelitian.

(64)

BAB 2: Dalam bab ini penulis menguraikan teori - teori yang menjadi landasan

dalam pembuatan perancangan website olah raga sepakbola nasional

dengan menggunakan php dan mysql.

BAB 3: Dalam bab ini penulis menguraikan tentang perancangan sistem yang

dirancang yang meliputi perancangan layout, perancangan database,

gambaran aplikasi website yang akan dibuat serta bagaimana algoritma

aplikasi tersebut saat dijalankan.

BAB.4. Dalam bab ini penulis menyajikan tentang pengertian implementasi

aplikasi, tujuan implementasi aplikasi serta spesifikasi aplikasi.

BAB 5: Dalam bab ini penulis menguraikan tentang kesimpulan dan

(65)

ABSTRAK

PHP dan Kajian ini bertujuan untuk membangun aplikasi yang berbasis web Pada

PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL. Website

ini dikembangkan dengan menggunakan perangkat lunak Macromedia

Dreamweaver 8, Apache, PHP, dan MYSQL. Adapun fungsi dari aplikasi tersebut

adalah untuk mempermudah orang melihat update bola terkini secara online.

Apabila aplikasi terkoneksi dapat diakses kapan saja dan dimana saja. Setelah

melihat sistem pada PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA

NASIONAL, penulis sebagai calon digloma lulusan TEKNIK INFORMATIKA

termotivasi untuk membuat sebuat sistem informasi pada PERANCANGAN

WEBSITE OLAHRAGA SEPAKBOLA NASIONAL berbasis web menggunakan

MYSQL.

(66)

PERANCANGAN WEBSITE OLAH RAGA SEPAK BOLA NASIONAL DENGAN MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

DANIEL PARDAMEAN

132406039

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMENMATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

(67)

PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

DANIEL PARDAMEAN

132406039

PROGRAM STUDI D-3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2016

(68)

PERSETUJUAN

Judul : PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL MENGGUNAKAN PHP DAN MYSQL Kategori : TUGAS AKHIR

Nama : DANIEL PARDAMEAN

Program Studi : DIPLOMA (D-III) TEKNIK INFORMATIKA Nomor Induk Mahasiswa : 132406039

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di Medan, Juli 2016

Diketahui/Disetujui Oleh

Ketua Program Studi D-3 TI Pembimbing

FMIPA USU

Dr. Elly Rosmaini, M.Si Dr. Syahril Efendi, S.Si, M.IT

(69)

PERNYATAAN

PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.

Medan, Juni 2012

Daniel Pardamean 132406039

(70)

PENGHARGAAN

Segala puji dan syukur kepada Tuhan Yang Maha Esa yang telah memberikan berkat

dan karunianya kepada penulis sehingga dapat menyelesaikan Tugas Akhir ini dengan baik dan

dalam waktu yang telah ditetapkan. Adapun judul tugas akhir ini adalah “PERANCANGAN

WEBSITE OLAHRAGA SEPAKBOLA NASIONAL MENGGUNAKAN PHP DAN MYSQL”.

Pada kesempatan ini penulis ingin menyampaikan terima kasih kepada pihak – pihak

yang telah membantu memberi masukan dan motivasi kepada penulis sehingga dapat

menyelesaikan Tugas Akhir ini.

Pada kesempatan kali ini penulis ingin mengucapkan terima kasih kepada :

1. Bapak Dr. Syahril Efendi S.Si, M.IT, selaku dosen pembimbing Tugas Akhir penulis

yang telah memberi dukungan dan arahan kepada saya dalam menyelesaikan Tugas

Akhir ini.

2. Ibu Dr. Elly Rosmaini, M.Si, selaku Ketua Program Studi D-3 Teknik Informatika

FMIPA USU.

3. Bapak Prof. Dr. Tulus, M.Si sekalu ketua Departemen Matematika dan Ibu Dr.

Mardiningsih, M.Si selaku Sekretaris Departemen Matematika Fakultas Matematika

dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Dr. Kerista Sebayang, MI Selaku Dekan Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara.

5. Teman –teman Kom A‟13 yang selalu membantu saat penulis kesulitan.

6. Kedua orang tua saya, Garuda Rajagukguk dan Safrida Sitorus yang senantiasa

mendukung dan terus membimbing penulis serta memberi bantuan moril maupun

(71)

Penulis menyadari bahwa tugas akhir ini masih banyak kekurangan dan masih

jauh dari sempurna, untuk itu penulis berharap adanya kritik dan saran yang bersifat

membangun dari semua pihak untuk perbaikan dari tugas akhir ini.

Penulis berharap semoga tugas akhir ini dapat memberi manfaat bagi para

pembaca.

Medan, Juni 2016

Daniel Pardamean

132406039

(72)

ABSTRAK

PHP dan Kajian ini bertujuan untuk membangun aplikasi yang berbasis web Pada

PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA NASIONAL. Website

ini dikembangkan dengan menggunakan perangkat lunak Macromedia

Dreamweaver 8, Apache, PHP, dan MYSQL. Adapun fungsi dari aplikasi tersebut

adalah untuk mempermudah orang melihat update bola terkini secara online.

Apabila aplikasi terkoneksi dapat diakses kapan saja dan dimana saja. Setelah

melihat sistem pada PERANCANGAN WEBSITE OLAHRAGA SEPAKBOLA

NASIONAL, penulis sebagai calon digloma lulusan TEKNIK INFORMATIKA

termotivasi untuk membuat sebuat sistem informasi pada PERANCANGAN

WEBSITE OLAHRAGA SEPAKBOLA NASIONAL berbasis web menggunakan

Gambar

Gambar 3.5 ERD Tahap Kedua
Tabel 3.1 Tabel yang dibutuhkan dalam pembentukan Website Sepakbola Nasional
Gambar      Varchar
Tabel 3.6 Pemain
+7

Referensi

Dokumen terkait

Cara kerja dari website yang dibuat adalah dengan mengakses data yang terdapat pada website Integritas Bangsa (learning Center).. Kajian ini dibuat bertujuan

Sistem e-commerce penjualan produk distro dibuat dengan menggunakan bahasa pemrograman PHP dan MySQL yang dapat mengakses database, sehingga dapat dilakukan perubahan

DFD adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem

Rancangan basis data sistem informasi pada Badan Narkotika Nasional Provinsi Kepulauan Bangka Belitung adalah sebagai berikut:.

membangun situs yang memerlukan basis data sebagai data dan pengolahan data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL merupakan

Entity Relationship Diagram (ERD) merupakan gambaran data yang dimodelkan dalam suatu diagram yang digunakan untuk mendokumentasikan data dengan cara menentukan apa saja yang

Pada fitur ini akan disediakan sebuah fasilitas untuk melakukan registrasi akun pada website yang nantinya dapat digunakan sebagai media verifikasi login yang

Proses pendataan yang dilakukan masih manual dan belum menerapkan sistem informasi, sehingga masih ditemui beberapa permasalahan diantanya pada pendistribusian data