Archive for 2015-06-14

Home Archive for 2015-06-14

Apa yang dimaksud dengan HTML? Berikut beberapa penjelasan yang saya kutip dari Buku Sakti Web Master (Adhi Prasetio).

HTML merupakan kependekan dari Hypertext Markup Language. Sebuah file html merupakan sebuah file text yang berisi tag-tag markup. Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman. File HTML memiliki ekstensi .htm atau .html. file HTML dapat dibuat menggunakan editor teks yang biasa digunakan (misal: Notepad++, Dreamwever, komodo dan lain-lain).

Elemen-elemen HTML

Dokumen HTML adalah file teks yang terdiri dari elemen HTML. Nah, elemen HTML itu didefenisikan menggunakan apa yang disebut dengan tag html.

Berikut penjelasan-penjelasan yang membantu anda mengingat dan memahami pengertian tag HTML:

Tag html digunakan untuk menandai (markup) elemen HTML.
Tag HTML berada di antara dua karakter penanda berikut < dan >
Karakter penanda itu disebut dengan tanda kurung siku.
Tag HTML umumnya selalu berpasangan seperti <b> dan </b>.
Tag pertama adalah tag pembuka dan tag kedua adalahtag penutup.
Teks diantara kedua tag tersebut disebut isi elemen.
Tag HTML tidak bersifat case sensitive, <b> memiliki arti sama dengan <B>

Contoh script:

Ini adalah salah satu contoh script dari elemen HTML:

<b> Teks ini tebal </b>

Berikut penjelasan tentang elemen HTML tersebut:

Elemen HTML ini dimulai dengan tag pembuka <b>
Isi dari elemen HTML adalah: Teks ini tebal
Elemen HTML diakhiri dengan tag penutup </b>

Fungsi dari tag <b> adalah untuk mendefnisikan sebuah elemen html yang harus ditampilkan dengan huruf tebal.

Di bawah ini juga merupakan tag HTML yang lain:

<body>

Ini adalah Halaman pertama saya, <b> Teks ini tebal</b>

</body>

Penjelasan:

Elemen html ini dimulai dengan tag pembuka <body> dan berakhir dengan tag penutup </body>

Fungsi dari tag <body> adalah mendefenisikan elemen html yang berisi badan (isi) dari dokumen HTML.

Anda baru saja belajar tentang elemen HTML. Seharusnya saat ini Anda sudah mulai terbiasa dengan istilah tag. Kalau belum, biasakan diri Anda dengan istilah ini, karena dalam proses belajar HTML, Anda akan sangat banyak berinteraksi dengan Tag.

Sekian dulu pengenalan HTML-nya, kita lanjut lagi postingan selanjutnya, Semoga Bermanfaat J

Pesatnya pertumbuhan android tak lepas dari kelebihan-kelebihan dan kemudahan dari platform yang ditawarkan android. Selain kemudahan dalam memperoleh aplikasi, android juga menyediakan tools pengembangan yang bersifat open source. Berikut merupakan aplikasi pendukung untuk anda yang ingin menjadi seorang Android Developer:

1. Java

Sebelum anda menginstal aplikasi pendukung lainnya, anda diwajibkan terlebih dahulu menginstal java pada perangkat PC/Komputer anda. Karena nantinya kita memerlukan Java untuk mengkompilasi aplikasi android yang akan kita buat. Anda dapat mengunduhnya secara gratis di alamat website: http://www.oracle.com/technetwork/java/javase/downloads/index.html

2. Eclipse

Pengembang memiliki beberapa pilihan ketika memuat aplikasi yang berbasis android. Kebanyakan pengembang menggunakan Eclipse yang tersedia secara bebas untuk merancang dan mengambangkan aplikasi Android. Eclipse adalah IDE yang paling populer untuk pengembangan Android, karena memiliki android Plug-in yang tersedia untuk memfasilitasi pengembangan android. Selain itu Eclipse juga dapat dukungan langsung dari Google untuk menjadi IDE pengembangan aplikasi Android, ini terbukti dengan adanya penambahan plugins untuk eclipse untuk membuat project android di mana source software langsung dari situs resmi Google. Tetapi hal di atas tidak menutup kemungkinan untuk menggunakan IDE yang lain seperti Netbeans untuk melakukan pengembangan Android. Anda bisa download langsung aplikasinya di alamat website http://www.eclipse.org/downloads/

3. Android SDK (software Development Kit)

Android SDK adalah tools API (Application Programming Interface) yang diperlukan untuk mulai mengembangkan aplikasi pada platform Android menggunakan bahasa pemrograman java. Saat ini disediakan Android SDK sebagai alat bantu dan API untuk mulai mengembangkan aplikasi pada platform Android menggunakan bahasa pemrograman java. Sebagai platform aplikasi-netral, Android memberikan anda kesempatan untuk membuat Aplikasi yang kita butuhkan yang bukan merupakan aplikasi bawaan Hanphone/smartphone.

Untuk Source SDK Android ini dapat anda lihat dan unduh langsung di situs resmi pengembang SDK Android di http://www.developer.android.com.

4. ADT (Android Developer Tools)

Android Developer Tools adalah plugin yang didesain untuk IDE Eclipse yang memberikan kita kemudahan dalam mengembangkan aplikasi android dengan menggunakan IDE Eclipse. Dengan menggunakan ADT untuk Eclipse akan memudahkan kita dalam membuat aplikasi project android, membuat GUI aplikasi, dan menambahkan komponen-komponen yang lainnya, begitu juga kkita dapat melakukan running aplikasi menggunakan Android SDK melalui Eclipse. Dengan ADT juga kita dapat melakukan pembuatan package android (.apk) yang digunakan untuk distribusi aplikasi android yang kita rancang.

Semakin tinggi platform android yang kita gunakan, dianjurkan menggunakan ADT yag lebih terbaru, karena biasanya munculnya platform baru diiukuti oleh munculnya versi ADT yang terbaru. Untuk download ADT ini dapat diunduh di http://developer.android.com/sdk/eclipse-adt.html.

Sumber: Android Pemrograman Aplikasi Mobile Smartphone dan Tablet PC Berbasis Android (Revisi Kedua)

Tutorial Lengkap Membuat buku tamu sederhana dengan PHP

Dalam proses pembuatan buku tamu ini kita menggunakan XAMPP. Jadi, pastikan anda telah menginstal XAMPP. Kalau belum, anda bisa melihat cara menginstal XAMPP di sini --> Tutorial Lengkap Cara Instalasi XAMPP.

Setelah XAMPP terinstal, hal pertama yang harus dilakukan adalah membuat folder sebagai penyimpanan file php ataupun html yang dibuat. Anda dapat membuat folder di C:\Program Files\XAMPP\htdocs\namafolderanda.

Misal: C:\Program Files\XAMPP\htdocs\guestbook

Selanjutnya kita membuat nama database dari proyek buku tamu yang akan kita buat.

Berikut tahapan pembuatan database di phpmyadmin:

Buka Browser Mozilla/Chrome kemudian Ketik http://localhost/phpmyadmin/
Kemudian buat nama database “bukutamu” setelah itu klik create.

3. Kemudian membuat nama tabel “guestbook” dengan jumlah tabel “2” setelah itu klik Go.

4. Setelah itu kita mengisi field seperti gambar di bawah ini:

5. Setelah selesai membuat database kita lanjut membuat script untuk membuat buku tamu. Buka Text Editor (Notepad, Dreamweaver, Dll). Dalam tutorial ini saya menggunakan Dreamweaver.

7. Setelah membuka dreaweaver pilih PHP seperti tampak pada gambar di bwah ini:

8. Kemudian ketik Script berikut ini:

<html>

<head>

<title>Homepage Pribadi Anda</title>

</head>

<body>

<center><b>Selamat Datang<br>

di Halaman Buku Tamu</b>

</center>

<form method="post" action="">

Nama Anda: <input type="text" size="10" maxlength="40" name="nama"> <br>

Komentar Anda: <textarea rows="5" cols="20" name="komentar"></textarea><br>

<input type="submit" value="Kirim">

</form>

</body>

</html>

echo ("Data yang anda input adalah<br>");

echo ($_POST['nama']);

echo ($_POST['komentar']);

mysql_connect('localhost','root','');

mysql_db_query('bukutamu',"INSERT INTO guestbook (nama, komentar) values ('".$_POST['nama']."', '".$_POST['komentar']."')");

9. Kemudian simpan dengan nama form.php

10.Buka browser anda dan ketik http://localhost/guestbook kemudian Enter

Selamat Mencoba, semoga bermanfaat :)

Untuk dapat menggunakan XAMPP, kita harus mendownloadnya di situs resmi XAMPP:https://www.apachefriends.org. Silahkan buka situs tersebut, kemudian klik pada tombol XAMPP for Windows v5.6.3 (PHP 5.6.3). Penamaan baru XAMPP ini mengikuti versi PHP yang ada di dalam paket tersebut.

Cara Menginstall XAMPP 5.6.3

Setelah file aplikasi XAMPP tersedia, kita akan mulai menginstall aplikasi ini. Silahkan double klik file XAMPP anda. Pada contoh ini, saya menggunakan versi XAMPP: xampp-win32-5.6.3-0-VC11-installer.exe.

Jendela peringatan berikut ini adalah tentang UAC (User Account Control):

Peringatan ini berkaitan dengan proteksi pada Windows Vista ke atas dimana jika XAMPP diinstall pada folder C:\Program Files (x86) mungkin akan terjadi pembatasan hak akses yang menyebabkan XAMPP tidak berjalan dengan normal. Karena alasan ini, saya akan memindahkan file instalasi XAMPP ke folder lain. Silahkan klik tombol OK untuk melanjutkan.

Jendela awal instalasi akan muncul, Klik Next.

2.berikutnya adalah “Select Component”. Pada bagian ini kita bisa memilih aplikasi apa saja yang akan diinstall. Dalam tahap ini saya akan membiarkan semua pilihan. Klik Next untuk melanjutkan.

3. Jendela selanjutnya adalah “Installation Folder”. Dalam bagian ini, kita bisa mengubah lokasi dimana file-file XAMPP akan disimpan. Anda bebas menentukan lokasi ini. Sebagai contoh, saya akan meletakkan file XAMPP di D:\xampp_5.6.3. Saya menambahkan angka versi XAMPP karena memiliki beberapa versi XAMPP terinstall di drive D. Penamaan ini hanya untuk mempermudah saya membedakan instalasi XAMPP. Lanjutkan dengan men-klik tombol Next.

4. Tampilan berikutnya adalah “Bitnami for XAMPP”. XAMPP menawarkan Bitnami sebagai cara cepat menginstall CMS seperti wordpress, joomla dan drupal. Tetapi kita akan menginstall wordpress secara manual, sehingga hapus pilihan “learn more about Bitnami for XAMPP”, kemudian klik Next.

5. Jendela berikutnya adalah konfirmasi untuk mulai menginstall XAMPP, klik Next, dan XAMPP akan memulai proses instalasi beberapa saat.

6. Jika jendela “Completing the XAMPP Setup Wizard” telah tampil, maka proses instalasi XAMPP telah selesai. Pada bagian ini kita akan langsung mencoba aplikasi XAMPP, sehingga biarkan pilihan check list “Do you want to start the Control Panel now?”, kemudian klik Finish.

Menguji Instalasi XAMPP

Jika anda membiarkan pilihan “Do you want to start the Control Panel now?” pada jendela terakhir proses instalasi XAMPP, maka akan tampil jendela XAMPP Control Panel.

Sesuai dengan namanya, Jendela XAMPP Control Panel ini adalah jendela yang digunakan untuk mengontrol apa saja modul XAMPP yang akan atau sedang dijalankan. Jika jendela ini tidak tampil, anda bisa mengaksesnya dari menu START->All Programs->XAMPP->XAMPP Control Panel.

Untuk menguji instalasi XAMPP, silahkan klik tombol START pada modul Apache dan MySQL. Jika tidak ada masalah, akan tampil warna hijau pada bagian modul ini, seperti tampilan dibawah:

Selanjutnya, buka web browser dan ketikkan alamat localhost pada address bar, kemudian tekan enter. Jika tampil jendela pembuka XAMPP, maka semuanya telah terinstall dengan baik.

Sekian tutorial kali ini, Semoga bermanfaat :)