Senin, 06 November 2017

Tutorial CRUD part FINAL

oke pada bagian ubah ini kita akan memberi perintah untuk bisa langsung menghapus content berita , jadi pada bagian terakhir ini kita akan membuat coding hapus.php yg lokasinya juga masih sama  di tempat 3 coding sebelumnya 
 pada coding hapus.php tuliskan coding berikut


oke skrang kita sudah selesai menyelesaikan tutorial crud di mana ada 4 tahapan skrng waktunya melihat hasil
buka web browser kita lalu masukkan alamat localhost/praktikum dan masuk


maka akan tampil seperti gambar di atas ini adalah projek kita paling awal ya..
klik login pada pojok kanan atas kita akan masuk pada halaman login 
setelah masuk pada halaman login silahkan ketikan username dan password anda lalu enter
maka anda akan masuk pada halaman seperti di gambar


setelah itu kita lakukan adalah membuat berita baru, maka klik tambah pada bagian atas kiri 




klik simpan 


maka akan keluat pesan "berita telah berhasil di simpan" untuk melihat bisa klik home di kiri atas.


untuk melakukan ubah, updete atau edit bisa di lakukan di tombol ubah 





ini adalah hasil dari judul berita di ubah

untuk hapus bisa langsung klik tombol hapus 

demikian tutorial CRUD dari saya

Terimakasih

Tutorial CRUD part 3

Melanjutkan Tutorial bagian read, sekarang kita masuk ke bagian update di mana koding di sini memberi perintah untuk melakukan perubahan dalam website yang di maksud di sini hanyalah content beritanya jadi kita bisa melakukan perubahan secara langsung terhadap isi berita gambar ataupun judul berita
masih di dalam folder pages tempat file tambah.php & home.php, sekarang tambah kan file baru ubah.php
dan isikan coding berikut kedalamnya




kita sudah selesai pada bagian updete atau ubuh skrng kita masuk pada bagian terakhir yaitu delete/hapus

Tutorial CRUD part 2

Setelah kita selesai dengan bagian tambah atau create kita lanjutkan ke bagian read /view di sini kita malakukan pengkodingan untuk membuat isi content dan melihat isi
pertama kita akan buat file baru lagi bernama home.php lokasi sama dengan file tambah.php sebelumnya
lalu ketikan coding berikut


kita telah berhasil membuat sebuah home.php
sekarang kita lanjutkan ke bagian Update

Tutorial CRUD Part 1

Melanjutkan projek kita yang kemaren
Cara Membuat Form Login Sederhana & Cara Membuat Koneksi Ke Database MySql Dari PhP
sekarang kita akan lanjut ketahap selanjutnya membuat CRUD ( CREATE , READ , UPDATE , DELETE)

sekarang masuk ke aplikasi2 yg di perlukan
1. XAMPP
2. WEB BROWSER
3. NOTPED ++ atau yang lainnya

Sekarang buka projek yang kemarin link ada di atas, karena kita hanya akan melanjutkan jadi tidak perlu lagi membuat koneksi dan tidak perlu lagi membuat form login.
sekrang masuk ke folder xampp > htdocs > praktikum > admin, lalu tambahkan 2 folder baru di dalam folder admin tersebut dan berinama pages & gambar pada masing2 folder,


sebelum kita menuliskan coding di dalam folder tersebut, kita buka web browser kita terlebih dahulu dan ketikkan alamat localhost/phpmyadmin, cari database praktikum yang sudah pernah kita buat lalu buat table baru dan buat nama : berita
dan buatkan table seperti pada gambar di bawah ini :


Dan sekarang masuk ke dalam proses coding
sebelum itu masuk ke dalam folder praktikum dan cari file index.php lalu ganti coding seperti pada gambar di bawah ini :


Ganti dari # menjadi admin/.
setelah itu masuk ke folder admin lalu folder pages dan buatkan file dengan nama tambah.php

lalu ketikan coding berikut 




kita telah menyelesaikan coding tambah.php atau create

sekrang lanjut ke CRUD Bagain Read


Senin, 16 Oktober 2017

Membuat Form Login Sederhana Dengan Menggunakan Php dan Mysql

membuat form sederhana dengan php yang sudah di koneksi dengan database mysql

disini saya asumsikan kalau kita telah berhasil melakukan koneksi php ke database mysql kalau belum liat tutorial sebelumnya
TUTORIAL MEMBUAT KONEKSI PHP KE DATABASE MYSQL
sekarang kita mulai membuat sebuah folder di dalam folder xampp > htdocts > praktikum > admin
di dalam folder admin saya akan meletakan koding2 nya tapi sebelum itu sekarang kita buka localhost kita dengan mengaktivkan xampp (apache dan mysql) lalu buka di web browser kita dan ketikan alamat : localhost/phpmyadim
di tutorial sebelumnya kita sudah membuat sebuah databese dengan nama praktikum dan table dengan nama user, sekarang buka table tersebut



sebelum mengisi kolom2 tersebut buka aplikasi hashcalc untuk merubah password menjadi kode atau mengenkripsikan password tanpa bisa kembali di deskripksikan 
buat password anda di kolom data sebagai contoh disini saya mengunakan password "admin"
setelah itu tekan tombol calculate di bagian bawah aplikasi , cari kolom MD5 di dalam kolom sudah berisikan kode yang panjang maka copy code tersebut seperti gambar di bawah ini


setelah di copykan isikan kode tersebut kedalam table user di kolom password, dan juga mengisi kolom2 sisahnya di localhost sebelumnya


maka hasilnya akan seperti berikut


setelah itu kita buat file tiga file (login.php, longout.php, index.php) dalam folder admin 
dan tuliskan koding ini 




setelah selesai menulis koding dan di save di dlam folder admin sekarang buka web browser untuk melihat hasilnya lalu ketikan localhost/praktikum/admin/login.php
maka akan tampil seperti berikut


sekarang masukkan username dan password sesuai yang di isikan di table user tadi dan klik masuk 


maka hasilnya akan seperti ini

kita telah berhasil membuat form login sederhana 

terimakasih









Minggu, 15 Oktober 2017

Membuat Koneksi PHP ke MySql

Tutorial kali ini kita akan membahas cara membuat koneksi PHP ke Database MySql,
adapun beberapa aplikasi yang kita butuhkan adalah 
1. xampp sebagai web hosting
2. editor disisni kita bisa menggunakan notpad++ atau dreamwever sebagai media editor text
3. browser sebagai medianya seperti google chrom atau yang lainnya.

sebelum kita mulai tutorialnya kita akan mengaktivkan xampp (apache dan mysql).

1. buka web browser kita dan ketikkan localhost/phpmyadmin dan buat semuah database.
    sebagai contoh saya membuat database dengan nama praktium, dan juga membuat sebuah table         dengan 5 kolom atau rows disini kita kasih nama user.





2. setelah berhasil membuat database dan sebuah table selanjutnya kita akan masuk kepada proses 
    melakukan konkesi ke dalam database tersebut mengunakan php
    buka folder di xampp > htdocs > praktikum. buat new folder dan bernama conn di dalam folder
    praktikum, setelah itu buka text editor anda dan buat sebuah file dengan nama conn.php di dalam 
   folder conn 
   Xampp > Htdocs > praktikum > conn > conn.php
   lalu tuliskan coding berikut


3. kemudiah liat hasilnya dengan cara membuka browser dan mengketikan  
    localhost/praktikum/conn/conn.php
    maka hasilnya akan seperti berikut 


apabila hasilnya seperti gambar diatas makan kita sudah berhasil melakukan koneksi dari php ke database mysql 

sekian tutorialnya
Terimakasih


Minggu, 01 Oktober 2017

PENGGUNAAN FRAMEWORK PADA HALAMAN WEB

sebelum nya mari kita mengenal terlebih dahulu apa itu Framework???






Framework atau bahasa Indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu. Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi.
Framework juga dapat diartikan sebagai kumpulan script (terutama class dan function) yang dapat membantu developer/programmer dalam menangani berbagai masalah-masalah dalam pemrograman seperti koneksi ke database, pemanggilan variabel, file,dll sehingga developer lebih fokus dan lebih cepat membangunaplikasi.Bisa juga dikatakan Framework adalah komponen pemrorgaman yang siap re-use kapansaja, sehingga programmer tidak harus membuat skrip yang sama untuk tugas yang sama. Dan saya akan menggunakan Boostrap Dan Jquery.

Ada beberapa langkah untuk menggunakan Bootstrap pada halaman web, salah satu nya adalah sebagai Berikut :

1. Download terlebih dahulu bootstrap di website di bawah ini :


2. Setelah itu instal terlebih dahulu  bootstrap 


3. Setelah itu simpan di dalam folder di local disk c:xampp>htdocs>praktikum(sesuai dengan nama folder yang telah anda buat) 

4. Hidupkan xampp control panel 

5. Buatlah sebuah file dengan nama index.php, kemudian simpan file tersebut dalam folder praktikum setelah itu panggilah module Bootstrap dan jQuery di halaman index seperti gambar di bawah ini :




Demikian tutorial cara penggunaan Bootstrap pada halaman web kali ini, Semoga bermanfaat bagi para pembaca yang sedang membutuhkan., saya ucapkan Terimakasih :)





TUTORIAL MEMBUAT HALAMAN WEBSITE SEDERHANA DENGAN MENGGUNAKAN FRAMEWORK

Sebelum kita mulai membuat halam website terlebih dahulu kita memilih Framework apa yang akan kita gunakan dalam pembuatan website, 

Nah disini saya akan menggunakan framework Bootstrap,


Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Berikut ini langkah - langkah dalam membuat Halaman Website dengan menggunakan Framework :

1. Download terlebih dahulu Bootstarp pada link di bawah ini 
    getbootstrap.com
    maka akan muncul gambar seperti di bawah ini :
    


2. setelah selesai mendownload bootstrap, kita harus menginstal nya terlebih dahulu


3. Setelah menginstal Bootstrap kita pilih aplikasi apa yang akan kita gunakan misalnya          seperti: notepad ++, Sublime text, Dreamwever, dan lain-lain

 


4.  Kemudian buat folder baru di local disk c:xampp>htdocs>praktikum(sesuai dengan nama folder yang telah anda buat) 


5. Setelah itu baru lah kita hidupkan XAMPP Control Panel dan Start 


6. Setelah itu panggil module bootstrap di halaman index, kemudian akan tampil seperti gambar di bawah ini  yang menandakan bootstrap siap digunakan \


Langkah selanjutnya adalah membuat web halaman website

7. Buatlah judul Halmanan website sesuai dengan apa yang akan kalian buat : 

 Berikut hasil dari perintah di atas :


8. Langkah selanjutnya masukan perintah berikut ini sesuai dengan apa yang akan kita mau buat :


Berikut hasil dari yang kita buat :


9. Setelah itu kita bisa menambahakan hak paten dengan membuat catatan kaki atau Footer 


Dan berikut ini hasil akhir seluruh nya :