Category Archives: Komputer

Membahas tentang rahasia di balik operasi sistem applikasi Windows PC.

Nama Domain

Nama Domain Merupakan Identitas

Dengan makin maraknya perkembangan E-Commerce pada layanan Internet, nama domain sudah tidak lagi hanya digunakan oleh kalangan perusahaan untuk keperluan identitas bisnisnya di dunia maya tetapi dapat dimanfaatkan juga oleh pengguna umum untuk berbagai keperluan identitas seperti website atau blog pribadi, email pribadi ataupun sebagai alamat di media sosial. Dengan berbagai pilihan Top Level Domain, sesuai dengan karakter kebutuhan penggunaan. salah satunya domain yang ada di bawah ini :
*.com Commercial
*.co.id Corporate Indonesia
*.go.id Goverment Indonesia
*.tv       Untuk Pertelevision
Dan masih banyak lagi, Semua domain diatas hanya domain *.com yang tidak memerlukan Persyaratan sperti SIUK Surat ijin usaha, KTP, dll. karena penggunaan selain domain *.com tidak sembarangan orang bisa dapatkan. Jadi pengetahuan tentang domain juga perlu kita pahami. sebelum kita tentukan nama website yang akan kita buat.

domain-name

Duplicate data

Pencarian Data Ganda pada 2 kolom

Fungsi MATCH akan digunakan untuk mengecek data yang ada pada kolom satu dan mencari duplikatnya pada kolom kedua, jika duplikatnya ditemukan maka akan menghasilkan sebuah nilai yang bisa dicutomize, sedangkan jika fungsi MATCH tidak menemukan duplikat pada kolom kedua, maka akan mengghasilkan/menampilkan nilai  #N/A

Syntax / aturan penulisan rumus MATCH yaitu:

MATCH(lookup_value,lookup_array,match_type)

Karena keterbatasan fungsi MATCH maka untuk menghindari excel menampilkan hasil error berupa  #N/A  maka kita dapat menggunakan fungsi lain dari excel yang khusus untuk menangani kesalahan #N/A, yaitu fungsi ISNA, Fungsi ISNA  akan berfungsi untuk menangani error #N/A . Sekedar mengingatkan saja  Fungsi ISNA adalah merupakan fungsi turunan dan fungsi IS, beberapa fungsi turunan dari IS lainnya adalah:

ISBLANK(value), ISERR(value), ISERROR(value), ISLOGICAL(value), ISNA(value), ISNONTEXT(value), SNUMBER(value), ISREF(value), ISTEXT(value), ISEVEN(number), ISODD(number)

Agar lebih mudah memahami penggunaan fungsi IF(ISNA(MATCH)) silahkan ikuti prosedur berikut:

  1. Buat tabel data seperti di bawah ini:
  2. duplikat
  3. Kolom A dan kolom D berisi data, kolom E akan diisi dengan formula untuk mengecek /menguji apakah formula excel menemukan data duplikat dari kolom A pada kolom D.

Di sel E2 ketik rumus:

=IF(ISNA(MATCH(D2,$A$2:$A$80,0)),”unik”,”duplikat”)

Fungsi di atas akan mengecek nilai duplikat dari kolom A pada kolom D, Jika Di temukan duplikat di kolom A, maka akan tercetak “duplikat”. Jika tidak di temukan akan otomatis “Unik”.

Ini sangat berguna untuk memastikan bahwa tidak ada yang terlewati saat kita membuat data yang sama di antara 2 sheet. Jadi 1 data akan mengecek ke 1 kolom yang sudah di tentukan.

(D2,$A$2:$A$80,0)

D2 yang akan jadi data, $A$2:$A$80 di maksudkan range kolom yang akan di check duplikatnya.

HTML Link

# Link HTML – Hyperlink
Link HTML adalah hyperlink.
Sebuah hyperlink adalah elemen, teks, atau gambar yang Anda dapat mengklik, dan melompat ke dokumen lain baik di halaman itu sendiri atau membuka halaman baru.
Example :
<a href=“http://www.rubinludi.com”>A step further by learning system</a>
<a href=“html_images.jpg”>HTML Images</a>

# Link HTML – Warna dan Ikon saat memilih link
Ketika Anda memindahkan kursor mouse di atas link page, dua hal yang biasanya akan terjadi:
Mouse panah akan berubah menjadi tangan kecil warna putih
Warna elemen link akan berubah dengan sendirinya
Secara default, link akan muncul karena hal ini di semua jenis browser :
Link yang belum dikunjungi adalah di garis bawahi dan biru
Sebuah link yang dikunjungi adalah di garis bawahi dan ungu
Link aktif adalah di garis bawahi dan merah
Anda dapat mengubah warna default, menggunakan gaya seperti di bawah ini :
<style>
a:link {color:#000000; background-color:transparent}
a:visited {color:#000000; background-color:transparent}
a:hover {color:#ff0000; background-color:transparent}
a:active {color:#ff0000; background-color:transparent}
</style>

# Link HTML – Target Atribut
Target atribut menentukan di mana untuk membuka dokumen terkait.
Contoh ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

Target Value Description
_blank Membuka link dengan jendela browser / tab yang baru.
_self Membuka dokumen terkait dalam frame yang sama seperti yang diklik (ini adalah standard link).
_parent Membuka dokumen terkait dalam kerangka induk, Halaman itu sendiri.
_top Membuka dokumen terkait dalam halaman penuh dalam browser.
framename Membuka dokumen terkait dalam bingkai bernama (ini jarang di lakukan).

Jika halaman web Anda terkunci dalam bingkai frame, Anda dapat menggunakan target = “_ top” untuk keluar dari frame:
contoh:

<a href=“http://www.rubinludi.com” target=“_top”>A step further by learning system</a>
 # HTML Links – Image as Link
<a href=“default.html”>
<img src=“smiley.gif” alt=“HTML tutorial” style=“width:42px;height:42px;border:0”>
</a>

Chart

 

Cara membuat Axis menjadi Legend, Adalah sebagai berikut :

1

Lalu tekan Switch Row/Colomn

2

Maka yang tadinya Format Axis, akan menjadi Legend.
Ini berguna untuk monitoring perubahan statistik pada quantity.

Yahoo Widget

Yahoo! Messenger merupakan aplikasi chatting yang sangat handal dan masih bertahan ditengah banyaknyanya situs jejaring sosial, seperti Facebook maupun Twitter. Kepercayaan sesama penggunanya pun diyakini lebih kuat saat melakukan interaksi, termasuk bertransaksi online juga belanja online.

Sebelumnya anda harus sudah punya akun Yahoo! Messenger terlebih dahulu.

A. Untuk Pakai Custom HTML

1.  Masuk ke admin dashboard WordPress anda.

2. Klik menu Apperance– Widgets – Pilih Text – Drag ke Main sidebar.

3. Pada kolom judul Text tidak perlu di isi (sudah di wakili oleh status anda).

4. Pada body Text, copy paste kan kode script HTML di bawah ini :

<br/>
<div align = "center">
<a href="ymsgr:sendIM?ID-YM Anda"><img border="0"
src=http://opi.yahoo.com/online?u=ID-YM Anda&t=X/</a>

atau anda juga dapat memasang kode HTML berikut :

<a href="http://messenger.yahoo.com/edit/send/?.target=ID_YM_Anda">
<img src="http://opi.yahoo.com/yahooonline/u=ID_YM_Anda/m=g/t=X/l=us/opi.jpg" border="0" alt="Status YM" /></a>

5. Pada kode script di atas, gantilah tulisan ID-YM Anda dengan kode ID Yahoo! Messenger anda tanpa embel-embel tulisan @yahoo.com. Hanya ID Yahoo! Messenger anda. misal rubinludi@yahoo.co.id, cukup ketik rubinludi.

6. Pada tulisan t=X Ganti “X” nya dengan kode gambar Yahoo! Messenger yang anda kehendaki. Daftar kode gambar Yahoo! Messenger adalah sebagai berikut :

Kode Logo

Logo Status YM

t=0
t=1
t=2
t=3
t=4
t=5
t=6
t=7
t=8
t=9
t=10
t=11
t=12
t=13
t=14
t=15
t=16

7. Yang sering dipakai admin adalah t= 2 dan t=14. Tapi silahkan kalian tentukan sendiri. Contoh jika kalian memilih t=14, maka hasilnya adalah sebagai berikut :

status ym

Anda juga harus mengaktifkan program Yahoo! Messenger di komputer anda sehingga status YM anda itu ONLINE. Pengguna akan dapat berkomunikasi langsung dengan anda bila pengunjung juga mengaktifkan Yahoo! Messenger dikomputernya.

Memasang status YM di WordPress juga bisa pakai plugin Yahoo! Messenger Online Status atau Yahoo! Messenger Status Widget, namun kebanyakan plugin ini tidak compatible dengan WordPress versi terbaru seperti yang saya passang ini.  Jadi tidak bisa dipakai untuk WordPress terbaru versi 3.9.2.

yM

Simple bukan:-)

MySQL (Structured Query Language)

SISTEM MANAJEMEN BASIS DATA RELASIONAL
MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional. Pada modus operasi non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun demikian pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya. Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional.

    MySQL memiliki beberapa keistimewaan, antara lain :

  1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.
  2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.
  3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
  4. ‘Performance tuning’, MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.
  5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.
  6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).
  7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
  8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
  9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).
  10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
  11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).
  12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
  13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

AKUISISI OLEH SUN DAN ORACLE
Pada tanggal 16 Januari 2008 Sun Microsystems, Inc mengumumkan aksi korporasi – akuisisi terhadap MySQL AB sehingga menjadikan Sun sebagai salah satu perusahaan dengan produk platform open source terbesar seperti Java, OpenSolaris dan akhirnya MySQL. Berselang setahun kemudian, tepatnya pada tanggal 20 April 2009 giliran Oracle melakukan akusisi terhadap Sun Microsystems. Sejak saat itu berkembang isu Oracle – yang memiliki produk database yang berkompetisi dengan MySQL – akan mematikan MySQL. Namun sampai sejauh ini hal tersebut belum terbukti.

KOMUNITAS MYSQL INDONESIA
MySQL termasuk salah satu database utama yang digunakan di Indonesia terutama di kalangan developer PHP. Ini disebabkan native integration antara PHP dan MySQL serta banyaknya hosting yang menyertakan kedua produk tersebut karena bebas lisensi dan sudah terbukti tangguh dan efisien. Website komunitas MySQL Indonesia yang terpisah dari komunitas PHP dapat Anda kunjungi di http://groups.google.com/group/mysql-indonesia
Source : http://id.wikipedia.org/wiki/MySQL

HTML Text Area Code

HTML Textarea Code:

  • <textarea name=”myTextArea”cols=”20″ rows=”10″>
    Please limit your response to 100 characters.</textarea><br/>
  • <textarea name=”myTextArea” cols=”40″ rows=”2″>
    Please limit your response to 200 characters.</textarea><br/>
  • <textarea name=”myTextArea” cols=”45″ rows=”5″>
    Please limit your response to 500 characters.</textarea><br/>

Capture

HTML table code

HTML Table Code:

<table border="1">
  <tr>
    <td>Row 1 Cell 1</td>
    <td>Row 1 Cell 2</td>
  </tr>
  <tr>
    <td>Row 2 Cell 1</td>
    <td>Row 2 Cell 2</td>
  </tr>
</table>

HTML Table one:

Row 1 Cell 1 Row 1 Cell 2
Row 2 Cell 1 Row 2 Cell 2

HTML Table Code:

<table border="1">
  <tr>
    <td width="30%">
      <ul>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
      </ul>
    </td>
    <td>
      <ul>
        <li>List Item 4</li>
        <li>List Item 5</li>
        <li>List Item 6</li>
      </ul>
    </td>
  </tr>
  <tr>
    <td>
  <p>Mencegah hilangnya data dengan hosting...</p>
    </td>
    <td>
      <a href="http://rubinludi.com" target="_blank">
  <img SRC="pic/r2.jpg" CLASS="linksRubinludi"></img>
      </a>
    </td>
  </tr>
</table>

HTML Table Two:

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • List Item 6
Mencegah hilangnya data dengan hosting…

Di bawah ini untuk mewarnai Tabel :

<table border=”1″ bgcolor=”red”>
<tr>
<th bgcolor=”green”>Pengunjung</th>
<th bgcolor=”blue”>Jumlah (%)</th>
</tr>
<tr>
<td bgcolor=”yellow”>Perempuan</td>
<td bgcolor=”burlywood”>20%</td>
</tr>
<tr>
<td bgcolor=”brown”>Laki – Laki</td>
<td bgcolor=”chartreuse”>80%</td>
</tr>
</table>

HTML image

HTML – Image Height and Width Attributes

Tinggi dan Lebar adalah atribut HTML yang mendefinisikan tinggi dan lebar sifat unsur itu. Nilai-nilai ini dapat menjadi persentase berbasis (%) atau bergantung pada ukuran pixel.

HTML Height and Width Attributes:

<img src="pic/r.png" height="50" width="100" />

HTML Height and Width (Pixels):

Di atas, kita telah menggunakan nilai-nilai pixel hard-coded untuk tinggi dan lebar dari gambar R Logo untuk memastikan bahwa gambar ini akan selalu membuat 50 piksel tinggi dengan 100 piksel lebar. Dengan Hard-coded nilai-nilai ini, kita memastikan bahwa gambar hanya akan menampilkan 50 piksel tinggi oleh 100 piksel lebar, bahkan jika file gambar itu sendiri terjadi menjadi jauh lebih besar. Jika dimensi dari gambar yang jauh lebih besar, maka kita berisiko beberapa browser mencoba untuk mengecilkan gambar kita ke dalam kotak kecil kita.

Tinggi dan lebar nilai juga bisa menjadi persentase. Nilai persentase yang relatif terhadap induk elemen HTML (biasanya body), yang berarti jika Anda memiliki elemen induk seperti elemen <body> yang seluruh layar (1024×768), kemudian gambar dengan tinggi dan lebar 100% akan mengambil bahwa seluruh elemen body (1024×768). Dalam contoh kita di bawah ini, kami telah menempatkan gambar dalam elemen tabel yaitu sekitar 400 pixel dan lebar 200 pixel tinggi.

HTML Height and Width Code:

<table height='200' width='400'>
  <tr>
    <td>
      <img src="pic/r.png" height="100%" width="100%">
    </td>
  </tr>
</table>

HTML Height and Width (Percentage):

Gambar ini sekarang mempunyai satuan pixel, yang telah diberikan untuk mengisi elemen 400×200 table. Alasan kita melihat kualitas rendah, pixelated render gambar adalah karena file gambar yang sebenarnya jauh lebih kecil dari 400×200 dan telah membentang oleh browser web karena kode kita untuk melakukannya.

Berikut adalah beberapa hal yang perlu diingat ketika mencoba untuk menempatkan gambar pada halaman web Anda:

  1. Mempertahankan ketinggian yang sama untuk rasio lebar.Rasio sangat penting, dan harus dijaga untuk menghindari kemiringan.
  2. Selalu menurunkan skala. — Gambar besar akan di turunkan baik dan selalu terlihat tajam.

Jika tidak ada tinggi atau lebar atribut yang ditentukan dalam tag <img>, browser akan menggunakan dimensi sebenarnya dari file gambar untuk membuat gambar. Hal ini dapat menyebabkan masalah dengan tata letak halaman jika file gambar terlalu besar, sebagai elemen HTML lainnya akan dipindahkan di bagian bawah halaman dalam hal gambar lebih dari ukuran.

Konsep lain yang perlu diingat adalah bahwa sebagai browser mulai render komponen HTML, menangani mereka satu demi satu secara berurutan. Sebelum dapat berpindah dari satu elemen ke berikutnya, browser perlu mengetahui ukuran dan bentuk dari suatu elemen. Jika informasi ini disediakan dalam tag, itu kurang satu langkah yang diperlukan oleh browser untuk membuat elemen gambar dan akan menghasilkan halaman loading lebih cepat bagi pengguna Anda.

HTML – Alternative Attribute

altatribut menentukan teks alternatif yang akan ditampilkan jika karena alasan tertentu browser tidak dapat menemukan gambar, atau jika pengguna memiliki file gambar dinonaktifkan dalam pengaturan browser web mereka. Teks saja browser sangat tergantung pada alt atribut karena mereka tidak mampu menampilkan gambar.

HTML Alternative Attribute (alt):

<img src="pic/r.png" alt="R Log" />

HTML Alternative Text Attribute:

Beautiful Sunset

alt Atribut juga merupakan atribut yang mesin pencari mungkin terlihat ketika menampilkan gambar. Nilai teks yang terkandung dalam atribut ini harus mencerminkan substansi gambar untuk menerima “kredit” dari mesin pencari.

HTML – Horizontally Align Images

Gambar dapat sejajar horizontal ke kanan atau ke kiri dari elemen lain menggunakan i menyelaraskan atribut. Elemen gambar sejajar ke kiri secara default.

  1. align
    • right
    • left

HTML Align Attribute Code:

<img src="pic/r.png" align="right">

HTML Image Align: Right:

Seperti yang Anda lihat, tepi kanan gambar itu kini telah sejajar dengan tepi kanan kotak display. Karena kotak display adalah elemen induk, ini adalah perilaku yang diinginkan untuk atribut align. Jika kita mengambil contoh ini langkah lebih lanjut, Anda dapat mencapai beberapa desain benar-benar hebat dengan melekatkan gambar sejajar dalam ayat.

HTML Image Align Code:

<p>Ini adalah paragraf 1, Saya pikir ini merupakan...</p>
<p>
<img src="pic/r.png" align="right">
Gambar akan muncul di sepanjang sisi...bukan?
</p>
<p>Ini adalah paragraf ketiga yang muncul...</p>

Image Wrap Around:

Ini adalah paragraf 1, Saya pikir ini merupakan contoh yang bagus untuk menunjukkan bagaimana gambar ini bekerja keselarasan.

Gambar akan muncul di sepanjang sisi kanan paragraf. Seperti yang anda lihat ini sangat bagus untuk menambahkan eye candy kecil yang berkaitan dengan ayat tertentu. Jika kita berbicara tentang matahari terbenam tropis yang indah, gambar ini akan menjadi sempurna. Tapi kita tidak berbicara tentang hal itu, jadi agak sia-sia, bukan?

Ini adalah paragraf ketiga yang muncul di bawah paragraf dengan gambar!