APLIKASI WEBSITE GALERI FOTO
A.
SEBELUM KE LANGKAH PENGERJAAN SOAL
Kebutuhan software
sebelum membuat source code
Pertama
: INTSAL APLIKASI XAMPP artinya sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database dan Penerjemah bahasa
Kedua :
INSTAL APLIKASI VISUAL CODE, SUBLIME
TEXT artinya aplikasi teks editor untuk memulai membuat program berbasis
website tentunya jika visual code memiliki kelebihan Fungsi error checker yang
sangat-sangat membantu ketika lagi nulis/edit kode pemrograman sedangkan
sublime text Fungsi auto complete dalam penulisan kode pemrograman.
Ketiga :
PAHAMI PERBEDAAN BAHASA PEMOGRAMAN
A. Membangun situs web menjadi interaktif dan menarik
yaitu HTML, CSS, dan JavaScript.
B. Bahasa Pemograman Tingkat tinggi menggunakan PHP
artinya bahasa pemrograman server side scripting yang bersifat open source bekerja
membuat, membuka, membaca, menulis, dan membatasi file di server-side, maka
skrip PHP diproses di server.
C. Kerangka Kerja menggunakan Bootsrap 5 karena framework
front-end menciptakan tampilan website responsiv fiturnya CSS dan JS.
B.
LANGKAH PENGERJAAN SOAL
Nomor 1 jalan aplikasi XAMPP à Klik star Apache
dan Mysql à Run Shell
Menampilkan halaman database
a.
Membuat table user
b.
Membuat table foto dan
relasi atribut userid
c.
Membuat table album dan
relasi atribut userid
d.
Mengubah struktur table foto tujuannya untuk relasi atribut albumid
e.
Membuat table likefoto dan
relasi atribut fotoid or userid
f.
Membuat table komentarfoto dan
relasi atribut fotoid or userid
Mengecek hasil output masuk ke
laman : http://localhost/phpmyadmin/index.php?route=/database/designer&db=gallery
kemudian save
Nomor
2 Membuat Folder baru di dalam
htdoct supaya program bisa dijalankan
Nama folder UKK-Gallery-nama
perserta ujian
Contoh : UKK-Gallery-Risma
Nomor
3 download framework di https://getbootstrap.com/docs/5.0/getting-started/download/
Kemudian extrak menjadi folder dengan nama asset
Nomor
4 jalan aplikasi VISUAL CODE ATAU SUBLIME TEXT
a.
Membuat koding koneksi.php artinya
menghubungkan PHP dengan database
|
<?php $conn=mysqli_connect("localhost","root","","gallery") ?> |
b.
Membuat laman index.php artinya file yang pertama kali di load.
c.
Membuat laman registrasi.php
|
<div
class="text-center"> <h5>Daftar
Akun Baru</h5> </div> <form
action="proses_register.php" method="POST"> <label
class="form-label">Username</label> <input
type="text" name="username"
class="form-control" required> <label
class="form-label">Password</label> <input
type="password" name="password"
class="form-control" required> <label
class="form-label">Email</label> <input type="email"
name="email" class="form-control" required> <label
class="form-label">Nama Lengkap</label> <input type="text"
name="namalengkap" class="form-control" required> <label
class="form-label">Alamat</label> <input type="text"
name="alamat" class="form-control" required> <div
class="d-grid mt-2"> <button class="btn
btn-primary" type="submit"
name="kirim">DAFTAR</button> </div> </form> <hr> <p>sudah punya akun? <a
href="login.php">Login Disini</a></p> </div> |
Tidak ada komentar:
Posting Komentar