Tutorial Membuat PHP

Tutorial PHP: PHP secara singkat

• PHP adalah perangkat lunak open-source alias gratis
• PHP kependekan dari PHP: Hypertext Preprocessor (Personal Home Page).
• PHP adalah bahasa skrip server-side, lawan dari Javascript yang client-side.
• PHP hampir bisa mendukung kebanyakan database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.)
• PHP didukung hampir semua Sistem Operasi (OS).

Tutorial MySQL: MySQL secara singkat

• MySQL adalah perangkat lunak server database open-source alias gratis
• MySQL bisa diaplikasikan dengan baik pada aplikasi skala kecil ataupun besar.
• MySQL didukung hampir semua Sistem Operasi (OS).

Belajar PHP MySQL: Persiapan awal

Sebelum melangkah lebih jauh, diharapkan anda sudah memahami poin dibawah ini:

• Anda sudah memahami dasar-dasar MySQL dan PHP.
• Download dan sudah menginstal versi terbaru dari MySQL.
• Download dan sudah menginstal Apache versi terbaru.
• Mengetahui username dan password server MySQL.

logo xampp

Jika Anda belum menginstal MySQL dan Apache, silahkan anda kunjungi tutorial “ Cara Install XAMPP Web Server di Windows ”. Setelah anda mengikuti tutorial tersebut maka untuk username MySQL adalah “ root “ dan password-nya kosong. Berikut adalah gambar dari tabel karyawan dalam database test_db yang merupakan hasil akhir dari tutorial.

Tabel hasil Belajar PHP MySQL

Tutorial Lengkap Belajar PHP MySQL: Daftar Tutorial

Setelah anda sudah install PHP dan MySQL, langkah selanjutnya adalah mencoba dan mempelajari tutorial dibawah ini secara berurutan, mulai koneksi sampai backup database MySQL melalui skrip PHP.

1. Cara Membuka Menutup Koneksi MySQL PHP – Mempelajari cara menggunakan PHP untuk membuka dan menutup koneksi database MySQL.
2. Cara Membuat Tabel dan Database MySQL di PHP – Bagian ini menjelaskan cara membuat database MySQL dan tabel menggunakan PHP.
3. Cara Menghapus Tabel dan Database MySQL di PHP – Bagian ini menjelaskan cara menghapus database dan tabel MySQL menggunakan PHP.
4. Cara Insert Tambah data Database MySQL PHP – Setelah membuat database dan tabel maka selanjutnya mempelajari memasukkan data ke dalam tabel yang telah dibuat.
5. Cara Menampilkan Data Database MySQL PHP – Mempelajari cara untuk mengambil dan menampilkan data dari database MySQL menggunakan PHP.
6. Membuat Halaman Paging dengan MySQL PHP – Pada bagian ini menjelaskan bagaimana menggunakan query untuk membagi hasil data menjadi beberapa halaman dan sekaligus membuat link navigasi.
7. Skrip Cara Update Data Tabel MySQL di PHP – Bagian ini menjelaskan cara memperbarui data yang ada dalam database MySQL menggunakan PHP.
8. Cara hapus data Tabel di Database MySQL PHP – Bagian ini menjelaskan cara menghapus atau membersihkan data yang ada di database MySQL menggunakan PHP.
9. Cara Backup Restore Database MySQL di PHP – Mempelajari cara untuk membuat dan menggunakan backup dari database MySQL untuk tujuan keamanan.

Contoh-contoh skrip atau tutorial diatas merupakan contoh sederhana, anda bisa mengembangkan sesuai kebutuhan pengembangan web. Demikian tutorial lengkap belajar PHP MySQL untuk pemula, semoga bisa membantu untuk lebih mendalami ilmu PHP dan MySQL.

Sumber : http://www.nyekrip.com/tutorial-lengkap-belajar-php-mysql-untuk-pemula

Read More

Tutorial Membuat HTML

OBJEKTIF:
Memahami teknik dasar pemrograman web HTML

MATERI:

  1. HTML DASAR
      Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY

  2. HTML FORMAT TEKS
      Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)

  3. HTML DAFTAR URUTAN
      Element OL(ordered list), Element UL(unordered list), Element LI(list item)

  4. HTML TABEL
      Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)

  5. HTML GAMBAR
      Element IMG

  6. HTML HYPERLINK
      Element A

  7. HTML FORM
      Element FORM, Element INPUT, Element SELECT, Element OPTION, Element  TEXTAREA

  8. HTML FRAME
      Element FRAMESET, Element FRAME, Element NOFRAMES

OBJEKTIF:
Setelah mempelajari materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.

MATERI:
Struktur dasar dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY.


STRUKTUR DASAR DOKUMEN HTML
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:

<html> <head> <title>Disini Judul Dokumen HTML</title> </head> <body>         Disini penulisan informasi Web </body> </html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">",  sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML.

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML,  tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar

<p>     <b>         ................     </b> </p>

Contoh penulisan tag-tag yang salah

<p>     <b>         ................     </p> </b>

c. Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>    nama-attr="nilai-attr"    nama-attr="nilai-attr"    ................. >    ................. </TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>
..........
</html>

e. Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>
...........
</head>

f. Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>
.........
</title>

g. Element BODYElement ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
..............
</body>
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link,alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Sumber : http://www.duniailkom.com/tutorial-belajar-html-langkah-pertama-untuk-membuat-web/

Read More

Tutorial Membuat Blog

Untuk cara membuat blog di Blogspot gratis, silahkan menuju blogger.com dan login menggunakan akun Google. Jika belum memiliki akun Google (akun Gmail), silahkan menuju tutorial ” Cara Membuat Email Baru Lengkap Gambar “. Setelah anda mempunyai akun gmail atau akun google, silahkan kunjungi ” www.blogger.com ” dan kita akan melihat halaman login seperti gambar berikut.

Halaman Login

Setelah login kita akan menghadapi pilihan untuk menggunakan identitas, kita dapat memilih profil Google plus atau menggunakan profil Blogspot. Lebih di sarankan memilih profil Google plus.

Memilih Profil

Langsung tekan tombol ” Lanjutkan ke Blogger “.
Setelah itu kita akan melihat halaman membuat blog di blogspot seperti gambar berikut. Pada halaman ini kita akan melihat daftar blog yang telah dibuat, karena kita baru akan memulai dalam membuat blog maka kita belum melihat daftar blog tersebut, untuk memulai membuat blog silahkan klik tombol ” Blog Baru “.

Memulai Blog Baru

Memberi Nama dan Alamat Blog di Blogspot/blogger

Setelah kita klik tombol ” Blog Baru ” kita akan melihat sebuah halaman baru untuk memulai dengan menambahkan nama dan memilih nama domain. Untuk tips trik dalam memilih nama domain silahkan anda kunjungi tutorial ” Tips Cara Memilih Nama Domain Blog atau Website “.
Untuk lebih jelasnya silahkan perhatikan gambar membuat blog di blogspot berikut:

Halaman Membuat Blog

Keterangan nomor pada gambar

• Nomor 1 adalah tempat kita untuk memberi judul atau nama blog
• Nomor 2 adalah tempat kita untuk memberi alamat blog kita
• Nomor 3 adalah tempat kita untuk memilih template blog kita, kita bisa merubah-nya nanti pada halaman template, jadi untuk sementara pilih saja yang standar
• Nomor 4 merupakan keterangan alamat blog yang kita ketik tersedia atau tidak, pastikan alamat blog tersedia.
• Nomor 5 adalah tombol untuk mengakhiri , tekan tombol ini jika anda sudah merasa puas dengan nama dan alamat yang anda pilih.

Memulai Post

Mengenal Dashboard di Blogspot/blogger

Sekarang blog kita sudah dibuat tetapi belum selesai sepenuhnya. Ada beberapa pengaturan yang perlu kita lakukan pada blog yang baru dibuat, agar membuat blog di Blogspot kita semakin SEO, seperti merubah template dan menambah halaman. Sekarang kita berada di dashboard Blogspot di mana kita akan melihat backend blog dan bisa pergi ke pengaturan dan membuat perubahan untuk meningkatkan visibilitas blog. Berikut adalah screenshot dashboard beserta penjelasan:

dashboard blogspot

Keterangan nomor pada gambar

• Nomor 1 merupakan tombol yang bisa kita gunakan jika ingin membuat blog baru
• Nomor 2 merupakan tombol yang bisa kita gunakan jika ingin membuat post baru
• Nomor 3 merupakan tombol yang bisa kita gunakan jika ingin melihat blog secara live
• Nomor 4 merupakan daftar shortcut menuju pengaturan, post, dan lain-lain
• Nomor 5 merupakan area artikel dari blog yang kita ikuti atau follow
• Nomor 6 merupakan area identitas atau profil kita di google, dalam area ini kita bisa login dan logut.

Setelah kita mengenal fungsi dari dashboard blogspot/blogger, silahkan anda klik menu “ Ikhtisar ” untuk melihat daftar menu dalam memulai membuat post, halaman, sampai mengatur adsense pada blog kita.
Untuk melihat tampilan blog yang sudah dibuat, silahkan klik tombol no 3 pada nomor diatas, maka tampilan blog akan terlihat seperti gambar dibawah ini. Perhatikan bahwa template sudah sesuai dengan template yang telah dipilih sebelumnya.

Tampilan Blog Nyekrip

Sumber   :   http://www.nyekrip.com/cara-membuat-blog-di-blogspot-lengkap-gambar/

Read More