Postingan

Menampilkan postingan dari Maret, 2018

Tutorial Praktek Pertemuan 1 s/d 7

-
Kali ini saya akan mengeshare beberapa ilmu yang saya dapatkan selama praktek. Langsung aja cek satu-satu :D Membuat Struktur Text HTML Sederhana Membuat Form Login  Membuat Javascript Pada Form Login Membuat Alert Pada Form login Dengan Bootstrap Membuat Menampilkan Data Di Database di HTML dengan Tabel Sekian dari saya bila ada yang kurang jelas bisa ditanyakan di kolom komentar
Posting Komentar
Baca selengkapnya

[TUTORIAL 5] Tutorial Menampilkan Data di Database Pada HTML Dengan Tabel

-
Gambar
Oke kali ini saya bakal kasih tutorial menampilkan database pada html dengan tabel langsung aja eksekusi sekarang. Pertama kita buat dulu databasenya dengan nama field dan tipe data sebagai berikut: Kemudian kita memberi hak akses terhadap tabel users, eksekusi masing-masing barisnya satu per satu Langkah selanjutnya membuat project baru di netbeans. Lalu buat folder dan susun file seperti pada gambar dibawah ini Oke.. Yang pertama kita buat file di index.php. Ketikkan sintaks berikut Pada baris ke 11 terdapat sintaks yang memanggil file dao.php. Baris ke 15 s/d 29 berfungsi untuk menampilkan data dengan tabel. Selanjutnya kita membuat file dbconfig.php     Pada DB_HOST,DB_USER dst kita tulis persis seperti hak akses yang kita tulis pada database mysql tadi     Pada dbconfig ini berfungsi untuk membuat koneksi ke database.     File dao ini terdapat bahasa query untuk menampilkan data pada databa...
Posting Komentar
Baca selengkapnya

[TUTORIAL 4] Tutorial Membuat Alert dengan Bootstrap

-
Gambar
Sebelum membuat alert kita buat dulu form loginnya, kalian bisa menggunakan tutorial sebelumnya. Sebenarnya sama seperti tutorial sebelumnya tetapi hanya ada perbedaan sedikit. Langsung kita tambahkan sintaks seperti dibawah ini Pada Tutor sebelumnya pada bagian session start hanya memuat echo ‘<h1> Anda di blokir </h1>’. Pada kesempatan kali ini kita tambah seperti sintaks diatas agar tampilannya lebih menarik bukan. Keterangan: Pada bagian echo kita tulis ‘<!DOCTYPE html>. Kenapa kita perlu tulis itu? Karena echo merupakan bahasa php tentunya jika kita langsung menuliskan bahasa html maka tidak akan dikenali. Oleh sebab itu kita harus mendefinisikan agar dapat berjalan dengan baik. Seperti biasa pada bagian head kita panggil atau definisikan bootstrapnya. Pada baris ke 17 s/d 21 adalah bagian alertnya. Kali ini kita memakai alert jenis alert danger. Baris ke 19 merupakan sintaks agar alert kita terdapat tombol closenya. Kemudian pada baris ke 2...
Posting Komentar
Baca selengkapnya

[TUTORIAL 3] Membuat JavaSricpt Pada Form Login

-
Gambar
Pertama kita buat dulu form loginnya, kalian bisa pakai form login pada tutorial sebelumnya.  Klik Disini . Tutorial kali ini saya akan membuat aksi dengan java script dengan menggunakan tampilan login yang telah dibuat dari postingan sebelumnya. Saya akan membuat tutorial gagal login 3 kali diblokir menggunakan java script. 1. Siapkan file boot.strap.min.js, jquery.min.js, popper.min.js. 2. Buat folder Js didalam folder Assets. 3. Masukkan file tadi kedalam folder Js. 4. Ketik coding ini dipaling bawah sebelum </bodi> </html>. 5. Buat file login.php: klik kanan Source file - New - PHP File. 6. Ketik coding ini didalam login.php. 7. Ketik coding ini dipaling atas sebelum <html>. 8. Sekarang kita akan membuat warning/peringantannya. Ketik coding ini dibawah <h1> Selamat Datang</h1> </div>. 9. Membuat waktu warning/peringatanya muncul. Ketik coding ini dibawah <link rel="stylesheet"href="assets/css/floating-labe...
Posting Komentar
Baca selengkapnya

[TUTORIAL 2] Tutorial Membuat Form Login

-
Gambar
Langkah pertama seperti biasa buka netbeans -> new project -> php application. Keterangan: Seperti biasa pada bagian head memuat title dan link-link untuk mendefiniskan file-file atau resource apa yang kita butuhkan. Contohnya seperti bootstrap atau file style.css Keterangan: Pada bagian body kita membuat form untuk login Form ini berisikan field username dengan type email dan password dengan type password juga. Lalu kita beri fitur remeber me. Pada baris 64 merupakan sintaks untuk membuat button dengan style bootstrap. Dibawah button kita beri fitur forgot password. Nah... Jika kode diatas sudah dituliskan semua makan ketika dirun tampilannya akan seperti gambar di bawah ini
Posting Komentar
Baca selengkapnya

[TUTORIAL 1] Tutorial Membuat Struktur HTML Sederhana

-
Gambar
Langkah pertama seperti biasa buka netbeans -> new project -> php application. Lalu ketikkan sintak dibawah ini. Keterangan : Pada bagian head terdapat title yang berfungsi menampilkan teks pada tab browser. Selanjutnya pada baris ke 5 adalah untuk menampilkan gambar kecil pada tab browser. Pada baris ke 6, kita mendefinisikan atau memanggil bootstrap. Lalu pada bagian Header di baris ke 12 fungsinya untuk menampilkan navigasi di bagian atas halaman HTML. Baris ke 16 s/d 18 merupakan bagian teks dari navigasi. Kemudian dibawahnya ketikkan sintak berikut. Keterangan: Pada bagian ini adalah konten atau isi yang akan dibuat di website kita. Meliputi bagian artikel kemudian judul, sub judul dan isi artikel. Keterangan: Bagian ini merupakan side bar yang terletak pada samping kanan/kiri website. Keterangan: Bagian terakhir yaitu footer yang terletak di paling bawah sendiri. Biasanya memuat pembuat web. Nah... Jika kode d...
Posting Komentar
Baca selengkapnya

Rancangan Sistem Login PHP Fundamental

-
Gambar
Kali ini saya akan memplubikasikan tentang tutorial cara membangun sistem login. Untuk yang pertama mari kita mengenal jalannya sistem login yang disertai autentikasinya . Untuk alogaritma sistem login yg disertai auntetikasinya dapat dilihat dibawah ini: Alogaritma: 1. Pertama muncul halaman form login. 2. User diminta menginputkan username dan password. 3. Selanjutnya sistem akan mengecek apakah username dan password telah cocok. 4. Apabila benar maka sistem akan melanjutkan ke halaman yg dipilih. 5. Apabila salah maka sistem akan menghitung kesalahan input dan menampilkan form login kembali. 6. Apabila sistem telah menghitung kesalahan input hingga 3 kali maka sistem akan menampilkan informasi bahwa user telah diblokir dan user tidak dapat kembali mengakses form login. Untuk pseudocodenya bisa juga dilihan di bawah ini: Pseudocode 1. Mulai. 2. Tampilkan login page. 3. Get username. 4. Get password. 5. Then klik login. 6. If username dan password benar then masuk halaman ber...
Posting Komentar
Baca selengkapnya