Posts

Showing posts from May, 2020

Membuat form login menggunakan bootstrap dan jquery

Image
Jika kita mengunjungi sebuah website maka hal pertama yang dapat kita lihat adalah tampilan website, tampilan yang menarik tentunya akan membuat pengunjung merasakan kenyamanan dalam melakukan surfing. Bagi para web developer, BOOTSTRAP bukanlah hal yang asing, framework front-end ini mudah untuk digunakan dan tentunya akan mempercantik halaman website. Kali ini kita akan belajar membuat form login sederhana menggunakan bootstrap+jquery. Berikut ini langkah-langkahnya. 1. Buatlah sebuah folder dengan nama "login" dan simpan dalam folder "htdocs" . 2. Buka notepad dan copy paste kode dibawah ini. <html> <head> <title>LOGIN</title> </head> <body> </body> </html> Simpan file dengan nama "index.php" dan letakkan pada folder "login" . 3. Kunjungi halaman situs bootstrapcdn dan arahkan kursor anda pada "complete css" , klik  tanda panah untuk expand halaman. Copy link HTML.  buka file "ind...
Post a Comment
Read more

Membuat website dinamis (Bagian 3 - Selesai)

Image
Pada bagian kedua pembuatan website dinamis kita sudah belajar bagaimana cara menghapus data barang. Jika anda belum mengikuti cara pembuatan website dinamis. Silahkan anda mengunjungi link dibawah ini. Membuat website dinamis (Bagian 1) Membuat website dinamis (Bagian 2) Dalam pengelolaan sebuah data, tentunya data yang ingin kita tampilkan adalah data yang benar. Tetapi terkadang dalam penginputan data terjadi kesalahan input sehingga menyebabkan data yang ditampilkan tidak valid.  Kali ini saya kita akan melanjutkan mempelajari bagaimana cara mengedit data barang. Berikut adalah cara untuk membuat program pengeditan data barang. 1. Siapkan file "barang.php" yang telah dibuat sebelumnya, buka pada notepad lalu copy paste kan kode dibawah ini dan simpan file. <html> <head> <title>TOKO CILIK</title> <head> <body> <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post...
Post a Comment
Read more

Membuat website dinamis (Bagian 2)

Image
Pada bagian pertama kita sudah belajar bagaimana cara menambahkan data barang pada table barang dan cara menampilkan seluruh data barang. Kali ini kita akan belajar bagaiman cara untuk menghapus data barang pada table barang. Bagi yang sudah mengikuti bagian pertama maka pasti anda sudah memiliki database dan file PHP. Tapi jika belum memilikinya maka anda bisa mengunjungi link dibawah ini,,, Membuat website dinamis (Bagian 1) Mari kita mulai,,, 1. Buka file "barang.php" lalu copy paste kan kode dibawah ini dan simpan. <html> <head> <title>TOKO CILIK</title> <head> <body> <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post"> <table border=1> <tr> <th colspan=2>Tambah Barang</th> </tr> <tr> <td>Kode Barang</td> <td><input type="text" maxlength="5" name="kd_barang" placeholder="Kode Barang" ...
Post a Comment
Read more

Menyembunyikan struktur folder dengan htaccess

Image
File index.php adalah file yang pertama kali terbaca ketika kita membuat halaman web, jika file ini tidak ada maka struktur folder kitalah yang akan tampil.  Tentunya anda tidak ingin orang lain melihat isi dalam folder anda saat mereka membuka web anda. Karena hal ini akan membuat web anda rentan dalam hal keamanan yang tentu saja akan menjadi peluang para hacker untuk membobol web kita. Berikut ini tips untuk menyembunyikan stuktur folder dengan htaccess.  Berikut ini adalah cara untuk menyembunyikan struktur folder dengan htaccess. 1. Buka notepad anda dan ketikkan kode dibawah ini. Options -Indexes 2. Lalu simpan file dengan nama ".htaccess". Simpan file tersebut didalam folder web anda. 3. Sekarang silahkan untuk buka browser anda dan ketikkan pada kolom address "http://localhost/nama_folder_anda" Mudah bukan? Selamat mencoba,,, :)
Post a Comment
Read more

Membuat website dinamis (Bagian 1)

Image
Sebuah web yang dinamis tentunya akan lebih menarik daripada web statis, karena didalamnya kita dapat melakukan pengelolaan data CRUD(Create Read Update Delete). Hal  yang harus kita lakukan adalah menghubungkan web kita dengan database menggunakan MYSQL yang merupakan   sebuah Database Management System. Alat yang kita gunakan adalah xampp dan notepad (text editor). Berikut ini cara membuat website dinamis. 1. Aktifkan apache dan mysql pada XAMPP Control Panel anda, buka phpmyadmin dan buatlah sebuah database dengan nama "db_toko". cara membuat database dengan PHPMyAdmin 2. Buatlah sebuah table dengan nama "tb_barang" 3. Buka notepad anda dan ketikkan kode dibawah ini. Buatlah sebuah folder didalam folder htdocs dengan nama "toko" lalu simpan file dalam folder tersebut dengan nama "barang.php". <html> <head> <title>TOKO CILIK</title> <head> <body> <form action="<?php echo $_SERVER['PHP_SELF'...
Post a Comment
Read more

Cara mengetahui versi PHP

Image
PHP adalah bahasa program yang banyak dipakai dalam pemograman web. Secara umum fungsi dari PHP ini sendiri digunakan untuk mengambil data, menghubungkan dan mengelola database. Setiap versi PHP memiliki beberapa function yang berbeda.Sehingga mengetahui versi PHP menjadi bagian penting untuk selanjutnya melakukan pengkodean program. Berikut ini cara untuk mengetahui   I. Menggunakan XAMPP Control Panel Buka XAMPP Control Panel lalu klik "start" pada apache, lalu klik "admin" Disini saya menggunakan PHP Versi 7.3.12 II. Menggunakan kode PHP 1. Buka XAMPP Control Panel lalu klik "start" pada apache dan klik "start" pada mysql, Setelah apache dan mysal sudah aktif, buka notepad anda dan ketikkan  <?php echo phpinfo();?> 2. Simpan file dengan nama "versi_php.php" 3. Buka browser dan ketikkan pada kolom address "http://localhost/versi_php.php" Demikianlah cara mengetahui versi PHP kita, mudah bukan? Selamat mencoba,,, :)
Post a Comment
Read more

Membuat form HTML sederhana

Image
Form pada html merupakan bagian penting, form berfungsi untuk mengirimkan data yang selanjutnya akan dikelola dalam data output. Ada beberapa cara atau yang sering disebut dengan "method" untuk mengirim data melalui form, yaitu "POST"  dan "GET". Method "POST" adalah cara mengirim data secara langsung dengan mengambil  value pada kolom input form, sedangkan method "GET" adalah cara mengirim data dimana data dikirimkan melalui variable pada URL. Berikut ini kita akan mencoba untuk mempelajari perbedaan antara "POST" dan "GET". Data akan diambil menggunakan PHP. Karena kita akan menggunakan PHP maka anda sebaiknya untuk menginstal XAMPP pada komputer anda.  cara membuat database mengguanakn phpmyadmin I. Method POST 1. Aktifkan mysql dan apache pada XAMPP control panel. 2. Buka notepad, lalu copy kode dibawah ini dan paste pada text editor anda. Simpan dengan nama file  form_post....
Post a Comment
Read more

Menampilkan halaman web sederhana

Image
Perkembangan teknologi di era revolusi 4.0 menuntut setiap orang untuk mempelajari teknologi. Teknologi telah mengubah kebiasaan orang, dunia sudah beralih pada sebuah jaman yang serba online. Website adalah sebuah platform teknologi yang banyak diminati banyak orang saat ini. Kali ini saya ingin membagikan cara membuat menampilkan halaman web sederhana. Bahan yang diperlukan hanyalah sebuah notepad dan browser pada komputer anda. Menampilkan halaman web 1. Buka notepad, lalu ketikkan pada text editor "Hello World". Simpan file dengan nama "welcome.html". 2. Kemudian cari lokasi penyimpanan file itu, lalu klik file yang telah disimpan tadi. Maka anda akan melihat pada browser tulisan "Hello World". Sekarang anda sudah dapat menampilkan halaman web. Membuat struktur HTML Stuktur HTML terdiri dari beberapa tag dasar, yaitu html,head dan body. Setiap tag memiliki sepasang tag, yaitu tag pembuka dan tag penutup, sebagai contoh <html></html>. 1. Buk...
Post a Comment
Read more

Membuat database menggunakan PHPMyAdmin

Image
cara membuat database pada PHPMyAdmin: 1. Install xampp sesuai dengan versi windows anda. berikut adalah link yang dapat anda akses untuk mendownload aplikasi xampp https://www.apachefriends.org/download.html 2. Buka panel xampp dan klik start pada apache dan mysql. 3. Buka browser internet anda, lalu ketikkan pada kolom address http://localhost/phpmyadmin atau http://localhost:8080/phpmyadmin jika anda menggunakan port 8080 pada apache anda. 4. Pilih tab "Databases", ketikkan nama database yang anda inginkan kemudian klik tombol "create". 5. Setelah database telah dibuat, selanjutnya anda dapat membuat "table" dalam database. Klik nama database yang telah anda buat lalu isi nama table dan jumlah kolom dalam table. Demikianlah cara untuk membuat database menggunakan xampp,,, mudah bukan? Selamat mencoba,,, :)
Post a Comment
Read more