Allmywebstfn

[Video] Cara Menginstall Xampp/Lampp di Ubuntu

2015-06-21T12:00:00.000+07:00

Pada artikel sebelumnya saya sudah menjelaskan Cara Menginstall Xampp di Linux. Namun ada artikel ini saya hanya memberikan tutorial menginstall xampp/lampp di ubuntu versi videonya. Berikut ini videonya:

Cara Menginstall Xampp di Linux

2015-06-03T14:46:00.000+07:00

Pada kali ini saya akan memberikan tutorial bagaimana menginstall Xampp di Linux. Xampp merupakan webserver yang sudah terdapat PHP+Apache+Mysql dan lainnya. Sebelum melanjutkan tutorial ini sebaiknya anda mendownload terlebih dahulu file installasi xamppnya, anda dapat mendownloadnya disini. Pilih file sesuai dengan jenis linux anda jika tidak maka nantinya file xampp tidak dapat di jalankan.

Jika sudah didownload file xamppnya ikuti tutorial berikut ini :

Pertama Buka terminal terlebih dahulu lalu masuk kedalam direktori tempat xampp di tempatkan. Saya contohkan saya meletakkan filenya di /home/reza/Unduhan untuk masuk ke dalam direktori itu tulis seperti ini

$ cd /home/reza/Unduhan

Sesuaikan dengan letak direktori tempat installasi xampp anda
Jika sudah masuk kedalam folder tempat installasi xampp. Ubah permission menjadi root lalu masukkan password root anda dengan cara seperti ini

$ sudo su
Jika sudah mengubah permission menjadi root langkah selanjutnya yaitu mengubah permission pada xampp seperti berikut

$ chmod +x xampp-linux-x64-5.6.8-0-installer.run

Sesuaikan dengan nama xampp yang anda download tadi.
Sekarang saatnya menginstall xampp. Ketikkan di terminal seperti ini

$ ./xampp-linux-x64-5.6.8-0-installer.run

Nantinya akan muncul GUI Installasi xampp
Setelah muncul GUI Xampp klik next lalu pilih sesuai dengan kebutuhan dan klik next lagi.
Klik next hingga muncul proses installasi tunggu hingga beberapa saat hingga installasi selesai.
Nantinya akan muncul GUI Xampp lalu klik start pada service yang ingin dijalankan dan selamat anda sudah berhasil menginstall xampp di linux.

Semoga artikel ini bermanfaat bagi anda yang sedang menginstall xampp pada linux. Terima kasih telah berkunjung

Keajaiban Ilmiah Al-Qur'an

2015-03-20T12:00:00.000+07:00

Empat belas abad yang lalu, Allah menurunkan Al-Qur'an kepada umat manusia sebagai kitab penuntun dan Allah menyeru manusia untuk mengikuti Al-Qur'an agar dapat menemukan kebenaran. Banyak sekali temuan-temuan para ilmuwan-ilmuwan pada akhir-akhir abad ini. Namun tahukah kalian sebenarnya temuan-temuan itu sudah ada di dalam Al-Qur'an sejak 14 Abad yang lalu.

Gaya bahasa Al-Qur'an yang tak tertandingi, dan ilmu tinggi didalamnya adalah bukti nyata ia merupakan firman ilahi. Al-Qur'an memiliki sifat ajaib yang membuktikan bahwa ia adalah pengungkapan kebenaran dari Allah. Berikut ini temuan para ilmuwan yang sebenarnya sudah ada di dalam Al-Qur'an sejak 14 Abad yang lalu.

Pembentukan Alam Semesta
Asal mula alam semesta di uraikan dalam Al-Qur'an dalam ayat berikut :

"Dia pencipta langit dan bumi. Bagaimana Dia mempunyai anak padahal Dia tidak
mempunyai istri. Dia menciptakan segala sesuatu. dan Dia mengetahui segala sesuatu"
(Q.S. Al An'aam, 6:101)

Bahwa seluruh alam semesta, bersamaan dengan dimensi dan waktu, muncul sebagai akibat dari ledakan besar yang terjadi dalam ketiadaan waktu yang dikenal sebagai "Big Bang" yang merupakan penjelasan yang masuk akal tentang pembentukan alam. Fakta yang ditemukan baru-baru ini oleh fisika modern, telah diumumkan dalam Al-Qur'an kepada kita pada 14 abad yang lalu.
Perluasan Alam Semesta
Di dalam Al-Qur'an yang diturunkan 14 Abad yang lalu, ketika ilmu astronomi masih primitif, perluasan alam semesta telah digambarkan dalam Al-Qur'an seperti ini :

"Dan langit itu Kami bangun dengan kekuasaan(Kami) dan sesungguhnya Kamibenar-benar meluaskannya"(Q.S. Adz Dzaariyaat, 51:47)

Kata langit pada ayat ditas digunakan di berbaga tempat dalam Al-Qur'an diungkapkan bahwa alam semesta mengalami "Peluasan". Dan baru dibuktikan bahawa langit mengalami perluasan pada akhir-akhir abad ini.
Orbit
Ketika merujuk pada matahari dan bulan dalam Al-Qur'an, ditekankan bahwa masing-masing bergerak dalam orbitnya sendiri.

"Dan dialah yang telah menciptakan malam dan siang, matahari dan bulan. Masing-masing dari keduanya itu beredar pada garis edarnya" (Q.S.Al Anbiyaa',21:33)

Menurut penelitian astronomi matahari bergerak dengan kecepatan sangat tinggi yaitu 720.000Km/Jam searah bintang Vega dalam orbit tertentu yang disebut Solar Apex. Berarti matahari bergerak kira-kira 17.280.000Km/Hari.

Semua benda luar angkasa ini bergerak dalam orbit yang di perhitungkan dengan tepat. Selama bejuta-juta tahun, setiap benda langit ini "beredar" pada orbitnya sendiri dalam keselarasan dan keteraturan sempurna dengan benda langit lainnya.
Lapisan Atsmosfer
Atsmosfer yang menyelimuti bumi mempunyai fungsi penting demi keseimbangan kehidupan. Seraya menghancurkan banyak meteor besar dan kecil yang mendekati bumi,atsmosfer mencegah mereka jatuh ke bumi. Atsmosfer membiarkan menerobos cahaya yang bermanfaat dan tidak berbahaya. Fakta ini sudah ada dalam Al-Qur'an Sejak 14 Abad yang lalu.
Fungsi Gunung
Al-Qur'an mengarahkan kita pada fungsi geologis yang penting dari gunung.

"Dan telah kami jadikan bumi ini gunung-gunung yang kokoh supaya bumi ini tidak tergoncang bersama mereka"

Menurut penemuan ini, gunung-gunung muncul sebagai hasil pergerakan dan tumbukan dari lempengan-lempengan bertumbukan, lempengan lebih kuat menyelip dibawah lempengan yang satunya, sementara yang diatas melipat dan membentu dataran tinggi dan gunung. Sedangkan yang bergerak ke bawah bergerak di bawah permukaan dan membentuk perpanjangan yang kebawah.
Sidik Jari Sebagai Identitas
Ketika dikatakan dalam Al-Qur'an bahwa mudah bagi Allah untuk menghidupkan manusia setelah kematiannya, Sidik jari manusia secara khusus di tekankan ;

"Bukankah demikian, sebenarnya Kami kuasa menyusun ujung-ujung jarinya dengan sempurna" (Q.S.Al Qiyamah, 75:4)

Setiap orang yang hidup atau pernah hidup di dunia ini memiliki serangkaian sidik jari yang unik. Keunikan sidik jari ini baru di temukan di akhir abad ke 19. Akan tetapi dalam Al-Qur'an, Allah menunjuk sidik jari, yang sedikit pun tidak menarik perhatian orang pada saat itu, dan mengarahkan perhatian kita pada arti penting jari, yang mampu di pahami masa kini.

Mungkin masih banyak sekali keajaiban Al-Qur'an yang masih belum di tulis di artikel ini. Namun dikarenakan keterbatasan penulis Semoga artikel yang singkat ini bermanfaat bagi anda semua terlebih lagi kepada saya sendiri.

Desain Layout Web Dasar

2015-03-17T12:00:00.000+07:00

Pada kali ini saya akan memberikan penjelasan mengenai struktur-struktur pada desain web dasar bagian layout. Bagian ini merupakan bagian paling penting karena biasanya suatu website akan terlihat menarik jika dilihat dari layoutnya. Berikut ini penjelsannya yang saya ambil dari artikel di website bertzzie.com .

Layout

Dalam dunia desain, Layout berbicara mengenai bagaimana penataan elemen-elemen dalam sebuah halaman dengan benar. Sama seperti tipografi, terdapat sangat banyak elemen-elemen pada layout, yang tentunya tidak akan dapat dibahas pada bagian ini sendiri. Pembahasan layout secara menyeluruh akan memerlukan bukunya tersendiri. Kita akan hanya melihat elemen-elemen layout yang umumnya ditemukan pada dokumen web, dan bagaimana membuat elemen-elemen tersebut dengan HTML dan CSS.

Sebuah dokumen web seharusnya memiliki susunan layout seperti berikut.

Elemen Header

Seperti namanya, merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya elemen ini diisikan dengan logo website, menu-menu global (seperti login dan logout), maupun nama halaman yang sedang ditampilkan.

Elemen Navigation

Elemen navigasi, yang memberikan akses navigasi ke halaman-halaman lain dalam web.

Elemen Sidebar

Elemen pendukung konten, dapat berupa pembantu navigasi konten, ataupun berbagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten, atau bahkan di kiri dan kanan konten, sesuai dengan kreatifitas perancangnya.

Elemen Konten

Isi utama dari dokumen web. Pengguna biasanya datang ke web untuk melihat teks yang berada pada bagian ini.

Elemen Footer

Bagian penutup dari website, yang dapat saja berisi informasi lain tentang website, seperti lisensi pengunaan, sitemap, ataupun link ke website lain.

Sebelum membuat layout, tentunya kita terlebih dahulu harus mengetahui cara pengukuran elemen pada HTML. Karena tanpa dapat mengukur elemen dengan benar, kita tidak akan dapat membuat layout yang bagus.

Box Model

Salah satu prinsip mendasar dalam menyusun elemen-elemen HTML ialah Box Model. Apa itu box model? Konsep box model pada dasarnya merupakan konsep yang menyatakan bahwa elemen-elemen yang ada di dalam HTML adalah berbentuk kotak. Sekali lagi, seluruh elemen HTML berbentuk kotak. Ukuran dari setiap elemen itu sendiri dipengaruhi oleh isi dari elemen, margin, padding, dan border dari elemen tersebut.

Semua elemen juga dapat dikategorikan ke dalam dua cara penampilan, yaitu:

Block Level Element merupakan elemen yang selalu dimulai pada baris baru, dan menambahkan baris baru pada akhir elemen. Hal ini menyebabkan elemen yang bersifat block akan selalu berada pada baris barunya sendiri ketika dituliskan. Contoh dari elemen block: p, h1, dan blockquote.
Inline Level Elements merupakan elemen yang tidak membuat baris baru ketika dibuat. Elemen ini akan mengikuti alur dokumen sebagaimana mestinya, dan memiliki ukuran tinggi yang ditentukan serta ukuran lebar yang sesuai dengan isi elemen. Contoh dari elemen inline: span, b, i.

Perlu diperhatikan bahwa karena sifatnya, sebuah elemen inline tidak akan dapat menampung elemen blok (memiliki elemen blok di dalamnya), sementara elemen blok dapat menampung elemen blok maupun inline.

Kode di bawah memperlihatkan contoh perbedaan block level elemen dengan inline level element:

<h1>Elemen H1</h1>
<p>Elemen p otomatis membuka baris baru dari elemen h1, tetapi elemen
<b>bold</b> ini tidak</p>

Jalankan kode di atas untuk melihat efeknya!

Seperti yang telah dijelaskan sebelumnya, sebuah elemen HTML berbentuk kotak, dan ukurannya dipengaruhi oleh isi elemen, margin, padding, dan border. Kode berikut menunjukkan contoh total luas sebuah elemen, lakukan simpan kode ke dalam sebuah file HTML dan jalankan untuk melihat hasilnya:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style type="text/css">
            #boxmodel {
                background: #CDE;
                border: 25px solid #ABC;
                height: 100px;
                margin: 25px;
                padding: 25px;
                width: 300px;
            }
        </style>
    </head>
    <body>
        <div>Box Model</div>
        <div id="boxmodel">
        </div>
        <div>Box Model</div>
    </body>
</html>

Hasil dari eksekusi kode diatas adalah seperti berikut :

Bagaimana panjang dan lebar dari kotak pada kode di atas? Berikut lihat selengkapnya.

Seperti yang dapat dilihat pada gambar di atas, pengukuran total dari panjang elemen adalah:

margin-right + border-right + padding-right + width + padding-left +

border-left + margin-left

dan tinggi total dari sebuah elemen adalah:

margin-top + border-top + padding-top + height + padding-bottom +

border-bottom + margin-bottom

sehingga total dari panjang elemen tersebut yaitu 450px, dan total tinggi elemen ialah 250px.

Mari kita lihat properti-properti CSS yang mempengaruhi box model.

Properti Height dan Width

Setiap elemen yang ada dalam HTML memiliki tinggi dan lebar yang standar, yang didapatkan dengan menyesuaikan ukuran konten. Tergantung kepada tujuan pembuatan dokumen, tinggi dan lebar standar yang diberikan oleh elemen mungkin saja tidak tepat digunakan. Properti height dan weight digunakan untuk mengubah tinggi dan lebar standar ketika dibutuhkan.

Berikut adalah contoh pengunaan kedua properti ini:

div {
    height: 20px;
    width: 30px;
}

Kedua properti ini hanya dapat digunakan untuk block level element.

Properti Margin dan Padding

Setiap browser memberkan jarak antar elemen secara standar, agar elemen-elemen HTML dapat ditampilkan dengan optimal. Jarak antar elemen ini berbeda-beda, tergantung kepada browser yang mengimplementasikan. Untuk mengubah jarak antar elemen, kita dapat menggunakan properti margin.

Terkadang kita juga ingin memberikan jarak di dalam elemen sendiri, yaitu jarak dari konten elemen ke pembatas (border) elemen. Jarak ini dikenal dengan nama padding. Padding kerap digunakan untuk memberikan warna latar yang baik pada elemen. Berikut adalah contoh kode pengunaan margin dan padding:

div {
    margin: 10px;
    padding: 15px;
}

Sedikit catatan tambahan, properti padding dan margin dapat juga ditulis dengan singkat. Penulisan hanya dengan satu nilai seperti pada kode di atas akan menyebabkan nilai padding dan margin diimplementasikan pada keempat sisi elemen:

p {
    margin: 40px;
}

Mengisikan dua nilai akan mengisikan nilai padding dan margin atas dan bawah pada nilai pertama, serta kiri dan kanan pada nilai kedua, seperti berikut:

p {
    /*
        margin-top: 25px
        margin-bottom: 25px
        margin-left: 50px;
        margin-right: 50px;
    */
    margin: 25px 50px;
}

Dan seperti yang dapat ditebak, pengisian empat nilai akan dilakukan secara berurutan pada margin dan padding atas, kanan, bawah, dan kiri:

p {
    /*
        margin-top: 10px
        margin-right: 20px;
        margin-bottom: 30px
        margin-left: 40px;
    */
    margin: 10px 20px 30px 40px;
}

Selain itu, kita juga dapat mengubah hanya satu bagian dari margin ataupun padding dengan menambahkan kata top, right, bottom, dan left setelah margin atau padding seperti berikut:

p {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 30px
    margin-left: 40px;
}

Border

Border, sebagai pemberi tanda batas elemen memisahkan margin dan padding. Terdapat tiga properti utama yang membentuk sebuah border, yaitu border-width, border-style, dan border-color.

border-width

Seperti namanya, properti ini menentukan ketebalan border, yang diisikan dengan nilai pixel. Contoh kode adalah sebagai berikut:

div {
    border-width: 10px;
}

border-style

Menentukan cara penampilan dari border. Pilihan nilai yang dapat diisikan yaitu: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, dan outset. Ingin mengetahui kegunaan masing-masing nilai? Silahkan coba implementasikan elemen tersebut! Jika tidak diisikan, maka secara otomatis nilai yang dipilih ialah none, sehingga border tidak akan tampak.

Contoh kode:

div {
    border-style: dotted;
}

border-color

Seperti namanya, memberikan warna kepada border. Jika warna tidak diberikan, maka border akan menjadi warna hitam.

Contoh kode:

div {
    border-color: red;
}

Ketiga properti di atas seringkali digunakan bersamaan, karena ketergantungan antar properti tersebut dalam membuat border yang indah. Penggabungan ketiga properti dapat ditulis dalam properti border seperti berikut:

div {
    border: 1px solid red;
}

Dan seperti yang dapat dilihat dari kode di atas, tentunya urutan penulisannya ialah border-width border-style border-color.

Meskipun seluruh elemen pada dasarnya berbentuk kotak, CSS memungkinkan kita untuk menampilkan elemen dengan sedikit variasi, yaitu memberikan sudut bulat kepada elemen.

Kita dapat menggunakan properti border-radius untuk membuat efek sudut bulat, seperti pada kode di bawah:

div {
    border-radius: 10px;
}

Selain pengisian dengan satu nilai, tentunya border-radius dapat diisikan dengan banyak nilai. Sayangnya, karena kompleksitas properti ini, maka pembahasan lebih jauh mengenai border-radius tidak akan dilakukan.

Penyusunan Element

Pengukuran elemen dengan mengikut sertakan box model hanya merupakan sebagian pengetahuan yang diperlukan untuk membuat layout halaman yang sempurna. Pengetahuan lain yang harus dimengerti juga ialah cara menyusun elemen-elemen yang ada di dalam dokumen. Bagian ini akan membahas bagaimana menyusun elemen-elemen yang ada dalam dokumen, dengan berbagai teknik yang disediakan oleh HTML dan CSS.

Penampungan Element

Apa maksud dari “penampung” sebuah elemen? Elemen penampung ialah elemen yang memiliki banyak elemen-elemen lain di dalamnya. Misalnya, pada kode di bawah:

<p>
    Ini adalah sebuah paragraf, yang didalamnya terdapat
    elemen <b>bold</b>, <i>italic</i>, <em>emphasis</em>,
    dan <strong>strong</strong>.
</p>

Pada kode di atas, elemen p merupakan penampung dari elemen b, i, em, dan strong. Bagaimana jika kita tidak ingin menggunakan p untuk menampung seluruh elemen-elemen yang ada? Untuk menampung elemen-elemen secara generik, kita dapat menggunakan elemen div. Elemen div merupakan elemen yang dirancang sebagai penampung dari elemen lainnya, sehingga elemen ini tidak memiliki makna semantik. Kita dapat menggunakan div untuk menampung berbagai elemen, tanpa batasan, misalnya:

<div class="wrapper">
    <section id="articles">
        <article>
            <!-- Teks -->
        </article>
        <article>
            <!-- Teks -->
        </article>
        <article>
            <!-- Teks -->
        </article>
    </section>
    <aside>
        <nav>
            <!-- Menus -->
        </nav>
    </aside>
</div>

Dapat dilihat bagaimana div.wrapper di atas menampung banyak elemen-elemen blok lainnya. Dengan kode HTML di atas, panjang dari elemen-elemen yang ada di dalam div.wrapper tidak akan pernah lebih panjang dibandingkan dengan div.wrapper itu sendiri. Coba jalankan kode di bawah untuk melihat bagaimana elemen-elemen yang ada di dalam div.wrapper tidak dapat melewati ukuran div.wrapper itu sendiri:

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style type="text/css">
            .wrapper {
                background: red;
                color: white;
                height: 600px;
                width: 800px;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <p>
            Proin nec rhoncus, quis, elementum amet parturient augue
            sagittis dictumst in dolor scelerisque pid, sociis enim
            porttitor et, porta porttitor. Tincidunt egestas ultricies,
            scelerisque.
            </p>
            <p>
            Dis augue, in elementum lundium lectus porttitor duis turpis
            dis. Nisi vel porta turpis arcu nec diam penatibus, et sit
            integer enim scelerisque ut amet? Nascetur nisi parturient
            lundium augue?
            </p>
            Odio sagittis cursus et ut ridiculus pulvinar habitasse,
            elementum et tristique non, nisi porttitor magna! Tristique
            adipiscing penatibus sed nunc. Non pulvinar vut porttitor!
            Odio nisi porttitor sit tincidunt dictumst, massa rhoncus.
            Sociis enim habitasse enim, nunc nascetur, ridiculus, et mus
            nascetur, augue ultricies aliquet mus a adipiscing amet?
            </p>
        </div>
            <p>
            Proin nec rhoncus, quis, elementum amet parturient augue
            sagittis dictumst in dolor scelerisque pid, sociis enim
            porttitor et, porta porttitor. Tincidunt egestas ultricies,
            scelerisque.
            </p>
            <p>
            Dis augue, in elementum lundium lectus porttitor duis turpis
            dis. Nisi vel porta turpis arcu nec diam penatibus, et sit
            integer enim scelerisque ut amet? Nascetur nisi parturient
            lundium augue?
            </p>
    </body>
</html>

Ketika kode dijalankan maka hasilnya adalah sebagai berikut:

Perhatikan bagaimana paragraf yang berada di luar div.wraapper dapat melewati 800px (panjang dari div.wrapper) sementara paragraf yang berada di dalam div.wrapper harus berpindah baris ketika mencapai ujung dari div.wrapper.

Floating Element

Bagaimana dengan penyusunan elemen yang berada di dalam penampung? Salah satu cara untuk mengorganisasikan posisi elemen yang saling bersisian ialah menggunakan properti float. Properti float memungkinkan kita membuat sebuah elemen “mengapung” pada sisi kiri ataupun kanan dari penampung elemen tersebut. Untuk lebih mudahnya, mari kita lihat cara kerja dari elemen float secara langsung!

Ganti kode CSS dari kode pada gambar Hasil Eksekusi Kode div.wrapper menjadi kode berikut:

.wrapper {
    background: red;
    color: white;
    height: 600px;
    width: 800px;
}

.wrapper p {
    background: blue;
    color: white;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 200px;
}

dan kemudian jalankan. Anda akan dapat melihat bagaimana paragraf-paragraf di dalam div.wrapper menjadi berukuran kecil, dan “terbang” saling bersisian, ke arah kiri. Paragraf yang paling pertama kali dituliskan akan menjadi paragraf yang paling kiri, dan seterusnya.

Hal lainnya yang perlu diperhatikan ialah bahwa properti float merusak alur dari halaman. Apa artinya merusak alur dari halaman? Ketika menggunakan properti ini maka elemen-elemen lain akan menjadi terpaksa mengikuti aturan kanan maupun kiri dari float. Misalnya, jika kita menambahkan sebuah h1 setelah paragraf ketiga, sehingga isi dari div.wrapper adalah sebagai berikut:

<div class="wrapper">
    <p>
    Proin nec rhoncus, quis, elementum amet parturient augue sagittis
    dictumst in dolor scelerisque pid, sociis enim porttitor et, porta
    porttitor. Tincidunt egestas ultricies, scelerisque.
    </p>
    <p>
    Dis augue, in elementum lundium lectus porttitor duis turpis dis.
    Nisi vel porta turpis arcu nec diam penatibus, et sit integer enim
    scelerisque ut amet? Nascetur nisi parturient lundium augue?
    </p>
    <p>
    Odio sagittis cursus et ut ridiculus pulvinar habitasse, elementum
    et tristique non, nisi porttitor magna! Tristique adipiscing
    penatibus sed nunc. Non pulvinar vut porttitor! Odio nisi porttitor
    sit tincidunt dictumst, massa rhoncus. Sociis enim habitasse enim,
    nunc nascetur, ridiculus, et mus nascetur, augue ultricies aliquet
    mus a adipiscing amet?
    </p>
    <h1>Ini adalah sebuah judul yang terpengaruh float.</h1>
</div>

Maka elemen h1 tersebut akan secara otomatis mengikuti alur elemen-elemen p sebelumnya, dan mulai dari akhir elemen p terakhir, seperti pada gambar berikut:

Bagaimana jika kita ingin memaksa h1 kembali ke alur halaman yang benar? Untuk menghapus segala “jejak” dari float dan mengembalikan alur halaman ke alur normal, kita dapat menggunakan properti clear. Tambahkan kode CSS berikut:

.wrapper h1 {
    clear: both;
}

maka elemen h1 akan secara otomatis membuka baris baru, sesuai dengan alur halaman yang seharusnya.

Pembangunan Layout Web Dasar

Bagaimana kita dapat membangun layout seperti pada gambar di atas? Berdasarkan apa yang telah kita pelajari sejauh ini, tentunya anda telah dapat membayangkan apa yang harus dilakukan. Sederhananya: width dan height pada seluruh elemen, float pada sidebar dan content, serta clear pada footer. Perlu diingat juga bahwa pada dokumen web yang sebenarnya, properti height jarang digunakan karena tinggi elemen biasanya ditentukan oleh isi dari elemen itu sendiri.

Untuk membuat layout seperti pada gambar Elemen-elemen Layout pada Dokumen Web, kita dapat menggunakan kode HTML dan CSS berikut:

<!DOCTYPE html>
<html>
    <head>
        <title>Layout Dasar Dokumen Web</title>
        <style type="text/css">
            body {
                width: 960px;
            }

            header, nav, aside, section, footer {
                background: #14BCE6;
                border: 1px solid white;
                color: white;
                font-size: 2em;
                font-variant: small-caps;
                text-align: center;
            }
            header, nav, footer {
                width: 100%;
            }

            header, footer {
                height: 100px;
            }
            nav {
                height: 50px;
            }

            aside {
                float: left;
                height: 250px;
                width: 29.5%;
            }
            section#content {
                float: right;
                height: 250px;
                width: 70%;
            }

            footer {
                clear: both;
            }
        </style>
    </head>
    <body>
        <header>Header</header>
        <nav>Navigation</nav>
        <aside>Sidebar</aside> <section id="content">Content</section>
        <footer>Footer</footer>
    </body>
</html>

Eksekusi kode, dan kita akan dapat melihat hasil eksekusi sebagai berikut:

Cara membuat teks yang ada di dalam elemen-elemen HTML berada di tengah secara vertikal akan dibiarkan untuk menjadi latihan bagi pembaca.

Perhatikan juga bahwa kode yang digunakan untuk membuat tampilan di atas tidak lagi terurut sesuai dengan penulisan kode, seperti pada gambar di bawah:

Clear Fix

Salah satu permasalahan utama dari pengunaan float ialah ketika kita menggunakan sebuah elemen kontainer yang hanya menampung elemen float saja. Karena sifat utama dari float yang “menerbangkan” elemen, maka kontainer menjadi dianggap tidak memiliki tinggi, dan elemen-elemen lain akan langsung berada di bawah elemen kontainer tersebut. Penjelasan mengenai bagaimana menyelesaikan masalah ini telah diberikan sebelumnya, pada bagian Floating Element, di mana kita menggunakan kode CSS berikut:

.wrapper h1 {
    clear: both;
}

untuk menyelesaikan masalah. Sayangnya, kode di atas tidak menyelesaikan seluruh masalah yang ada, karena jika kita tidak mengetahui dengan pasti di mana elemen selanjutnya akan diletakkan, maka kode di atas tidak akan dapat bekerja dengan baik. Metode lain untuk membersihkan float ialah dengan menggunakan teknik “clear fix”, yang kodenya dapat dilihat sebagai berikut:

.container {
    margin: 0;
    padding: 0;
}

.container:before,
.container:after {
    content:"";
    display:table;
}
.container:after {
    clear:both;
}

Pada prinsipnya, kode di atas membersihkan float dengan clear: both dan penambahan sebuah tabel “dummy” sebelum dan sesudah elemen penampung.

Grid

Sebuah layout yang baik menyusun elemen-elemen halaman dengan rapi dan mudah diprediksi. Kemudahan prediksi penting agar pembaca / pengguna web anda tidak perlu berpikir dalam menggunakan web anda. Ingat, “Don’t Make Me Think” merupakan salah satu prinsip dasar dalam pembuatan antarmuka web dan aplikasi secara general. Salah satu cara untuk membuat halaman lebih mudah diprediksi ialah dengan menggunakan garis pembantu penyusunan elemen, yang dikenal dengan nama “Grid” pada dunia web.

Sebagai garis pembantu dalam menyusun elemen, Grid dibuat dalam berbagai bentuk dan ukuran, sesuai dengan keperluan. Penempatan elemen dilakukan di dalam sebuah Grid, ataupun di dalam beberapa Grid. Pemakaian Grid umumnya dilakukan untuk menyusun elemen secara merata. Untuk lebih mudahnya, perhatikan gambar berikut:

Pada gambar Contoh Pengunaan Grid pada Drupal, kita dapat melihat bagaimana situs Drupal dibangun menggunakan 12 buah Grid, yang masing-masing elemennya disusun berdasarkan Grid tersebuut. Elemen feature Drupal, yang berada di paling atas halaman, mengambil ruang 12 Grid, sementara 3 elemen informasi mengenai drupal masing-masing mengambil 4 Grid. Penyusunan seperti ini kerap kali ditemukan dalam banyak website-website lain, dengan ukuran Grid yang berbeda-beda.

Pembuatan Grid

Pembuatan Grid dapat dilakukan dengan mudah, dengan melakukan pembagian terhadap ukuran halaman web yang ingin dibangun dengan jumlah kolom Grid yang diinginkan, dengan memperhitungkan Box Model juga tentunya. Misalkan, jika ingin membuat halaman berukuran 960 px memiliki 12 Grid, kita dapat melakukan perhitungan berikut:

lebar_grid = 960 / 12

lebar_grid = 80 px

dan dengan memperkirakan box model, jika ingin setiap kolom memiliki jarak 20 px kita dapat menambahkan margin ke kiri dan ke kanan pada setiap kolom, sebanyak setengah dari jarak yang diinginkan (10 px), seperti berikut:

konten_grid = 80 - jarak

= 80 - 20

= 60 px

Sehingga ukuran margin kiri dan kanan dari elemen adalah:

margin_kiri_kanan = jarak / 2

= 20 / 2

= 10 px

Dengan perhitungan yang telah dilakukan, maka kita dapat memperkirakan bentuk dari sebuah Grid adalah sebagai berikut:

dan dengan mengurutkan kedua belas Grid tersebut, kita bisa mendapatkan sebuah halaman yang berukuran 960 px. Tentunya dengan prinsip yang sama kita juga dapat membuat Grid yang merupakan gabungan dari 2 Grid, 3 Grid, sampai 12 Grid!

Pembuatan kode Grid menggunakan CSS sendiri sangatlah sederhana. Kita dapat memulai pembuatan kode dengan memberikan nama kelas, untuk setiap ukuran Grid. Misalnya, kita menggunakan nama kelas “coln” untuk setiap kolom Grid, dengan n adalah lebar kolom yang diinginkan. Misalnya, kolom berukuran 2 Grid akan memiliki nama kelas col2, 4 kolom memiliki nama kelas col4, dan seterusnya.

Untuk mengawali, hilangkan padding, margin atas bawah, dan berikan warna serta float kepada seluruh kolom yang ada:

.col1, .col2, .col3, .col4,
.col5, .col6, .col7, .col8,
.col9, .col10, .col11, .col12 {
    background: #CCC;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 10px;
    padding: 0;
    text-align: center;
}

Kemudian, kita dapat mengaplikasikan perhitungan yang telah dilakukan sebelumnya ke masing-masing ukuran kolom:

.col1 {
    width: 60px;
}

.col2 {
    width: 140px;
}
.col3 {
    width: 220px;
}

.col4 {
    width: 300px;
}

.col5 {
    width: 380px;
}
.col6 {
    width: 460px;
}

.col7 {
    width: 540px;
}
.col8 {
    width: 620px;
}

.col9 {
    width: 700px;
}
.col10 {
    width: 780px;
}

.col11 {
    width: 860px;
}
.col12 {
    width: 940px;
}

dan kemudian, tentunya container dan clearfix untuk setiap container yang ada:

.container {
    background: #555;
    margin: 0;
    padding: 0;
    width: 960px;
}
.container:before,
.container:after,
.row:before,
.row:after {
    content:"";
    display:table;
}
.container:after,
.row:after {
    clear:both;
}

.row {
    clear: both;
    margin: 10px 0 10px 0;
}

Untuk melihat efeknya, simpan seluruh kode CSS di atas ke dalam sebuah file bernama grid.css, dan jalankan kode HTML berikut:

<!DOCTYPE html>

<html>
    <head>
        <title>Contoh Grid pada HTML</title>
        <link rel="stylesheet" href="grid.css">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
                <div class="col1">1</div>
            </div>

            <div class="row">
                <div class="col2">2</div>
                <div class="col2">2</div>
                <div class="col2">2</div>
                <div class="col2">2</div>
                <div class="col2">2</div>
                <div class="col2">2</div>
            </div>
            <div class="row">
                <div class="col3">3</div>
                <div class="col3">3</div>
                <div class="col3">3</div>
                <div class="col3">3</div>
            </div>

            <div class="row">
                <div class="col4">4</div>
                <div class="col4">4</div>
                <div class="col4">4</div>
            </div>
            <div class="row">
                <div class="col5">5</div>
                <div class="col5">5</div>
                <div class="col2">2</div>
            </div>

            <div class="row">
                <div class="col6">6</div>
                <div class="col6">6</div>
            </div>
            <div class="row">
                <div class="col7">7</div>
                <div class="col5">5</div>
            </div>

            <div class="row">
                <div class="col8">8</div>
                <div class="col4">4</div>
            </div>
            <div class="row">
                <div class="col9">9</div>
                <div class="col3">3</div>
            </div>

            <div class="row">
                <div class="col10">10</div>
                <div class="col2">2</div>
            </div>
            <div class="row">
                <div class="col11">11</div>
                <div class="col1">1</div>
            </div>

            <div class="row">
                <div class="col12">12</div>
            </div>
        </div>
    </body>
</html>

Jalankan kode HTML di atas, untuk melihat hasil seperti pada gambar Grid, dari 1 Grid sampai gabungan 12 Grid.
Konten ini bukan saya yang menulis melainkan saya mengcopy dari website bertzzie.com

Cara Membuat Random Angka dan Huruf Menggunakan PHP

2015-03-16T12:00:00.000+07:00

Kali ini saya akan memberikan tutorial bagaimana caranya membuat random angka dan huruf menggunkaan php.Random angka dan huruf sangat berguna sekali bagi kita yang sedang membuat suatu website. Biasanya random anka dan huruf ini digunakan untuk email konfirmasi, captcha dan password yang disesuaikan dengan pemilik website. Dengan seperti ini kita dapat membuat suatu password atau sebagainya yang tidak akan sama satu dengan lainnya. Dan juga dapat mempersulit orang yang tidak bertanggung jawab melakukan hal yang tidak wajar.

Baiklah perhatikan script dibawah ini.

<?php
$text = 'abcdefghijklmnopqrstuvwxyz123457890';
$panj = 50;
$txtl = strlen($text)-1;
$result = '';
for($i=1; $i<=$panj; $i++){
 $result .= $text[rand(0, $txtl)];
}
echo $result;
?>

Penjelasan :

Pada baris ke 1 merupakan pembuka dalam php
Pada baris ke 2 dimana variable text diberi nilai huruf dan angka.
Pada baris ke 3 variable panj diberi nilai 50 yang nantinya digunakan untuk menentukan panjang string.
Pada baris ke 4 variable txtl diberi nilai dengan jumlah karakter pada variable text yang dikurangi 1.
Pada baris ke 5 dibuat variable result yang nantinya akan menampung hasil dari random.
Pada baris ke 6 dilakukan for dengan melakukan perulangan pada variable panj tadi.
Pada baris ke 7 variable result diisi dengan array text yang di random
Pada baris ke 8 dilakukan penutupan pengulangan for
Pada baris ke 9 hasil result tadi di outputkan.
Pada baris ke 10 merupakan penutup dalam php.

Klik tulisan ini untuk melihat demo dari script diatas

Semoga artikel ini bermanfaat bagi anda. Jika terdapat error coba mengecek script yang anda buat.

Alasan Sistem Pendidikan di Finlandia Menjadi Yang Terbaik di Dunia

2015-03-12T19:26:00.002+07:00

Pendidikan adalah salah satu aspek paling penting dalam kehidupan kita. Dengan pendidikan kita bisa memajukan taraf hidup dan menjalani kehidupan yang lebih bermartabat. Begitu pentingnya pendidikan dalam kehidupan kita, sehingga di sekeliling kita terdapat banyak sekali orang yang berjuang mati-matian untuk kelangsungan pendidikan.

Finlandia adalah salah satu negara dengan sistem pendidikan terbaik di dunia dalam berbagai versi, termasuk versi World Economy Forum. Pada tahun 2000, negara ini bahkan berhasil mencapai tingkat Literacy (kemampuan baca) hingga 100 persen, yang artinya tidak ada satupun warganya yang buta huruf. Negara ini juga memakai sistem pendidikan yang sama sejak tahun 1970. Apa yang membuat pendidikan di negara mereka sangat maju? Ini rahasianya.

Anak-Anak Tidak Boleh Sekolah Sebelum Berumur 7 Tahun
Di negara ini, tidak akan ada yang menerima murid jika umur murid tersebut belum genap 7 tahun. Semua anak yang berumur di bawah 7 tahun hanya diperbolehkan bermain, tanpa beban untuk sekolah. Hal ini diterapkan karena menurut pemerintah Finlandia, otak anak justru akan rusak jika diberikan pelajaran seperti membaca atau menghitung sebelum usia mereka cukup. Di umur-umur tersebut anak-anak sebaiknya dibiarkan lebih banyak bermain dan mengeksplorasi dunianya.

Sebenarnya, pemerintah Indonesia juga menerapkan aturan ini. Di Indonesia, usia yang diperbolehkan untuk masuk ke Sekolah Dasar adalah 7 tahun. Di bawah umur tersebut, anak-anak hanya diperbolehkan belajar di Taman Kanak-kanak atau Playgroup, dimana membaca, menulis dan mengenal huruf dan angka tidak termasuk dalam kurikulum. Anak-anak hanya diajari mengenal warna, bentuk, tekstur dan melatih motorik kasarnya. Tapi sudah menjadi rahasia umum, TK dan Playgroup di Indonesia secara sembunyi-sembunyi mengajarkan baca-tulis-hitung pada muridnya. Orangtua muridpun seolah bangga jika anaknya bisa membaca dalam usia sedini mungkin, padahal hal itu justru merusak daya imajinasi si anak, yang harusnya menghabiskan waktu untuk bermain.
Setiap Kelas Hanya Diperbolehkan Diisi 16 Anak

Di Finlandia, anda tidak akan pernah menemukan kelas yang penuh sesak dengan murid. Di negara ini, setiap kelas dibatasi hanya untuk 16 murid saja. Ini membuat para murid memiliki ruang gerak yang lebih luas, sehingga mereka memiliki ruang untuk bereksperimen dan membuat alat-alat praktek dari apa yang telah mereka pelajari di kelas. Namun ruang kelas bukanlah satu-satunya tempat belajar. Di negara ini, kebanyakan kegiatan belajar-mengajar dilakukan di luar ruangan agar suasana tidak membosankan bagi para murid.

Sayang sekali di Indonesia, kita masih sering menemukan kelas yang dipenuhi oleh 40 murid dalam sekelas, atau bahkan lebih. Murid-murid harus duduk di bangku dan meja yang berderet sempit, bahkan tidak ada ruang untuk sekadar “meluruskan” kaki ketika sedang menulis. Selain membuat anak-anak susah konsentrasi, ruang belajar seperti ini bisa saja menimbulkan penyakit karena posisi belajar yang tidak nyaman. Kita tahu kebiasaan duduk yang tidak benar dalam jangka waktu lama bisa berakibat kerusakan sejumlah syaraf atau bahkan tulang.
Pendidikan Dibiayai 100% Oleh Pemerintah

Finlandia adalah satu dari sedikit sekali negara yang memberikan pendidikan yang benar-benar gratis kepada rakyatnya. Seluruh jenjang pendidikan di negara ini tidak memungut bayaran apapun. Di sini, anda bisa mendapatkan pendidikan gratis mulai dari Sekolah Dasar, Sekolah Menengah, Sekolah Menengah Atas, hingga kuliah. Bahkan jika anda sudah lulus kuliah, sudah bekerja dan memiliki anak, jika anda ingin mempelajari sesuatu, anda akan diberi sekolah lanjutan gratis sesuai minat anda. Lebih keren lagi, seluruh sekolah di Finlandia menyediakan makanan gratis bagi para muridnya setiap hari.

Sementara di Indonesia, meski sudah ada Bantuan Dana Operasional Sekolah dan dana bantuan lainnya, kita masih tidak lepas dari cerita-cerita sedih tentang perjuangan mereka yang kesulitan meneruskan sekolah. Sebuah SMA Negeri di Jakarta, misalnya, “bertarif” mencapai belasan juta per tahunnya. Belum lagi Universitas Negeri yang menyediakan sedikit sekali beasiswa dibanding para mahasiswa yang membutuhkannya.
Tidak Ada Sistem "Pintar" Dan "Bodoh"

Setelah anak usia 7 tahun masuk di sekolah di Finlandia, pihak sekolah tidak akan melakukan tes apapun. Tugas mereka hanyalah belajar, dan tidak ada label “pintar” atau “bodoh”. Semua anak akan diarahkan menurut minat dan bakatnya masing-masing tanpa adanya pemaksaan. Setelah enam tahun berada di sekolah, barulah diadakan tes resmi untuk mengukur kemampuan si anak. Tes tersebut hanya bertujuan mengukur kemampuan, bukan untuk memberi rangking 1 dan seterusnya. Sehingga, tidak ada anak yang merasa dirinya “gagal” karena mendapat nilai buruk di kelas. Semua yang mendapat hasil tes kurang baik, akan dibimbing lebih intens.

Di Indonesia, sadar atau tidak, kita sering menghancurkan kepercayaan diri seseorang dengan label “bodoh”. Anak yang mendapat ranking paling bawah dikelas sering kali dikucilkan temannya atau bahkan jadi minder dan menarik diri dari pergaulan. Anak seperti ini justru butuh lebih dibimbing, namun di Indonesia, siapa yang dapat ranking paling atas, itulah yang dijadikan “anak emas” oleh para guru. Sementara anak yang dapat ranking jelek, akan terlupakan atau bahkan dianggap tidak ada. Kita bahkan memiliki sebuah sistem yang membuat anak-anak dengan rangking jelek semakin minder yaitu “sistem tinggal kelas”. Anak yang tinggal kelas seringkali menjadi sasaran “bully” dan semakin terpuruklah dia.
Para Guru Diambil Dari Kalangan Terbaik

Syarat menjadi guru di Finlandia cukuplah ketat. Mereka harus memiliki gelar master (S2) dan harus masuk dari jajaran 10 persen lulusan terbaik dari Universitasnya. Di negara ini menjadi guru adalah sebuah kehormatan. Menjadi guru di Finlandia adalah kebanggaan yang sama seperti menjadi dokter ataupun pengacara ternama. Guru-guru di sini juga dibayar dengan sangat baik oleh pemerintah dan tidak ada batasan maksimal bagi gaji guru.

Guru di Finlandia memiliki komitmen yang sangat tegas dan bekerja dengan sangat keras. Mereka akan mengunjungi rumah muridnya untuk sekadar “bermain” dan menanyakan apakah muridnya butuh bantuan untuk pelajaran tertentu. Guru profesional di Finlandia juga hanya bekerja selama 4 jam sehari. 4 jam tersebut mereka maksimalkan dengan seluruh kemampuan. Beda dengan guru di Indonesia yang harus mengajar dari pukul delapan pagi hingga sore hari, belum lagi ditambah dengan les-les dan semacamnya. Tentu saja konsentrasi mengajar tidak penuh

Meski tidak adil jika membandingkan Indonesia dan Finlandia secara utuh-utuh, namun kita tentu bisa meniru hal-hal yang menjadikan Finlandia menjadi negara maju. Kita harus memperbaiki banyak sekali aspek dari sistem pendidikan kita. Pemerintah juga harus mengambil peranan penting dari pendidikan bangsa.

Namun, di luar itu semua, kita juga adalah bagian dari sistem pendidikan. Kita bisa memperbaiki sistem ini jika kita mau mengubah kebiasaan buruk kita. Mungkin yang paling mudah adalah dengan tidak gampang melabeli anak-anak dengan kata “bodoh” atau berhenti memaksa anak kita belajar sebelum waktunya.

Dari berbagai macam Sumber.

Cara Mengatasi Display Picture BBM Tidak Muncul

2015-03-12T18:55:00.000+07:00

Mungkin kalian pernah menggunakan bbm namun dp(display picture) teman anda menggunakan dp default dari bbm. Padahal mereka menggunakan dp yang bermacam-macam. Dengan dp tidak muncul maka akan sangat menganggu sekali kegiata social media anda dengan aplikasi ini.

Biasanya ini disebabkan oleh faktor koneksi pada bbm anda dan faktor cache.

Koneksi
Pastikan koneksi anda stabil. Bisa jadi itu diakibatkan koneksi anda yang tidak stabil.
Cache
Hal ini yang biasa sering dialami oleh banyak orang termasuk saya. Anda bisa menghapus cache dengan cara Setting>>Apl>>Pilih BBM>>Hapus Cache. Setelah menghapus cache anda diharuskan memberhentikan aplikasi bbm terlebih dahulu dengan cara menyentuh tulisan "Paksa Berhenti" lalu buka lagi aplikasi bbm anda dan lihat dibagian Pembaruan nantinya dp teman anda akan terganti semua.

Jika hal diatas juga tidak mempengaruhi sebaiknya anda install ulang aplikasi BBM anda. Semoga penjelasan ini bermanfaat bagi anda terutama pengguna yang tidak dapat dipisahkan dari aplikasi ini.

Penulis mendapat inspirasi membuat artikel ini dari http://www.full-tekno.com

Cara Mengubah Tampilan Notepad++

2015-03-12T12:00:00.000+07:00

Pada kali ini saya akan memberikan tutorial bagaimana caranya mengubah tempelate notepad yang semula berwarna putih menjadi warna yang kita inginkan. Banyak para Programmer menggunakan aplikasi ini dikarenakan aplikasi ini gratis, banyak pluginnya, ringan, dan sangat mudah sekali digunakan. Inilah yang menyebabkan para programmer menggunakan aplikasi ini sebagai editor scriptnya. Selain itu notepad++ juga memiliki syntax highlighter yaitu warna yang digunakan para developer untuk menentukan bagian error yang ada pada script yang dibuat.

Untuk mengganti tampilan pada notepad++ anda bisa menggunakan tampilan yang sudah di sediakan dan juga anda dapat mengeditnya sendiri sesuai selera anda. Sebelum itu anda harus mengetahui dulu bagaimana cara mengeditnya. Baiklah ikuti step by step berikut ini.

Buka dahulu notepad++ anda.
Jika sudah terbuka klik Pengaturan>Konfigurator Gaya...
Nantinya akan muncul seperti gambar dibawah ini. Untuk menggunakan tempelate yang sudah disediakan anda tinggal memilih tema sesuai yang diinginkan. Jika anda ingin mengeditnya sendiri anda tinggal edit warna yang ada pada bagian Gaya Warna. Anda juga dapat mengubah font pada notepad++ anda dengan memilih font yang diinginkan serta dapat membuatnya Bolt,Italic,dan Under Line. Namun jika anda klik simpan tidak akan ada perubahan pada fontnya dikarenakan belum di checklist dibagian bawah gaya huruf, Sesuaikan dengan apa yang anda ingin ubah.

Jika sudah perhatikan apakah ada perubahan pada notepad anda. Jika belum ada perubahan silahkan dicoba lagi. Semoga berhasil :)

Cara Membuat Tulisan Hello World Di Python

2015-03-03T18:44:00.001+07:00

Pada kali ini saya akan membahas tentang python. Python adalah bahasa pemograman yang termasuk desktop programming dan web programming. Dikatakan seperti itu karena python dapat dijalankan sebagai aplikasi web dan juga aplikasi desktop. Pada kali ini saya akan membahas cara membuat hello world pada python. Sebelum lanjut anda harus menginstall python terlebih dahulu pada website resminya di https://www.python.org/. Setelah anda menginstallnya buatlah sebuah file dengan ekstensi (*)py. ekstensi (*)py adalah eksetensi yang memberitahukan bahwa file itu adalah file python. Setelah itu buatlah sebuah file dengan nama Hello World.py lalu edit menggunakan Notepad ataupun menggunakan Notepad++. Saya sarankan menggunakan Notepad++ karena Notepad++ mendukung syntax highlighter yang sangat berguna untuk memudahkan melihat bagian yang terdapat error pada script yang kita buat. Kita akan menggunakan fungsi print. Print digunakan untuk menampilkan suatu string ke layar. Jadi Print digunakan untuk UserInterfacenya yang terlihat oleh kita.
Baiklah copy code dibawah ini ke file yang baru saja dibuat tadi.

print "Hello World"

Nantinya akan terlihat tulisan hello world seperti pada gambar dibawah ini.

Untuk mencegah aplikasi langsung tertutup sebaiknya anda menggunakan cmd untuk menjalankannya. Untuk cara membuka cmd silahkan lihat artikel saya sebelumnya Cara Membuka Comand Prompt.

Pada python kita tidak perlu menambahkan titik koma diakhir barisnya karena python menggunakan baris baru sebagai pemisah perintah satu dengan lainnya tidak seperti programming lainnya. Lalu jika diatas adalah menampilkan string bagaimana cara menampilkan angka?. Untuk menampilkan angka kita tinggal menulis angka yang ingin di tampilkan tanpa menggunakan tanda kutip.
Seperti script berikut ini

print 2312

Hasilnya akan seperti ini.

Mungkin Sekian tentang python kali ini semoga bermanfaat :)

Cara Membuka Comand Prompt

2015-03-03T18:35:00.001+07:00

Pada kali ini saya akan membahas bagaimana caranya membuka Comand Prompt atau yang akrab di bilang CMD. Comand prompt sendiri memiliki banyak sekali manfaatnya mulai dari membuat file dan juga memberikan perintah lainnya yang tidak dapat dilakukan secara manual seperti menghapus file yang terinfeksi virus. Sekarang saya akan memberikandua cara membuka cmd. Adapun cara yang pertama adalah dengan menggunakan Run Pada windows. Baiklah pada kali ini saya menggunakan Sistem Operasi Windows 7 adapun caranya adalah seperti berikut ini.

Tekan pada keyboard Ctrl + R lalu nantinya akan muncul halaman run.
Tulis di formnya "cmd" tanpa tanda kutip liat pada gambar diatas.
Nantinya comand prompt akan muncul.

Adapun Cara yang kedua yaitu seperti berikut ini.

Klik Start pada windows anda
Klik All Programs
Lalu cari Accessories
Klik Comand Prompt nantinya Comand akan muncul

Silahkan gunakan Comand Prompt yang sudah dibuka tadi sesuai dengan kubutuhan anda. Mungkin sekian artikel singkat saya Semoga dengan ini dapat bermanfaat bagi anda.

Fakta Unik Tentang Kucing

2015-03-02T15:56:00.002+07:00

Kucing merupakan hewan karnivora yang sangat menggemaskan. Banyak orang yang sangat menyukai kucing karena sikapnya yang lucu seperti gambar diatas. Menurut Islam kucing merupakan binatang yang terhindar dari najis. Kucing sudah bersama manusia dari jaman Mesir Kuno pada tahun 3500 tahun lalu atau sekitar 1500 sebelum Masehi. Kucing dapat kita jumpai di setiap tempat mulai di sekitar rumah kita hingga di jalan raya. Kucing sendiri memiliki keunikan yang sangat beragam sekali. Saya akan membahas Fakta Unik Tentang kucing.Namun kali ini banyak fakta yang mengarah ke ajaran islam jika anda non-muslim sebaiknya anda membaca sebagian saja. Berikut ini faktanya.

Ketika seseorang sudah wudhu lalu ia dijilat oleh kucing maka wudhunya tidak batal dikarenakan kucing merupakan makhluk yang terhindar dari najis.
Setelah diteliti oleh para ilmuan kucing tidak memiliki kuman maupun mikroba, ketika di teliti tenyata terdapat kuman, kuman itu termasuk kuman yang biasa yang juga berkembang pada diri manusia.
Jika manusia memiliki sidik jari yang bentuknya berbeda dengan manusia lainnya sendangkan pada kucing memiliki sidik hidung yang berbeda pada setiap kucing lainnya.
Kucing memiliki 30 gigi yang berada di dalam mulutnya.
Dengan bentuk tubuh yang unik kucing dapat membalikan badannya ketika di jatuhkan dari ketinggian beberapa meter. Misalnya ia dijatuhkan dalam keadaan terlentang maka ia akan memutarkan badannya sehingga ia dapat terjatuh dengan posisi tubuh seperti normal.
Cakupan pandangan kucing mencapai 180 derajat.
Lidah kucing dapat membersihkan bulu-bulunya yang mati dan membunuh bakteri yang ada pada bulunya sehingga menjadikan kucing terhindar dari najis.
Kita diperbolehkan berwudhu dengan air bekas minum kucing karena Nabi menekankan bahwa kucing itu tidak najis.
Kucing memiliki otot yang dapat mengeluarkan telur bakteri yang ada di badannya.
Urine kucing akan menyala ketika di tempat gelap. Sehingga ketika mati lampu pakai saja urine kucing sebagai pengganti lilin(Hanya bercanda :) ).
Kucing dapat mencium bau disekitarnya hingga 14 kali lebih kuat dibandingkan manusia.
Ketika seekor kucing minum tidak ada satu tetes air pun yang terjatuh dari lidahnya.

Itu lah fakta unik tentang kucing. Kucing terbilang sangat suci sekali karena ia tidak memiliki najis dan bakteri. Jika kita menyiksa kucing dengan mengurungnya di rumah tanpa memberi makan hingga kucing tersebut mati kelaparan maka dia termasuk orang-orang penghuni neraka.

Kita juga tidak diperbolehkan memberikan karet pada leher kucing yang dapat menyebabkan lukanya bagian lehernya. Rasullullah pun pernah memotong lengan jubah beliau karena ada seekor kucing yang sedang tertidur di jubahnya, Rasulullah tidak ingin membangunkan kucing tersebut sehingga ia memotong lengan jubahnya.

Semoga dengan artikel ini kalian semua dapat lebih menyayangi kucing, Jangan takut untuk memeliharanya karena pada kucing tersebut tidak terdapat najis maupun bakteri yang dapat membahayakan diri kita.

Sumber : www.birayang.com

Cara Mengubah Favicon Di Blog

2015-03-01T15:34:00.001+07:00

Pada kali ini saya akan membahas bagaimana caranya mengubah favicon pada blog. Favicon adalah icon yang terletak didekat title pada address bar di browser kita. Biasanya pada blog yang normal belum di ganti faviconnya akan menggunakan favicon dari blogger yaitu gambar yang bewarna orange dengan di tengahnya terdapat tulisan B yang bewarna putih. Mungkin menurut beberapa orang icon tersebut tidak terlihat menarik karena terlihat tidak professional. Terlebih lagi icon pada blog adalah suatu identitas blog tersebut sehingga banyak orang yang mengganti faviconnya dengan gambar identitas blognya maupun seperti misalnya favicon facebook, twitter dan situs terkenal lainnya.
Untuk mengganti favicon pada blog ini caranya pun sangat mudah sekali adapun caranya adalah sebagai berikut ini.

Login ke blogger dengan akun blogger anda
Pilih blog yang ingin di ubah faviconnya
Pergi kehalaman tempelate dan klik Edit HTML
Setelah berada di halaman edit html anda cari tulisan seperti ini
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
Jika sudah menemukannya ganti href='/favicon.ico' dengan href='link icon'. Jika anda tidak menemukan code diatas silahkan anda tambahkan sendiri
<link href='link icon' rel='icon' type='image/x-icon'/>
Ganti tulisan link icon dengan link icon yang anda ingin gunakan misalnya saya menggunakan icon yang berasal dari http://rezajuliandri.ga/views/img/favicon.png berarti codenya menjadi
<link href='http://rezajuliandri.ga/views/img/favicon.png' rel='icon' type='image/x-icon'/>
Setelah itu klik Simpan Tempelate dan coba lihat blog anda jika sudah terganti berarti berhasil namun jika tidak berhasil silahkan anda coba lagi dari awal

Terima kasih telah membaca artikel saya semoga bermanfaat bagi anda.

Cara Menghapus Akun Facebook Secara Permanent

2015-03-01T13:44:00.000+07:00

Pada kali ini saya akan membahas bagaimana caranya menghapus akun facebook. Mungkin beberapa dari kalian ada yang memiliki facebook banyak namun yang digunakan hanya 1 akun saja. Dengan seperti ini pastinya teman anda akan bingung ketika mencari anda di facebook. Untuk menghindari seperti itu sebaiknya anda menghapus akun yang anda tidak gunakan. Atau misalkan akun anda terancam ada orang lain yang memakai lalu anda ingin membuat baru maka hal yang perlu dilakukan adalah menghapus akun tersebut. Ok sebelum itu anda masuk ke facebook dengan menggunakan akun anda.

Pertama klik gambar segitiga terbali pada menu facebook lalu klik pengaturan.

Nantinya anda akan dibawa ke halaman http://www.facebook.com/settings Lalu klik tulisan keamanan yang berada di sebelah kiri.

Setelah anda mengklik itu anda akan dibawa ke halaman Pengaturan Keamanan. Lalu klik Nonaktifkan Akun Anda .

Setelah itu masih ada tahap lainnya. Anda akan diarahkan Ke halaman Nonaktifkan akun. Halaman ini berisi seperti ini. Untuk menonatifkan akun anda facebook perlu penjelasan mengapa anda menonaktifkan akun anda. Silahkan anda isi form yang disediakan facebook untuk alasan anda menonaktifkan akun anda.Jika anda tidak ingin menonaktifkan facebook anda secara permanent anda tingal menchecklist dibagian Otomatis aktifkan kembali lalu pilih hari pengaktifan akun setelah menonaktifkannya. Dan klik konfirmasi Akun anda pun sudah dinonaktifkan.

Baca Juga artikel saya sebelumnya yang menjelaskan apa itu facebook.
Semoga artikel ini bermanfaat bagi anda. Selamat mencoba.

Operator Inkremen dan Dekremen Dalam C#

2015-03-01T12:00:00.000+07:00

Pada kali ini saya akan membahas tentang operator Inkremen ++ dan Operator Dekreman - . Operator Inkremen akan menambah 1 setiap operandnya, sedangkan Operator Dekreman akan mengurangi 1 setiap operandnya.
Seperti Contoh :

x = x+ 1;

sama seperti

x = x++;

atau pun dalam Dekremen seperti ini

x = x-1;

sama seperti

x = x--;

Dalam format inkremen dan dekremen, x dievaluasi hanya sekali bukanlah dua kali. Kedua Operator inkremen dan dekremen dapat memprefiks atau mempostfiks operland. Seperti Contoh Berikut ini

x = x + 1;

Dapat ditulis sebagai

x = x++; // format prefiks

atau sebagai

x = ++x; //format postfiks

Ketika operator inkremen dan dekremen dipakai sebagai sebagai dari ekspresi yang lebih besar, perbedaan penting terjadi. Ketika operator inkrement dan dekremen mempefiks operandnya, hasil dari operasi tersebut adalah nilai dari operand setelah diinkremen dan didekremen. Ketika operator inkremen atau dekrement mempostfix operandnya, Hasil dari operasi tersebut adalah nilai dari operand sebelum diinkremen ataupun di dekremem. Perhatikan code berikut.

x = 20;
y = ++x;

maka y akan bernilai 21 dikarenakan x terlebih dahulu diinkremen kemudian nilainya dijadikan nilai balik. Namun jika Ditulis seperti ini :

x = 20;
y = x++;

maka y akan bernilai 20 karena nilai x diperoleh terlebih dahulu.Perhatikan Code Berikut ini.

using System;

class Contoh {
 static void Main(){
  int x,y;
  int i;
  x = 1;
  y = 0;
  Console.WriteLine("Hasil dari menggunakan y = y + x++;");
  for(i = 0; i < 10; i++){
   y = y + x++;
   Console,WriteLine(y + " ");
  }
  Console.WriteLine();
  x = 1;
  y = 0;
  Console.WriteLine("Hasil dari menggunakan y = y + ++x;");
  for(i = 0; i < 10; i++){
   y = y + ++x;
   Console.WriteLine(y + " ");
  }
  Console.WriteLine();
 }
}

Nantinya akan muncul tulisan seperti ini :

Hasil dari menggunakan y = y + x++;
1
3
6
10
15
21
28
36
45
55

Hasil dari menggunakan y = y + ++x;
2
5
9
14
20
27
35
44
54
65

Seperti yang tugaskan oleh statemen

y = y + x++;

maka niai x di inkremen setelah hasil nya di dapat sedangkan

y = y + ++x;

nilai x sudah diinkremen terlebih dahulu lalu di tambahkan nilai y

Baca juga artikel saya sebelumnya Pendahuluan C#. Semoga artikel singkat ini bermanfaat bagi anda yang sedang belajar bahasa pemograman C#.

Sumber : Buku Pemograman C# (R.H. SIANIPAR)

Tips Terhindar Dari Aksi Pembegalan Motor

2015-02-28T21:19:00.000+07:00

Pada kali ini saya akan memberikan tips agar terhindar dari pembegalan motor yang kini sedang marak terjadi. Siapapun orang tidak ingin mengalami pembegalan motor apa lagi hingga merenggut nyawa korbannya. Tips ini saya ambil dari On The Spot Trans 7. Berikut ini Tipsnya agar terhindar dari pembegalan.

1. Hindari Jalan Yang Sepi

Jalan yang sepi, Pilihlah jalan alternatif yang ramai kerndaraan berlalu lintas. Jalanan yang sepi sering kali digunakan pada pembegal untuk melancarkan aksinya. Jika anda terpaksa melawati jalan yang sepi sebaiknya anda memacu kendaraan anda menjadi lebih tinggi.

2. Perhatikan Keadaan Sekitar

Perhatikan sekitar anda jika ada kendaraan lain yang mencurigakan segera menghindari kendaraan tersebut dengan menambak kecepatan kendaraan anda dan pergilah ke tempat yang ramai. Ketika anda sudah dipepet oleh pelaku segeralah anda bunyikan klakson untuk mengambil perhatian di sekitar anda.

3. Jangan Berpergian Sendirian

Biasanya pelaku mengincar korbannya yang berpergian sendirian. Jika bisa temanilah dengan teman anda, dengan seperti ini pelaku akan berfikir dua kali untuk melakukan aksinya. Biasanya pelaku mengincar korban yang lemah terlebih lagi yang sendirian.

4. Waspada Ketika Melihat Orang Yang Meminta Bantuan

Modus ini merupakan modus para pembegal untuk menarik perhatian korbannya.Biasanya dengan berpura-pura motornya mogok dan juga menanyakan alamat dsb. Perhatikan keadaaan sekitar terlebih dahulu. Jika keadaan sekitar ramai maka anda dapat menolongnya. Namun jika sekitar anda sepi sebaiknya anda jalan terus dan meminta bantuan kepada orang lain.

5. Waspada Jika Di Depan Ada Rintangan

Perhatikanlah jika di depan anda terdapat rintangan seperti balok kayu, sepeda motor, pohon, atau pun kendaraan lainnya. Karena bisa jadi ini adalah ulah para pembegal untuk memberhentikan korbannya. Jika anda menemui hal ini sebaiknya anda memutar arah saja dan mencari jalur alternatif lainnya.

6. Jika Anda Dalam Kondisi Terdesak

Ketika anda sudah berada pada kondisi ini sebaiknya anda serahkan kendaraan saja dan pegi sejauh munkin lalu laporkan ke polisi. Karena lebih baik kehilangan kendaraan anda dari pada kehilangan nyawa anda.

Aksi begal kini sangatlah beragam sekali dan dengan pelaku yang semakin kejam dan sadis. Biasanya para pelaku tidak segan untuk melukai korbannya hingga merenggut nyawa korbannya. Sekian tips dari saya untuk menghindari aksi pembegalan. Semoga dengan tips ini anda dapat selamat dari aksi pembegalan ini.

Sumber : On The Spot Trans 7

Kondisi Yang Dapat Digunakan Dalam IF

2015-02-27T16:47:00.000+07:00

Kondisi yang digunakan dalam pernyataan IF melibatkan operator pembanding atau kadang disebut operator resional. Operator resional selalu menghasilkan nilai berupa true dan false. Berikut ini table yang memperlihatkan operator pembanding.

Operator	Keterangan	Contoh
==	Operator "Sama Dengan"	2 == 2 Benar 2 == 21 Salah
!=	Operator "Tidak Sama Dengan"	3 != 20 Benar 3 != 3 Salah
<	Operator "Kurang Dari"	2 < 9 Benar 3 < 2 Salah
<=	Operator "Kurang Dari Atau Sama Dengan"	3 <= 20 Benar 5 <= 5 Benar 9 <= 2 Salah
>	Operator "Lebih Dari"	9 > 2 Benar 7 > 9 Salah
>=	Operator "Lebih Dari Atau Sama Dengan"	20 >= 2 Benar 20 >= 20 Benar 2 >= 20 Salah

Kondisi If juga melibatkan operator logika yang berupa &&, ||, !. . Penggunaannya seperti berikut

kondisi1 && kondisi2
kondisi1 || kondisi2

Dengan code diatas akan menghasilkan ketetuan true dan false seperti ketentuan pada tabel berikut.

A	B	A \|\| B	A && B
False	False	False	False
False	True	True	False
True	False	True	False
True	True	True	True

Adapun penggunaan ! adalah seperti berikut
!kondisi

Hasilnya berupa :

True jika kondisi bernilai False
False Jika kondisi bernilai True

Mungkin sekian dari saya semoga bermanfaat bagi anda semua.

Cara Mengetahui Kesalahan Dalam Javascript

2015-02-27T16:11:00.001+07:00

anda menuliskan kode Javascript, Anda akan sering mengalami kesalahan yang membuat hasil dari script anda tidak sempurna dan tidak seperti apa yang anda harapkan. Untuk mengetahui kesalahannya anda dapat menggunakan fasilitas yang ada di browser. Untuk contoh mengecek kesalahan dalam javascript cobalah buat code seperti dibawah ini.

<html>
<head>
<title>Mengetes kesalan pada javascript</title>
</head>
<body>
<script type="text/javascript">
var a;
var b;
var c;
var d;
document.write(a + b + c + d + e);
</script>
</body>
</html>

Maka jika anda test di browser akan muncul seperti gambar dibawah ini

Coba perhatikan gambar diatas. Hasilnya akan kosong tidak akan muncul tulisan. Itu dikarenakan javascript yang kita tulis tadi salah. Untuk mengetahui letak kesalahannya dengan menekan Ctrl + Shift + J terlebih dahulu. Lalu nantinya akan seperti berikut ini

Ketika sudah muncul jendela Inspect Element klik bagian console seperti tulisan yang saya beri warna merah diatas. Setelah di klik nanti akan muncul error pada javascript seperti berikut ini.

Dari gambar diatas kesalahan yang terjadi berupa : Uncaught ReferenceError : e is not defined. Pesan ini menyatakan ada angka yang tidak diharapkan. Kesalahan dinyatakan dalam error.html:11 yang menandakan bahwa kesalahan ada pada file error.html baris ke 11. Dengan pesan kesalahan ini dapat kita jadikan pendoman untuk membetulkan lokasi yang di tunjukkan.

Setelah melihat kesalahan diatas coba anda tambahkan var e; tepat dibawah var d; . Lalu simpan dan perhatikan kembali consolenya nantinya tulisan tadi akan hilang yang menandakan tidak ada error pada code tersebut dan akan ada tulisan NaN karena kita belum menambahkan isi dari variable tersebut.

Mungkin sekian dari saya semoga artikel ini bermanfaat bagi anda.

Pengertian Array dalam Programming

2015-02-27T15:31:00.001+07:00

Array adalah wadah yang dapat menyimpan sejumlah nilai skalar. Setiap nilai di array diakses melalui indeks yang juga biasa disebut subskrip. Dalam hal ini, indeks berupa bilangan bulat yang dimulai dari nol.
Berikut ini saya akan memberikan Contoh penggunaan array pada javascipt

<!DOCTYPE HTML>
<html>
 <head>
  <title>Penggunaan Array Dalam Javascript<title>
 </head>
 <body>
  <script type="text/javascript">
   var hasil = new Array ( 90, 80, 20, 30, 21);
   for(var j = 0; j < hasil.length; j++){
    document.write(hasil[j] + "</br>");
   }
  </script>
 </body>
</html>

Jika dalam php seperti ini

<?php
$hasil = array( 90, 80, 20, 30, 21);
for($j = 0; $j < count($hasil); $j++){
 echo $hasil[$j]."</br>";
}
?>

Perhatikan Code dibawah ini

Dalam Javascript

for(var j = 0; j < hasil.length; j++) {
 document.write(hasil[j] + "<br>");
}

Jika dalam php tadi seperti ini

for($j = 0; $j < count($hasil); $j++){
 echo $hasil[$j]."</br>";
}

Itu digunakan untuk menampilkan elemen variabel hasil[0] hingga hasil[4]. Perlu diketahui, properti length (di javascript) dan count(di php) yang dikenakan di array hasil akan menghasilkan 5, yang menyatakan jumlah elemen dalam array hasil

Dari Script diatas akan menghasilkan seperti ini

Mungkin Sekian pembahasan kali ini semoga bermanfaat bagi anda Terima kasih sudah mengunjungi blog ini.

Cara Memindahkan Aplikasi Dari Perangkat Ke SD Card

2015-02-25T12:00:00.000+07:00

Pada kali ini saya akan membahas bagaimana caranya memindahkan aplikasi dari perangkat ke SD Card dan juga sedikit tutorial memasang kartu SD kedalam perangkat. Pada kali ini saya menggunakan perangkat ADVAN T2F dengan Sistem Operasi Kitkat 4.4. Fungsi kartu SD pada perangkat adalah agar aplikasi yang diinstall tidak terlalu membebani perangkat anda. Karena jika anda tidak menggunakan kartu SD maka perangkat anda akan bekerja ekstra keras sehingga menyebabkan perangkat anda sangat lambat sekali. Dengan kartu SD ini lahh perangkat anda tidak terlalu dibebani oleh aplikasi yang ada di dalamnya. Sebelum melakukan pembahasan ini anda harus menyiapkan kartu SD pada perangkat anda. Mohon maaf jika tutrorial yang saya berikan tidak sama dengan yang ada di perangkat anda karena mungkin saja karena perbedaan sistem operasi. Baiklah jika kartu SD sudah dimasukkan waktunya memasangnya dan memindahkan aplikasi yang ada di perangkat ke kartu SD. Ikuti langkah-langkah berikut ini.

Pertama pastikan perangkat anda sudah terdapat kartu SD lalu masuk kebagian setting
Lalu masuk kebagian penyimpanan
Setelah masuk kebagian penyimpanan scroll kebawah nantinya akan ada tulisan Pasang Kartu SD
Tunggu hingga proses selesai lalu saatnya kita memindahkan aplikasi yang ingin dipindahkan ke dalam kartu SD
Sentuh bagian Apl lalu disana nantinya anda akan menemui aplikasi yang anda install
Pilih aplikasi yang ingin di pindahkan ke dalam kartu SD lalu klik tulisan aplikasinya
Lalu nantinya anda akan menemui text dengan icon aplikasi yang ingin dipindahkan beserta versinya. Untuk memindahkannya sentuh bagian Pindahkan ke kartu SD, Tunggu hingga proses selesai.
Jika sudah nantinya tulisan Pindahkan ke kartu SD akan berganti dengan tulisan Pindahkan ke Perangkat atau Pindahkan ke Tabet. Aplikasi pun sudah di pindahkan.
Jika anda ingin mencopot kartu SD anda sebaiknya anda pindahkan dahulu aplikasi yang ada di Kartu SD ke perangkat anda.
Lalu masuk lagi ke bagian penyimpanan dan sentuh tulisan Lepaskan Kartu SD.
Tunggu hingga proses selesai jika sudah selesai kartu SD dapat di lepaskan

Mungkin dari saya hanaya segitu dulu. Mohon maaf jika penjelasan diatas tidak menggunakan gambar karena pada saat ini perangkat saya sedang dalam gangguan. Semoga bermanfaat bagi anda.

Statement If dan Statement Loop For Pada C#

2015-02-22T12:00:00.000+07:00

Pada kali ini saya akan membahas tentang statement If dan Loop For di C#. Pertama saya akan membahas tentang Statement if terlebih dahulu. Hampir semua bahasa pemograman terdapat statement ini. Pada statement if kondisi adalah sebuah ekspresi Boolean (bernilai true maupun false). Jika bernilai True maka akan dieksekusi statement ini. Sedangkan jika bernilai False maka statement ini tidak diabaikan.

Sebelum memperdalam tentang if kita harus mengetahui operator yang biasa digunakan dalam if. Perhatikan operator dibawah ini

Operator Beserta Artinya
Operator	Arti
>	Kurang dari
<=	Kurang dari atau sama dengan
>	Lebih dari
>=	Lebih dari atau sama dengan
==	Sama dengan
!=	Tidak sama dengan

Berikut ini contoh penggunaan If.

using System;

class IfDemo {
 static void Main(){
  int a,b,c;
  a = 3;
  b = 2;
  if(a<b) Console.WriteLine("a kurang dari b");
  if(b<a) Console.WriteLine("b kurang dari a");
  c = 3;
  if(a == c) Console.WriteLine("c sama dengan a");
  if(b == c) Console.WriteLine("c sama dengan b");
 }
}

Nantinya akan muncul tulisan seperti ini

b kurang dari a
c sama dengan a

Setelah membahas Statement If maka selanjutnya saya akan membahas tentang Statement Loop For.
Loop digunakan untuk mengulang suatu code. kondisi disiini adalah ekspresi Boolean yang menguji variable kendali loop. Jika keluaran loop bernilai true maka akan terus di jalankan. Jika keluaran lop bernilai false maka loop akan berhenti.
Berikut ini adalah program yang menggunakan loop for

using System;

class LoopDemo {
 static void Main() {
  int jumlah;
  for(jumlah = 0; jumlah <= 3; jumlah ++)
   {
     Console.WriteLine("Loop Masih Berjalan");
    }
   Console.WriteLine("Loop Sudah Berhenti");
  }
}

Dari Script diatas maka akan muncul tulisan seperti dibawah ini.

Loop Masih Berjalan
Loop Masih Berjalan
Loop Masih Berjalan
Loop Masih Berjalan
Loop Sudah Berhenti

Pada script diatas jumlah adalah variable yang mengendalikan jalannya loop. Jika jumlah Kurang dari atau sama dengan 3 maka loop akan terus dijalankan. Ketika variable jumlah bernilai 4 maka loop langsung berhenti.

Baiklah Mungkin Sekian dari saya tentang Statement If dan Loop Semoga Bermanfaat Bagi Anda.

Variable dan Aritmatika Pada C#

2015-02-21T12:00:00.000+07:00

Setelah membaca artikel saya sebelumnya yang berjudul Pendahuluan Tentang C# pada kali ini saya akan membahas tentang Variable pada C# dan juga Aritmatika pada C#. Sebelum itu anda harus memahami dasar-dasarnya terlebih dahulu pada artikel saya sebelumnya.

Pertama buat terlebih dahulu script ini.

using System;

class Contoh {
 static void Main(){
  int x; // untuk membuat variable x
  int y; // untuk membuat variable y
  x = 200; // memberikan nilai x adalah 200
  Console.WriteLine("x berisi " + x); //menampilkan isi variable x
  y = x / 2; // variable y berisi x/2
  Console.Write("y berisi x / 2 : "); // menampilkan text
  Console.WiteLine(y); //menampilkan isi variable y
 }
}

Coba anda jalankan program diatas maka akan muncul seperti dibawah ini.

x berisi 200
y berisi x / 2 : 100

Perhatikan pada Code dibawah ini

int x; // untuk membuat variable x
int y; // untuk membuat variable y

Script diatas digunakan untuk memebuat variable x dan y, int pada awal variable digunakan untuk memberitahukan bahwa x dan y bertipe integer. lalu perhatikan lagi code dibawah ini

x = 200; // memberikan nilai x adalah 200

Ini digunakan untuk memeberitahukan bahwa variable x bernilai 200

Console.WriteLine("x berisi " + x); //menampilkan isi variable x

Pada code diatas digunakan untuk menampilkan string "x berisi" lalu menampilkan nilai pada variable x. Tanda + disini digunakan untuk menampilkan nilai x ditampilkan setelah string.

 y = x / 2; // variable y berisi x/2

Pada baris ini untuk menentukan nilai y maka nilai x adalah hasil pembagian 2 dari variable x lalu menyimpannya dalam variable y.

Berikut ini beberapa Aritmatika yang sering kita gunakan sehari-hari.

Aritmatika	Artinya
+	Perjumlahan
-	Pengurangan
*	Perkalian
/	Pembagian

Serta perhatikan dua baris selanjutnya pada code diatas

Console.Write("y berisi x / 2 : "); // menampilkan text
Console.WiteLine(y); //menampilkan isi variable y

Perhatikan Pada Console.Write , Sebenarnya sama saja fungsinya dengan Console.WiteLine namun yang membedakan adalah pada Console.Write tidak menghasilkan baris baru sedangkan Console.WriteLine menghasilkan baris baru. Pada Console.WriteLine(y) maka hanya akan memunculkan variable y.

Pendeklarasian variable dapat digunakan dua bahkan lebih menggunakan statement deklarasi yang sama. Perhatikan Code ini

int a,b

Pada code diatas maka variable a dan b di deklerasikan dalam satu statement yaitu int. untuk pemisahnya menggunakan tanda baca (,)Koma.

Pada script diatas kita menggunakan Tipe Data int. Namun int sendiri hanya dapat memuat bilangan bulat saja sehingga tidak dapat digunakan untuk memuat suatu pecahan. Namun untuk menangani tersebut terdapat tipe float dan double namun kebanyakan orang menggunakan double.

Coba buat lagi script seperti ini

class Contoh {
 static void Main(){
  int x;
  double y;
  x = 200;
  y = 200.0;
  x = x / 7;
  y = y / 7.0;
  Console.WriteLine("Nilai x adalah " + x);
  Console.WriteLine("Nilai y adalah " + y);
 }
}

Hasil keluaran dari script itu adalah seperti berikut

Nilai x adalah 28
Nilai y adalah 28.57142857142857

Perhatikan maka jika variable x dibagi 7 hanya menampilkan 28 saja sedangkan variable y dibagi 7 akan menghasilkan 28.57142857142857

Baiklah sekian pembahasan tentang Variable dan Aritmatika Pada C#. Semoga bermanfaat bagi anda

Pendahuluan Tentang C#

2015-02-15T14:43:00.002+07:00

C# adalah bahasa pemograman dari bahasa C. Mungkin anda sudah tidak asing lagi dengan bahasa prmograman ini karena bahasa pemograman ini sudah sangat terkenal sekali. Untuk pengembangan C# anda dapat menginstall terlebih dahulu aplikasi untuk pengembang C# ini terlebih dahulu. Saran saya sebaiknya anda menggunakan Microsoft Visual Studio untuk mengembangkan C# ini. Setelah semua siap waktunya membuat program sederhana. Saya akan memberikan contoh script beserta penjelasannya.

/*
ini sebuah program c# sederhana
ini hanya c# singkat saja
*/

using System;
class Contoh {
 // Sebuah program C# diawali dengan memanggil Main()
 static void Main() {
 Console.WriteLine("Ini akan muncul");
 }
}

Lalu Kompilasi Code tersebut lalu jalankan. Pasti akan muncul tulisan "Ini akan Muncul". baiklah saya akan jelaskan maksud script diatas.

/*
ini sebuah program c# sederhana
ini hanya c# singkat saja
*/

Script diatas dinamakan komentar yang lebih dari 1 baris. Seperti kebanyakan bahasa pemograman, C# memberikan anda izin untuk memeberikan komentar.
Lalu perhatikan lagi script dibawah ini

using System;

Ini digunakan untuk mengindikasikan bahwa program menggunakan namespace System . Name
space ini diperuntukkan untuk item-item yang berkaitan dengan pustaka kelas Framework .NET.

class Contoh {

Ini digunakan untuk memeberikan class pada c#. Pada script diatas kita berarti akan membuat class dengan nama Contoh. Setiap class harus di awali dengan tanda { dan diakhiri dengan tanda }

 // Sebuah program C# diawali dengan memanggil Main()

Script diatas digunakan untuk memeberikan komentar. Komentar ini diawali dengan tanda //. Komentar jenis ini digunakan untuk memebuat komentar yang terdiri hanya 1 baris saja.

static void Main(){

Pada baris ini diawali dengan katakunci static. Suatu metode yang dimodifikasi dengan static dapat dipanggil sebelum sebuah objek dari kelasnya diciptakan. Kata kunci void menindikasikan bahwa Main() tidak menghasilkan suatu nilai balik. Lalu karakter { digunakan untuk menandakan awal
tubuh Main().

Console.WriteLine("Ini akan muncul");

Pada baris ini digunakan untuk menampilkan "Ini akan muncul". Dengan diikuti baris baru pada layar. Dengan menggunakan script ini maka semua yang ada pada dalam string ini akan di tampilkan pada layar seperti pada PHP yaitu echo. Serta harus diakhiri dengan tanda titik koma (;).

Mungkin sekian dulu dari saya semoga dari tulisan diatas bermanfaat bagi anda semua.

Cara Mengubah SSID Pada Bolt

2015-02-08T07:32:00.001+07:00

Mohon maaf jika saya sudah mulai jarang post di blog ini dikarenakan banyak urusan di dunia nyate dengan di dunia maya. Pada kali ini saya akan memberikan tutorial cara mengubah SSID pada bolt. Mungkin ada beberapa orang yang tidak mengetahui apa itu SSI. SSID adalah singkatan dari Set Service Indentifier yaitu nama perangkat dalam jaringan wireless. Jika anda baru membeli bolt mungkin SSID nya adalah BOLT!Super4G-xxxx, xxxx adalah nomor seri perangkat bolt. Pernahkah anda terpikirkan bagaimana caranya mengubah SSID tersebut. Berikut ini langkah-langkahnya:

Pastikan Perangkat Bolt anda menyala dan anda terkoneksi dengan bolt tersebut
Setah itu tulis di browser anda dengan 192.168.1.1
Nanti anda akan menemui halaman login. Masukkan password default adalah admin
Lalu masuk ke tab Pengaturan
Nantinya anda akan menemui form SSID dengan sandi WIFI. Silahkan ganti dengan SSID dan passwordnya sesuai keiinginan kamu. Seperti dibawah ini contoh yang sudah di ganti SSIDnya
Jika sudah klik Submit/Terapkan tunggu beberapa saat. Jangan khawatir jika tiba-tiba koneksi bolt anda terputus nantinya jika sudah berubah SSID nya anda dapat menggunakannya kembali.
Coba cek di icon Wifi di samping kanan bawah pada Windows. Jika sudah terganti berarti sudah berhasil.

Selamat Mencoba Semoga Bermanfaat.

Tingkatan Programmer Berdasarkan Skill Levelnya

2015-01-31T13:00:00.000+07:00

Programmer merupakan orang yang sangat penting sekli dalam dunia komputer. Karena jika tanpa adanya programmer maka komputer yang kita gunakan pada saat ini tidak akan dapat berfungsi seperti pada saat ini. Programmer juga terdapat tingkatannya mulai dari yang paling rendah yang disebut Novice Programmer hingga tingkatan paling tinggi yaitu Expert programmer. Setiap Pogrammer pastinya pernah mengalami masa-masa Novice Programmer sebelum sampai ke tingkatan yang lebih tinggi. Berikut ini saya akan membahas tingkatan programmer mulai dari yang paling rendah hingga ke mahir.

1. Novice Programmer

Novice adalah tingkatan paling rendah programmer dalam skill-nya. Ini bisa dibilang merupakan level pemula. Yang masuk level ini adalah mereka yang baru mengenal pemrograman, masih bingung tentang pemrograman itu sendiri dan bagaimana cara memulainya.

Programmer yang skill-nya masih ada di level ini biasanya membutuhkan panduan secara mendetail jika mempelajari sesuatu atau mengikuti tutorial. Misalnya cara menulis kode PHP, harus dijelaskan tentang bagaimana menginstal web server terlebih dahulu, kemudian menggunakan code editor apa, dan bagaiamana cara menyimpan kode program. Biasanya pada tingkatan ini, programmer masih sangat kaku terhadap konteks. Dia bisa saja menyelesaikan satu program sederhana dengan mengikuti tutorial, tapi akan kesulitan jika harus memodifikasi program tersebut.

Saya rasa semua programmer pasti pernah berada di level ini, ya karena semua pasti butuh proses. Nggak ada ceritanya seseorang programmer langsung jago coding.

2. Advance Beginner Programmer

Tingkatan selanjutnya adalah Advance Beginner Programmer. Programmer yang berada di level ini sudah memiliki skill yang lebih tinggi dari pada Novice Programmer. Karena sudah lebih banyak belajar, programmer di tingkatan ini biasanya sudah mengerti tentang programming dan apa yang ia lakukan dengan programming itu sendiri. Selain itu, programmer di level ini sudah tidak terlalu kaku dengan konteks lagi, jika dia mempelajari sesuatu, dia bisa memodifikasinya sesuai dengan kebutuhannya. Misalnya dia mempelajari panduan untuk membuat sebuah aplikasi perpustakaan, dia sudah bisa menyesuaikan mana yang dia butuhkan dan mana yang ia tidak dia butuhkan dari panduan tersebut.

Hanya saja, kelemahan dari programmer di level Advance Beginner ini adalah mereka tidak terlalu memahami konsep secara keseluruhan. Ketika mempelajari sebuah framework atau tools, dia hanya mempelajari apa yang dia butuhkan saja, dia tidak mengerti bagaimana framework atau tools itu bekerja. Orientasi utamanya adalah menyelesaikan masalah yang ia hadapai, jika beberapa fungsi saja sudah cukup untuk menyelesaikan masalahnya, maka dia hanya akan tahu tentang fungsi-fungsi tersebut saja. Dia tidak terlalu tertarik untuk memahami big picture bagaimana framework atau tools itu bekerja.

3. Competent Programmer

Level yang lebih tinggi selanjutnya adalah Competent Programmer. Seorang yang berada di tingkatan ini biasanya sudah memiliki pengalaman yang lumayan. Ciri utamanya adalah dia telah mampu melakukan troubleshooting. Ia mampu menyelesaikan masalah yang bahkan belum ia temui sebelumnya dari bekal pengalaman per-codingan-nya selama ini. Dalam belajar, programmer di level ini sudah bisa mandiri dan mengeksplorasi sendiri. Kekuatan utamanya adalah pengalaman.

4. Proficient Programmer

Naik level lagi. Level ini adalah level yang semakin master, yaitu Proficient Programmer. Seorang programmer yang sudah sampai pada tingkatan ini biasanya sudah cenderung melihat sesuatu secara keseluruhan. Tidak lagi hanya mempelajari dan menerapkan satu fungsi saja asalkan masalahnya terselesaikan, tetapi benar-benar ingin mengetahui bagaimana sesuatu itu berjalan.

Karena pengetahuannya yang menyeluruh terhadap sesuatu terkadang dia bahkan mampu memberitahukan dimana letak kesalahan sebuah kode, bahkan tanpa menjalankan kode tersebut.

5. Expert Programmer

Tingkatan paling tinggi seorang programmer dilihat dari skill-nya adalah seorang expert. Dari merekalah muncul karya-karya luar biasa. Mereka tidak hanya mempelajari sebuah konsep secara keseluruhan dari sebuah tools, mereka malahan menciptakan tools. Mereka membuat bahasa pemrograman, mereka membuat library, mereka membuat framework, membuat IDE, mereka membuat konsep-konsep baru yang bermanfaat untuk pemrograman, mereka membuat buku. Dari merekalah kita belajar banyak hal.

Semoga bermanfaat..

Sumber:

http://setikom.blogspot.com/2013/06/5-tingkatan-atau-level-seorang.html

http://rahmatawaludin.wordpress.com/2012/07/21/5-jenis-programmer-berdasarkan-skill-level/

http://en.wikipedia.org/wiki/Dreyfus_model_of_skill_acquisition
http://www.codepolitan.com/tingkatan-seorang-programmer-berdasarkan-skill-level/

Cara Membuat Javascript Tidak Dapat Dibaca

2015-01-11T00:00:00.000+07:00

Pada kali ini saya akan memeberikan website yang digunkaan untuk mengcompress javascript. Javascript yang sudah terkompres tidak akan mudah dibaca meskiun oleh programer yang handal sekali pun. Butuh beberapa waktu untuk membacanya jika secara manual. Dengan mengcompress javascript ini orang yang tidak kita inginkan untuk melihat fungsi-fungsi yang berada di website kita tidak akan mudahh membacanya. Dengan mengcompress javascript juga dapat mempercepat load pada web karena javascript yang sudahh di compress akan sangat ringan dan tidak memekana banyak bandwich.

Untuk mengkompres javascript anda dapat membuka website http://dean.edwards.name/packer/ lalu memasukkan script javascript anda ke dalam textbox yang sudah disediakan. Namun sebelum anda mengelik pack klik base62 Encode terlebih dahulu alu klik pack. dan copy script yang muncul pada textbox yang terdapat di bawah. lalu copy javascript dan lihat hasilnya.
Mungkin sekian dari saya Semoga bermanfaat bagi anda.