Listing Pada HTML

Unordered List

Fungsi dari tag ini adalah untuk membuat list yang tidak beraturan atau berurutan.

Contoh :

Daftar Makanan
<ul type='circle'>
<li>Nasi Goreng</li>
<li>Ayam Bakar</li>
<li>Ikan Bakar</li>
</ul>

Hasilnya :

Daftar Makanan

• Nasi Goreng
• AyamBakar
• Ikan Bakar

Penjelasan :

<ul> adalah tag induk utama dari Unordered List

<li> adalah tag untuk daftar dari list tersebut

type dari UL ini sendiri adalah circle,disk, dan square.

Ordered List

Fungsi dari tag ini adalah untuk membuat list yang teratur atau berurutan

Contoh :

Daftar Persyaratan
<ol type='1'>
<li>FC Akte</li>
<li>FC Kartu Keluarga</li>
<li>Pas Foto 3 x 4 Berwarna</li>
</ol>

Hasilnya :

Daftar Persyaratan

1. FC Akte
2. FC Kartu Keluarga
3. Pas Foto 3 x 4 Berwarna

Penjelasan :

type dari OL adalah 1,A,a,I,i

Read More

Menulis atau Menampilkan Teks Pada PHP

1. Echo

<?php
echo"Ini adalah contoh echo";
?>

2. Print 

<?php
print("Ini adalah contoh print dengan kurung <br>");
print"Ini adalah contoh print tanpa kurung";
?>

3. Print_r

<?php
$kota = array("Bandung","Cirebon","Yogyakarta");
print_r($kota);
?>

Penjelasan : “print_r” tidak seperti “echo” atau “print”, karena “print_r” digunakan khusus untuk menampilkan teks pada array.

Read More

Paragraf dan Kalimat Pada HTML

Untuk membuat sebuah paragraph pada sebuah document HTML anda hanya perlu menuliskan kode :

<p>Paragraf</p>

Contoh :

<p>
Hay, kawan semua <br>
Ini adalah paragraf pertama saya
</p>
<p>
Hay, kawan semua <br>
Ini adalah paragraf kedua saya
</p>

*Penjelasan :

<br>  adalah kode yang digunakan untuk pindah baris.

Jika kawan semua tidak mau ribet dengan penggunaan kode <br> , maka anda bisa menggunakan kode <pre> , berikut contohnya :

<p>
<pre>
Hay, kawan semua
Ini adalah paragraf pertama saya
<pre>
</p>
<p>
<pre>
Hay, kawan semua
Ini adalah paragraf pertama saya
<pre>
</p>

Untuk mengatur posisi paragraph anda bisa menggunakan atribut “align”. Untuk yang belum tau apa itu atribut, saya akan jelaskan bahwa atribut adalah semacam kode tambahan didalam sebuah tag HTML yang berfungsi untuk mengatur atau memberikan property pada sebuah tag HTML. Berikut contohnya :

<p align=’center’>
Hay, kawan semua <br>
Ini adalah paragraf tengah
</p>
<p align='left'>
Hay, kawan semua <br>
Ini adalah paragraf kiri
</p>
<p align='right'>
Hay, kawan semua <br>
Ini adalah paragraf kanan
</p>
<p align=’justify’>
Hay, kawan semua <br>
Ini adalah paragraf rata kanan kiri
</p>

Baik, sekian tutorial kali ini. Terima kasih dan sampai jumpa lagi di tutorial yang berikutnya.

Read More

Formatting Text Pada CSS

Mengatur Ukuran Text

font-size:12px;

Mengatur Warna Text

color:red;

Mengatur Font Text

font-family:Arial;

Mengatur Text Agar Bold

font-weight:bold;

Jika kawan semua bingung cara menggunakannya, silahkan lihat artikel kami ini.

Read More

Variable Pada PHP

Fungsi

Fungsi dari variable pada php adalah untuk memberikan sebutan ataupun mempermudah pemanggilan sebuah data, angka, ataupun text.

Bentul Dasar

$nama_variable = isi_variable;

*Penjelasan :

Simbol dollar ($) adalah symbol yang menandakan bahwa kata tersebut adalah sebuah variable. Nama variable tidak boleh menggunakan spasi karna akan dianggap error.

Contoh Penggunaan

<?php
$x = 1;
$y = 2;
$z = $x + $y;

echo"$z";
?>

hasilnya akan menampilkan angka “3”.

<?php
$nama_saya = "Hafiizh";

echo"Hallo, nama saya $nama_saya";
?>

hasilnya akan menampilkan tulisan Hallo, nama saya Hafiizh.

<?php
$a = 1;
$a = 2;

echo"$a";
?>

hasilnya akan menampilkan angka “2”, karena jika ada variable yang sama maka variable yang paling akhir atau paling bawah disebutkanlah yang akan tampil.

Read More

Formating text pada HTML

Untuk kawan – kawan yang sering menggunakan Microsoft Word mungkin tidak asing dengan istilah Bold, Italic dan lain sebagainya. Nah, kali ini kita akan belajar semua istilah tersebut namun tidak pada Microsoft Word melainkan pada HTML, yuk mari kita lihat.

1. Bold

untuk membuat bold pada html digunakan tag <b>, berikut contohnya :

<b>Ini adalah tulisan tebal</b>

hasilnya :

Ini adalah tulisan tebal



2. Italic

untuk membuat italic pada html digunakan tag <i>, berikut contohnya :

<i>Ini adalah tulisan miring</i>

hasilnya :

Ini adalah tulisan miring


3. Underline

untuk membuat underline pada html digunakan tag <u>, berikut contohnya :

<u>Ini adalah tulisan yang digaris bawahi</u>

hasilnya :

Ini adalah tulisan yang digaris bawahi


4. Subscript

untuk membuat subscript (tulisan dibawah) pada html digunakan tag <sub>, berikut contohnya :

H<sub>2</sub>O

hasilnya :

H₂O


5. Superscript

untuk membuat superscript pada html digunakan tag <sup>, berikut contohnya :

X<sup>2</sup>

hasilnya :

X²

6. Kombinasi

Contoh :

<b><u>Ini adalah teks yang penting</u></b>

hasil :

Ini adalah teks yang penting

<i>O<sub>2</sub></i>

hasil :

O₂


Baik, tadi itu adalah cara bagaimana memformat tulisan pada HTML. Sekian tutorial kali ini sampai jumpa lagi pada artikel berikutnya ya. Terima kasih.

Read More

Aplikasi Kredit Motor Berbasis Web

Fitur Aplikasi

1. Pengelolaan data motor
2. Pengelolaan data pembeli
3. Pembelian motor kredit
4. Pembayaran angsuran kredit
5. Laporan

Screenshoots

Cara Penggunaan

1. Konfigurasi database ada di folder /system/plugin/php/config.php
2. Username dan Password “admin”

Ok, silahkan langsung download aplikasinya saja guys. Klik disini

*Perhatian : Aplikasi ini kami buat untuk pembelajaran dan juga untuk gambaran kawan – kawan semua yang sedang ingin membuat aplikasi web sendiri.

Read More

Memulai CSS

Hay semua, untuk tutorial kali ini saya akan membahas tentang Memulai Belajar CSS. Namun, sebelum itu mari kenalan sedikit yuk dengan CSS tersebut. CSS adalah kepanjangan dari “Cascading Style Sheet”, yang merupakan bahasa pemrogramman yang berfungsi untuk mendesain dan mempercantik tampilan sebuah halaman website.

Berikut kode dasar dari CSS :

<html>
<head>
<title>CSS Pertama Saya</title>
<style>
b{
color:green;
}
.text{
color:red;
font-size:15px;
}
#kata{
color:blue;
font-size:20px;
}
</style>
<head>  
<body>
<b>Ini adalah tulisan bold</b>
<div class=’text’>Ini adalah class text</div>
<div id=’kata’>Ini adalah id kata</div>
</body>
</html> 

Berikut hasilnya :

Penjelasan :

• CSS ditulis pada tag <style>
• Kode yang menyebutkan langsung sebuah tag maka semua tag tersebut akan memiliki desain seperti yang kita tuliskan.
• Kode yang disertakan titik (.) berarti itu adalah sebuah class dan yang disertakan simbil pagar (#) berarti itu sebuah id.
• Perbedaan class dengan id adalah jika class bisa digunakan atau disebut berkali – kali namun jika id hanya bisa digunakan atau disebut sekali saja.

Cara menggunakan CSS
1. Menuliskan style pada bagian head sebuah document HTML.

*seperti contoh diatas

2. Dengan inline, atau langsung didalam sebuah tag, berikut contohnya :

<b style=’color:red’>Ini text bold</b>

3.  Dan yang terakhir dengan memanggilnya secara terpisah dari document HTML nya, berikut cara memanggil file yang terpisah tersebut :

Simpan file tersebut dengan extensi .css kemudian tulis kode berikut pada bagian head document HTML :

<link href=’filecss.css’ rel=’stylesheet’ type=’text/css’>

Sekian deh tutorial untuk pemula CSS, sampai ketemu di artikel yang berikutnya ya. Terima kasih.

Read More

Memulai PHP

Ok guys, kali ini saya akan berbagi tutorial tentang Memulai PHP. Namun sebelum itu kita kenalan dulu yuk sedikit tentang PHP ini.

Kalian semua jangan berfikir kalau PHP ini adalah “Pemberi Harapan Palsu” ya, karna pada dasarnya PHP adalah kepanjangan dari “PHP Hypertext Processor” merupakan bahasa pemrogramman yang bersifat Server Side dan juga dinamis untuk membuat sebuah halaman website. Apa yang dimaksud Server Side.? Server Side berarti bahasa pemrogramman ini berjalan di sisi Server sebuah website, maka untuk belajar PHP ini kita harus punya Software pihak ketiga untuk menjalankan kode PHP yang kita buat, seperti WAMP, XAMPP, LAMPP, dan masuh banyak lagi. Dan apa yang dimasksud dengan dinamis.? Dinamis berarti PHP ini bisa berubah – ubah sesuai dengan data yang ada, karena PHP ini memang digunakan untuk menghubungkan website dengan databasenya.

Baik, kalau begitu mari langsung kita mulai saja yuk tutorialnya. Sekarang mari kita siapkan dulu nih alat dan bahannya, yaitu :

1. Browser
2. Software untuk mengolah kode (kali ini saya menggunakan Adobe Dreamweaver CS5), jika ingin download klik disini saja guys.
3. Software Server Server dan Database (di sini saya menggunakan XAMPP), untuk mendownloadnya bisa klik disini atau di situs resminya saja nih, klik disni.

Ok, kalau sudah siap semua mari kita langsung eksekusi guys.

Pertama buka dulu deh Adobe Dreamweavernya, bikin file baru kemudian ketikkan kode berikut guys :

<?php
echo"Ini adalah PHP pertama saya";
?>

*Penjelasan :

<?php  ?> : kode ini adalah tanda awal dan akhir dari kode php

echo : berfungsi untuk menulis text pada php

Simpanlah file tersebut dengan nama pertama.php pada folder htdocs yang ada di dalam folder XAMPP sobat semua, jangn lupa bikin folder baru ya agar kelihatan rapih guys.

*nama file tidak boleh diberi spasi ataupun simbol

Ok, kalau sudah disimpan sekarang kita jalankan yuk guys php nya. Pertama nyalakan terlebih dahulu XAMPP nya dengan cara membuka XAMPP Control nya dan klik Start pada bagian Apache, jika sobat semua mau mencoba databasenya juga klik saja pada bagian MySQL nya guys.

Tunggu sampai berwarna hijau ya guys, kemudian bisa langsung kita buka deh pada browser kesayangan kita.

Ketik pada kolom url http://localhost/folder_sobat/pertama.php, dan tada php pertama sobat sudah selesai, selamat ya.

Ok, sekian dari saya ya sampai ketemu di tutorial yang berikutnya ya. Terima kasih dan sampai jumpa lagi.

Read More

Memulai HTML

Hallo semua, kali ini saya akan membuat tutorial tentang memulai belajar HTML. Hanya untuk sekilas info, bahwa HTML yang merupakan kepanjangan dari “Hyper Text Markup Language” ini adalah bahasa pemrogramman yang paling dasar untuk membuat sebuah halaman web. Jadi, jika teman – teman semua ingin belajar membuat website maka bahasa pemrogramman inilah yang wajib untuk kalian semua pelajari. Baik, mari kita langsung saja mulai tutorialnya.

Untuk alat dan bahannya anda hanya perlu Notepad dan Browser kesayangan anda.

Pertama, buka dulu dong Notepadnya. Cukup tekan Windows + R lalu ketikkan Notepad dan kemudian tekan Enter maka notepad pun akan terbuka dan siap untuk digunakan.

Lalu, ketiklah kode berikut ini :

<html>
<head>
<title>Memulai HTML</title>
</head>
<body>
Ini adalah HTML pertama saya
</body>
</html>

*Penjelasan :

semua kode html akan ditulis dalam tag <kode> dan hampir semuanya akan diakhiri dengan </kode>

kode html adalah kode wajib yang menandakan bahwa kode yang kita tuliskan adalah bahasa pemrogramman html. head adalah kode atas dari html, title adalah kode untuk penulisan judul halaman web yang akan ditampilkan nantinya, dan body adalah isi dari halaman web tersebut.

Simpanlah file tersebut dengan extensi .html, bagaimana caranya.?

Berikut ini caranya untuk menyimpan file dengan extensi .html pada notepad :

Pertama pilih All Files (“.”) pada kolom Save as type

Lalu ketikkan nama file dengan diakhiri extensi .html, maka jadilah fiel tersebut menjadi file html

*Catatan : kalau bisa nama file tidak menggunakan spasi ataupun symbol

*Catatan : kalau bisa nama file tidak menggunakan spasi ataupun symbol

Jika kode sudah kita ketikkan dan file pun sudah kita simpan maka sekarang saatnya kita eksekusi  dengan cara Klik 2x  file tersebut dan lihat hasilnya.

Berikut ini hasilnya :

Selesai sudah pembelajaran kita kali ini, terima kasih dan sampai ketemu lagi ya pada tutorial yang lainnya.

Read More