Andria Sugiyono CN - 21060115083045 - Hari Anggara

LAPORAN PEMROGRAMAN KOMPUTER
FORUM TEKNIK ELEKTRO INDONESIA
OLEH :
Andria Sugiono Chalunga Nusos (21060115083013)
Hari Anggara (21060115083045)
PROGRAM STUDI DIPLOMA III TEKNIK ELEKTRO

SEKOLAH VOKASI
UNIVERSITAS DIPONEGORO
SEMARANG
2017
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Saat ini perkembangan teknologi informasi semakin berkembang. Dengan

adanya perkembangan yang cukup pesat ini diharapkan dapat membantu
pekerjaan manusia. Pemanfaatan teknologi informasi tidak hanya membantu
dalam bidang informatika saja tetapi juga membantu dalam kehidupan sehari-hari.
Dengan berkembangnya teknologi ini pun menjadikan manusia menggunakan
media Internet sebagai saran untuk berdiskusi mengenai berbagai hal.
Sistem diskusi melalui internet ini memungkinkan masyarakat untuk dapat

mendiskusikan berbagai hal dan dapat ditanggapi oleh semua kalangan sesuai
dengan kepentingannya. Forum diskusi ini menggunakan Sistem Berbasis Web
yang menggunakan teknologi pendukung berupa PHP dan basis data MySQL
sehingga memberi kemudahan bagi admin dan masyarakat untuk mengakses
melalui piranti apapun selama terkoneksi dengan jaringan internet. Hal ini
dilakukan untuk membangun sistem yang membantu dalam pengolahan serta
penyajian informasi data dan bahan materi untuk berdiskusi. Dengan tujuan agar
memudahkan masyarakat untuk dapat lebih terhubung dan dapat menyampaikan
aspirasinya sehingga dalam satu topic pembicaraan dapat diperoleh berbagai
macam pemikiran dengan sudut pandang yang berbeda-beda.
1.2 Rumusan Masalah
1. Bagaimana flowchart untuk Sistem Forum Diskusi pada aplikasi berbasis web
?
2. Bagaimana script yang ada pada Sistem Forum Diskusi tersebut ?
2
3. Bagaimana cara untuk menampilkan program tersebut dengan menggunakan
XAMPP ?
4. Bagaimana cara mengoperasikan (menginput data, melihat hasil dan memberi
tanggapan) pada Sistem Forum Diskusi tersebut ?
1.3 Tujuan
1. Menghasilkan sistem forum diskusi online berbasis web yang dapat mengolah
data input, bagaimana menjadi member, pencarian, meng-update, menyimpan,
memberi tangapan terhadap suatu topik dan review topic yang dapat diakses
dengan mudah dan efektif
2. Membuat forum diskusi online yang dapat digunakan sebagai penghubung
antar masyarakat serta wadah untuk menyampaikan berbagai pendapat
3. Untuk mempermudah dalam komunikasi antar masyarakat dan juga
mempermudah untuk memperoleh suatu informasi karena jawaban diperoleh
dari berbagai pihak yang menanggapi suatu topic diskusi.
1.4 Manfaat
1. Menambah pengetahuan tentang bagaimana untuk berdiskusi secara online

yang dapat diakses dengan mudah dan efektif.
2. Menambah pengetahuan tentang pembuatan forum grup diskusi online.
3. Memberikan kemudahan kepada kita dalam memperoleh suatu informasi yang
tentang berbagai hal.
3
BAB II
LANDASAN TEORI
2.1 Aplikasi Web
Aplikasi Web atau bisa disebut juga dengan perangkat lunak berbasis Web
telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang
digunakan dan kompleksitasnya. Aplikasi Berbasis Web adalah sebuah aplikasi
yang dapat diakses melalui internet atau intranet, dan pada sekarang ini ternyata
lebih banyak dan lebih luas dalam pemakaiannya. Banyak dari perusahaan-
perusahaan berkembang yang menggunakan Aplikasi Berbasis Web dalam
merencanakan sumber daya mereka dan untuk mengelola perusahaan mereka.
Salah satu keunggulan kompetitif dari Aplikasi Berbasis Web adalah bahwa
aplikasi tersebut ‘ringan’ dan dapat diakses dengan cepat melalui browser dan
koneksi internet atau intranet ke server. Ini berarti bahwa pengguna dapat
mengakses data atau informasi perusahaan mereka melalui laptop, smartphone,
atau bahkan komputer PC di rumah mereka dengan mudah, tidak seperti aplikasi-
aplikasi desktop di mana pengguna harus menginstal perangkat lunak atau aplikasi
yang diperlukan hanya untuk mengakses data / informasi.
2.2 Web Browser
Web Browser adalah suatu program atau software yang digunakan untuk
menjelajahi internet atau untuk mencari informasi dari suatu web yang tersimpan
didalam komputer. Awalnya, web browser berorientasi pada teks dan belum dapat
menampilkan gambar. Namun, web browser sekarang tidak hanya menampilkan
gambar dan teks saja, tetapi juga memutar file multimedia seperti video dan suara.
Web browser juga dapat mengirim dan menerima email, mengelola HTML, sebagai
input dan menjadikan halaman web sebagai hasil output yang informative. Fungsi
Web Browser adalah untuk menampilkan dan melakukan interaksi dengan
dukumen-dokumen yang disediakan oleh web server.
4
Dengan menggunakan web browser, para pengguna internet dapat mengakses
berbagai informasi yang terdapat di internet dengan mudah. Beberapa contoh web
browser diantaranya Internet Explorer, Mozilla, Firefox, Safari, Opera, dll.
2.3 Web Server
Web server adalah suatu software yang bertindak melayani pengaksesan

aplikasi web. Contoh software yang berfungsi sebagai web server antara lain
Apache, dan MSQL. Perangkat lunak ini biasa dipasang pada computer yang
berkedudukan sebagai server. Server ini terhubung ke Internet dan hidup selama
24 jam sehingga pengaksesan dapat dilakukan kapan saja dan dimana saja. Namun
sebenarnya computer apapun bisa dijadikan sebagai web server untuk kepentingan
pembuatan aplikasi web dan tidak perlu terhubung ke jaringan komputer, apalagi
terhubung ke Internet. Sebuah PC dapat berkedudukan sebagai server web dan
sekaligus sebagai klien untuk mengakses aplikasi web yang ada di dalamnya.
2.4 Notepad++
Notepad++ adalah sebuah text editor yang sangat berguna bagi setiap orang dan
khususnya bagi para developer dalam membuat program. Notepad++
menggunakan komponen Scintilla untuk dapat menampilkan dan menyuntingan
teks dan berkas kode sumber berbagai bahasa pemrograman yang berjalan diatas
sistem operasi Microsoft Windows.
2.5 HTML
2.5.1 Pengenalan HTML
Hypertext Markup Language merupakan kepanjangan dari kata HTML.

HTML adalah script dimana kita bisa menampilkan informasi dan daya
kreasi kita lewat intenet HTML juga merupakan file teks murni yang dapat
5
dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page
atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya
berisi informasi atau interface aplikasi didalam internet.
HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti
dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka
HTML dapat dibaca oleh berbagai platform seperti : windows, Linux,
Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas
yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur
judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah
ditentukan dalam elemen HTML. Simbol penandaan yang digunakan dalam
HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang
disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak
miring, maka mark up yang digunakan adalah sebagai berikut :
<i> Teks ini akan dicetak miring </i>
2.5.2 Penulisan Tag HTML

Adapun aturan dalam penulisan tag adalah selalu diapit oleh tanda kurung
siku miring <....>. Beberapa tag yang biasa digunakan dalam dokumen
HTML, yaitu:
<HTML>...</HTML>, dipakai untuk menandai awal dan akhir file HTML.
<HEAD>...</HEAD>, dipakai untuk menandai daerah “header” yang

berisi judul.
<BODY>...</BODY>, mengapit isi teks, disebut “body teks”.
<TITLE>...</TITLE>, digunakan sebagai penunjuk window‟s title bar.
Struktur penulisan HTML adalah :
<HTML>
<HEAD>
.........head dokumen..........
6
</HEAD>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag

<HTML> dan ditutup dengan tag
</HTML>. Di dalam tag ini terdapat dua buah bagian besar, yaitu
yang diapit oleh tag
<HEAD>...</HEAD> dan tag <BODY>...</BODY>. Bagian yang

diapit oleh tag HEAD merupakan header dari halaman HTML dan
tidak ditampilkan pada browser. Bagian ini berisi tag-tag header
seperti
<TITLE>...</TITLE> yang berfungsi untuk mengeluarkan judul

pada title bar window web browser. Bagian yang diapit oleh tag
BODY akan ditampilkan pada halaman web browser.
2.6 PHP
2.6.1 Pengenalan PHP
PHP adalah singkatan dari Personal Home Page yang merupakan

bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa
pemrograman yang berbentuk script yang diletakkan didalam web server.
Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan
sebagai Hypertext Preeprocessor. 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 klien (client-server).
2.6.2 Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan
tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP
yaitu:
7
1. <?
…..skrip PHP
?>
2. <?php
…..skrip PHP
?>
3. <script language=”PHP”>
…..skrip PHP
</script>
4. <%
…..skrip PHP
%>
Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat
atau menambahkan komentar/standar penulisan adalah: /* komentar */, //
komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang
sering digunakan yaitu Embedded Script dan Non-Embedded Script.
a. Embedded Script adalah script PHP yang disisipkan diantara tag-tag
dokumen HTML.
Contoh penulisan dari Embedded Script :
<html>
<head>
<title>Embedded Script</title>
</head>
<body>
<?pho
echo “Hallo, selamat menggunakan PHP”;
?>
</body>
</html>
8
b. Non-Embedded Script adalah skrip PHP murni, tag HTML yang
digunakan untuk membuat dokumen merupakan bagian dari skrip PHP.
Contoh penulisan dari Non-Embedded Script:
<?php
echo “<html>”:
echo “<head>”:
echo “<title>Mengenal PHP</title>”:
echo “</head>”:
echo “<body>”:
echo “<p>PHP itu mudah</p>”:
echo “</body>”:
echo “<html>”:
?>
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti
dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui
komputer local maka file PHP disimpan di folder htdocs di web server.
Sama halnya dengan penaman dokumen HTML, pemberian nama dokumen
yang sama tetapi dituliskan dengan case yang berbeda akan dianggap
sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun
dalam dokumen HTML, begitu pula sebaiknya skrip HTML dapat
diletakkan di antara skrip PHP.
2.7 MySQL
MySQL merupakan software sistem manajemen database (Database

Management System – DBMS) yang sangat popular di kalangan pemrogram web,
terutama di lingkungan Linux dengan menggunakan skrip dan Ped. Fungsi
MySQL dapat dikatakan sebagai interpreter query, karena setiap kita
menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam
fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi
9
MySQL. MySQL termasuk jenis relational database management system
(RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam
MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri
dari sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses
akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data
dari database.
10
BAB III
PEMBAHASAN
3.1 Flowchart
3.1.1 Flowchart untuk Input Data
start
Sudah ya
memiliki akun
?
tidak
Input Data
tidak
Data terisi
ya Log In
tidak
Simpan
ya
Database
Tampilan proses
End
11
3.1.2 Flowchart untuk Input Topic
start
ya
Punya
akun?
tidak
Buat akun
Input Data Log In
Buat Topic
Submit tidak
Topic
ya
Topik sudah
dibuat
End
12
3.1.3 Flowchart untuk Melihat Data
Data dalam basis data
Memilih data yang akan ditampilkan
Data ditampilkan
sesuai topic yang
dipilih
13
3.1.4 Flowchart untuk Memberi tanggapan terhadap suatu Topik
Log In, Input Data

password
Lihat Forum
Pilih Topik
Tulis Tanggapan
tidak
Submit
ya
Menghapus data dalam basis

data
14
3.1.5 Flowchart untuk Mengedit Data
Halaman ubah
data
Data terbaru
Mengakses data baru dalam

basis data
Menyimpan data baru dalam

basis data
Menampilkan
data terbaru
15
3.2 Script
3.2.1 Script untuk Koneksi, yaitu script yang berfungsi untuk
menghubungkan PHP dengan database MySQL.
<?php
# FileName="Connection_php_mysql.htm"
# Type="MYSQL"
# HTTP="true"
$hostname_koneksi = "localhost";
$database_koneksi = "forum";
$username_koneksi = "root";
$password_koneksi = "";
$koneksi = mysql_pconnect($hostname_koneksi, $username_koneksi,
$password_koneksi) or trigger_error(mysql_error(),E_USER_ERROR);
?>
3.2.2 Script untuk Index Data, yaitu script yang berfungsi untuk tampilan
awal pada saat aplikasi dibuka (LOGIN awal untuk memulai diskusi).
<?php
session_start();
if (isset($_SESSION["userName"])) {
header('Location: welcome.php');
}
// define variables and set to empty values

$userNameErr = $passwordErr = "";
$userName = $password = $passwordFix = "";
$success = "";
$isCorrect = 1;
if ($_SERVER["REQUEST_METHOD"] == "POST") {
16
if (empty($_POST["name"])) {
$userNameErr = "Fill the username";
$isCorrect = 0;
} else {
$userName = test_input($_POST["name"]);
}
if (empty($_POST["password"])) {
$passwordErr = "Fill the password";
$isCorrect = 0;
} else {
$password = $_POST["password"];
$passwordFix = ($password);
}
if($isCorrect == 1){
$host="localhost"; // Host name
$username="root"; // Mysql username
$password=""; // Mysql password
$db_name="kelompok_kece"; // Database name
$tbl_name="Users"; // Table name
// Connect to server and select databse.

mysql_connect("$host", "$username", "$password")or
die("cannot connect");
mysql_select_db("$db_name")or die("cannot select
DB");
$sql = "SELECT * FROM Users WHERE

username='$userName';";
17
$result=mysql_query($sql);
// Jika User Name tidak ada

if(!$result){
$userNameErr = "Username not found!";
} else {
$rows=mysql_fetch_array($result);
// Jika password salah
if($rows[2] != $passwordFix){
$passwordErr = "Wrong password!";
} else {
session_start();
$_SESSION["userName"] = $userName;
}
}
}
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
18
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Login</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300'
rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro'
<link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body>
<table class="header" width=100%>
<tr>
<td><img class="logo" src="img/lambang
forum.jpg" width="200" alt="Wahid
Community"></td>
<td valign=center><marquee
="alternate">
<h3>SFGD -- Smart Forum Group
Discussion</h3>
</marquee>
</td>
<td><button class="link-signin"
onClick="location.href='logout.php'">logout</button></td>
</tr>
</table>
<div class="login-form">
19
<img class="avatar" src="images/avatar.png" alt="Wahid Logo"
width="96px">
<form method="post" action="login.php">
<table>
<th colspan="2">Login</th>
<tr>
<td>Username</td>
<td><input class="input-user" type="text" name="name"
placeholder="User name"></td>
</tr>
<tr>
<td class="error"></td>
<td class="error"><?php echo $userNameErr;?></td>
</tr>
<tr>
<td>Password</td>
<td><input class="input-user" type="password"
name="password" placeholder="your password"></td>
</tr>
<tr>
<td class="error"><?php echo $passwordErr;?></td>
</tr>
<tr>
<td colspan="2"><input id="login-button" type="submit"
name="Login" value="Login"></td>
<tr>
<td colspan="2" style="font-size:12pt; text-
align:center">Belum memiliki akun? Daftar <a href="register.php">di
sini</a></td>
20
</tr>
</table>
</form>
</div>
</body>
</html>
3.2.3 Script untuk Mendaftar jika belum memiliki Akun/Melakukan
Registrasi
<?php
session_start();
if (isset($_SESSION["userName"])) {
echo $_SESSION["userName"];
// define variables and set to empty values

$userNameErr = $emailErr = $passwordErr = $passwordDifferentErr =
$password2Err = "";
$tgl_lahir = $tmp_lahir = $pekerjaan = $tentang = "";
$userName = $email = $password1 = $password2 = $passwordFix = "";
$success = "";
$isCorrect = 1;
$connectDB;
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$tgl_lahir = $_POST["tgl_lahir"];
21
$tmp_lahir = $_POST["tmp_lahir"];
$pekerjaan = $_POST["pekerjaan"];
$tentang = $_POST["tentang"];
if (empty($_POST["name"])) {
$userNameErr = "Name is required";
$isCorrect = 0;
} else {
$userName = test_input($_POST["name"]);
// check if name only contains letters and whitespace
if (empty($_POST["email"])) {
$emailErr = "Email is required";
$isCorrect = 0;
} else {
$email = test_input($_POST["email"]);
// check if e-mail address is well-formed
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$emailErr = "Invalid email format";
$isCorrect = 0;
}
}
if (empty($_POST["password1"])) {
$passwordErr = "Password is required";
$isCorrect = 0;
} else {
$password1 = $_POST["password1"];
}
22
if (empty($_POST["password2"])) {
$password2Err = "You must retype your password";
$isCorrect = 0;
} else {
$password2 = $_POST["password2"];
if($password1 == $password2){
$passwordFix = ($password2);
} else {
$passwordDifferentErr = "Password yang Anda masukkan tidak
sama";
}
}
if($isCorrect == 1){

$db_name="forum"; // Database name
$tbl_name="users"; // Table name

mysql_select_db("$db_name")or die("cannot select DB");
$sql = "SELECT username FROM users WHERE

username='$userName';";
23
$num_rows = mysql_num_rows($result);
// Jika User Name sudah ada

if($num_rows != 0){
$userNameErr = "Username already exist";
} else {
$sql3 = "SELECT email FROM Users WHERE
email='$email';";
$result3=mysql_query($sql);
$rows3=mysql_fetch_array($result);
$num_rows = mysql_num_rows($result3);
// Jika Email sudah digunakan

if($num_rows != 0){
$emailErr = "Email already used";
} else {
$sql2="INSERT INTO `forum`.ùsers`

(ùsername`, èmail`, ` password`, `tgl_lahir`, `tmp_lahir`, `pekerjaan`,
`tentang`) VALUES ('$userName', '$email', '$passwordFix', '$tgl_lahir',
'$tmp_lahir', '$pekerjaan', '$tentang');";
$result2=mysql_query($sql2);
echo $result2;
if($result2){
24
$success = "Selamat, akun Anda telah
dibuat. <a href='login.php'>Login Sekarang?</a>";
} else {
$success = "Error";
}
}
}
}
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
<!DOCTYPE html>
<html>
25
<head>
<title>Register</title>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro'
<link rel="stylesheet" href="css/register.css">
</head>
<body>

<tr>
<td><img class="logo"
src="img/lambang forum.jpg" width="200" alt="Wahid Community"></td>
behavior="alternate">
<h3>SFGD -- Smart Forum
Group discussion</h3>
</marquee>
</td>
</tr>
</table>
<div class="element-inside">
<div class="benefit">
26
<p class="title">Create your account</p>
<p class="sub-title">One account for all services</p>
</div>
<div class="login-form">
<form method="post" action="<?php echo
htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<table>
<th colspan="3">Pendaftaran</th>
<tr><td colspan="3" style = "text-align : center"><?php echo
$passwordDifferentErr;?></td></tr>
<tr>
<td>Username</td>
<td><input class="input-user" type="text" name="name"
placeholder="User Name (Case Sensitive)"></td>
<td>*</td>
</tr>
<tr>
<td class="error"><?php echo $userNameErr;?></td>
</tr>
<tr>
<td>Password</td>
name="password1" placeholder="your password"></td>
<td>*</td>
</tr>
<tr>
<td class="error"><?php echo $passwordErr;?></td>
27
</tr>
<tr>
<td>Retype password</td>
name="password2" placeholder="retype password"></td>
<td>*</td>
</tr>
<tr>
<td>Email</td>
<td><input class="input-user" type="email" name="email"
placeholder="name@domain.com"></td>
<td>*</td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td><input class="input-user" type="text"
name="tmp_lahir"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td><input class="input-user" type="date"
name="tgl_lahir"></td>
</tr>
<tr>
<td>Pekerjaan</td>
28
<td><input class="input-user" type="text"
name="pekerjaan"></td>
</tr>
<tr>
<td>Tentang</td>
<td><textarea class="input-user" cols="50" rows="3"
name="tentang"></textarea></td>
</tr>
<tr>
<td class="error"><?php echo $emailErr;?></td>
</tr>
<tr>
<td colspan="3" style="text-align : right"><input
id="signup-button" type="submit" name="Login" value="Signup"> </td>
</tr>
<tr>
<td colspan="3"
class="error" style = "text-align : center; color:black;"><?php echo
$success;?>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
29
3.2.4 Script untuk menampilkan Menu
<?php
session_start();
if (!isset($_SESSION["userName"])) {
header('Location: index.php');
?>
<html>
<head>
<title>Welcome</title>
<link rel="stylesheet" href="css/welcome.css">
</head>
<body>

<tr>
forum.jpg" width="200" alt="Wahid Community"></td>
30
discussion</h3>
</marquee>
</td>
</tr>
</table>
<div class="main">
<p style="font-size:30pt; text-align:center; padding-
top:50px">Selamat <?php echo $_SESSION['userName']?>! Anda berhasil
Login</p>
<table class="question" align="center">
<tr>
<td>Buat Topik?</td>
<td>Lihat Forum?</td>
<td>Mau Logout?</td>
</tr>
<tr>
<td><button
onClick="location.href='create_topic.php'">Buat Topik</button></td>
<td><button
onClick="location.href='main_forum.php'">Lihat Forum</button></td>
<td><button
onClick="location.href='logout.php'">Logout</button></td>
</tr>
</table>
</div>
</body>
31
</html>
3.2.5 Script untuk Membuat Topik Diskusi
<?php
session_start();
header('Location: login.php');
}
?>
<html>
<head>
<title>Tugas Pemrograman Web</title>
<style type="text/css">

</style>
</head>
<body>
<tr>
32
forum.jpg" width="200" alt="Wahid Community"></td>
discussion</h3>
</marquee>
</td>
</tr>
</table>
<table width = 75% align="center">
<tr id="baris2">
<td colspan="3">
<marquee behavior="alternate">
<p class="style2">Selamat
Datang</p>
</marquee>
</td>
</tr>
</table>
<table width=90% align="center">

<tr>
<td>
<table width="400" border="0"
align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
33
<form id="form1"
name="form1" method="post" action="add_topic.php">
<td>
<table
width="100%" border="0" cellpadding="3" cellspacing="1"
bgcolor="#FFFFFF">
<tr>
<td colspan="3" bgcolor="#E6E6E6"><strong>Create New Topic</strong>

</td>
</tr>
<tr>
<td width="14%"><strong>Topic</strong></td>
<td width="2%">:</td>
<td width="84%"><input name="topic" type="text" id="topic" size="50"

/></td>
</tr>
<tr>
<td valign="top"><strong>Detail</strong></td>
<td valign="top">:</td>
34
<td><textarea name="detail" cols="50" rows="3"
id="detail"></textarea></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Submit" /> <input

type="reset" name="Submit2" value="Reset" /></td>
</tr>
<tr>
<td><?php echo $_SESSION["userName"];?></td>
</tr>
</table>
</td>
</form>
</tr>
</table>
</td>
35
</tr>
</table>
<br>
<table align=center>
<tr><td colspan="3">Terima kasih</td></tr>
<tr>
<td colspan="3"><span
class="style1">@CopyRight2015</span></td>
</tr>
</table>
</body>
</html>
3.2.6 Script untuk Melihat Forum Diskusi

<?php
session_start();
}
?>
<html>
<head>
36
</head>
<body>
<tr>
<td><img class="logo" src="img/lambang forum.jpg"
width="200"></td>
<td valign=center><marquee behavior="alternate">
discussion</h3>
</marquee>
</td>
</tr>
</table>
<br><br>
<?php

$tbl_name="forum_question"; // Table name
37
$sql="SELECT * FROM $tbl_name ORDER BY id DESC";

// OREDER BY id DESC is order result by descending
?>
<table width="90%" border="0" align="center" cellpadding="3"

cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td width="6%" align="center"
bgcolor="#E6E6E6"><strong>ID</strong></td>
bgcolor="#E6E6E6"><strong>Topic</strong></td>
bgcolor="#E6E6E6"><strong>TS</strong></td>
bgcolor="#E6E6E6"><strong>Views</strong></td>
bgcolor="#E6E6E6"><strong>Replies</strong></td>
bgcolor="#E6E6E6"><strong>Date/Time</strong></td>
</tr>
<?php
38
// Start looping table row
while($rows=mysql_fetch_array($result)){
echo "<tr>";
echo '<td
bgcolor="#FFFFFF">'.$rows['id'].'</td>';
echo '<td bgcolor="#FFFFFF"><a
href="view_topic.php?id='.$rows['id'].'">'.$rows['topic'].'</a><BR></td>';
echo '<td align="center"
bgcolor="#FFFFFF">'.$rows['username'].'</td>';
bgcolor="#FFFFFF">'.$rows['view'].'</td>';
bgcolor="#FFFFFF">'.$rows['reply'].'</td>';
bgcolor="#FFFFFF">'.$rows['datetime'].'</td>';
echo '</tr>';
// Exit looping and close connection

}
mysql_close();
?>
<tr>
<td colspan="5" align="right" bgcolor="#E6E6E6"><a
href="create_topic.php"><strong>Create New Topic</strong> </a></td>
</tr>
</table>
39
</body>
</html>
3.2.7 Script saat Sukses untuk Submit Topik
<?php
session_start();
?>
<html>
<head>
<title>Congratulations</title>
</head>
<body>

<tr>
width="200" alt="Wahid Community"></td>
discussion</h3>
40
</marquee>
</td>
</tr>
</table>
<div class="main">
top:50px">Sukses Post <?php echo $_SESSION['jenis'];?>! </p>
<center>
<a style="font-size:30pt; text-align:center; padding-
top:50px" href=<?php echo $_SESSION['link'];?>>Lihat <?php echo
$_SESSION['jenis'];?>!</a>
</center>
</div>
<br><br><br>
<tr><td colspan="3">CopyRight</td></tr>
</table>
</body>
</html>
3.2.8 Script untuk Melihat Topik Pembahasan Diskusi

<?php
session_start();
41
}
?>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
n mm
<tr>
width="200"></td>
discussion</h3>
</marquee>
</td>
</tr>
</table>
<?php
42

// get value of id that sent from address bar

$id=$_GET['id'];
$sql="SELECT * FROM $tbl_name WHERE id='$id'";
?>

cellspacing="1" bgcolor="#CCCCCC" class="forum">
<tr>
<td>
<table width="100%" border="0"
bordercolor="1" bgcolor="#FFFFFF">
<tr>
<td class="forum">
<table width=25% >
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['username'];
?></td>
43
</tr>
<tr>
<td><img
src="user/<?php echo $rows['username'];?>.jpg" width="70" alt=<?php echo
$rows['username'];?>></td>
</tr>
</table>
</td>
<td class="forum">
<table width=75% >
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><strong><?php echo $rows['topic'];
?></strong></td>
</tr>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><strong>Date/time :
</strong><?php echo $rows['datetime']; ?></td>
</tr>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['detail']; ?></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
44
</tr>
</table>
<BR>
<?php
$tbl_name2="forum_answer"; // Switch to table

"forum_answer"
$sql2="SELECT * FROM $tbl_name2 WHERE
question_id='$id'";
while($rows=mysql_fetch_array($result2)){
?>
<table width="70%" border="0" align="center"

cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td>

<tr>
<td class="forum">
<table width=25%
>
<tr>
45
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['a_name'];
?></td>
</tr>
<tr>
<td><img src="user/<?php echo $rows['a_name'];?>.jpg" width="70"

alt=<?php echo $rows['a_name'];?>></td>
</tr>
</table>
</td>
<td class="forum">
<table width=75%
>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><strong><?php echo
$rows['a_answer']; ?></strong></td>
</tr>
<tr>
<td
</strong><?php echo $rows['a_datetime']; ?></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
46
</tr>
</table>
<br>
<?php
}
$sql3="SELECT view FROM $tbl_name WHERE id='$id'";

$rows=mysql_fetch_array($result3);
$view=$rows['view'];
// if have no counter value set counter = 1

if(empty($view)){
$view=1;
$sql4="INSERT INTO $tbl_name(view)
VALUES('$view') WHERE id='$id'";
}
// count more value

$addview=$view+1;
$sql5="update $tbl_name set view='$addview' WHERE
id='$id'";
mysql_close();
?>
<BR>
47
<table width="400" border="0" align="center" cellpadding="0"
<tr>
<form name="form1" method="post"
action="add_answer.php">
<td>
cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td width="79%"><input
name="a_name" type="hidden" id="a_name" size="45" value=<?php echo
$_SESSION["userName"]?>></td>
</tr>
<tr>
<td
valign="top"><strong>Answer</strong></td>
<td><textarea
name="a_answer" cols="45" rows="3" id="a_answer"
required></textarea></td>
</tr>
<tr>
<td> </td>
<td><input name="id"
type="hidden" value="<?php echo $id; ?>"></td>
<td><input
type="submit" name="Submit" value="Submit"> <input type="reset"
name="Submit2" value="Reset"></td>
</tr>
</table>
48
</td>
</form>
</tr>
</table>
</body>
</html>
3.2.9 Script saat Sukses untuk Menambah Jawaban/Tanggapan
<?php
session_start();
?>
<html>
<head>
<title>Congratulations</title>
</head>
<body>

<tr>
49
width="200" alt="Wahid Community"></td>
discussion</h3>
</marquee>
</td>
</tr>
</table>
<div class="main">
top:50px">Sukses Post <?php echo $_SESSION['jenis'];?>! </p>
<center>
<a style="font-size:30pt; text-align:center; padding-
top:50px" href=<?php echo $_SESSION['link'];?>>Lihat <?php echo
$_SESSION['jenis'];?>!</a>
</center>
</div>
<br><br><br>
<tr><td colspan="3">CopyRight</td></tr>
</table>
</body>
</html>
50
3.2.10 Script untuk melihat jawaban/tanggapan yang berhasil ditambahkan
<?php
session_start();
}
?>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
n mm
<tr>
width="200"></td>
discussion</h3>
</marquee>
</td>
51
</tr>
</table>
<?php


// get value of id that sent from address bar

$id=$_GET['id'];
$sql="SELECT * FROM $tbl_name WHERE id='$id'";
?>

cellspacing="1" bgcolor="#CCCCCC" class="forum">
<tr>
<td>
<tr>
<td class="forum">
52
<table width=25% >
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['username'];
?></td>
</tr>
<tr>
<td><img
src="user/<?php echo $rows['username'];?>.jpg" width="70" alt=<?php echo
$rows['username'];?>></td>
</tr>
</table>
</td>
<td class="forum">
<table width=75% >
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><strong><?php echo $rows['topic'];
?></strong></td>
</tr>
<tr>
<td
</strong><?php echo $rows['datetime']; ?></td>
</tr>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['detail']; ?></td>
</tr>
</table>
53
</td>
</tr>
</table>
</td>
</tr>
</table>
<BR>
<?php
$tbl_name2="forum_answer"; // Switch to table

"forum_answer"
$sql2="SELECT * FROM $tbl_name2 WHERE
question_id='$id'";
while($rows=mysql_fetch_array($result2)){
?>
<table width="70%" border="0" align="center"

cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td>

<tr>
<td class="forum">
54
<table width=25%
>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><?php echo $rows['a_name'];
?></td>
</tr>
<tr>
<td><img src="user/<?php echo $rows['a_name'];?>.jpg" width="70"

alt=<?php echo $rows['a_name'];?>></td>
</tr>
</table>
</td>
<td class="forum">
<table width=75%
>
<tr>
<td
bgcolor="#F8F7F1" style="text-align:left;"><strong><?php echo
$rows['a_answer']; ?></strong></td>
</tr>
<tr>
<td
</strong><?php echo $rows['a_datetime']; ?></td>
</tr>
</table>
</td>
55
</tr>
</table>
</td>
</tr>
</table>
<br>
<?php
}
$sql3="SELECT view FROM $tbl_name WHERE id='$id'";

$rows=mysql_fetch_array($result3);
$view=$rows['view'];
// if have no counter value set counter = 1

if(empty($view)){
$view=1;
$sql4="INSERT INTO $tbl_name(view)
VALUES('$view') WHERE id='$id'";
}
// count more value

$addview=$view+1;
$sql5="update $tbl_name set view='$addview' WHERE
id='$id'";
mysql_close();
?>
56
<BR>
<table width="400" border="0" align="center" cellpadding="0"

<tr>
<form name="form1" method="post"
action="add_answer.php">
<td>
cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td width="79%"><input
name="a_name" type="hidden" id="a_name" size="45" value=<?php echo
$_SESSION["userName"]?>></td>
</tr>
<tr>
<td
valign="top"><strong>Answer</strong></td>
<td><textarea
name="a_answer" cols="45" rows="3" id="a_answer"
required></textarea></td>
</tr>
<tr>
<td> </td>
<td><input name="id"
type="hidden" value="<?php echo $id; ?>"></td>
57
<td><input
type="submit" name="Submit" value="Submit"> <input type="reset"
name="Submit2" value="Reset"></td>
</tr>
</table>
</td>
</form>
</tr>
</table>
</body>
</html>
3.2.11 Script untuk Log Out
<!DOCTYPE html>
<html>
<head>
<title>Logout</title>
</head>
<body>
<?php
session_start();
session_unset();
session_destroy() ;
?>
</body>
</html>
58
3.3 Langkah Menampilkan Aplikasi Program Database Menggunakan PHP dan
MySQL :
1. Instal aplikasi XAMPP pada laptop atau komputer.
2. Pastikan untuk meng-klik tombol Start pada Apache dan MySQL
3. Setelah XAMPP terinstal kemudian membuka Local Disk C dan klik folder
xampp, seperti gambar di bawah ini.
59
4. Setelah itu klik folder ‘htdocs’.
5. Memasukkan/mengopy folder ‘tugas_web’ di htdocs.
60
6. Setelah itu, membuka browser dan ketik ‘localhost’, seperti gambar di bawah
ini.
7. Maka akan muncul seperti gambar di bawah ini.
61
8. Kemudian klik phpMyAdmin.
62
10. Kemudian klik Database
11. Pada Create datebase, ketik ‘forum’, kemudian klik create.
63
64
13. Setelah itu, klik Import dan klik Chhose file.
14. Maka akan muncul seperti gambar dibawah ini, kemudian masuk ke htdocs dan
klik folder ‘Database’.
65
15. Pilih file ‘forum’.
16. Kemudian klik ‘Go’.
17. Maka akan muncul Database telah berhasil dibuat.
66
18. Setelah itu, klik New Tab pada browser, lalu ketik
localhost/tugas_web/login.php, maka muncul seperti gambar di bawah ini.
Dengan Tulisan Judul yang bergerak.
19. Lalu jika sudah mempunyai akun bisa langsung melakukan log in seperti
dibawah ini:
67
Jadi kita hanya perlu memasukkan Username dan Password yang sudah kita
miliki.
20. Jika belum memiliki akun, makan bisa membuat akun dulu dengan mengklik
tulisan sign up
21. Akan muncul formulir yang harus diisi sebagai anggota baru
22. Lalu Isi data diri sesuai dengan format
68
23. Jika terjadi terjadi kesalahan atau yang lain maka akan muncul pemberitahuan
24. Jika password belum diisi akan muncul pemberitahuan
69
25. Jika berhasil akan muncul seperti ini
26. Jika suda berhasil Sign Up maka kita bisa Log In dengan akun baru yang sudah
dibuat dan masuk ke halaman utama Diana kita bisa memilih tindakan apa yang
akan dilakukan selanjutnya
70
27. Saat kita memilih buat topic amaka kita akan masuk ke halaman berikut:
28. Isi Judul topic pembahasan diskusi dan detail yang akan di diskusikan
71
29. Jika sukses saat menyimpan data maka akan muncul:
30. Klik Lihat Topic/Pertanyaan!
72
31. Jika ingin menambah topikk baru maka bisa dipilih Create new topic. Jika ingin
menanggapi suatu topik atau masalah atau menjawab pertanyaan bisa memilih
salah satu topik yang ada di daftar. Misalnya untuk daftar pada no 6.
32. Saat akan menambahkan jawaban klik submit makan akan muncul gambar
seperti dibawah lalu klik: Lihat Jawaban!
73
Jika kita memencet tombol reset maka tulisan yang sudah kita ketik akan hilang dan
kita harus mengisi ulang jawaban kita.
33. Jika sudah selesai maka bis amemencet tombol log out yang ada di pojok
kanan atas
74
34. Jika melihat lagi ke langkah 27, kita bis amemilih Menu Lihat Forum. Jika kit
amemilih menu tersebut maka kita akan bisa melihat daftar bahan diskusi atau
pertanyaan yang ada tanpa harus membuat topic baru terlebih dahulu baru jika
kita ingin membuat topic baru kita bisa mengklik tombol “Create New Topic”
35. Jika belum membuat database maka bisa langsung membuatnya pada SQL
dan memasukkan codingnya seperti contoh:
75
BAB IV
PENUTUP
4.1 Kesimpulan
PHP (Personal Home Page) adalah bahasa pemrograman yang berbentuk

script yang diletakkan didalam web server. Sedangkan, SQL (Structured Query
Language) adalah bahasa yang meliputi perintah-perintah untuk menyimpan,
menerima, memelihara, dan mengatur akses akses ke basis data serta digunakan
untuk memanipulasi dan menampilkan data dari database. SQL tidak dapat
dijadikan tanpa adanya fungsi MySQL. MySQL merupakan software sistem
manajemen database (Database Management System – DBMS) yang sangat
popular di kalangan pemrogram web yang berfungsi sebagai interpreter query,
karena setiap kita menggunakan query SQL (perintah SQL) kita harus
meletakkannya di dalam fungsi ini.
Sebelum melakukan pengoperasian aplikasi forum diskusi online berbasis

web, yaitu melakukan langkah-langkah untuk menampilkan aplikasi tersebut
dengan menggunakan PHP dan MySQL.
Pengoperasian ini dapat digunakan untuk berbagai kalangan masyarakat dan

membahas berbagai hal ataupun menjawab berbagai macam pertanyaan
sehingga lebih memudahkan dalam berkomunikasi maupun memperoleh
informasi.
4.2 Kritik dan Saran
Demikian yang dapat kami paparkan mengenai aplikasi forum diskusi

online berbasis web, tentunya masih banyak kekurangan dan kelemahannya,
kerena terbatasnya pengetahuan dan kurangnya rujukan atau referensi yang ada
76
hubungannya aplikasi tersebut. Penulis banyak berharap para pembaca yang
budiman sudi memberikan kritik dan saran yang membangun kepada penulis demi
sempurnanya makalah ini dan dan penulisan makalah di kesempatan – kesempatan
berikutnya. Semoga makalah ini bermanfaat bagi penulis pada khususnya juga
para pembaca yang budiman pada umumnya.
77
DAFTAR PUSTAKA
Agiptek. 2012. PHP ( Hypertext Preprocessor ).

http://agiptek.com/index.php/php/101-php.html diakses pada 18 Juni 2015.
Dalimunthe, Muhammad Yafie. 2013. Pengertian, Definisi, serta Cara Menggunakan
Notepad++. http://komputer123456.blogspot.com/2013/11/notepad_17.html
diakses pada 18 Juni 2015.
Fahmizal. 2013. Pengertian PHP. http://fahmizaleeits.wordpress.com/tag/php-adalah/
diakses pada 18 Juni 2015.
Lukmana. 2013. Membuat Aplikasi Berbasis Web.
http://lukmana.ilearning.me/2013/05/16/membuat-aplikasi-berbasis-web/ diakses
pada 18 Juni 2015.
Rahma. 2013. Pengertian Web Browser.
http://rahma099c.blogspot.com/?view=classic diakses pada 18 Juni 2015.
Sasria, Heri. 2007. Aplikasi PHP dan MySQL dalam Pembuatan Sistem Informasi.
http://www.academia.edu/5480862/Aplikasi_php_dan_mysql_dalam_pembuatan_
sistem_informasi diakses pada 18 Juni 2015.
Silalahi, Andika. 2011. Apakah Web Server itu ? http://andika-
silalahi.blogspot.com/2012/07/apakah-web-server-itu.html diakses pada 18 Juni
2015.
Subardjo, Agus. 2012. Membangun Website Dinamis Berbasis PHP dan MySQL.
http://ilmukomputer.org/2012/06/23/membangun-website-dinamis-berbasis-php-
mysql/ diakses pada 18 Juni 2015.
Wahyudi, Joni. 2012. Aplikasi Berbasis Web. http://www.webarq.com/id/aplikasi-
berbasis-web.html diakses pada 18 Juni 2015.
78

Andria Sugiyono CN - 21060115083045 - Hari Anggara

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Andria Sugiyono CN - 21060115083045 - Hari Anggara

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PEMROGRAMAN KOMPUTER

FORUM TEKNIK ELEKTRO INDONESIA

PROGRAM STUDI DIPLOMA III TEKNIK ELEKTRO

1.1 Latar Belakang

Saat ini perkembangan teknologi informasi semakin berkembang. Dengan

Sistem diskusi melalui internet ini memungkinkan masyarakat untuk dapat

1.2 Rumusan Masalah

1. Menambah pengetahuan tentang bagaimana untuk berdiskusi secara online

2.2 Web Browser

2.3 Web Server

Web server adalah suatu software yang bertindak melayani pengaksesan

2.5.1 Pengenalan HTML

Hypertext Markup Language merupakan kepanjangan dari kata HTML.

2.5.2 Penulisan Tag HTML

<HTML>...</HTML>, dipakai untuk menandai awal dan akhir file HTML.

<HEAD>...</HEAD>, dipakai untuk menandai daerah “header” yang

Seperti terlihat, struktur file HTML diawali dengan sebuah tag

<HEAD>...</HEAD> dan tag <BODY>...</BODY>. Bagian yang

<TITLE>...</TITLE> yang berfungsi untuk mengeluarkan judul

2.6.1 Pengenalan PHP

PHP adalah singkatan dari Personal Home Page yang merupakan

MySQL merupakan software sistem manajemen database (Database

Input Data Log In

Data dalam basis data

Memilih data yang akan ditampilkan

Log In, Input Data

Menghapus data dalam basis

Mengakses data baru dalam

Menyimpan data baru dalam

// define variables and set to empty values

// Connect to server and select databse.

$sql = "SELECT * FROM Users WHERE

// Jika User Name tidak ada

// define variables and set to empty values

$host="localhost"; // Host name

// Connect to server and select databse.

$sql = "SELECT username FROM users WHERE

// Jika User Name sudah ada

// Jika Email sudah digunakan

$sql2="INSERT INTO `forum`.`users`

<table class="header" width=100%>

<table class="header" width=100%>

<table width=90% align="center">

<td colspan="3" bgcolor="#E6E6E6"><strong>Create New Topic</strong>

<td width="84%"><input name="topic" type="text" id="topic" size="50"

<td><input type="submit" name="Submit" value="Submit" /> <input

<td><?php echo $_SESSION["userName"];?></td>

3.2.6 Script untuk Melihat Forum Diskusi

$host="localhost"; // Host name

$sql="SELECT * FROM $tbl_name ORDER BY id DESC";

<table width="90%" border="0" align="center" cellpadding="3"

// Exit looping and close connection

<table class="header" width=100%>

3.2.8 Script untuk Melihat Topik Pembahasan Diskusi

$host="localhost"; // Host name

// Connect to server and select databse.

// get value of id that sent from address bar

<table width="90%" border="0" align="center" cellpadding="0"

$tbl_name2="forum_answer"; // Switch to table

<table width="70%" border="0" align="center"

<table width="100%" border="0"

<td><img src="user/<?php echo $rows['a_name'];?>.jpg" width="70"

$sql3="SELECT view FROM $tbl_name WHERE id='$id'";