Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Minggu, 02 Mei 2021

DOWNLOAD CONTOH APLIKASI PENGELOLAAN LAUNDRY

Posted on Mei 02, 2021 by  with No comments
Pada artikel kali ini mimin akan ngebagiin contoh aplikasi pengelolan laundry berbasis web, jadi jika kalian ingin mencoba memasang aplikasi ini kalian harus ngikutin langkah-langkah  di bawah ini

Cara memasang aplikasi pengelolaan laundry berikut : 

halaman index aplikasi

1. install aplikasi xampp
2. Buka dan aktifkan / start php dan mysql
3. download file aplikasinya (link download ada di bawah)
4. karena filenya berbentuk rar maka ekstrak file UjikomRPL2021_Adi dulu filenya 
5. setelah itu copy folder UjikomRPL2021_Adi hasil dari ekstraknya
6. paste folder UjikomRPL2021_Adi  yang telah dicopy di folder folder htdocs yang berrada pada folder xampp
7. buka web browser kalian

halaman home aplikasi

8. panggil folder yang telah dipaste dengan cara menuliskan alamat http://localhost/UjikomRPL2021_Adi/
9. pilih menu Php
10. Selesai

pada aplikasi ini kalian tidak usah repot-repot menginport database karena mimin udah buatin secara otomatis pada file home.php. jika terjadi error ada 2 kemungkinan yang terjadi. pertama versi aplikasi Xampp kalian yang tidak mendukung untuk aplikasi ini, disini mimin menggunakan xampp versi 7.2. kemungkinan yang kedua kalian tidak mengikuti langkah-langkagh di atas dengan baik dan benar.

Hak akses aplikasi

halaman login aplikasi

untuk hak akses sendiri mimin membuat 2 hak akses yaitu pemilik dan kasir untuk username defaultnya adalah sebagai berikut : 
hak akses pemilik 
username : pemilik
password : 123

hak akses kasir 
username : kasir
password : 123

untuk perbedaan dari kedua hak akses ini bisa kalian lihat senderi karna mimin males ketik. tapi intinya hak akses pemilik merupakan hak akses yang memiliki full akses sedangkan hak akses kasir hanya bisa melakukan transaksi dengan pelanggan saja. 

Okk sekian aja bila ada yang masih bingung silahkan tinggalkan pertanyaan kalian di kolom komentar yang telah mimin sediain di bawah artikel ini.

link download 

Minggu, 14 Februari 2021

Pengertian Dan Contoh Penggunaan Radio Button pada HTML

Posted on Februari 14, 2021 by  with No comments

Radio button yaitu elemen GUI (graphical user interface) yang memungkinkan pengunjung untuk memilih hanya satu item dari daftar opsi yang disajikan. Elemen radio button akan ditampilkan dalam kelompok yang terdiri dari beberapa opsi atau setidaknya dua opsi. 


Radio button ini berbentuk lingkaran kecil. Ketika lingkaran tersebut dipilih oleh user maka tampilan radio button akan terlihat seperti lingkaran dengan titik di dalamnya.


Radio button bersifat mutually exclusive. Jadi, ketika ketika pengguna memilih satu opsi, maka pengguna tidak akan bisa memilih opsi lain yang artinya pengguna hanya bisa memilih satu opsi dari daftar yang di sajikan.


Contoh pengguaan Radio Button

Radio Button pada HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<title>contoh radio button</title>
</head>
<body>
	<form action="">
	<label for="jk">Jenis Kelamin</label> <br>
	<input type="radio" id="jk" name="jk" value="Laki-laki"> Laki-laki <br>
	<input type="radio" id="jk" name="jk" value="Perempuan">Perempuan <br><br>

	<label for="persetujuan">Persetujuan</label> <br>
	<input type="radio" id="persetujuan" name="persetujuan" value="YA"> YA <br>
	<input type="radio" id="persetujuan" name="persetujuan" value="TIDAK">TIDAK <br>
	</form>
</body>
</html>


Keterangan :

Radio button adalah salah satu type pada tag input pada html

Dalam satu grup radio Name pada tag input yang yang menggunakan typr radio harus sama

Atribut value = “” berfungsi untuk menyimpan data pada html untuk dikirim

Radio button harus berada di dalam tag <form></form>


Artikel terkait :


refrensi : https://www.logique.co.id/

Minggu, 07 Februari 2021

Pengertian Dan Contoh Penggunaan Check box pada HTML

Posted on Februari 07, 2021 by  with No comments

Check box adalah komponen desain yang biasanya ditampilkan dalam bentuk box kecil. Pada umumnya, checkbox memiliki dua status, yaitu:

  1. Dicentang (check) : box akan terisi tanda centang
  2. Tidak dicentang (unchecked): box tidak terisi dengan tandang centang.
Checkbox
Tampilan Checkbox

Check box juga digunakan sebagai komponen yang memungkinkan pengguna untuk lebih dari satu opsi dari daftar opsi yang disediakan. Masing-masing check box dalam check box group dapat beroperasi secara individual. Oleh karena itu, user dapat check dan uncheck untuk setiap opsi yang ditampilkan dengan bebas.


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Check box</title>
</head>
<body>
	<form action="halamat2.html">
		<label for="hobi">Pilih Hobi Kamu : </label> <br>
		<input type="checkbox" id="hobi" name="sepeda" value="Bersepeda"> Bersepeda <br> 
		<input type="checkbox" id="hobi" name="mendaki" value="mendaki"> mendaki <br> 
		<input type="checkbox" id="hobi" name="Berenang" value="Berenang"> Berenang <br> 
		<input type="checkbox" id="hobi" name="Sepak Bola" value="Sepak Bola"> Sepak Bola <br>
		<br>
		<label for="makanan">makanan faporit kamu : </label> <br>
		<input type="checkbox" id="makanan" name="RendangSapi" value="Rendang Sapi"> Rendang sapi <br>
		<input type="checkbox" id="makanan" name="SateKambing" value="Sate Kambing"> Sate Kambing <br>
		<input type="checkbox" id="makanan" name="SayurAsem" value="Sayur Asem"> Sayur Asem <br>
		<input type="checkbox" id="makanan" name="NasiGoreng" value="Nasi Goreng"> Nasi Goreng <br>
		<input type="checkbox" id="makanan" name="AyamBakar" value="Ayam Bakar"> Ayam Bakar <br>
		<input type="checkbox" id="makanan" name="Sayurlodeh" value="Sayur lodeh"> Sayur lodeh <br>
		<input type="checkbox" id="makanan" name="Lainya" value="Lainya"> Lainya <br>
		
	</form>
</body>
</html>


Keterangan :

Checkbox merupakan salah satu type pada atribut type = “”

Atribut Value = “” berfungsi untuk menyimpan nilai pada tag input

Atribut name = “” untuk type checkbox untuk setiap opsinya harus berbeda biasanya sama dengan atribut value

Type checkbox harus berada di dalam tag <form></form>


Artikel terkait :


refrensi : https://www.logique.co.id/



Langganan: Postingan (Atom)