Cara Install XAMPP Di Windows

Friday, 15 November 2013
Posted by Eko Budianto
Cara Install XAMPP Di Windows - Cara Install XAMPP Di Windows cukup mudah, jika anda berencana membuat website tidak ada salahnya jika anda menggunakan XAMPP sebagai server localhost. Dengan XAMPP sebagai Servel Localhost, anda dapat membuat website tanpa harus memiliki koneksi ke internet.

Saat ini, saya akan Share tutorial menginstall XAMPP di Windows. Jadi Tutorial ini dapat anda ikuti sebagai panduan jika anda memang menngunakan platform windows di PC/Notebook.

Cara Install XAMPP Di Windows

1. Jika anda belum mempunyai File Installer XAMPP, silahkan Download Terlebih dahulu di sini
2. Setelah selesai Download XAMPP, silahkan anda double klik File Installer XAMPP tersebut.
3. Akan Muncul Window Installer XAMPP, silahkan anda klik Next.

4. Pada Step Selanjutnya, anda akan diminta untuk memilih komponen XAMPP yang akan anda install. Ceklist semuanya saja, lalu klik Next.

5. Selanjutnya anda akan diminta untuk menentukan dimana folder untuk menyimpan File XAMPP. Secara Default di folder c:\xampp, namun anda dapat menggantinya dengan mengklik icon folder.

6. Step selanjutnya, Instalasi XAMPP siap untuk dilakukan. Silahkan anda klik Next.

7. Tunggulah sampai proses Installasi selesai, jika sudah akan muncul window seperti berikut. Silahkan anda klik Finish.

Cara Menjalankan Aplikasi XAMPP
Setelah anda berhasil menginstall XAMPP, kini saatnya kita menjalankan aplikasi XAMPP tersebut. 
1. Silahkan anda klik Start Menu -> Program -> Pilih Aplikasi XAMPP. Nanti akan muncul window XAMPP Control Panel. Klik Start Pada Menu Action untuk module Apache dan Mysql.

2. Kemudian, buka browser kesayangan anda. Lalu ketik pada address bar browser anda "localhost". Jika XAMPP anda berhasil dengan baik dan sudah running, maka hasilnya akan seperti dibawah ini. Silahkan anda klik English untuk menu bahasanya.

3. Hasilnya akan muncul tampilan pada browser anda seperti dibawah ini.

Jika anda sudah mencapai tahap ini, berarti anda telah sukses membuat localhost. Sehingga PC atau Notebook anda sekarang sudah berfungsi selayaknya server yang dapat menjalankan aplikasi berbasis web.


Cara Membuat Background HTML

Friday, 4 October 2013
Posted by Eko Budianto
Tag :
Cara Membuat Background HTML


Untuk mempercantik website, kita dapat menggunakan background atau latar belakang. background pada suatu website dapat menggunakan warna maupun gambar.

Background Warna HTML
Untuk membuat background Color menggunakan tag <body bgcolor=" .... ">
Contoh
<html> <head> <title> Warna HTML </head>  <body bgcolor="#ffff66">  <p> Belajar Membuat Background Warna HTML </p>  <p> Gantilah dengan warna kesukaanmu </p>  </body> </html>

Hasilnya :

Untuk nilai dari atribut bgcolor diatas, cobalah anda ganti dengan menggunakan kode hexadecimal dari warna yang anda inginkan. Anda dapat mengetahuinya dengan mencari dari Internet.

Background Image Atau Gambar HTML
Selain dengan warna, background pada suatu website dapat dipermanis dengan menggunakan image atau gambar. Syarat utamanya adalah anda harus memiliki image yg ber-ektensi .jpg .gif atau .png setelah itu anda juga harus memasukkan image tersebut kedalam folder file HTML yang anda buat.
Untuk membuat background Image dapat menggunakan tag <body background="nama image.jpg/png/gif">
Contoh :

<html>  <head> <title> Background Image </title> </head> <body background="Jellyfish.jpg">  <p style="font:bold 50px Georgia ;color:green">Selamat datang di Websiteku</p> <hr color="ff0000" size="4"> <p style="font:20px Calibri ;color:white"> Cara membuat latar belakang dengan gambar </p> </html>

Hasilnya :

Tutorial Membuat Hyperlink HTML

Friday, 27 September 2013
Posted by Eko Budianto
Tag :
Tutorial Membuat Hyperlink HTML - Tutorial Membuat Hyperlink HTML. Hyperlink digunakan untuk menghubungkan antar file yang berada di dalam web, baik file yang berada dalam satu website atau yang berada di website lain. Tag HTML Hyperlink biasa disebut dengan anchor " a " kemudian diikuti dengan " href " sebagai alamat tujuan dari link tersebut. Sebagai contoh : Website saya --> Silahkan anda klik hyperlink tersebut, maka anda akan diarahkan ke alamat file dari website tersebut.


Contoh Membuat hyperlink menuju link website :

Untuk membuat hyperlink menuju link website tujuan, dengan menggunakan tag elemen "<a href="link situs tujuan"> komentar anda </a>"
Contoh :
<html> 
<body> 
<p> Contoh membuat hyperlink</p> 
Jika ingin ke situs google <a href="http://www.google.com/"> Klik disini </a><br> 
<a href="http://www.smkasshiddiqiyah.sch.id/"> Link ini </a> akan membawa anda ke website SMK AIC
<p> Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:
<p> <a href="http://damarshare.blogspot.com/" target="_blank"> Website Saya </a> 
</body> </html>
Hasilnya :


Cara Membuat Hyperlink Menggunakan Gambar :

Cara Memebuat Hyperlink HTML dengan menggunakan sebuah gambar cukup mudah. Pastikan gambar atau image yang akan dibuat hyperlink berada pada folder yang sama dengan file HTML yang anda buat. Pastikan juga nama dan ektensinya harus sama dengan image tersebut. Nama dan ektensi gambar harus diletakkan diantara tag <img src=" ... " border="0" width="140" height="50">

Contoh :
<a href="http://www.google.com"> <img src="google.jpg" border="0" width="140" height="50"></a>

Hasilnya :
Border merupakan garis yang mengelilingi sisi gambar, width merupakan lebar dari gambar dan height merupakan tinggi dari gambar. Isilah dengan nilai yang sesuai agar gambar yang ditampilkan menjadi enak dilihat. Untuk mengganti posisi gambar seperti letaknya di kanan atau di kiri, tambahkan atribut align=" ..."


Contoh :
<a href="http://www.google.com"> <img src="google.jpg" border="0" width="140" height="50" align="right"></a>

Hasilnya :



Tutorial Membuat Format Text HTML

Saturday, 14 September 2013
Posted by Eko Budianto
Tag :
Tutorial Membuat Format Text HTML - Tutorial Membuat Format Text HTML. Untuk membuat Format Font HTML. Pada Tutorial kali ini kita akan membuat Teks dengan garis bawah, garis atas dan kita juga akan membuat tulisan teks dengan posisi rata kiri, rata kanan dan posisi teks di tengah.

Membuat Teks Dengan Garis Di Bawah HTML :
<p style="text-decoration:underline;">Membuat Teks Dengan Garis Di Bawah</p>
Hasilnya :

Membuat Teks Dengan Garis Di Atas HTML :
<p style="text-decoration:overline;"> Contoh teks dengan garis atas </p>
Hasilnya :

Membuat Teks Rata Kiri, Rata Tengah dan Rata Kanan HTML :
Untuk membuat teks rata kiri pada HTML, tag elemennya adalah "<p style="text-align:left"> .. </p>"
Untuk membuat teks rata tengah pada HTML, tag elemennya adalah "<p style="text-align:center"> .. </p>"
Untuk membuat teks rata kiri pada HTML, tag elemennya adalah "<p style="text-align:right"> .. </p>"
Contoh :

<p style="text-align:left"> Membuat Teks Rata Kiri </p>                                  <p style="text-align:center"> Membuat Teks Rata Tengah </p>                             <p style="text-align:right"> Membuat Teks Rata kanan </p>
Hasilnya :


Membuat Teks Rata Kiri Dan Rata Kanan HTML :


Untuk membuat Teks rata kiri dan kanan pada HTML, tag elemennya adalah " <p style="text-align:justify"> ..</p> "
Contoh :
<p style="text-align:justify"> HTML (Hyper Text Markup Language) merupakan bahasa pemprograman untuk membuat suatu halaman web yang terdiri dari kode - kode singkat tertentu, dimana dengan kode tersebut akan memerintahkan web browser untuk menampilkan halaman web yang terdiri dari berbagai macam format tampilan seperti teks, grafis, animasi, link maupun audio dan video. Software editor yang biasa digunakan adalah notepad, dreamweaver, firework maupun PHP.</p>
Hasilnya :


Membuat Paragraf Baru HTML :
Untuk membuat suatu paragraf pada HTML, tag elemennya adalah " <p>…</p> "
Contoh :
<p> HTML (Hyper Text Markup Language) merupakan bahasa pemprograman untuk membuat suatu halaman web yang terdiri dari kode - kode singkat tertentu </p>
<p> dimana dengan kode tersebut akan memerintahkan web browser untuk menampilkan halaman web yang terdiri dari berbagai macam format tampilan </p> <p> seperti teks, grafis, animasi, link maupun audio dan video. Software editor yang biasa digunakan adalah notepad, dreamweaver, firework maupun PHP </p>
Hasilnya :

Membuat Garis Horizontal HTML :
Untuk membuat garis horizontal pada HTML, tag elemennya "<hr> .. <hr>", perlu untuk anda ketahui bahwa ada tag elemen HTML yang tidak memerlukan tag penutup. 
Contoh :

<html>
<head>
<title> Welcome To My Website </title> </head>
<body> <hr> Ini adalah halaman HTML pertamaku <hr>
<p> Paragraf yang saya buat </p>
</body> </html>                             
Hasilnya :

Membuat Heading HTML :
Heading merupakan ukuran teks yang biasa di pakai untuk membuat judul, bab, maupun sub-bab lainnya. Ukuran teks yang menggunakan heading ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah < h1> dan yang terkecil adalah <h6>. tag elemen HTML untuk membuat heading adalah "<h1>…</h1>"
Contoh :
<html> <head> <title>
Welcome to My Website </title> </head>
<body> <hr> <h1> Judul : Cara membuat website <h1> <hr>
<p> <h2> Sub judul : Langkah - langkah membuat website </h2></p>
<p> <h4> Isi : Siapkan Notepad </h4> </p>
</body> </html> 
Hasilnya :

Membuat Teks Secara Bebas di HTML :
terkadang kita ingin membuat teks dengan bebas tanpa disertai dengan paragraf <p>, seperti untuk menulis puisi ataupun bait lagu. tag elemen tersebut dengan menggunakan "<pre>…</pre>"
Contoh :
<html> <body>
<pre> <b> Lagu Pelangi </b>
Pelangi - Pelangi alangkah indahmu..
  Merah kuning hijau dilangit yang biru..
</pre> </body> </html> 
Hasilnya :

Cara Membuat Format Font HTML

Friday, 6 September 2013
Posted by Eko Budianto
Tag :
Cara Membuat Format Font HTML - Cara Membuat Format Font HTML : Setelah sebelumnya kita belajar membuat file HTML sederhana, kali ini kita akan membuat format tulisan menjadi tebal tebal, miring, garis bawah,menentukan jenis tulisan/font serta ukuran dan warna dari font tersebut.


Cara Membuat Format Font Dengan HTML

Untuk mengganti jenis font menggunakan properti font-family:

<html> <header> <title> Font HTML </title> <body> <p style="font-family:Georgia">Tulisan dengan font-family Georgia</p> </body> </html>
Hasil:

Untuk membuat tulisan miring menggunakan properti font-style:
<p style="font-style:italic">Membuat tulisan miring</p>
Hasil:

Untuk membuat tulisan tebal menggunakan properti font-weight:
<p style="font-weight:bold"> Membuat Tulisan Tebal </p>
Hasil:

Untuk mengatur ukuran font menggunakan properti font-size:
<p style="font-size:16px"> Tulisan Dengan Ukuran Font 16px </p>
Hasil:

Untuk membuat warna font menggunakan properti color :
<p style="color:blue"> Tulisan Ini Akan Berwarna Biru </p>
Hasil:

Atribut style dapat memiliki beberapa properti dengan dibatasi oleh tanda titik koma :
<p style="font-family:Georgia;font-size:16px;font-weight:bold;"> Contoh Tulisan Dengan font-family, font-size dan font-weight </p>
Hasil:

Kemudian style tersebut diatas dapat di persingkat dengan menggunakan properti font :
<p style="font:bold 16px Georgia"> Contoh Tulisan Dengan Properti font </p>
Hasil:


Untuk membuat garis bawah font menggunakan <u> .. </u> :
<p style="color:blue"> <u> Tulisan Ini Akan Berwarna Biru Dan Bergaris Bawah </u> </p>
Hasil:



Belajar Membuat HTML Dasar

Posted by Eko Budianto
Tag :
Belajar Membuat HTML Dasar - HTML (Hyper Text Markup Language) merupakan bahasa pemprograman untuk membuat suatu halaman web yang terdiri dari kode - kode singkat tertentu, dimana dengan kode tersebut akan memerintahkan web browser untuk menampilkan halaman web yang terdiri dari berbagai macam format tampilan seperti teks, grafis, animasi, link maupun audio dan video. Software editor yang biasa digunakan adalah notepad, dreamweaver, firework maupun PHP.


Kita bisa menulisnya di teks editor seperti Notepad, atau bisa langsung di program pembuat website seperti DreamWeaver.

Struktur Dasar HTML

File HTML biasanya berekstensi .html atau .htm. Sebuah halaman web minimal mempunyai empat buah tag, yaitu :

  1.  <html> sebagai tanda awal dokumen HTML dan </html> sebagai akhir dokumen HTML.
  2. Header, biasanya ditulis di antara tag <head> dan diakhiri dengan </head>. Bagian header ini tidak akan ditampilkan di halaman browser, biasanya hanya berupa informasi yang berguna bagi search engine atau juga informasi yang berguna bagi browser kita.
  3. Untuk menulis judul halaman ditulis diantara tag <Title> dan diakhiri tag </title>
  4. Body, biasanya ditulis di antara tag <body> dan </body>. yang berfungsi untuk menampilkan isi dari halaman web yang akan dibuat.

Membuat HTML Dasar
  1. Buka Notepad di komputer anda
  2. Tulislah kode HTML seperti dibawah ini :

<html>



<head>
<title>Belajar Website</title>
</head>

<body>

Ini Merupakan Contoh Dari HTML

</body>



</html>

  1. Simpan Notepad tersebut dengan nama belajar.html, pada bagian "save as type" pilih "All Files"
  2. Setelah disimpan, silahkan anda buka file tersebut. Maka hasilnya akan seperti dibawah ini :


Penjelasan
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html> dan </html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Belajar Website".
Tag diantara "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia). Sebagai contoh seperti diatas adalah "Ini Merupakan Contoh Dari HTML".

Setelah sukses membuat file HTML sederhana, saatnya kita lanjutkan dengan membuat format tulisan HTML agar lebih profesional.

Download Ebook PHP : Menyelam dan Menaklukan Samudra PHP

Wednesday, 4 September 2013
Posted by Eko Budianto
Tag :
Download Ebook PHP : Menyelam dan Menaklukan Samudra PHPDownload Ebook PHP : EMenyelam dan Menaklukan Samudra PHP. Satu lagi Ebook yang sangat bermanfaat bagi pemula yang ingin belajar PHP. Ebook belajar PHP ini sangat cocok bagi pemula hingga yang sudah mahir.



Apa saja yang dibahas dalam Ebook PHP + Source Code PHP yang memiliki ketebalan 161 Halaman ini?
Bab 1 : Perkenalan Instalasi dan Konfigurasi

Bab 2 : Bekerja dengan PHP
Bab 3 : Menggunakan PHP dan MySQL
Bab 4 : Menampilkan Data Menggunakan Table
Bab 5 : Bekerja dengan Form
Bab 6 : Mengedit Database dengan Form
Bab 7 : Lebih Jauh dengan Form
Bab 8 : Email menggunakan PHP
Bab 9  : PHP Authentication
Bab 10 : Studi Kasus Membuat Sistem Informasi Administrasi Mahasiswa

Semuanya kami sajikan dengan cara pembahasan yang mudah dicerna, tidak perlu mengunyah sebanyak 32 kali. Disajikan perlangkah, dan langsung kepada praktik menggunakan PHP dan MySQL.

Download Ebook Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia

Wednesday, 28 August 2013
Posted by Eko Budianto
Tag :
Download Ebook Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia - Download Ebook Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia. Ebook Panduan Lengkap PHP Ajax jQuery Bahasa Indonesia sangat cocok bagi anda yang ingin belajar PHP, Ajax maupun jQuery karena menggunakan bahasa indonesia yang mudah dimengerti. 

Daftar isi
  1. Pengenalan Ajax
    • Apa Yang Harus Anda Ketahui
    • Apakah Ajax
    • XMLHttpRequest
    • Komunikasi dengan Server
  2. XMLHttpRequest Object
    • Properti atau Atribut
  3. Format Data Respon Ajax
    • JSON
    • AHAH
    • XML
  4. Pengenalan jQuery
    • Apa itu jQuery
    • Sintaks jQuery
    • jQuery Selector
    • jQuery Events
    • Efek-efek dengan jQuery
    • Manipulasi HTML dengan jQuery
    • Manipulasi CSS dengan jQuery
    • Web Tab Scroll Content (Contoh)
  5. jQuery Ajax
    • Fungsi-fungsi Ajax jQuery
    • Insert, Delete, Update dan Animasi Loading

Cara Instal Ubuntu dari Flashdisk

Tuesday, 16 July 2013
Posted by Eko Budianto
Cara Instal Ubuntu dari Flashdisk - Anda sedang membaca "Cara Instal Ubuntu dari Flashdisk". Instal Ubuntu dari Flashdisk dikarenakan beberapa faktor, seperti tidak adanya DVD/CD - ROM. kelebihan Instal Ubuntu dari Flashdisk dapat mempercepat proses instalasi dibandingkan dari CD.

Kali ini saya akan share tutorial Cara Instal Ubuntu dari Flashdisk yang sangat mudah dilakukan, dan ini sudah terbukti sukses karena sudah sering saya lakukan ketika ingin instal ubuntu di laptop saya. Sebelum kita membuat bootable Ubuntu, yang perlu kita persiapkan adalah :

  1. File .iso Ubuntu atau jika anda belum punya dapat download terlebih dahulu di sini
  2. Aplikasi Universal USB Installer atau jika belum punya dapat download di sini
  3. Flashdisk dengan kapasitas minimal 2GB
*ketika anda mengklik link download akan muncul halaman ad.fly. Tunggu 5 detik lalu klik "skip add atau lewati" pada pojok kanan atas.

Oke, jika semuanya sudah ada sekarang kita langsung masuk ke step pembuatan bootable installer Ubuntu 

  • Double klik pada aplikasi universal USB Installernya, lalu klik "i agree".

  • Pilih distro ubuntu versi yang akan anda install. pastikan versi ubuntu sesuai dengan .iso yang anda miliki.

  • Browse File .ISO Ubuntu yang anda miliki, lalu klik "open".


  • Pilih Letak Flashdisk anda, centang format drive Flashdisk supaya bersih lalu klik "create". Pastikan tidak ada data penting.


  • klik "Yes"


  •  Tunggu sampai proses selesai, jika sudah selesai klik "close".


Jika sudah sampai step sini, berarti anda sudah membuat installer Ubuntu di Flashdisk yang anda miliki. Untuk melakukan Install dari Flashdisk, setting pada BIOS PC atau Notebook anda untuk boot pertama kali melalui Flashdisk. Lalu lakukan install ubuntu seperti biasa, jika anda belum pernah menginstal Ubuntu bisa membaca " Cara Instal Ubuntu"

Cara Instal Ubuntu 13.04 Raring Ringtail

Sunday, 14 July 2013
Posted by Eko Budianto
Cara Instal Ubuntu 13.04 Raring Ringtail - Anda sedang membaca "Cara Instal Ubuntu 13.04 Raring Ringtail". Ubuntu terbaru telah datang, kini saatnya melakukan instalasi Ubuntu 13.04. Jika anda memiliki PC atau Notebook hanya untuk browsing, Music dan menonton Movie tidak ada salahnya menggunakan Ubuntu karena lebih ringan. Cara Instal Ubuntu 13.04 Raring Ringtail juga cukup mudah dilakukan.

Kali ini saya akan share tutorial Cara Instal Ubuntu 13.04 Raring Ringtail secara umum dan seharusnya dapat diterapkan pada versi ubuntu yang lain. Khusus untuk step berikut ini saya terapkan pada hardisk yang masih kosong dan belum terisi OS apapun. 

Cara Instal Ubuntu 13.04 Raring Ringtail

  • Masukkan CD / USB berisi installer Ubuntu, pastikan settingan booting PC atau Notebook untuk menjalankan CD / USB terlebih dahulu. Jika anda ingin mencoba Ubuntu sebelum menginstalnya, silahkan pilih "Try Ubuntu. Jika ingin langsung install ubuntu klik "Install Ubuntu".



  • Pada step ini saya rekomendasikan untuk tidak menceklist apapun, karena akan memperpanjang proses instalasi Ubuntu. Klik "continue"



  • Karena hardisk masih kosong langsung pilih saja "erase disk and install ubuntu"


  • Pada step ini, ketikkan kota dimana anda sedang berada, lalu klik "Continue"


  • Pada step ini pilih saya keyboard standard default Ubuntu, klik "Continue"


  • Pada step ini, isikan data-data untuk komputer anda seperti password dan username. ceklist login automatically jika anda ingin login otomatis atau ceklist require my password to login jika anda ingin memasukkan password ketika awal menjalankan ubuntu. 


  • Sekarang tinggal tunggu proses instalasi sampai selesai


  • Jika sudah selesai, pilih "restart". dan setting BIOS PC atau Notebook anda untuk boot via Hardisk.


Selamat anda sukses menginstall Ubuntu


Welcome to Damarshare

Translate

Popular Post

- Copyright © Let's Share- Powered by Blogger-