Archive for October 2015

Tutorial Delphi Untuk Pemula Sampai Mahir

11:05 PM 3

MODUL LENGKAP


Tutorial delphi 7 dijamin lengkap dan Sampai bisa.

Modul 1
Membahar tentang antarmuka delphi serta component-component yang dimiliki delphi
Donwload Modul 1




Modul 2
Membahas pemakaian komponen Menu, panel, Bevel dan Image
Download Modul 2

Modul 3
Membahas Tentang Pemakaian Database Dasar Dari Delphi Sendiri yaitu Database Desktop.
Adalah suatu aplikasi database yang dapat digunakan untuk membuat, menampilkan, mengurutkan, memodifikasi, dan membuat tabel dalam format Paradox, dBase, SQL.
Download Modul 3

Modul 4
Membahas pengolahan database serta script "Membuat Program Input Data Pegawai"
Download Modul 4

Modul 5
Membahas kelanjutan modul 4, membuat procedure sendiri, dan cara mengkompile serta mengganti icon aplikasi
Download Modul 5

Modul 6
Membahas tentang pembuatan laporan dengan menggunakan conponent standard delphi (Quick Report)
Download Modul 6

Modul 7
Membahas latihan membuat aplikasi database
Download Modul 7

Modul 8
Lanjutan Aplikasi Database
Download Modul 8

Modul 9
Lanjutan Aplikasi Database
Download Modul 9

Modul 10
LANJUTAN APLIKASI DATABASE
Membahas pembuatan laporan dengan QReport
Download Modul 10

Modul 11
Membahas LANJUTAN APLIKASI DATABASE Membuat pencarian data


Modul 12
Membahas Cetak Sesuai Pencarian yang tadi
Download Modul 12 

Modul 13
Membahas tentang pembuatan File Instalasi Aplikasi

Modul 14
Mmebuat Aplikasi dengan menyimpan ke dalam dua tabel yang berbeda hanya dengan memakai satu tombol simpan.
 Download Modul 14

Modul 15
Contoh aplikasi yang membahas script-script SQL
yaitu Tambah, Ubah, Hapus pada Delphi

Link & Referensi dari http://delphilearning.blogspot.com/

Pengenalan Dasar Javascript

12:51 AM 0
Masih di tutorial web, setalah pada tutorial sebelumnya saya bahas tentnag pengertian javascript, kali ini saya akan memberikan penjelasan tentang Pengenalan Dasar Javascript. Ok mari kita mulai!

Mengapa Javascript ?
Javascript merupakan slaah satu bahasa pemrograman yang paling populer di dunia.
Berikut ini beberapa contoh penggunaan Javascript

Javascript dapat merubah isi halaman HTML
Salah satu dari banyak metode HTML adalah getElementById ();
Contoh ini menggunakan metode untuk "menemukan" elemen HTML (dengan id = "contoh"), dan mengubah isi elemen (innerHTML) untuk "Tutorial Javascript by tutorialweb.web.id":
Contoh :
document.getElementById("demo").innerHTML = "Tutorial Javascript by tutorialweb.web.id";
silahkan klik Download untuk mengunduh file lengkapnya.

Javascript dapat merubah halaman HTML CSS (CSS)
Mengubah gaya dari elemen HTML, adalah suatu variasi untuk merubah attribut HTML.
Contoh :
document.getElementById("demo").style.fontSize = "25px";
ukuran font id="demo" akan dirubah sebesar 25px.
silahkan klik Download untuk mengunduh file lengkapnya.

Javascript dapat memvalidasi / mengecek inputan data
Kelebihan Javascript salah satunya untuk memvalidasi inputan data, misalkan kita mendaftar di facebook tetapi kita lupa memasukkan email kita, maka disitu mulcul keterangan bahwa kita harus mengisikan email dengan benar misal format : xxx@xx.xxx
Contoh:
x = document.getElementById("numb").value;

 if (isNaN(x) || x < 1 || x > 10) {
   text = "Input not valid";
} else {
   text = "Input OK";
}
   document.getElementById("demo").innerHTML = text;

Tahukan Anda!
JavaScript dan Java adalah bahasa yang sama sekali berbeda, baik dalam konsep dan desain.
JavaScript diciptakan oleh Brendan Eich pada tahun 1995, dan menjadi standar ECMA pada tahun 1997.
ECMA-262 adalah nama resmi. ECMAScript 6 (dirilis pada Juni 2015) adalah versi resmi terbaru dari JavaScript.

Cara Penulisan CSS

12:43 AM 0
Aturan Penulisan CSS (CSS Syntax)
CSS memiliki aturan tersendiri dalam penulisannya. Sebuah CSS memiliki Selector dan sebuah Deklarasi Block, lihat gambar dibawah ini :

Selector adalah element HTML yang ingin diberikan style.
Deklarasi blok berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma.
Deklarasi terdiri dari Property dan Value, Contoh : Color : blue { ini merupakan sebuah deklarasi }
Color disebut property dan blue disebut value.

Contoh CSS
Sebuah deklarasi selalu diakhiri dengan titik koma ( ; ) dan kelompok deklarasi diawali dan diakhiri kurung kurawal { ... }.
p {color:red;text-align:center;}
Untuk membuat kode CSS lebih mudah dibaca, Anda dapat menempatkan satu deklarasi pada setiap baris.
Pada contoh berikut semua <p> elemen akan pusat-blok, dengan warna teks merah :
p {
    color: red;
    text-align: center;
}
CSS Komentar
Stiap Bahasa pemrograman pasti memiliki komentar tersendiri. Komentar merupakan sebuah cara yang digunakan programer untuk memeberikan penjelasan tentang sebuah kode. Karena komentar tidak akan digeneret / diterjemahkan oleh browser. Komentar hanya bisa dibaca saja.
Komentar dalam CSS diawali dengan tanda /* dan diakhiri dengan tanda */
Dibawah ini merupakan contoh komentar dalam CSS.
p {
    color: red;
    /* This is a single-line comment */
    text-align: center;
}

/* This is
a multi-line
comment */

 Catatan :
Komentar Pertama merupakan komentar dalam satu baris, dsedangkan komentar kedua merupakan komentar dengan banyak baris

Silahkan  Download atau klik disini untuk mendapatkan file contoh dari tutorial ini.

Tutorial Cascanding Style Sheet (CSS) Dasar

11:32 PM 0
Cascanding Style Sheet
Apa itu CSS?
  • CSS singkatan dari Cascanding Style Sheet
  • CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas atau dimedia lain
  • CSS Menghemat banyak pekerjaan, Hal ini dapat mengontrol tata letak dari beberapa halaman web sekaligus
  • Style Sheet Ekstrnal disimpan dalam file CSS
Mengapa Menggunakan CSS?
CSS digunakan untuk menentukan gaya untuk halaman web Anda, termasuk desain, tata letak dan variasi di layar untuk berbagai perangkat dan ukuran layar.

 CSS Memecahkan masalah yang Besar
HTML tidak pernah dimaksudkan untuk berisi tag untuk memformat halaman web. HTML diciptakan untuk menggambarkan isi dari halaman web, seperti:
<h1> Ini adalah Heading </h1>
<p> Ini adalah Paragraf </p>

 Ketika tag <font>, dan atribut warna ditambahkan ke spesifikasi HTML 3.2, itu merupakan kesalahan terbesar dalam pengembang web. Pengembangan situs web yang besar, di mana font dan warna informasi yang ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal.
Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) menciptakan CSS. CSS diciptakan untuk menentukan gaya dokumen, tidak isinya.
Dalam HTML 4.0, dan selanjutnya, semua format harus dihapus dari halaman HTML, dan disimpan di file CSS yang terpisah.

 CSS Mempermudah Pekerjaan
Mendefinisikan style disimpan dalam ekstensi .css dalam file yang terpisah.
Dari eksternal CSS, anda dapat merubah seluruh isi web hanya dengan mengubah satu halaman web.

 Sudah jelas bahwa, CSS merupakan bahasa penggaya yang wajib dikenali dan dipelajari, karena pada web modern seluruh tag HTML tidak boleh ada tag pemformat seperti <font>. CSS jelas mempermudah pekerjaan bagi pengembang web, karena jika ada kesalahan atau ingin merubah seluruh isi halaman web, maka cukup merubah CSSnya saja.

 Tutorial Selanjutnya Menjelaskan tentang Cara Penulisan CSS

Pengertian HTML

9:22 AM 0

Apa itu HTML?

HTML adalah sebuah bahasa pemrograman untuk mendeskripsikan sebuah halaman Web (Web Page).


    • HTML kepanjangan dari Hyper Text Markup Language
    • Sebuah bahasa markup adalah seperangkat bahasa yang terdiri dari beberapa tag
    • HTML dokumen mendeskripsikan setiap HTML tag
    • Setiap tag HTML menjelaskan isi dokumen yang berbeda
    Tag HTML
    Tag HTML adalah kata kunci (Nama tag) yang dikelilingi kurung sudut "< >".

    <tagname> Isi </tagname>

    • Tag HTML biasanya datang berpasangan seperti <p> dan </p>
    • Tag pertama dalam pasangan adalah tag awalan, tag kedua adalah tag akhir.
    • Tag akhir ditulis sama seperti tag wal, tetapi disisipkan slash pada tag.

    Form HTML

    12:58 AM 0

    Element <form>

    Form HTML digunakan untuk mengumpulkan inputan dari user / pengguna.
    Dalam HTML elemen <form> memiliki aturan penulisan / syntak seperti dibawah ini :


    <form method="post" action="kirim.php">
    Element Form
    </form>


    Tag Form <form> merupakan tag pembuka untuk membuat form dalam HTML, <form> memiliki beberapa attribut seperti method , action dan lainnya.
    Attribut method merupakan teknik / metode pengiriman data, sedangkan action merupakan tujuan pengiriman data.

     Element Form dalam HTML memiliki beberapa jenis yaitu : checkboxes, radio buttons, submit buttons, and more.

     Untuk lebih jelasnya silahkan jelajahi tutorial tentang form di web ini dan silahkan download untuk mempelajarinya.

    Cara Mengatur Tampilan Widget di Halaman Tertentu

    7:29 PM 0
    Cara Menampilkan Widget Hanya Di Halaman TertentuCara Menampilkan Widget Hanya Di Halaman Tertentu. Sobat blogger ,Menampilkan widget di halaman tertentu ini adalah cara yang sangat efektif untuk mengurangi penumpukan widget di halaman yang tidak di inginkan seperti tidak ingin tampil di hompage  contoh misalkan anda ingin menambahkan widget random post, tapi widget itu tidak ingin tampil di halaman hompage di karenakan widget hompage sudah penuh dan hanya ingin tampil di halaman posting saja atau sebaliknya mungkin anda hanya ingin menambahkan widget tersebut hanya di halaman hompage saja, namun ketika masuk artikel widget itu akan hilang.

    Bagi saya cara ini sangat efektif untuk menurunkan bounce rate pada sebuah blog, misalkan anda menambahkan widget random post itu hanya di halaman posting saja, maka sudah tentu widget yang anda pasang di halaman posting ini akan berguna untuk memberi sebuah pilihan artikel lainnya, selain itu sudah tentu ini juga efektif untuk menghemat ruang di halaman hompage.

    Bagi anda yang ingin mencobanya, pada mulanya anda juga harus sedikit mengerti tentang ID widget tersebut, misalkan anda menambahkan widget "Rekomendasi Artikel" maka ID widget yang akan muncul di template anda akan seperti ini, lihat gambar di bawah ini..

    Cara Menampilkan Widget Hanya Di Halaman Tertentu

    Sekarang saya akan menampilkan kode pilihan untuk anda, silahkan sesuai dengan keinginan anda dimana anda akan menentukan widget itu di tempatkan.

    1. Widget muncul hanya di halaman depan saja (homepage)
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    ......................................................
    </b:if>
    2. Widget muncul di semua halaman kecuali homepage.
    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    ......................................................
    </b:if>
    3. Widget muncul hanya di halaman Archive saja.
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    ......................................................
    </b:if>
    4. Widget muncul di semua halaman kecuali halaman archive.
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    ......................................................
    </b:if>
    5.Widget muncul hanya di halaman posting.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    ......................................................
    </b:if>
    6. Widget muncul di semua halaman, kecuali halaman posting.
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    ......................................................
    </b:if> 
    7. Widget muncul hanya di postingan tertentu saja.
    <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>
    8. Widget muncul selain di postingan tertentu.
    <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    ......................................................
    </b:if>
    9. Widget muncul hanya di halaman staticpages.
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    ......................................................
    </b:if>
    10. Widget muncul di semua halaman, kecuali halaman staticpages.
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    ......................................................
    </b:if>
    Nah untuk kode titik-titik itu adalah ID widget yang nantinya akan jadi penempatan setiap kode yang di pilih.

    Sekarang cara untuk menambahkannya :
    Misalkan anda ingin menambahkan widget "Berlangganan" Maka untuk penempatannya seperti contoh di bawah ini : perhatikan kode warna merah yang saya tandai!!

      </b:section>
        <b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'>
          <b:widget id='NewsBar1' locked='false' title='Hot News' type='NewsBar'>
            <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <div expr:id='data:widget.instanceId + &quot;_bar&quot;'>
          <span class='newsBar-status'>Loading...</span>
        </div>
      </div>
      <b:include name='quickedit'/>
    </b:if>
    </b:includable>
          </b:widget>
        </b:section>

    Catatan :
    • Untuk penempatannya kode pertama di letakan setelah <b:includable id='main'>
    • Untuk penempatan kode kedua, silahkan letakan sebelum kode </b:includable>
    OK. Cukup sampai disini tutorial Cara Mengatur Tampilan Widget di Halaman Tertentu. Semoga bermanfaat ya...!

     Sumber : http://www.madamvia.web.id/2014/12/cara-menampilkan-widget-hanya-di-halaman-tertentu.html

    Apa itu HTML5 ?

    6:45 PM 0

    Apa HTML5
    HTML5 adalah standar baru untuk HTML, XHTML, dan the HTML DOM. Versi ini merupakan generasi baru HTML yang dipergunakan sejak 1999. Dalam web modern ini HTML5 hukumnya wajib, karene dari pengembang resminya yaitu w3school atau W3C sudah membuat standarisasi tentnag HTML5.
    HTML5 merupakan hasil kerjasama dari W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group).
    Walau keduanya mengkhususkan diri di bidan yang berlainan, pada tahun 2006 WHATWG & W3C memutuskan untuk bekerjasama membangun versi baru HTML. WHATWG mengkhususkan pada web forms dan web applications, sedang W3C pada XHTML 2.0.
    Aturan-aturan yang disepakati dalam pengembangan HTML5

    • Fitur-fitur baru harus berdasar pada HTML, CSS, DOM, and JavaScript
    • Mengurangi penggunaan plugin-plugin eksternal, contoh: flash
    • Error handling yang lebih baik
    • Menambah markup untuk mengurangi scripting
    • HTML5 harus independen
    • Pengembangan harus dapat diikuti oleh khalayak umum
    Fitur-fitur baru HTML5

    • Elemen canvas (keperluan drawing)
    • Elemen video dan audio (media playback)
    • Dukungan lebih untuk pengimpanan offline
    • Elemen yang lebih spesifik untuk content, contoh: article, footer, header, nav, section
    • Form control, contoh: date, time, email, url, search, calendar
    Dukungan Browser
    Hampir semua browser, seperti Firefox, Opera, Chrome, Internet Explorer sudah menambahkan fitur-fitur pada update terbaru pada HTML5.

    Cara Membuat Sitemap SEO Friendly di Blog

    6:37 PM 0
    Cara Membuat Sitemap Sederhana 100% SEO Friendly - Kali ini bicarailmukomputer akan memberikan artikel mengenai Sitemap, sitemap atau yang biasa disebut daftar isi sangatlah penting untuk blog. Sebelum membuat sitemap alangkah baiknya anda mengetahui lebih dalam pengertian Sitemap.


    Apa Itu Sitemap?

    Sitemap adalah daftar isi pada suatu blog, seperti halnya sebuah buku, blog juga memiliki daftar isi. Semua artikel yang pernah anda tulis akan muncul di Sitemap yang anda buat.

    Apa Fungsi Sitemap?

    Tidak berbeda dengan daftar isi, fungsi Sitemap adalah untuk memudahkan pengunjung mencari artikel yang mereka perlukan di blog kita.

    Sebelum Membuat Sitemap

    Sebelum membuat Sitemap anda harus memberi Label pada artikel anda. Jika artikel tidak diberi label maka tidak akan muncul pada halaman Sitemap di blog anda.

    Bagaimana Cara Membuat Sitemap?

    Caranya sangat mudah, anda cukup mengikuti tutorial dibawah ini.
    1. Login ke blogger.com
    2. Pada menu "Laman" klik "Laman baru"


    3. Ubah settingan dari "Compose" menjadi "HTML" (terletak di bagian kiri atas)


    4. Masukkan Script dibawah ini pada laman yang anda buat tadi.
    <script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
    <script src="http://bicarailmukomputer.blogspot.co.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
    Ganti URL Blog bicarailmukomputer dengan URL blog anda.

     5. Klik "Publikasikan"
    Itulah Cara Membuat Sitemap SEO Friendly di Blog. Saya menyarankan anda untuk membuat Sitemap sederhana seperti Sitemap diatas, karena pembuatan Sitemap yang salah akan berdampak negatif pada blog.
    Cara Membuat Komentar Pada HTML

    Cara Membuat Komentar Pada HTML

    2:14 AM 1
    Untuk membuat komentar di HTML, kita menggunakan awalan double slash ( // ) untuk komentar satu baris atau <!– dan penutup –> untuk banyak baris. Agar lebih mudah dipahami, langsung saja kita simak dalam bentuk contoh. Silahkan tulis kode HTML berikut dan save sebagai komentar.html
    Contoh penggunaan tag komentar HTML:
    <!DOCTYPE html >
<html>
<head>
   <title>Belajar Komentar dalam HTML</title>
</head>
<body>
       // ini komentar HTML dalam satu baris, tidak akan ditampilkan dalam browser
   <!-- <p>Ini berada di dalam tag komentar, 
               dan tidak akan tampil di browser</p> -->
   <p>Ini bukan komentar, dan akan tampil di browser</p>
</body>
</html>
    Dari contoh diatas dapat dilihat bahwa tag pembuka komentar adalah  <!– dan tag penutup –> untuk banyak baris, sedangkan // untuk satu baris.
    Tag komentar <!-- komentar --> berlaku selama belum di temukan tag penutup. Contohnya dapat dilihat dari kode dibawah ini
    <!DOCTYPE html>
    <html>
<head>
   <title>Belajar Tag Komentar (comment)</title>
</head>
<body>
   <!-- <p>Ini berada di dalam tag komentar, dan tidak akan tampil di browser</p>
   <p>Ini juga tidak tampil di browser</p>
    -->
   <p>Ini bukan komentar, dan akan tampil di browser</p>
   <!--<p>Ini juga tidak tampil di browser</p> -->

</body>
</html>
    Cara Menambahkan komentar di HTML
    Selain sebagai pengingat atau catatan, tag komentar juga akan berguna untuk membuat sebagian isi web tidak tampil untuk sementara. hal ini sangat berguna jika kita ingin mencoba berbagai tampilan kode HTML yang akan dibuat, tetapi tidak ingin menghapus kode sebelumnya.
    Meskipun komentar dalam HTML tidak titampilkan dalam Browser, akan tetapi harus hati-hati ketika memberikan komentar tentang isi yang sangat rahasia. Misalkan Username dan Password

    Pengertian, Fungsi dan Tujuan Web Desain

    1:15 AM 0

    PENGERTIAN
    Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.
    FUNGSI
    Sebelum men-design , sebaiknya kita mngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.Secara umum fungsi situs web adalah sebagai berikut:
    1. Fungsi Komunikasi
    Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.
    2. Fungsi Informasi
    •  Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya
    •  Sebaiknya berisi teks dan grafik
    • Fasilitas yang memberikan fungsi informasi,news,file,company,library,prefences dll.
    3. Fungsi Entertainment
    Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.4.
    4.Fungsi Transaksi
    Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.
    TUJUAN
    untuk membuat situs web atau dokumen elektronik dan aplikasi yang berada pada web server dan menampilkan konten dan fitur antarmuka interaktif kepada pengguna akhir dalam bentuk halaman Web. Seperti unsur-unsur teks, gambar (gif, jpeg) untuk ditempatkan pada halaman menggunakan HTML / XHTML / tag XML. Menampilkan media yang lebih kompleks (vektor grafis, animasi, video, suara) membutuhkan plug-in seperti Adobe Flash, QuickTime, Java run-time dan lain-lain. Plug-in juga dimasukkan ke dalam halaman web dengan menggunakan HTML / tag XHTML.
    Perbaikan sesuai browser dengan standar W3C diminta penerimaan luas dan penggunaan XHTML / XML bersama dengan Cascading Style Sheets (CSS) untuk posisi dan memanipulasi unsur-unsur halaman web dan objek. Kemampuan browser untuk mengirimkan berbagai konten dan pilihan aksesibilitas kepada klien tanpa menggunakan plug-in.
    Dengan spesialisasi yang tumbuh di bidang teknologi informasi ada kecenderungan kuat untuk membedakan antara desain web (web design) dan pengembangan web (web development).
    Subscribe to: Comments (Atom)