Commit fb18c5a4 authored by Erma Safira Nurmasyita's avatar Erma Safira Nurmasyita
Browse files

Update README, delete unnecessary files

parent 6b0345a2
# Tugas 1 IF3110 Pengembangan Aplikasi Berbasis Web
<h1 align="center">
<br>
Pro-Book Website
<br>
<br>
</h1>
Membuat sebuah Website Toko Buku
## Deskripsi Singkat
Pada tugas besar ini, Anda diminta untuk membuat aplikasi *toko buku online* **berbasis web** yang memungkinkan seorang pengguna untuk membeli dan memberi komentar pada buku. Untuk menggunakan aplikasi ini, seorang pengguna harus melakukan *login*.
Anda diminta untuk membuat tampilan sedemikian hingga mirip dengan tampilan pada contoh. Website yang diminta tidak responsive. Desain tampilan tidak perlu dibuat indah. Icon dan jenis font tidak harus sama dengan contoh. Warna font, garis pemisah, dan perbedaan ukuran font harus terlihat sesuai contoh. Format rating dan waktu harus terlihat sesuai contoh. Perhatikan juga **tata letak** elemen-elemen.
## Anggota Tim
Setiap kelompok beranggotakan **3 orang dari kelas yang sama**. Jika jumlah mahasiswa dalam satu kelas modulo 3 menghasilkan 1, maka hanya 1 kelompok terdiri dari 4 mahasiswa. Jika jumlah mahasiswa modulo 3 menghasilkan 2, maka ada dua kelompok yang beranggotakan 4 orang.
## Petunjuk Pengerjaan
1. Buatlah organisasi pada gitlab dengan format "IF3110-2018-KXX-nama_kelompok", dengan XX adalah nomor kelas.
2. Tambahkan anggota tim pada organisasi anda.
3. Fork pada repository ini dengan organisasi yang telah dibuat.
4. Ubah hak akses repository hasil Fork anda menjadi **private**.
5. Silakan commit pada repository anda (hasil fork). Lakukan berberapa commit dengan pesan yang bermakna, contoh: `add register form`, `fix logout bug`, jangan seperti `final`, `benerin dikit`. Disarankan untuk tidak melakukan commit dengan perubahan yang besar karena akan mempengaruhi penilaian (contoh: hanya melakukan satu commit kemudian dikumpulkan). Sebaiknya commit dilakukan setiap ada penambahan fitur. **Commit dari setiap anggota tim akan mempengaruhi penilaian.** Jadi, setiap anggota tim harus melakukan commit yang berpengaruh terhadap proses pembuatan aplikasi.
6. Edit file readme ini semenarik mungkin (gunakan panduan Markdown language), diperbolehkan untuk merubah struktur dari readme ini. (Soal tidak perlu dipertahankan).
7. Pada Readme terdapat tampilan aplikasi, dokumentasi yang menjelaskan website yang Anda buat, dan penjelasan mengenai pembagian tugas masing-masing anggota (lihat formatnya pada bagian **pembagian tugas**).
8. Merge request dari repository anda ke repository ini dengan format **Nama kelompok** - **NIM terkecil** - **Nama Lengkap dengan NIM terkecil** sebelum **26 Oktober 2018 23.59**.
**Pro-Book** merupakan *toko buku online* **berbasis web** yang memungkinkan seorang pengguna untuk membeli dan memberi komentar pada buku. Untuk menggunakan aplikasi ini, pengguna harus melakukan registrasi akun, kemudian login terlebih dahulu.
## Tools
1. Backend: **PHP** tanpa framework apapun.
2. Database: **MySQL**.
3. Frontend: **Javascript, HTML dan CSS.** tanpa menggunakan library atau framework apapun.
1. Untuk backend, wajib menggunakan **PHP** tanpa framework apapun. Harap diperhatikan, Anda harus mengimplementasikan fitur menggunakan HTTP method yang tepat.
2. Gunakan **MySQL** untuk menyimpan data.
3. Untuk frontend, gunakan Javascript, HTML dan CSS. **Tidak boleh** menggunakan library atau framework CSS atau JS seperti JQuery atau Bootstrap. CSS sebisa mungkin ada di file yang berbeda dengan HTML (tidak inline styling).
## Dokumentasi
How to Run
1. Apa
2. Apa
3. Apa
## Spesifikasi
## Tampilan
### Login
......@@ -107,28 +100,7 @@ Pada halaman ini, pengguna dapat memberikan review untuk buku yang dipesan berup
**--Bonus--**
Rating dibuat seperti contoh.
### Validasi
Validasi **wajib** dilakukan pada *client-side*, dengan menggunakan **javascript** bukan HTML 5 input type, yaitu:
- Setiap field pada form tidak boleh kosong.
- Email harus sesuai format email.
- Jumlah buku yang dipesan minimal 1.
- Rating buku hanya boleh bernilai 1-5.
- Nama pengguna maksimal 20 karakter.
- Nomor telepon pengguna minimal 9 digit dan maksimal 12 digit.
## Knowledge
Untuk meringankan beban tugas ini, ada berberapa keyword yang bisa anda cari untuk menyelesaikan tugas ini.
- HTTP methods: get, post, put, delete
- CSS: margin, padding, header tag, font-size, text-align, float, clear, border, color, div, span, placeholder, anchor tag.
- Javascript : XMLHTTPRequest, alert.
- PHP: mysqli_connect, mysql_query, $_GET, $_POST, $_COOKIE, var_dump, print_r, echo, require, fungsi header.
- SQL query: SELECT, INSERT, UPDATE, DELETE, WHERE, operator LIKE.
Jika ada pertanyaan silakan tanyakan lewat milis.
### Pembagian Tugas
*Setiap anggota kelompok diwajibkan untuk mengerjakan bagian tampilan dan fungsionalitas.*
**Tampilan**
1. Login-logout : 13516006
......@@ -154,11 +126,11 @@ Jika ada pertanyaan silakan tanyakan lewat milis.
9. Review : 13516072
10. Header-menu: 13516012
## About
Asisten IF3110 2018
Audry | Erick | Holy | Kevin J. | Tasya | Veren | Vincent H.
Dosen : Yudistira Dwi Wardhana | Riza Satria Perdana | Muhammad Zuhri Catur Candra
## Author
<h2 align="center">
Ranindya Paramitha - 13516006
<br>
Wildan Dicky Alnatara - 13516012
<br>
Erma Safira Nurmasyita - 13516072
</h1>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="../css/edit_profile.css" />
</head>
<script type="text/javascript">
function showname(){
var name = document.getElementById('profpict').files[0].name;
document.getElementById("profpict_dummy").value = name;
}
</script>
<body>
<form action="edit_profile.php" method = "GET">
<div class="cols">
<h1>Edit Profile</h1>
<div class = "rows1">
<div class="left">
<img class="pp" src="../pictures/profile1.jpg" alt="Profile Picture">
</div>
<div class="right">
<p>Update profile picture</p>
<input id="profpict_dummy" type="text" name="profile_picture2" value="">
<div class="upload-btn-wrapper">
<button class="btn">Browse ...</button>
<input id="profpict" type="file" name="profile_picture" onchange="showname()" >
</div>
</div>
</div>
<div class="rows2">
<p class="left2">Name</p>
<div class="right2">
<input type="text" name="name" value="Tayo">
</div>
</div>
<div class="rows">
<p class="left2">Address</p>
<div class="right2">
<textarea name="address" rows="5" cols="1">Jl. Tayo No. 4</textarea>
</div>
</div>
<div class="rows2">
<p class="left2">Phone number</p>
<div class="right2">
<input type="text" name="phone" value="0888888888888">
</div>
</div>
</div>
<div class="row_button">
<div class="left_button">
<button id="back" type="button" name="back" value="BACK" onclick="location.href = '../profile.html'">Back</button>
</div>
<div class="right_button">
<input id="edit_save" type="submit" value="SAVE">
</div>
</div>
</form>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/search_result.css" />
</head>
<body>
<div class="rows">
<div class="title-container">
<div class="title-left"><h1>Search Result</h1></div>
<div class="title-right"><p class="tRight">Found <u>2</u> result(s).</p></div>
</div>
<div class="main-container">
<div class="main-left">
<img class="pp" src="../pictures/profile1.jpg" alt="Profile Picture">
</div>
<div class="main-right">
<h3>Judul</h3>
<h4>Pengarang - Rating (Count Votes)</h4>
<p>Deskripsi</p>
</div>
</div>
<div class="button_row">
<button type="button" onclick='location.href("../detail");'>Detail</button>
</div>
</div>
</body>
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment