Tutorial 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.

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

Cara membuat HTML

belajar membuat HTML Dasar
Sebelum membuat HTML perlu diketahui apakah itu HTML ??
HTML kepanjangan dari Hyper Text Markup Language adalah sebuah bahasa Markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:

• Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
• Menampilkan tulisan dalam bentuk cetakan tebal
• Menampilkan sekelompok kata dalam bentuk miring
• Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
• Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

Untuk belajar membuat HTML, anda membutuhkan 2 buah program aplikasi yaitu HTML editor dan web browser. Untuk HTML Editor, anda dapat menggunakan yang paling mudah dan mungkin sudah ada di komputer anda yaitu Notepad. Sedangkan untuk browser, silahkan nanti gunakan Internet Explorer atau Mozilla Firefox yang mungkin juga sudah ada di komputer anda.
Jadi saat ini kita bisa langsung mempraktekkan bagaimana cara membuat HTML dari yang paling dasar. Notepad nantinya akan kita gunakan mengetikkan kode-kode atau tag HTML. Sedangkan web browser atau biasa disebut “browser” saja, akan kita gunakan untuk melihat hasil halaman HTML yang sudah kita buat. Langsung saja kepada praktek cara membuat HTML dasar. Yuk ikuti langkah – langkah membuat HTML :
Cara pembuatan Dokumen HTML :
Klik START → Pilih All Program → Accesories → Pilih notepad
Setelah notepad terbuka ketikkan struktur dasar dokumen HTML seperti contoh di bawah ini :


Setelah itu simpan file tersebut dengan extension HTML.
Klik save → Pilih save → Simpan dengan nama (nama folder).html
 
Kamu bisa melihat hasil coding yang telah diketikkan di notepad tadi dengan mencari file yang tadi disimpan, dan double klik pada file tersebut dan akan muncul hasil nya
 

 

Dari Struktur dasar HTML di bawah dapat dijelaskan sebagai berikut :

• <html> : Untuk mendefinisikan sebuah dokumen HTML
• <head> : Merupakan kepala dari dokumen HTML
• <title> : Tag pembuka judul dokumen
• <body background=”sunset.jpg”>

<hr color=”GREEN” size=”3″>
    <font face=”castellar” size=”6″ color=”RED”>
      <marquee scrolldelay=”100″
           OnMouseOut=”this.start();”
           OnMouseMove=”this.stop();”>
     <blink>MARI BELAJAR HTML BERSAMA YUKZ ^_^</blink>
      </marquee>                          
    </font>
  <hr color=”#000000″ size=”3″>
            </hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri

• <body bgcolor=”pink”> </body> : Untuk mendefinisikan isi/badan suatu dokumen, pink adalah untuk menentukan warna background sesuai keinginan
• <h1 align=”center”>TUGAS PENGANTAR KOMPUTER 2</h1> : untuk mendefinisikan posisi heading berada di tengah halaman
• <br>

<center> <img style=”
width: 200px;
height: 220px;”src=”http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/15218_3960622580644_201867054_n.jpg”&gt; </center> : Untuk menyisipkan sebuah gambar pada HTML dan <br> untuk menyisipkan line break

• <b> Nama </b> : <big>Gina Muthia </big> : Untuk membuat kalimat di HTML dengan format <b> untuk menebalkan teks, <big> untuk membuat hurufnya besar
• <b> NPM </b>  : <b> <i> 431212164 </b> </i> : Untuk membuat angka di HTML dengan format <i> untuk membuat tulisan miring
• <b> JURUSAN </b> : <big> <b> <i> <u> Akuntansi komputer </big> </b> </i> </u> : Untuk membuat teks di HTML dengan format menggunakan format tulisan besar, miring dan ditambah <u> yaitu tulisan di garis bawah.
• <b> Motto </b> : <big> <b> Kalau berusaha dengan sungguh-sungguh pasti BISA. <u>”SEMANGAT” : Untuk membuat teks di HTML dengan format teks besar dan teks tebal menggunakan <big> dan <b>
• <h1 align=”center”>UNIVERSITAS GUNADARMA</h1> : Untuk mendefinisikan posisi heading berada di tengah halaman.
• <body background=”sunset.jpg”>

<hr color=”yellow” size=”5″>
    <font face=”GEORGIA” size=”6″ color=”purple”>
      <marquee scrolldelay=”100″
           OnMouseOut=”this.start();”
           OnMouseMove=”this.stop();”>
     <blink>MAN JADDA WA JADA</blink>
      </marquee>
    </font>
  <hr color=”#000000″ size=”5″>
            </hr> : Yaitu coding diatas untuk tulisan yang dapat bergerak dari kanan kiri, bentuk, font, dan kalimat tulisan bisa sesuai keinginan sendiri.

Sumber : https://ginaamuthia.wordpress.com/2013/06/16/belajar-membuat-html/

Cara menambahkan kalender pada blog

Menambahkan Kalender yang Telah Tersedia Pada Blog 

1. Langkah yang pertama, buka browser internet pada komputer anda, kemudian tunggu sementara halaman browser dimunculkan. 
2. Selanjutnya masuk ke halaman dashboard dengan cara masukan alamat link “blogger.com”, dengan begitu anda akan diarahkan halaman depan untuk masuk ke blog. 
3. Silahkan masuk ke dashboard blog dengan menggunakan akun gmail, selanjutnya tunggu hinga anda diarahakan masuk ke halaman tersebut. 
4. Selanjutnya silahkan klik ikon anak panah yang berada persis disamping tombol “Lihat blog”. Kemudian pilih menu Tata letak. 
5. Silahkan pilih tempat dimana anda ingin memasang kalender. Jika sudah diputuskan, klik menu Tambahkan gadget. 
6. Dengan begitu akan muncul halaman browser baru. Silahkan pilih kategori Gdget pada kolom side bar disebelah kiri. Kemudian cari Daily Calendar, kemudian silahkan sesuaikan tanggal. Jika sudah selesai tekan tombol simpan yang ada dibagian bawah. Dengan begitu maka kini kalender bisa terpasang pada blog anda.
   
   
   Sumber :http://bisikan.com/cara-menambahkan-kalender-untuk-blog

Cara memasang jam di blog

Cara memasang jam di blog

• Pertama-tama buka http://www.clocklink.com/gallery.php

• Anda akan disuguhkan banyak pilihan model widget jam. Cukup banyak kategori yang bisa anda pilih. 

• Setelah anda tentukan model yang mana yang akan anda gunakan, klik tombol VIEW HTML TAG di bagian bawahnya.

• Maka selanjutnya akan muncul halaman persetujuan license. Cukup klik tombol AGREE.

• Terakhir adalah tinggal mengatur warna yang akan anda gunakan, format waktu sesuai dengan TIMEZONE dan UKURAN widget yang akan dibuat. Jika sudah anda bisa copy salah satu scriptyang disediakan dan kemudian letakan  blog anda.

Sumber :http://digitalareas.blogspot.co.id/2013/03/cara-pasang-jam-di-blog.html

 

Cara memasang widget di blog

Cara Memasang Widget Di Blog ~ merupakan hal mudah bagi blogger. Memasang widget atau Gadget akan menjadi hal sulit bagi blogger yang baru bergabung dalam dunia blogging. Apa sih widget itu ? Widget / Gadget adalah suatu fitur yang disediakan oleh penyedia layanan blogging untuk menambah kreasi atau informasi dan bersifat dinamis.

Postingan kali ini dimaksudkan untuk membantu blogger yang baru bergabung di dunia blogging agar tahu cara memasang widget di blog dengan mudah. Bagi blogger lebih senior tentunya bukan merupakan suatu masalah dan dapat mengabaikan hal ini. Nah, untuk menambah widget di blog silahkan ikuti langkah - langkah di bawah ini :

a. Login ke Akun Blogger
b. Pilih Tata Letak atau Layout
c. Pilih Posisi yang akan ditempatkan widget tersebut, jika ingin memasang widget pada sidebar, pilih gadget yang di samping, jika ingin menambahkan widget di bawah postingan silahkan pilih gadget di bawah. Sebagai contoh widget terjemahan.
d. Klik Tambahkan Gadget

e. Layar Gadget pilihan akan muncul silahkan anda pilih mau menambahkan widget yang mana, jika sudah terpilih klik saja tanda ' + ' .

f. Setelah terbuka gadget tersebut silahkan sobat setting saja sesuai dengan keinginan anda, jangan lupa memberi judul pada widget tersebut. Boleh saja dibiarkan kosong, tetapi kadang terjadi error pada saat memasang widget seperti 'required field must not be blank'. Jika demikian silahkan anda cari solusinya di artikel required field must not be blank  kemudian klik simpan. Selesai. 

Silahkan saja anda pilih widget mana yang akan dipasangkan di dalam blog sesuai dengan kebutuhan.

sumber : http://hengkikristiantoateng.blogspot.com/2013/07/cara-memasang-widget-di-blog.html

Cara membuat read more pada blogspot

Cara membuat read more pada blogspot dengan cara manual

Manfaat dari cara membuat read more pada blogspot adalah untuk mempersingkat paragraf artikel dalam sebuah halaman blog sehingga loading blog pun akan terasa lebih ringan, mungkin hal ini tidak begitu berpengaruh untuk blog yang memiliki sedikit paragraf/kata, lain halnya ini akan sangatlah penting dimana saat kita membuat sebuah artikel yang panjangnya mencapai diatas 500 kata. Untuk mengatasi masalah ini, pada dasarnya blogger.com sudah memberikan fasilitas untuk menambahkan read more/baca selengkapnya dalam bentuk Entry Editor, berikut ini adalah cara membuat read more:

1. Bila agan sedang memakai tampilan blogger lama, klik ‘Pengaturan’ –> ‘Dasar’. scroll ke bawah, pada ‘Setting global’, pilih ‘Editor yang diperbarui’. klik ‘Simpan’.

2. Pada Editor entri, tempatkan kursor dibagian teks yang akan dipotong, klik ikon.

Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini:

 

Sumber:http://langkah2membuatblog.blogspot.co.id/2012/11/cara-membuat-read-more-pada-blogspot.html

Cara membuat Blog

Cara Membuat Blog di Blogspot atau Blogger Gratis

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.
 

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