Implementasi Antarmuka - Implementasi Basis Data (Sintaks SQL)

BAB 3. ANALISIS DAN PERANCANGAN SISTEM

4.5 Implementasi Basis Data (Sintaks SQL)

4.5.1 Implementasi Antarmuka

#---

4.5.1 Implementasi Antarmuka

Implementasi antarmuka merupakan tahapan dalam memenuhi kebutuhan user, dalam berinteraksi dengan komputer. Fasilitas antar muka yang baik sangat membantu pemakai dalam memahami proses yang sedang dilakukan oleh sistem tersebut dan dapat meningkatkan kinerja sistem. Berikut adalah implementasi antar muka website bimbingan belajar IPENTA:

1. Menu Home

Implementasi halaman beranda dibuat bentuk file program dengan berekstensi PHP dapat dilihat pada tabel dibawah berikut:

Tabel 4.1 Tabel Halaman Beranda

Sub menu Deskripsi Nama file

About us File program untuk menampilkan Tentang bimbel IPENTA

Beranda.php

Daftar File program untuk menampilkan formulir pendaftaran siswa

daftar.php

Gambar 4.6 Halaman Beranda

2. Menu About Us

Implementasi about us yang terdapat pada halaman about yang dibuat bentuk file program dengan berekstensi .php dapat dilihat pada tabel berikut:

Tabel 4.2 Tabel About Us

Sub menu Deskripsi Nama file

About Us File program untuk menampilkan informasi-informasi pada website IPENTA

about.php

Daftar File program untuk menampilkan formulir pendaftaran siswa

daftar.php

Gambar 4.7 Halaman About Us

. Menu

Daftar

Implementasi halaman daftar yang terdapat pada halaman kasir yang dibuat dalam bentuk file program dengan berekstensi .php dapat dilihat pada tabel berikut:

Tabel 4.3 Tabel Menu Daftar

Sub menu Deskripsi Nama file

Beranda File program untuk menampilkan halaman beranda

beranda.php

About us File program untuk menampilkan informasi-informasi pada website IPENTA

About.php

Masuk Menu untuk login siswa -

Gambar 4.8 Halaman Daftar

4. Menu Login Siswa

Gambar 4.9 Form Login Siswa

5. Menu Home Siswa

Gambar 4.10 Home Siswa

6. Halaman Materi

Gambar 4.11 Halaman Materi

7. Halaman Soal Kuis

Gambar 4.12 Halaman Soal Kuis

8. Halaman Unggah Jawaban Kuis

Gambar 4.13 Halaman Unggah Jawaban Kuis

9. Menu Login Admin

Gambar 4.14 Halaman Login Admin

10. Menu Home Admin

Gambar 4.15 Menu Home Admin

10. Menu Buat Post Admin

Gambar 4.16 Form Buat Post Admin

11. Menu Atur Post

Gambar 4.17 Form Atur Post

12. Menu Atur Pengguna

Gambar 4.18 Form Atur Pengguna

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan hasil pengujian dengan kasus analisis sistem, perancangan sistem, implementasi sistem dan pengujian sistem telah selesai dilakukan diatas, maka dapat ditarik kesimpulan sebagai berikut :

a. Pengkordinasian masalah pengolahan data-data akademik pada Lembaga Bimbingan Belajar IPENTA meliputi data siswa, data materi, data soal, dan data kuis menjadi lebih mudah dan tepat.

b. Dengan adanya Website Bimbingan Belajar IPENTA maka dalam proses pendaftaran siswa, pembahasan materi dan soal, serta kegiatan kuis sudah dapat dilakukan secara online melalui website tersebut.

c. Dengan adanya Website Bimbingan Belajar IPENTA, proses penyimpanan data akademik menjadi lebih terorganisasi karena tersimpan dalam satu database.

5.2 Saran

Berdasarkan kesimpulan di atas maka dapat diberikan saran – saran yang penulis usulkan yang berguna nantinya dan yang menjadi bahan pertimbangan bagi Fakultas FMIPA USU dalam menggunakan Sistem Berbasis Web ini antara lain :

1. Dengan adanya sistem yang telah dirancang maka Fakultas MIPA USU diharapkan dapat menggunakan atau memanfaatkan komputer dan fasilitas internet dalam hal penginformasian data dan pengolahan data sehingga dapat meningkatkan pelayanan dan efektifitas kerja yang lebih baik (khusus nya terkait koperasi)

2. Sistem yang baru hendaknya dilakukan pengoperasian dan perawatan secara optimal dalam penginformasian data dan pengolahan data.

3. Kiranya sistem informasi berbasis web ini dapat digunakan secara optimal agar

hasil yang diharapkan dapat terwujud.

DAFTAR PUSTAKA

Arifin, Johar. 2002. Manajemen Koperasi. Medan: Gramedia.\

Arief, M. R. (2011). Pemrograman Web Dinamis Menggunakan PHP dan MySQL.

Dewanto, I. Joko. 2017. Web Desain (Metode Aplikasi dan Implementasi).

Yogyakarta: Graha Ilmu.

http://www.internetworldstats.com/asia/id.html

Yogyakarta: Andi.Kristiyaningsih, I. (2012). Pembuatan Aplikasi Pembelajaran

On-Line (E- Learning) Di MTz Negeri Plupuh Berbasis Web (Doctoral

dissertation,Universitas Muhammadiyah Surakarta).

href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.m in.css"

integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"

crossorigin="anonymous">

rel="stylesheet">

<title>IPENTA</title>

</head>

<body>

<a class="navbar-brand" href="#"><img src="assets/logoipenta.jpg"

height="50x" <h3> IPENTA </h3></a>

data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup"

aria-expanded="false" aria-label="Toggle navigation">

</button>

<?php

document.getElementById('nama-depan').innerHTML = msg;

</script>

</div>

</nav>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"

aria-labelledby="exampleModalLabel" aria-hidden="true">

<h5 class="modal-title text-center"

id="exampleModalLabel">Silahkan Masuk</h5>

</button>

</div>

</div>

<input type="text" class="form-control" placeholder="Email"

aria-label="email" name="email" aria-describedby="basic-addon1"

required>

</div>

</div>

<input type="password" class="form-control" placeholder="Kata Sandi" name="kata-sandi" aria-label="email"

<div class="text-center"> Belum Punya Akun? &nbsp<a href="daftar.php">Daftar</a></div>

</div>

<button type="button" class="btn btn-secondary" data-dismiss="modal">Keluar</button>

<button type="submit" name="submit" class="btn btn-primary bg-tosca">Masuk</button>

<h1 class="display-2">Bimbingan Online IPENTA</h1>

<p class="lead">TECHNOLOGY</p>

<!-- <div class="btn-group btn-group-lg">

<button type="button" class="btn btn-outline-light">Diskusi</button>

<button type="button" class="btn btn-outline-light">Tanya Tugas</button>

aria-hidden="true"></i>&nbsp [Tanggal Post], [Jam Pos]</a>

<?php ; ?>

<h3> <br><B> Bimbel IPENTA Untuk Pendidikan Indonesia </B>

</br> </h3>

IPENTA bukan hanya hadir sebagai sebuah bisnis, tetapi juga kami bertujuan untuk meningkatkan kualitas siswa dengan menambah waktu

belajar siswa di Indonesia. IPENTA percaya, dengan meningkatnya kualitas siswa, maka mutu pendidikan di Indonesia juga akan menjadi lebih baik.

IPENTA juga percaya bahwa teknologi dapat membantu siswa, dan orang tua untuk menjalankan aktivitasnya menjadi lebih efektif dan efisien. Untuk itu, IPENTA menerapkan teknologi untuk membantu proses pembelajaran siswa lewat website bimbingan belajar ini. Dengan demikian para orang tua dapat mengawasi putra/i dirumah saat melakukan pembelajaran melalui website Bimbel IPENTA yang kami sediakan ini.

<h3> <br><B> REVOLUSI BIMBINGAN BELAJAR </B> </br> </h3>

<br> BIMBINGAN BELAJAR YANG TERKENDALI DAN TERPROGRAM

</br>

<h2>Kenapa Revolusi Bimbingan Belajar ini kami tawarkan ? </h2>

<br>Dewasa ini banyak orang tua yang cemas atas keselamatan putra

putrinya ketika Bimbingan Studi di sore hari hingga malam hari mengingat tingkat kejahatan yang meningkat.</br>

<br>Banyak orang tua yang kecewa karena putra putrinya ternyata bukan mengikuti bimbingan belajar tapi bermain </br>

<h3> Maka itu kami menyediakan bimbingan belajar IPENTA sebagai wadah untuk para siswa belajar secara online lewat website kami ini </h3>

<h1>TERIMA KASIH~~</h1>

</div>

<div class="card-body text-center">Catatan</div>

</div>

href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.m in.css"

integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"

crossorigin="anonymous">

<title>IPENTA</title>

</head>

<body>

<a class="navbar-brand" href="#"><img src="assets/logoipenta.jpg"

height="50x" <h3> IPENTA </h3> </a>

<form>

</div>

<input type="text" class="form-control" placeholder="Email"

aria-label="email" name="email" aria-describedby="basic-addon1">

</div>

</div>

<input type="password" class="form-control" placeholder="Kata Sandi" name="katasandi" aria-label="email"

<div class="text-center"> Belum Punya Akun? &nbsp<a href="daftar.php">Daftar</a></div>

</form>

</div>

<button type="button" class="btn btn-secondary" data-dismiss="modal">Keluar</button>

<button type="button" class="btn btn-primary">Masuk</button>

</div>

<p class="lead">Pastikan isi data dengan benar</p>

</div>

<input type="text" class="form-control" id="no-hp"

<button type="submit" name="submit" class="btn btn-primary bg-tosca">Daftar</button>

<!--

<h4 class="font-oswald ">BAB 1 Pangkat, Akar, dan

<a href=""><i class="fa fa-user-circle" aria-hidden="true"></i>&nbsp Syafrizal Amanda</a><br>

<a href=""><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp [Tanggal Post], [Jam Pos]</a>

<hr> --> class="btn btn-link text-dark" type="button" data-toggle="collapse"

data-target="#collapseOne" expanded="false"

<!— aria-hidden="true"></i>&nbsp [Tanggal Post], [Jam Pos]</a>

<h1 class="display-2">Bimbingan Online IPENTA</h1>

<p class="lead">TECHNOLOGY</p>

<!-- <div class="btn-group btn-group-lg">

light">Diskusi</button>

<button type="button" class="btn btn-outline-light">Tanya Tugas</button>

<!-- aria-hidden="true"></i>&nbsp [Tanggal Post], [Jam Pos]</a>

href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.

css"

integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"

crossorigin="anonymous">

<title>IPENTA</title>

</head>

<body>

integrity="sha384-crossorigin="anonymous"></script>

<a class="navbar-brand" href="#"><img src="../assets/logoipenta.jpg"

height="50x"></a>

<a class="navbar-brand" href="../index.php" title="Q-Math" >IPENTA</a>

</div>

<button class="navbar-toggler" type="button" toggle="collapse" data-target="#navbarNavAltMarkup" controls="navbarNavAltMarkup"

aria-expanded="false" aria-label="Toggle navigation">

</button>

</div>

</nav>

<h1 class="display-8">Halaman Masuk Admin</h1>

</div>

<hr>

<div class="text-center"><strong>KONTEN</strong></div><br>

<a href="#"><li class="list-group-item no-border no-top-bottom-padding">Pendaftaran</li></a>

<br>

</ul>

</div>

<div class="text-center"><strong>TENTANG KAMI</strong></div><br>

<div class="text-center"><strong>HUBUNGI KAMI</strong></div><br>

<div>

header('Location: masuk.php');

exit();

}

$query_pos = mysqli_query($db, "SELECT * FROM tb_post");

$query_pengguna = mysqli_query($db, "SELECT * FROM tb_user");

<!DOCTYPE html>

<html>

<head>

<title>Administrator</title>

screens. This example also include large stat blocks, modal and cards. The top navbar is controlled by a separate hamburger toggle button." />

href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" />

</head>

<body >

<a class="navbar-brand" href="../index.php" title="Q-Math">IPENTA</a>

</div>

<button class="navbar-toggler" type="button" data-toggle="collapse"

data-target="#collapsingNavbar">

</button>

href="#"><i class="fa fa-user-circle-o fa-white fa-lg" aria-hidden="true"></i>&nbsp<?php echo $_SESSION['admin']; ?></a>

<hr>

Selamat Datang <?php echo $_SESSION['admin']; ?>

toggle="tab">Buat Post</a>

$pos['id_post']; ?>"><i class="fa fa-trash-o fa-lg" aria-hidden="true"></i></a>

<a href="modulu.php?id_post=<?php echo

$pos['id_post']; ?>"><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i></a>

</div>

$pengguna['id_siswa']; ?>"><i class="fa fa-trash-o fa-lg" aria-hidden="true"></i></a>

<a href="modulu.php?id_post=<?php echo

$pos['id_siswa']; ?>"><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i></a>

<script

src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script

src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"><

/script>

<script

src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></scrip t>

</body>

Dalam dokumen WEBSITE BIMBINGAN BELAJAR INSTITUT PENDIDIKAN DIGITAL (IPENTA) TUGAS AKHIR MADYA NAINGGOLAN (Halaman 53-89)