Ajax Dan Framework

Assalamu’alaikum :v

Seperti biasa, ane sekarang mosting tutorial Ajak dan Framework, nah tutorial kali ini juga lanjutan dari postingan sebelum”nya, oke langsung saja :v

Langkah 1 : yaitu membuat file index untuk dasboard yg kemarin dalam postingan sebelumnya dipakai aja diteruskan aja,.

 

Nah langkah 1 ini membuat modal atau seperti notifikasi kalau dalam bentuk tampilannya,. dalam modal ini dituju untuk pemanggilan ajax saja.

 

 

Langkah 2 : Membuat inputan dengan< div id=”Modalku”> dan dengan div class yg sama

 

Langkah 3: Membuat fungsi ajax dan json yg nantinya akan memanggil file execute.php

Langkah 3. ini digunakan untuk pemanggilan query” yang ada di file execute.php

 

Langkah 4 : Membuat file execute.php

Langkah 4: ini file execute.php dimana file ini menyimpan syntax query” pemanggilan database seperti save, update, delete dan select

 

Langkah 5: Yaitu menambahkan syntax di file dao.php

Didalam file dao pada langkah 5 ini ditambahkan snyax fungsi execute yang saya lingkari garis biru itu

 

HASIL:

 

Tampilan isi database

 

Tampilan inputan dengan modal tadi:

 

Oke gan cukup itu dulu, semoga bermanfaat

 

wassalamu’walaikum

 

Algoritma, Pseudocode dan Flowchart login 3x salah blokir

Assalamu’alaikum gan.,,,,

 

kali ini ane akan membahas tentang Algoritma, Pseudocode dan Flowchar tentang form login kemarin yang lebih dari 3x salah keblokir itu tu :v

oke langsung saja gk usah lama-lama :v

……………

1. nah apa aja sih yg dibutuhkan untuk perangcangannya ??

Nah buat dulu form loginnya yg dinamis

2. Nah dibawah ini flowchart untuk langkah 3x salah diblokri

Nah jadi kita harus bikin variabel baru yg bereguna untuk menginisialkan user dan password, kalau pakai database agan harus bikin syntax function construct untuk koneksinya… terus sampai dengan percabangan if dimana if ini membuat session gagal mengarah kemana dan jumlah gagal berapa kali lalu mengarah kemana.

 

3. Sekarang tentang Algoritmanya
langkah :
1. membuat variabel username dan password
2. inisial variabel username dan password (jika menggunakan database harus menyambungkan dahulu dan variabel dipakai inisial username dan password di database),
3. inisial $_SESSION[“gagal”] adalah 0
4. mulai percabangan if user==username && pass==password
a. jika benar akan masuk ke loginicon
b. jika salah akan melakukan increment $_SESSION[“gagal”]++
=> 1b. akan masuk percabangan if $_SESSION[“gagal”]<3 dimana percabangan ini mengecek berapa kali kesalahan jika lebih dari 2 akan melakukan pemblokiran dan jika belum ada 3 makan akan masuk lagi ke inputan dan $_SESSION[“gagal”] akan menambah 1
begitu juga seterusnya.

 

4. Nah ini Pseudocode

langkah :

1. membuat variabel dan inisialisasi post $user=$_POST[“email”]; $pass=$_POST[“password”];

2. membuat variabel dan inisial $simpanuser=”andriksetiawan.as26@gmail.com”; $simpanpass=”hahaha”;

3. inisial $_SESSION[“gagal”] adalah 04. mulai percabangan pengecekan apakah if($user==$simpanuser && $pass==$simpanpass)

3a. jika benar akan masuk ke echo “<h1> Selamat datang, anda sukses login”</h1>;    3b. jika salah akan melakukan increment $_SESSION[“gagal”]++

=>. masuk percabangan lagi if $_SESSION[“gagal”]>3 dimana percabangan ini mengecek berapa kali kesalahan jika lebih dari 2 akan melakukan pemblokiran echo “<h1>Anda sedang DIBLOKIR”</h1>;exit();

dan jika belum ada 3 makan akan masuk lagi ke inputan dan $_SESSION[“gagal”] akan menambah 1begitu juga seterusnya.

 

mungkin hanya itu saja gan pejelasan algoritma, pseudocode dan flowchart tentang form login 3x kesalahan pemblokiran.

 

oke cukup sekian dari ane bila ada kekurangan komen aja !!!

namanya juga manusia sekarang pasti juga punya kesalahan :v

 

wassalamu’alaikum

 

 

Membuat Form Login dengan html,css dan java script

Assalamu’alaikum gan.,,

 

apa kabar?

kali ini ane mau nerusin postingan yang membuat form login  dengan css , nah kali ini tutorial membuat form login dengan css+java script.,,

nah dibawah ini tampilanya hasil nanti…

oke langsung aja download folder assets nya,.. disini http://bit.ly/filenyadisinibosku

lalu taruh ke htdoct dan ke folder yg agan tuju, lalu kita pertama memanggil file”nya yg di assets/js

langkah 1.

nah disini ane memanggil file”nya yg diassets tadi dengan syntax <script src=””>

caralangkah 1 masih belum ada penggerakan apa-apa, tapi tenang gan itu masih pemanggilan saja,

langkah 2.

tambahkan script function dibawah link” css tadi

nah syntaxnya seperti itu ,. syntax ini berfungsi untuk mennghilangkan alert/notifikasi yg telah diatur waktunya

jika berhasil diform akan tampil seperti ini:

dan belum muncul penggerakan apa”.,,, tenang masih belum selesai langkah”nya gan :v

langkah 3.

langkah ini membuat <?php?> yaitu berguna untuk percabangan jika if >3 yaitu langsung otomatis nanti akan keblokir user dan passwordnya

nah tulis syntax diatas sendiri (diatasnya <html>)

kali ini masih belum muncul apa” :v

langkah 4.

yaitu membuat function lagi berguna untuk menampilkan alertnya yang ditulis langkah 2 tadi.

nah kali ini akan muncul notifikasinya.,., notifikasi/alert akan menghilang sesuai waktu yang agan buat dilangkah ke 2.

 

syntax penuh.

Trimakasih sudah berkunjung di blog yg jadul ini, maaf syntaxnya format gambar bukan tulisan :v

 

wassalamualaikum…. :v

 

Membuat project sederhana dengan tabel html saja

Assalamu’alaikum…

 Hallo gan …

ketemu lagi dengan ane yg tidak pernah luput dari yang namanya CODING,

oke langsung saja kali ini ane akan memosting tutorial membuat project sederhana yaitu membuat tabel untuk ketidak hadiran dengan tag HTML 5,. yukkk langsung saja lihat syntaknya

Contoh project sederhana dari tag HTML5

nah ane akan membuat gambar seperti itu,.. kita langsung lihat syntaxnya

<!DOCTYPE html>

<html>

<head>

<title> Membuat project sederhana dengan HTML5</title>

</head>

<body>

<center><h2>Coba membuat tabel untuk ketidak hadiran</h2></center>

<table border=”1″> 

<tr>

<td rowspan=”2″ style=”text-align: center;”>No.</td>

<td rowspan=”2″ style=”text-align: center;”>Nama</td>

<td colspan=”12″><center>Bulan</center></td>

</tr>

<tr style=”text-align: center;”>

<td>Januari</td>

<td>Februari</td>

<td>Mater</td>

<td>April</td>

<td>Mei</td>

<td>Juni</td>

<td>Juli</td>

<td>Agustus</td>

<td>September</td>

<td>Oktober</td>

<td>November</td>

<td>Desember</td>

</tr>

<tr>

<td>1</td>

<td>Andrik Setiawan</td>

<td>0</td>

<td>1</td>

<td>0</td>

<td>0</td>

<td>4</td>

<td>5</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>1</td>

</tr>

<tr>

<td>2</td>

<td>Paijo</td>

<td>3</td>

<td>4</td>

<td>2</td>

<td>6</td>

<td>2</td>

<td>3</td>

<td>9</td>

<td>0</td>

<td>5</td>

<td>6</td>

<td>7</td>

<td>1</td>

</tr>

<tr>

<td>3</td>

<td>Supinah</td>

<td>4</td>

<td>5</td>

<td>1</td>

<td>2</td>

<td>5</td>

<td>2</td>

<td>0</td>

<td>0</td>

<td>1</td>

<td>0</td>

<td>0</td>

<td>1</td>

</tr>

<tr>

<td>4</td>

<td>Paimo</td>

<td>1</td>

<td>2</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>0</td>

<td>1</td>

<td>11</td>

<td>5</td>

<td>1</td>

<td>6</td>

</tr>

<tr>

<td>5</td>

<td>Kasno</td>

<td>3</td>

<td>7</td>

<td>5</td>

<td>7</td>

<td>7</td>

<td>0</td>

<td>9</td>

<td>10</td>

<td>0</td>

<td>1</td>

<td>3</td>

<td>1</td>

</tr>

</table>

</body>

</html>

nah dari potongan syntax di atas, ane mau jelasin sebentar nih:

1. Dari potongan Syntax yang pertama

  <head> yaitu berfungsi sebagai memberikan informasi tentang webnya/dokumennya itu apa

  <tittle> yaitu berfungsi sebagai judul untuk dokumen HTML, tittle ini muncul ditab atas

2. Dari potongan Syntak Kedua

 <body> yaitu berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browser. Isi dokumen              tersebut dapat beruppa text, gambar, animasi, link dan lain-lain

 <center> yaitu berfungsi untuk perataan tengah untuk text maupun gambar

 <h2> yaitu berfungsi menunjukan awal dari suatu header/judul dari dokumen HTML tersebut (disini sampai <h6> untuk ukuran font awal dari suatu header)

 <table> yaitu untuk membuat tabel

 <tr> yaitu berfungsi untuk membuat garis didalam sebuah tabel

 <td> yaitu berfungsi untuk membuat sel didalam tabel (nah disini pake style textnya align dan center

3. Dari potongan syntax ketiga

nah ini yang paling penting juga gan,… ‘JANGAN LUPA DITUTUP YA’ contoh <tr></tr>

….  

nah jadi seperti itu dari postingan ane..

   Trimakasi sudah menghadiri blog ane dan sampai bertemu lagi :v

wassalamuwalaikum …. :v

Membuat form login sederhana dengan css

Assalamu’alaikum gan.,,

 

apa kabar?

kali ini ane mau memosting tutorial membuat form login dengan css nih.,,

nah dibawah ini tampilanya hasil nanti…

oke langsung aja download folder assets nya,.. disini http://bit.ly/filenyadisinibosku

lalu taruh ke htdoct dan ke folder yg agan tuju, lalu kita pertama memanggil file”nya yg di assets/css

langkah 1.

nah disini ane memanggil file”nya yg diassets tadi dengan syntax <link herf=””>

caralangkah 1 masih belum muncul tampilannya, tapi tenang gan itu masih pemanggilan saja,

langkah 2.

tambahkan body pada syntak dibawah head lalu didalam body tulis syntak seperti ini

nah syntaxnya seperti itu ,. syntax ini membuat form dan memanggil gambar lalu menampilkannya

jika berhasil diform akan tampil seperti ini:

alhamdulillah ya udah sedikit muncul tampilannya :v

langkah 3.

langkah ini membuat komponen” seperti texteditor,button dan label. Nah kita mulai tuliskan syntax membuat <div baru tapi masih didalam <form>

nah ini tahap terakhir masukan syntax diatas , lalu akan terjadi menampilkan form seperti ini:

nah jika seperti ini tampilannya selamat agan sudah berhasil, dan jika belum silahkan diamati lagi codingannya terutama penempatan dan pemanggilan file diassets biasanya.,,

Trimakasih sudah berkunjung di blog yg jadul ini, maaf syntaxnya format gambar bukan tulisan :v

 

wassalamualaikum…. :v