Tugas ini dibuat sebagai syarat untuk dapat mengikuti kegiatan SKKNI sampai akhir. Dalam tugas ini berisi 2 folder utama yaitu program dan prototype.
- XAMPP
- Sublime Text
- Buat folder contoh : latihan di dalam folder htdocs.
- Extract berkas zip ke dalam folder yang sudah dibuat sebelumnya.
- Aktifkan Apache Server dan Mysql Server(Optional).
- Jalankan pada browser dengan url http://localhost/latihan/tugas6.php.
- Selesai.
- prototype
- Dalam folder ini berisi desain mockup program yang akan dibuat.
- mockup dibuat dengan menggunakan aplikasi Pencil Project
- Link download Pencil
- program
- Dalam folder ini berisi 1 folder(assets) dan 1 file php.
- File php merupakan hasil implementasi dari mockup yang telah dibuat.
- Dalam folder assets berisi 2 folder css dan js.
- Kedua folder tersebut merupakan file pendukung untuk membuat desain UI.
Catatan : Penggunaan css dan js bisa menggunakan assets seperti yang telah dijelaskan ataupun dengan link. Contoh :
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>