Selasa, 28 April 2015

Panduan Cara Membuat Tabel dengan HTML bagian II (Memberi Pewarnaan Pada Tabel)

Setelah sebelumnya saya menulis artikel tentang Cara Membuat Tabel dengan HTML, berikutnya saya akan mencoba berbagi informasi lebih lanjut tentang cara membuat tabel dengan html dengan kustomisasi pewarnaan yang lebih menarik, namun masih tergolong sederhana. seperti, bagaimana membuat warna pada baris tabel, membuat cellpadding dan juga cellspacing pada tabel.
Berikut contoh sintaknya :

<table bgcolor='black' cellpadding='5' cellspacing='1' width='300px'>
<tr bgcolor='yellow'><td align='center'>Nama</td><td align='center'>Jenis Kelamin</td></tr>
<tr bgcolor='white'><td>Doni</td><td>Pria</td></tr>
<tr bgcolor='white'><td>Jono</td><td>Pria</td></tr>
<tr bgcolor='white'><td>Susi</td><td>Wanita</td></tr>
<tr bgcolor='white'><td>Yanti</td><td>Wanita</td></tr>
</table>

Akan menghasilkan tabel seperti berikut ini :

NamaJenis Kelamin
DoniPria
JonoPria
SusiWanita
YantiWanita

Penjelasan :
  • Teks yang berwarna biru merupakan properties tambahan yang akan dijelaskan
  • bgcolor='black' maksudnya adalah tabel yang kita buat akan diberikan warna hitam pada backgroundnya secara keseluruhan.
  • cellpadding='5' maksudnya memberikan jarak/padding pada <td>/cell, sehingga terlihat lebih longgar setiap cellnya.
  • cellspacing='1' maksudnya, kita memberikan jarak antara cell yg satu dengan cell yang lainnya (terlihat dari garis batas hitam antar cell)
  • width='300' maksudnya memberikan panjang tabel sepanjang 300px.
  • bgcolor='yellow', memberikan warna background berwarna kuning pada satu baris tabel.
  • bgcolor='white', memberikan warna background berwarna putih pada satu baris tabel. 
  • align='center', meletakkan tulisan di center/tengah tengah cell. 
 Itulah sedikit penjelasan tentang cara memberikan pewarnaan pada tabel.
Semoga bermanfaat
    Read more ...

    Minggu, 26 April 2015

    Web Programming : Aplikasi Apakah Yang Harus Disiapkan Untuk Mulai Belajar Pemrograman Web ?

    Mungkin artikel ini sedikit basi, mengingat sebelumnya saya langsung masuk ke artikel tentang HTML dan PHP. Untuk itu saya menulis kembali artikel tentang aplikasi apa sih yang dibutuhkan untuk memulai belajar web programming?. 

    Yap, mari kita bahas satu-satu aplikasi apa saja yang diperlukan untuk belajar web programming menurut saya sih. Karena setiap programmer memiliki aplikasi favoritnya sendiri.

    1. XAMPP
    XAMPP adalah salah satu aplikasi paketan web server APACHE dan MySQL yang perlu dipersiapkan untuk mulai belajar web programming. XAMPP juga merupakan salah satu yang terpopuler digunakan oleh web programmer. Dan satu hal yang harus kita ketahui, bahwa XAMPP itu bukanlah nama web server, namun di dalam XAMPP itu terdapat web server yang bernama APACHE dan juga database yang bernama MySQL. XAMPP bersifat gratis dan bebas untuk didownload, ini link nya : https://www.apachefriends.org/download.html.

    2. Browser Mozilla Firefox atau Google Chrome
    Semua sobat blogger pastinya tau dan memiliki salah satu browser tersebut bukan? yap, browser ini nantinya akan digunakan untuk menampilkan hasil program / aplikasi yang telah kita rancang / buat.
    Bagi yang belum punya, ini link nya https://www.mozilla.org/en-US/firefox/all/ (Mozilla Firefox) dan http://www.google.com/chrome/ (Google Chrome)

    3. Notepad ++
    Notepad ++ ini nantinya digunakan sebagai editor koding program PHP yang akan digunakan. Lalu apa yang membedakan notepad++ dan notepad?, yap jawabannya sederhana, yaitu di notepad++ setiap baris ada angkanya dan pewarnaan kodingnya pun lebih ramah mata.
    Untuk mendownloadnya : http://notepad-plus-plus.org/download/v6.7.7.html

    Nah, itulah beberapa aplikasi yang dapat digunakan dan harus disiapkan untuk mulai belajar web programming / pemrograman web.

    Selamat mencoba...
    Read more ...

    Sabtu, 25 April 2015

    Mengenal Teknologi : Apakah APK File dan Bagaimana Cara Instalnya

    Bagi sahabat blogger yang memiliki ponsel dengan sistem operasi android sering mendengar tentang APK, namun tidak sedikit juga yang belum mengetahui secara jelas tentang APK. Bagi sahabat blogger yang ingin memulai mengisi aplikasi android nya dengan berbagai aplikasi ataupun game, sebaiknya lebih dulu mengetahui apakah itu APK.

    Apakah itu APK?

    Di sistem opersi windows kita mengenal file dengan ekstensi .exe digunakan untuk instalasi suatu software, sedangkan di android, itulah yang kita kenal dengan .apk (biasanya file aplikasi atau game)

    Bagaimana cara untuk menginstal APK di PC / Komputer?

    Ada banyak situs penyedia aplikasi APK yang dapat dengan mudah kita temui di internet, seperti http://play.mob.org/ atau http://www.androidapksfree.com/, Namun dalam memilih aplikasi APK di internet kita juga harus berhati-hati, karena ada beberapa yang merupakan malware.

    Selanjutya setelah salah satu aplikasi APK tadi didownload dan disimpan di direktori PC/Komputer, sahabat blogger tinggal memastikan bahwa ponsel android yang dimiliki telah diatur settingannya untuk menerima instalasi aplikasi dari media lain selain google play. Caranya ke Menu > Settings > Security >dan Check Unknown Source.

    Jika sudah selanjutnya, sambungkan ponsel dengan PC, lalu pilih Media Device, setelah itu buka ponsel sobat blogger lalu pilih file APK yang telah didownload (di direktori komputer) kemudian pindah kan ke salah satu file yang ada di ponsel.

    Kemudian sobat blogger tinggal membuka file tersebut melalui ponsel, kemudian pilih file APK tersebut lalu instal. Selesai dehh..

    Gampang kan..

    Itulah sedikit informasi tentang cara untuk menginstal APK di PC / Komputer.

    Semoga bermanfaat

    Read more ...

    Web Programming : Mengenali Perbedaan Dasar Penggunaan Bahasa HTML dan PHP

    Hai sobat blogger,
    Pada artikel kali ini saya akan mencoba menjabarkan mengenai cara untuk mengenali perbedaan dasar bahasa pemrograman HTML dan PHP dalam dunia web programming.
    HTML merupakan singkatan dari Hypertext Markup Language, yang merupakan suatu bahasa/ kumpulan tag-tag yang digunakan sebagai pembangun desain suatu halaman web sementara PHP merupakan suatu bahasa yang lebih diarahkan untuk PROSES dalam pengolahan data suatu web.

    Lalu, yang jadi pertanyaannya, kapan kita menggunakan HTML dan kapan kita menggunakan PHP?
    Untuk menjawab hal tersebut, saya langsung membuat sebuah koding berikut
    
    <html>
    
    <head>
    
    <title>Contoh</title>
    
    </head>
    
    <body>
    
       Halo Dunia !!!
    
    </body>
    
    </html>
    
    
    Lalu kita simpan file tersebut dengan nama index.html
    Koding di atas murni merupakan koding HTML, jadi kalau kita menyimpan dengan nama index.html, kita dapat membukanya melalui browser tanpa harus memiliki web server tersendiri. (karena ekstensinya html)

    Selanjutnya bandingkan dengan koding tersebut


    
    <html>
    
    <head>
    
    <title>Contoh</title>
    
    </head>
    
    <body>
    
     <?php
    
       echo "Halo Dunia !!!";
    
    ?> 
    
    </body>
    
    </html>
    
    
    Lalu simpan dengan nama file index.php (Penyimpanan file harus di web server) karena file tidak bisa dibuka tanpa mengakses web server.

    Kedua koding di atas akan menghasilkan tampilan yang sama di browser. Koding yang pertama semuanya menggunakan HTML, sedangkan koding yang kedua menggunakan HTML, tapi disisipi kode PHP. Dengan demikian kita sudah bisa mengetahui bagaimana perbedaan dasar penggunaan HTML dan PHP.
    Read more ...

    Senin, 20 April 2015

    Cara Mudah Unduh Video Facebook di Android

    myvideodownloaderSebagai pengguna aktif Facebook dan juga pemilik ponsel Android, mungkin kamu bertanya-tanya apakah ada cara untuk mengunduh video-video Facebook yang muncul di linimasa kamu. Ini agar kamu bisa menontonnya bolak-balik tanpa harus terkoneksi ke Internet.
    Bisa kok. Facebook memang tidak menawarkan tautan langsung untuk mengunduh video, tapi kamu bisa mengunduh video Facebook pada ponsel Android-mu. Pakai saja app pihak-ketiga yang bernama MyVideoDownloader. Ada di Play Store dan gratis.
    MyVideoDownloader for Facebook merupakan app utama untuk mengunduh video dari Facebook-mu ke perangkat Android. Pakainya juga mudah. Kamu bisa mengunduh sebarang video dari Facebook. Video-video yang di-like take, shared dan unggah oleh kamu dan teman-temanmu juga bisa diunduh dengan app ini. Kamu juga boleh mengunduh video dari pages dan grup yang kamu sukai.
    Ini dia cara pakai MyVideoDownloader for Facebook:
    1. Unduh dan instal MyVideoDownloader for Facebook dari Play Store.
    2. Setelah terinstal, buka app dan login-lah ke akun Facebook-mu.
    3. Sapukan jemari ke kanan untuk mengakses menu. Pada menu, pilih ‘News Feed’ untuk mencari video-video yang ingin kamu unduh.
    myvideodownloader1
    4. Begitu menemukan video yang kamu sukai, tap pada ikon centang kecil di sebelah video yang ingin kamu unduh dan tekan ikon download di ujung kanan atas layar.
    myvideodownloader2
    5. Video yang kamu unduh secara default akan disimpan ke kartu SD ponselmu. Namun kamu bisa memilih untuk SD card eksternal dari menu Setting.

    Sumber : http://www.pcplus.co.id/2015/04/tutorial/tutorial-software/cara-mudah-unduh-video-facebook-di-android/
    Read more ...

    Rabu, 15 April 2015

    Tips dan Trik : Cara Membuat Plugin Berita Aktifitas Facebook Ke Blogger

    Bagi teman - teman pembaca semua yang ingin menampilkan berita aktifitas facebook / Facebook Activity Feed Plugin pada blogger, berikut penulis berikan langkah langkahnya cara membuat plugin berita facebook tersebut.
    1. Buka Blogger, kemudian pilih Template, lalu klik Edit HTML.
    2. Kemudian letakkan sintak berikut ini di antara <body> dan </body>, Untuk mudahnya teman-teman cukup mencari sintak <body   saja, kemudian letakkan sintak berikut di bawahnya :

    <div id='fb-root'/>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>


    3. Setelah itu, pindah ke Menu Tata Letak, kemudian Tambahkan widget baru HTML/Javascript, lalu copy sintak berikut ini

    <div class="fb-activity" data-site="http://www.ilmu-dua.blogspot.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>

    4. Kemudian alamat web http://www.ilmu-dua.blogspot.com, diganti dengan nama domain website atau blog teman - teman semuanya.

    Sekian penulis sampaikan tips dan trik cara membuat plugin facebook untuk menampilkan berita terbaru / Facebook Activity Feed Plugin, semoga membantu
    Read more ...

    Senin, 13 April 2015

    Panduan Cara Membuat Tabel dengan HTML

    Bagi seorang pemula yang ingin belajar bahasa pemrograman HTML, sering kali merasa bingung ketika melihat sintak HTML dalam pembuatan tabel, akan muncul rasa bingung kapan penggunaan <tr> dan <td>. Berikut ini penulis coba menjabarkan dengan jelas kepada teman-teman pembaca semuanya :

    
    <table border='1'>
    <tr><td>Nama</td><td>Jenis Kelamin</td></tr>
    <tr><td>Doni</td><td>Pria</td></tr>
    <tr><td>Agung</td><td>Pria</td></tr>
    <tr><td>Susi</td><td>Wanita</td></tr>
    <tr><td>Ranti</td><td>Wanita</td></tr>
    </table>

    Sintak tersebut akan menghasilkan tampilan tabel seperti berikut :
    NamaJenis Kelamin
    DoniPria
    AgungPria
    SusiWanita
    RantiWanita


    Penjelasan Script :
    • Kode <table>, ditutup dengan </table> merupakan tag pembuka dan penutup untuk pembuatan tabel
    • border=1, merupakan salah satu properties pada tabel untuk menambahkan border / pembatas pada setiap cell tabel.
    • Selanjutnya tag <tr>, ditutup dengan </tr> merupakan tag pembuka dan penutup sebuah baris di dalam tabel, dan di antara tag <tr> dan </tr> tersebut diisi dengan tag <td></td> yang merupakan pembuka dan penutup sebuah cell, jika ada yang belum tahu apa arti cell, cell yaitu yang ditempati oleh kata Nama, yang terletak dalam satu cell, jenis kelamin dalam satu cell, dan lainya.
    • Dengan demikian sangat jelas bagaimana membedakan penggunaan <tr> dan </td> bukan.
    Bagi pembaca yang ingin benar -benar memahami pembuatan tabel pada HTML, sebaiknya langsung mencobanya dan mengembangkan sintak - sintak tersebut lagi.
    Selamat mencoba.
     
    Read more ...

    Minggu, 12 April 2015

    Tips dan Trik : Cara Backup dan Restore Windows 7 dengan Mudah

    Kebetulan kemarin saya lagi nyari- nyari cara untuk backup dan restore windows 7, dan akhirnya ketemu dengan situs PCPLUS. Untuk itu langsung deh, saya coba, trus saya langsung bagi di blog ini. Semoga dapat membantu teman - teman yang lagi bingung nyari cara backup dan restore windows 7. Berikut ini artikelnya :

    Instal ulang adalah hal terakhir yang mesti dilakukan saat sistem operasi dalam keadaan ‘payah’. Meski perlu, proses ini bisa jadi merepotkan, membosankan bahkan menyebalkan. Daripada menghadapi permasalahan ini terus menerus, sebaiknya kamu membuat backup sistem berupa clone image. Jadi saat sistem operasi mengalami permasalahan serius, kamu tinggal mengembalikan backup sistem tersebut tanpa perlu melakukan proses instal ulang.

    Kali ini akan PCplus tunjukkan cara melakukannya cukup dengan menggunakan fasilitas yang ada pada Windows 7. Sebelumnya pastikan bahwa sistem operasi yang akan di-backup dalam keadaan baik dan sehat, agar proses restore nantinya bisa mengembalikan sistem ke posisi sedia kala.

    Proses Backup sistem
    • Klik Start>Computer, pilih drive C dan klik kanan. Pilih Properties>Tools, klik Backup now.
    • Pilih Create a system image, nantinya Windows akan mencari lokasi dimana backup image ini akan ditempatkan. Kamu mempunyai pilihan ditempatkan pada folder baru (harus di drive yang berbeda dengan C:), atau pilih agar ditempatkan (diburn) ke keping DVD. Jika ingin ditempatkan pada keping DVD pastikan kapasitasnya mencukupi.
    win7-1
    • Setelah memilih lokasi tersebut, klik Next. Aplikasi akan mengkonfirmasi sistem yang akan di-backup sebelum berlanjut ke langkah berikutnya (beri tanda centang jika ingin melakukan backup, dan hilangkan centang jika tidak). Klik Next, dan proses akan berjalan. Lamanya waktu backup tergantung dari kapasitas sistem Windows yang ada.

    Membuat CD recovery
    Hasil backup ini nantinya berupa file yang hanya bisa dijalankan saat hendak melakukan recovery sistem operasi. Untuk menjalankan proses recovery, kamu mesti membuat CD recovery yang akan membantu proses restore nantinya. Untuk itu kembali ke proses Backup and Restore. Pilih Create a system repair disc, masukkan keping CD kosong ke optical drive. Klik Next, dan proses burn dimulai. Setelah selesai, Windows akan menampilkan jendela konfirmasi agar CD recovery tersebut siap digunakan saat proses pemulihan.

    Melakukan Restore sistem
    • Masukkan CD recovery, restart komputer. Sebelumnya posisikan boot agar dimulai dari CD/DVDROM yang bisa diatur dari BIOS. Nantinya akan terbuka jendela System Recovery Options, pilih Restore your computer using a system image that you created, klik Next.
    win7-2
    • Jelajah ke posisi dimana file backup tadi dibuat dengan menekan Select a system image dan klik Next. Nantinya secara otomatis sistem yang ada akan ditimpa dengan sistem operasi dari file backup yang telah kita lakukan sebelumnya. Tunggu hingga proses selesai dan sistem akan kembali kesedia kala.

    Sumber : http://www.pcplus.co.id/2014/12/tutorial/tutorial-windows-7-backup-dan-restore-sistem-dengan-mudah/
    Read more ...

    Belajar Pemrograman Web : Mengenal Struktur Dasar dan Tag - Tag HTML

    Dalam memulai untuk mempelajari bahasa pemrograman berbasis web, hal pertama yang pastinya harus dipelajari dan diketahui adalah mengenai HTML. HTML adalah sintak / script dasar yang digunakan oleh web programmer dalam merancang interface suatu web. Untuk itu , di sini penulis mencoba untuk membagi ilmu mengenai struktur dasar dan tag - tag HTML

    Struktur Dasar HTML

    Struktur Dasar HTML adalah sebagai berikut
    <html>
     <head>
          <title> Di Sini Ditulis Judul Web </title>
     </head>
     <body>
            Di sini ditulis isi / konten web
     </body>
    </html>

    Penjelasan :
    Pada struktur di atas, setiap tag membagi perannya masing - masing dalam HTML
    • Tag <html> bertugas membuka suatu halaman web, dan di akhir halaman (paling bawah) juga selalu diakhiri dengan </html> untuk menutup halaman web.
    • Kemudian tag <head> , seperti namanya, tag tersebut merupakan kepala dari sebuah halaman web, di dalam head tersebut kita meletakkan tag <title> untuk menempatkan judul web, judul web tersebut diakhiri dengan tag </title>. Selain berisikan title, tag head ini juga nantinya diisi oleh tautan - tautan link seperti javascript dan css.
    • Tag <body> , Merupakan pembuka untuk konten web kita. di dalam tag body inilah kita dapat menaruh semua isibaik teks ataupun gambar yang ingin ditampilkan di website. Tag body diakhiri dengan </body>

    Beberapa Tag Penting dalam HTML

    Berikut ini beberapa tag penting yang sering digunakan dalam pembuatan halaman website :
    • <b>, berfungsi memeberikan cetak tebal pada teks, contoh <b>Ilmu Dua</b> akan menghasilkan tulisan Ilmu Dua
    • <i>, berfungsi memberikan cetak miring pada teks, contoh <i>Ilmu Dua</i> akan menghasilkan tulisan Ilmu Dua
    • <u>, berfungsi memberikan garisbawah pada teks, contoh <u> Ilmu Dua</u> akan menghasilkan tulisan Ilmu Dua
    • <p>, berfungsi membuat paragraf baru.
    • <center>, berfungsi untuk mengetengahkan teks.
    • <h1><h2><h3>, berfungsi memberikan judul besar pada teks.
    • <br/>, berfungsi mengantarkan tulisan pada baris berikutnya.
    • <marquee>, berfungsi memberikan efek teks berjalan.
    • <table>, berfungsi membuat tabel, tag <table> ini diikuti dengan <tr> dan <td>  dalam pembuatan baris dan kolomnya.
    Mungkin itu dulu beberapa tag html yang bisa penulis bagi, semoga mampu memberikan pencerahan bagi teman - teman semua..
    Read more ...
    Designed By Published.. Blogger Templates