HTML INPUT SEDERHANA

Transkripsi

1 HTML INPUT SEDERHANA Saya membutuhkan design HTML tampilan sederhana seperti gambar dibawah yang dimana input box menjadi satu dengan paragraph. Menggunakan framework bootstrap & JQuery. Untuk informasi tampilan dapat dibuka di Gambar 1 Tampilan contoh diharapkan KETENTUAN 1. Dibuat dengan framework Bootstrap & JQuery. 2. Tampilan dibuat semirip mungkin dengan contoh Gambar Proses pengerjaan pada file terpisah, bernama style.css. 4. Apabila bagian [pembayaran] diubah maka paragraf 2 akan muncul. 5. Untuk data yang default diisi oleh jquery.

2 PARAGRAF 1 Halo, hari ini saya ingin membuat invoice [kode invoice] untuk [nama client] (Menggunakan kontak [hp / ] [kontak] ). Client ingin melakukan metode pembayaran [metode] dengan nominal [nominal Rp]. Waktu pengerjaan dimulai sejak [tanggal] hingga [banyak hari] [Pilihan Hari]. Pengertian: [kode invoice] : Merupakan input berupa textbox berisi string. [nama client] : Merupakan input berupa textbox berisi string. [hp / ] : Merupakan dropdown dengan opsi Nomor HP atau . [kontak] : Input berupa nomor HP atau , sesuai sebelumnya. [metode] : Merupakan dropdown dengan opsi Langsung, 2 termin, 3 termin, dan pembayaran perbulan. [nominal Rp] : Merupakan input berupa rupiah, ditampilkan kode rupiah. [tanggal] : Merupakan datepicker. [Pilihan Hari] : Merupakan dropdown dengan opsi hari kerja, hari kecuali minggu, hari.

3 PARAGRAF 2 Paragraf 2 muncul pada saat bagian [pembayaran] di paragraf 1 diubah. Adapun 4 variasi paragraph seperti berikut: Langsung: Metode pembayaran menggunakan metode sekali bayar. Pembayaran dilakukan setelah pekerjaan dianggap telah selesai. Biaya transaksi sebesar [Fee Rp] dibayarkan oleh [Client / Pekerja]. [tombol lanjut] 2 Termin: Metode pembayaran menggunakan 2 termin, dimana pembayaran pertama sebesar [termin1 %] untuk menyelesaikan pekerjaan dan termin ke-dua [termin2 %] untuk melakukan perbaikan. Biaya transaksi sebesar [Fee Rp] dibayarkan oleh [Client / Pekerja]. [tombol lanjut] 3 Termin: Metode pembayaran menggunakan 3 termin, dimana pembayaran pertama sebesar [termin1 %] untuk menyelesaikan prototype, pembayaran kedua sebesar [termin2 %] untuk penyelesaian pekerjaan dan termin ke-tiga [termin3 %] untuk melakukan perbaikan. Biaya transaksi sebesar [Fee Rp] dibayarkan oleh [Client / Pekerja]. [tombol lanjut] Pembayaran perbulan: Metode pembayaran menggunakan metode pembayaran perbulan. Pembayaran dilakukan setiap bulan pertanggal [tanggal hari]. Biaya transaksi sebesar [Fee Rp] dibayarkan oleh [Client / Pekerja]. [tombol lanjut]

4 Pengertian: [Fee Rp] : Merupakan input berupa rupiah, ditampilkan kode rupiah. [Client / Pekerja] : Merupakan dropdown dengan opsi Client atau Pekerja. [termin1 %] : Merupakan input numeric 1 digit dibelakang koma. [termin2 %] : Merupakan input numeric 1 digit dibelakang koma. [tanggal hari] : Merupakan datepicker khusus tanggalan pada bulan (1-31). [tombol lanjut] : Merupakan sebuah tombol seperti di gambar, dengan tulisan Lanjut Pembuatan Peraturan: Untuk [Fee Rp] merupakan input berupa rupiah yang didisabled, jadi user tidak bisa mengisi. Pada saat ini angkanya akan dilakukan random antara 1000 s/d Peraturan Khusus 2 Termin: Pada saat [termin1 %] diisi, maka [termin2 %] akan diubah dengan kalkulasi otomatis (100% - termin1%). Peraturan Khusus 3 Termin: Pada saat [termin1 %] & [termin2 %] diisi, maka [termin3 %] akan diubah dengan kalkulasi otomatis (100% - termin1% - termin2%).

5 CONTOH Terdapat 2 contoh yang diharapkan. Contoh pertama: Halo, hari ini saya ingin membuat invoice WEB001 untuk Alvin (Menggunakan kontak Nomor HP ). Client ingin melakukan metode pembayaran Metode 2 termin dengan nominal Rp ,-. Waktu pengerjaan dimulai sejak 3 Juni 2016 hingga 20 hari kerja. Metode pembayaran menggunakan 2 termin, dimana pembayaran pertama sebesar 40% untuk menyelesaikan pekerjaan dan termin ke-dua 60% untuk melakukan perbaikan. Biaya transaksi sebesar Rp ,- dibayarkan oleh Pekerja. Contoh kedua: Halo, hari ini saya ingin membuat invoice WEB002 untuk PT Maju Terus (Menggunakan kontak [email protected]). Client ingin melakukan metode pembayaran Metode 3 termin dengan nominal Rp ,-. Waktu pengerjaan dimulai sejak 3 Juni 2016 hingga 30 hari. Metode pembayaran menggunakan 3 termin, dimana pembayaran pertama sebesar 40% untuk menyelesaikan prototype, pembayaran kedua sebesar 30% untuk penyelesaian pekerjaan dan termin ke-tiga 30% untuk melakukan perbaikan. Biaya transaksi sebesar Rp ,- dibayarkan oleh Client.