-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
248 lines (231 loc) · 20.5 KB
/
index.html
File metadata and controls
248 lines (231 loc) · 20.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>DATABASE</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700,800,900,900i%7CRoboto:400%7CRubik:100,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(226, 9, 9, 0.719);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
</head>
<body>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item active"><a class="rd-nav-link" href="index.html">README</a>
</li>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="parallax-container" data-parallax-img="images/rak.jpg">
<div class="parallax-content breadcrumbs-custom context-dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-9">
<h2 class="breadcrumbs-custom-title">Aplikasi Pencari Buku Perpustakaan</h2>
<ul class="breadcrumbs-custom-path">
<li class="active">Mekantronika Dan Kecerdasan Buatan</li>
<li class="active">KAMPUS UPI PURWAKARTA</li>
<li class="active">UAS</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- body page-->
<section class="section section-lg bg-default">
<div class="container">
<div class="row">
<div class="col-lg-10">
<p></p>
<h3>Aplikasi Pencari Buku Berbasis CRUD</h3>
<p></p>
<h5>Anggota Kelompok</h5>
<p><li>Galih Multi Lidzikri (2103739)</li>
<li>Kevin Alfian Siagian (2104162)</li>
<li>Vladio Sada Arihta Sembiring (2104114)</li>
</p>
<p></p>
<h5>Problem Yang Diangkat</h5>
<p><tab></tab>Perkembangan dunia komputer yang semakin kompleks mendorong setiap
individu ataupun kelompok harus menerapkannya dalam segala aktifitas. Setiap
sistem yang ada seakan kurang lengkap ketika masih menggunakan model
ataupun pengelolaan secara manual, disamping sangat banyak energi dan sumber
daya yang terbuang, baik dari segi finansial tentunya menjadikan biaya lebih
tinggi, dari segi waktu tentunya akan memakan waktu yang lebih banyak.
Teknologi Informasi tidak hanya mempengaruhi sebuah sistem informasi
namum memiliki pengaruh dalam kehidupan sehari-hari, gaya hidup mulai
berubah seiring dengan produk-produk teknologi informasi yang semakin
menjamur setiap saat.
</p><p>
<tab></tab>Dalam sebuah Perpustakaan
peranan teknologi informasi sangat diperlukan. Karena semakin berkembangnya
suatu perusahaan bertambahnya jumlah Pegawai dan ilmu pengetahuan yang
semakin berkembang, mau tidak mau perpustakaan harus meningkatkan pelayanan
dan kualitas sumber daya manusia yang ada. Oleh karena itu saya dan teman-teman
mebuat sebuah aplikasi "Pencari Buku" berbasis CRUD
sehingga siswa yang ingin mencari buku maka pengelola perpustakaan dapat
mencari melalui komputer yang telah disediakan,petugas tidak perlu lagi mencari secara
manual tetapi data dapat dimasukkan melalui sebuah Sistem Informasi.
</p>
<p></p>
<h5>Solusi Project</h5>
<p >
<tab></tab>Aplikasi Create, Read, Update, Detele (CRUD) adalah aplikasi standar yang pasti ada jika kita ingin membuat aplikasi web dinamis. Dengan fungsi CRUD kita dapat melakukan manipulasi data di dalam database melalui aplikasi yang dibuat.
Pembuatan aplikasi juga menggunakan bahasa python dan memakai database local yang berasal dari phpmyadmin.
</p><p>
<tab></tab>Program ini dapat mencari buku dengan nama buku, tahun penerbitan buku, penulis buku dan nomor ISBN sehingga mempermudah dalam melakukan pencarian sebuah buku
serta pelanggan dapat memberikan review terhadap sebuah buku dan penulis buku sehingga akan mendapatkan sebuah tanggapan atau penilaian dari pelanggan terhadap buku atau penulis tersebut.
</p>
<p></p>
<li>Database(PHPMYADMIN)</li>
<a href="https://upload.wikimedia.org/wikipedia/commons/9/95/PhpMyAdmin_logo.png" title="Menuju Website Gambar">
<img src="images/PhpMyAdmin_logo.png" alt="Database" width="200" border="200">
</a>
<p><tab></tab>phpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui website Jejaring Jagat Jembar (World Wide Web) . phpMyAdmin mendukung berbagai operasi MySQL,
diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perizinan (permissions), dan lain-lain).</p>
<p></p>
<li>Bahasa Python</li>
<a href="https://1.bp.blogspot.com/-hNQhtQOmdwo/VQfwmVFRh0I/AAAAAAAAAds/H37L_3WGKoE/s1600/python-logo-master.png" title="Menuju Website Gambar">
<img src="images/python-logo-master.png" alt="Python" width="200" border="200">
</a>
<p><tab></tab>Python adalah bahasa pemrograman interpretatif yang dapat digunakan di berbagai platform dengan filosofi perancangan yang berfokus pada tingkat keterbacaan kode dan merupakan
salah satu bahasa populer yang berkaitan dengan Data Science, Machine Learning, dan Internet of Things (IoT).
Keunggulan Python yang bersifat interpretatif juga banyak digunakan untuk prototyping, scripting dalam pengelolaan infrastruktur, hingga pembuatan website berskala besar.
</p>
<p></p>
<li>Visual Studio Code</li>
<a href="data:image/jpeg;base64,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" title="Menuju Website Gambar">
<img src="images/vscode.jpg" alt="VSCODE" width="200" border="200">
</a>
<p><tab></tab>Visual Studio Code (disingkat VSCode) adalah perangkat lunak penyunting kode-sumber buatan Microsoft untuk Linux, macOS, dan Windows. Visual Studio Code menyediakan fitur seperti penyorotan sintaksis, penyelesaian kode, kutipan kode, merefaktor kode, pengawakutuan, dan Git. Microsoft merilis sumber kode
Visual Studio Code di repositori GitHub dengan lisensi MIT (Code - OSS),sedangkan biner yang dibangun oleh Microsoft tidak dirilis dengan lisensi MIT dan merupakan perangkat lunak berpemilik.</p>
<p></p>
<p></p>
<h5>Konsep/Flowchart</h5>
<p></p>
<p>
<img src="images/flowchart.jpeg" alt="Flowchart" >
</p>
<p></p>
<h5>Panduan Aplikasi</h5>
<p></p>
<p>
<li>Login kedalam aplikasi dgn memasikan id dan nama(12345 dan ayo)</li>
<li>Dapat membuat id baru dengan menekan tombol SIGN UP</li>
<li>Masukan kentuan buku yang dicari (Judul buku, Tahun terbit, No ISBN, Penulis buku)</li>
<li>Jika kentuan tidak diisi buku tidak dapat dicari</li>
<li>Jika Buku tidak ada maka akan di berikan peringatan bahwa buku tidak ada</li>
<li>Jika buku yang dicari ada akan pindah ke halaman review dimana ada rating dari buku yang dicari dan riwayat rating yang diberikan pengguna lain</li>
<li>Untuk Menambahkan rating, tekan tombol ADD RATE </li>
<li>Pilih berapa nilai rating yang akan diberikan</li>
<li>Tekan Tombol ADD untuk menambahkan rating</li>
<li>Setelah ditambahkan pengguna akan kembali ke menu pencarian buku</li>
</p>
<p></p>
<h6>Referensi</h6>
<p>
<li><a href="https://id.wikipedia.org/wiki/Visual_Studio_Code#:~:text=Visual%20Studio%20Code%20(disingkat%20VSCode,kode%2C%20pengawakutuan%2C%20dan%20Git."> VSCODE</a></li>
<li><a href="https://www.dicoding.com/academies/86#:~:text=Python%20adalah%20bahasa%20pemrograman%20interpretatif,Internet%20of%20Things%20(IoT).">Python</a></li>
<li><a href="https://id.wikipedia.org/wiki/PhpMyAdmin">PHPMYADMIN</a></li>
<li><a href="https://www.youtube.com/watch?v=uXiHeekxCSg&list=WL&index=1&t=1469s">Python GUI</a></li>
<li><a href="https://www.youtube.com/watch?v=OWyDFPpBXhQ&list=WL&index=2">Python Connect To Database</a></li>
</p>
</div>
</div>
</div>
</section>
<!--gambar Pcb wirinng-->
<section class="section section-lg bg-default">
<div class="container">
<div class="row row-50">
<div class="col-lg-6">
<h4>Screenshoot Hasil Demo</h4>
<p>
<p>Demo1</p>
<img src="images/111.png"width="500" border="500">
<p>Demo2</p>
<img src="images/222.png"width="500" border="500">
<p>Demo3</p>
<img src="images/333.png"width="500" border="500">
<p>Demo4</p>
<img src="images/444.png"width="500" border="500">
<p>Demo5</p>
<img src="images/555.png"width="500" border="500">
<p>Demo6</p>
<img src="images/666.png"width="500" border="500">
<p>Demo7</p>
<img src="images/777.png"width="500" border="500">
<p>Demo8</p>
<img src="images/888.png"width="500" border="500">
<p>Demo9</p>
<img src="images/999.png"width="500" border="500">
<p></p>
</p>
<p></p>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-minimal context-dark\">
<div class="container wow-outer">
<div class="wow fadeIn">
<div class="row row-50 row-lg-60">
<div class="col-12">
<ul class ="social-list">
<li><a href="download/crud.zip">Aplikasi CRUD(crud.py)</a></li>
<li><a href="download/PERPUS.zip">Dataset(perpus.sql)</a></li>
</ul>
</div>
<div class = "col-12">
<ul class="footer-minimal-nav">
<li><a href="https://instagram.com/mkb_upi?igshid=YmMyMTA2M2Y=">About Us</a></li>
<li><a href="https://instagram.com/galihmulti?igshid=YmMyMTA2M2Y=">Galih Multi Lidzikri</a></li>
<li><a href="https://instagram.com/kevinalvian08?igshid=YmMyMTA2M2Y=">Kevin Alfian Siagian</a></li>
<li><a href="https://instagram.com/vladio_smb?igshid=YmMyMTA2M2Y=">Vladio Sada Arihta Sembiring</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>