Joshaxis

600 Hexadecimal HTML Color Codes

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 01:14:00 -0700

Cukup sering warna dipakai sebagai penghias web atau lainnya. Disamping bergudang kelebihannya, warna untuk web juga lebih ringan dibanding gambar sebagai background atau border, penerapannyapun mudah tanpa perlu lokasi penyimpanan seperti halnya gambar. Beberapa warna html bisa di tuliskan sesuai namanya, misalkan red, gray, blue, cyan, magenta, yellow, black atau lainnya. Untuk warna yang lebih fokus, bisa ditulis dengan kode hexadecimal warnanya.
Jumlah kode warna sangatlah banyak, berikut ini adalah note beberapa kode hexadecimal warna HTML yang Josh gabung dalam 600 Hexadecimal HTML Color Codes. Silahkan copy kode warna yang diinginkan, misalkan : #083890, #639666, etc....

#f78181	#f5a9a9	#f6cece	#f8e0e0	#fbefef	#f8ece0
#f7be81	#f5d0a9	#f6e3ce	#fbf5ef	#f7f8e0	#fbfbef
#f3f781	#f2f5a9	#f5f6ce	#e3f6ce	#ecf8e0	#f5fbef
#bef781	#d0f5a9	#a9f5a9	#cef6ce	#e0f8e0	#effbef
#81f781	#a9f5d0	#cef6e3	#e0f8ec	#effbf5	#e0f8f7
#81f7be	#a9d0f5	#cee3f6	#e0ecf8	#eff5fb	#effbfb
#81f7f3	#a9f5f2	#cef6f5	#cecef6	#e0e0f8	#efeffb
#81bef7	#d0a9f5	#e3cef6	#ece0f8	#f5effb	#fbeffb
#8181f7	#a9a9f5	#f5a9d0	#f6cee3	#f8e0ec	#fbeff5
#f781be	#f5a9f2	#f6cef5	#f8e0f7	#d8d8d8	#e6e6e6

#be81f7	#df0101	#ff0000	#fe2e2e	#fa5858	#df7401
#f781f3	#ff8000	#fe9a2e	#faac58	#f7fe2e	#f4fa58
#bdbdbd	#f2f2f2	#ffffff	#d7df01	#ffff00	#acfa58
#b40404	#74df00	#80ff00	#9afe2e	#80ff00	#9afe2e
#b45f04	#01df01	#00ff00	#2efe2e	#58fa58	#58faac
#aeb404	#0174df	#0080ff	#2e9afe	#58acfa	#0101df
#5fb404	#74df00	#01dfd7	#00ffff	#2efef7	#58faf4
#04b404	#04b45f	#01df74	#00ff80	#2efe9a	#04b4ae
#045fb4	#0404b4	#0000ff	#2e2efe	#5858fa	#000000
#5f04b4	#7401df	#8000ff	#9a2efe	#ac58fa	#a4a4a4

#b404ae	#df01d7	#ff00ff	#fe2ef7	#fa58f4	#848484
#b4045f	#df0174	#ff0080	#fe2e9a	#fa58ac	#6e6e6e
#190707	#2a0a0a	#3b0b0b	#610b0b	#8a0808	#585858
#191007	#424242	#2a1b0a	#3b240b	#61380b	#8a4b08
#181907	#292a0a	#393b0b	#5e610b	#868a08	#0b0b0b
#101907	#1b2a0a	#243b0b	#38610b	#4b8a08	#084b8a
#071907	#0a2a0a	#0b3b0b	#0b610b	#088a08	#0b3861
#071910	#0a2a1b	#0b3b24	#0b6138	#088a4b	#0b243b
#071918	#0a2a29	#0b3b39	#0b615e	#088a85	#0a1b2a
#071019	#070719	#0a0a2a	#0b0b3b	#0b0b61	#08088a

#100719	#1b0a2a	#240b3b	#380b61	#4b088a	#2e2e2e
#190718	#2a0a29	#3b0b39	#610b5e	#8a0886	#1c1c1c
#190710	#2a0a1b	#3b0b24	#610b38	#8a084b	#151515
#083801	#083802	#083803	#083804	#083805	#083806
#083807	#083808	#083809	#083810	#083811	#083812
#083813	#083814	#083815	#083816	#083817	#083818
#083819	#083820	#083821	#083822	#083823	#083824
#083825	#083826	#083827	#086828	#087829	#083830
#083831	#083832	#083833	#083834	#083835	#083836
#083837	#083838	#086839	#087840	#088841	#089842

#083843	#083844	#083845	#083846	#083847	#083848
#083849	#083850	#083851	#083852	#083853	#083854
#083855	#083856	#083857	#083858	#083859	#083860
#083861	#083862	#083863	#083864	#083865	#083866
#083867	#083868	#083869	#083870	#083871	#083872
#083873	#083874	#083875	#083976	#083877	#083878
#083879	#083880	#083881	#083882	#083883	#083884
#083885	#083886	#086887	#083888	#087889	#083891
#083892	#083893	#083894	#083895	#083896	#083897
#083898	#083899	#083900	#089901	#088902	#081903

#ffffcc	#ffff99	#ffff66	#ffff33	#ffccff	#900000
#ffcccc	#ffcc99	#ffcc66	#ffcc33	#ffcc00	#ff33cc
#ff99ff	#ff99cc	#ff9999	#ff9966	#ff9933	#ff33ff
#ff9900	#ff66ff	#ff66cc	#ff6699	#ff6666	#ff6600
#ff6633	#ff3399	#ff3366	#ff3333	#ff3300	#ff00cc
#ff0099	#ff0066	#ff0033	#ff0000	#ccffff	#cc33ff
#ccffcc	#ccff99	#ccff66	#ccff33	#ccff00	#cc3300
#ccccff	#cccccc	#cccc99	#cccc66	#cccc33	#e4eaf2
#cccc00	#cc99ff	#cc99cc	#cc9999	#cc9966	#cc3333
#cc9933	#cc9900	#cc66ff	#cc66cc	#cc6699	#cc3366

#cc6666	#cc6633	#cc6600	#cc33ff	#cc33cc	#cc33cc
#cc33cc	#cc3399	#cc3366	#cc3333	#cc3300	#9966ff
#cc00ff	#cc00cc	#cc0099	#cc0066	#cc0033	#999900
#cc0000	#99ffff	#99ffcc	#99ff99	#99ff66	#999933
#99ff33	#99ff00	#99ccff	#99cccc	#99cc99	#999966
#99cc66	#99cc33	#99cc00	#9999ff	#9999cc	#999999
#9966cc	#996699	#996666	#996633	#996600	#6699cc
#9933ff	#9933cc	#993399	#993366	#993333	#6699ff
#993300	#9900ff	#9900cc	#990099	#990033	#6699ff
#990000	#66ffff	#66ffcc	#66ff99	#66ff66	#66cc00

#66ff33	#66ff00	#66ccff	#66cccc	#66cc99	#66cc33
#66cc66	#669999	#669966	#669933	#669900	#6666ff
#6666cc	#666699	#666666	#666633	#666600	#3399ff
#6633ff	#6633cc	#663399	#663366	#663333	#33cc00
#663300	#6600ff	#6600cc	#660099	#660066	#33cc33
#660033	#660000	#33ffff	#33ffcc	#33ff99	#33cc66
#33ff66	#33ff33	#33ff00	#33ccff	#33cccc	#33cc99
#3399cc	#339999	#339966	#339933	#339900	#00cccc
#3366ff	#3366cc	#336699	#336666	#336633	#00ff99
#336600	#3333ff	#3333cc	#333399	#333366	#00ffcc

#333333	#333300	#3300ff	#3300cc	#330099	#330000
#00ff66	#00ff33	#00ff00	#00ccff	#00cccc	#330033
#00cc99	#00cc66	#00cc33	#00cc00	#0099ff	#330066
#0099cc	#009999	#009966	#009933	#009900	#3860bb
#0066ff	#0066cc	#006699	#006666	#006633	#f5f9fd
#006600	#0033ff	#0033cc	#003399	#003366	#345487
#003333	#003300	#0000cc	#000099	#000066	#4c77b6
#000033	#000000	#465584	#eef2f7	#3a4f6c	#434951
#bcd0ed	#c2cfdf	#f0f5fa	#d1dceb	#cce9fd	#dfe6ef
#dfe6ef	#000666	#000666	#666011	#666012	#906660

#085691	#085692	#085693	#085694	#085695	#085696
#085697	#085698	#085699	#085700	#085701	#085702
#081811	#081812	#081813	#081814	#081815	#081816
#061817	#011818	#051819	#091820	#001821	#021822
#011823	#031824	#041825	#051826	#041827	#071828
#0121992	#021299	#088866	#088899	#034399	#081266
#666660	#066600	#666006	#000666	#666999	#761230
#006660	#666000	#666001	#606660	#083891	#782666
#250607	#021108	#200822	#099f11	#083890	#639666
#bc5210	#681606	#2010d3	#1509d1	#250010	#356608

=== End ===

Spesifikasi 6 Software Menarik

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 01:06:00 -0700

B

erikut ini adalah spesifikasi 6 sofware menarik, yaitu Macro Media Flash, Swish V 2.0, Auto Desk 3D Studio Max, Adobe Illustrator, Corel Photo Paint, dan Nu Graft.

Spesifikasi ini bisa dipakai sebagai jawaban untuk tugas komputer grafik...

MACRO MEDIA FLASH

Macromedia flash adalah program animasi yang telah banyak digunakan untuk menghasilkan desain dan berguna untuk animasi interaktif. Media ini memiliki kemampuan dalam mengintergrasikan komponen warna, musik dan animasi grafik.

      Macromedia flash yang kini bernama Adobe Flash adalah milik multimedia platform yang digunakan untuk menambahkan animasi , video, dan interaktivitas ke halaman Web. Flash sering digunakan untuk iklan dan game. Baru-baru ini, telah diposisikan sebagai alat untuk " Aplikasi Internet Rich "(" RIAs ")
Flash memanipulasi vektor dan grafis raster untuk memberikan animasi teks, gambar, dan gambar diam. Mendukung bidirectional streaming audio dan video, dan dapat menangkap input pengguna melalui mouse, keyboard, mikrofon, dan kamera.Flash berisi bahasa berorientasi Obyek disebut ActionScript.

Pengembang Adobe Systems (sebelumnya oleh Macromedia )

Ditulis dalam bahasa program C + +

spesifikasi minimal Pentium III, RAM 256 MB yang berseting windows XP

Sistem operasi :
       Microsoft Windows , Mac OS X , Linux , Solaris , Symbian , Windows Mobile , Ubuntu Netbook Edition (Optional), Maemo.

Persyaratan Hardware :
      Intel ® Pentium ® 4 3.2GHz prosesor (dual prosesor Intel Xeon ® direkomendasikan), 2GB RAM (4GB disarankan), 1Gb Ethernet card

Sistem operasi yang didukung :

While Adobe® Flash® Media Server runs on 64-bit hardware, it requires a 32-bit operating system or a 64-bit operating system that supports 32-bit programs. Sementara Adobe ® Flash ® Media Server berjalan pada perangkat keras 64-bit, hal ini memerlukan sebuah sistem operasi 32-bit atau sistem operasi 64-bit yang mendukung program-program 32-bit.

Kegunaan Macro Media Flash :

Salah satu kegunaan Macromedia Flash adalah untuk membuat gambar animasi, gambar animasi tersebut akan mempunyai file extension * .swf

Kelebihan MacroMedia Flash :

# Dinamis kuat produk aplikasi Web.

# Cross-platform yang paling kuat dan pengembangan produk interaktif.

# Lingkungan Macromedia Flash lebih stabil untuk applet Java TM.

# Untuk situs Web yang membutuhkan sesuatu yang lebih menarik dan interaktif dari apa yang dapat dibuat dalam HTML, Macromedia Flash menawarkan banyak kemungkinan.

Kekurangan MacroMedia Flash :

# Saat ini, belum memiliki cross-browser dan lintas-platform.

SWISH V 2.0

"Create Flash..., Without Flash" adalah motto yang digunakan Swish. Ada banyak animasi-animasi yang agak lama dibuat dengan Macromedia Flash, dapat dibuat dengan cepat menggunakan Swish.
Extensi filenya adalah *.swi yang dapat diubah menjadi *.swf, *.avi, atau *.html. Swish mungkin tak sebesar Macromedia Flash, namun sedikit lebih mudah.

Spesifikasi Minimum Komputer :

Windows95/98/ME/NT4/2000/XP, Prosesor Pentium 100, 32 Mb RAM, Resolusi 800 x 600 pixel dengan 256 colour.

AUTODESK 3D STUDIO MAX

Autodesk 3D Studio Max sebelumnya 3D Studio MAX saja, adalah pemodelan, animasi dan paket rendering yang dikembangkan oleh Autodesk Media dan Entertainment. Memiliki kemampuan model, arsitektur plugin yang fleksibel dan dapat digunakan pada platform Windows Microsoft.
       Hal ini dapat digunakan oleh pengembang permainan video, studio TV komersial dan studio visualisasi arsitektur. Hal ini juga digunakan untuk efek film dan pra-visualisasi. Selain model dan alat animasi, dengan versi terbaru dari 3ds Max juga fitur shader canggih (seperti ambient occlusion dan subsurface scattering), simulasi dinamis, sistem partikel, radiosity, peta penciptaan normal dan rendering, pencahayaan global, intuitif dan semuanya disesuaikan keinginan pengguna, dan bahasa scriptnya sendiri.

Spesifikasi komputer :

# 32-Bit 3ds Max 2011 atau 3ds Max Design 2011 untuk Windows. Sistem operasi: Microsoft ® Windows ® 7 Professional, Microsoft ® Windows Vista ® Business (SP2 atau yang lebih tinggi), atau Microsoft ® Windows ® XP Professional (SP2 atau yang lebih tinggi)

# Untuk animasi umum dan rendering (biasanya kurang dari 1.000 benda atau 100.000 polygons):

   - Intel ® Pentium ® 4 1,4 GHz atau AMD ® setara prosesor SSE2

   - 2 GB RAM (4 GB recommended) 2 GB RAM (4 GB direkomendasikan)

   - 2 GB swap space (4 GB recommended) 2 GB swap space (4 GB direkomendasikan)

   - 3 GB free hard drive space 3 GB free hard drive space

   - Direct3D® 10 technology, Direct3D 9, or OpenGL®-capable graphics card(256 MB or higher video card memory, 1 GB or higher recommended) Direct3D ® 10 teknologi, Direct3D 9, atau kartu grafis mampu ®-OpenGL (256 MB atau lebih tinggi kartu memori video, 1 GB atau lebih tinggi direkomendasikan)

   - Three-button mouse with mouse driver software Tiga-tombol mouse dengan perangkat lunak driver mouse

   - DVD-ROM drive

   - Microsoft® Internet Explorer® 7.0 or higher or Mozilla® Firefox® 2.0 or higher browser Microsoft ® Internet Explorer ® 7.0 atau yang lebih tinggi atau Mozilla ® Firefox ® 2.0 atau yang lebih tinggi browser

   - Internet connection for web downloads and Autodesk® Subscription-aware access Koneksi internet untuk download akses web dan Autodesk ® Berlangganan-aware

Kegunaan Autodesk 3D Studio :

   - Dapat menunjukkan kepada pelanggan potensial, departemen lain atau atasan anda tentang ide-ide atau produk baru secara lebih jelas untuk mendapatkan tanggapan mereka sebelum memasuki proses produksi sehingga banyak biaya dan waktu yang dapat anda hemat.

   - Dapat menjual sebuah produk terlebih dahulu sebelum produk selesai diproduksi, karena telah anda visualisasikan secara nyata, tepat dan berpresisi mendekati wujud akhirnya melalui 3d.

   - Dapat membantu anda dalam memvisualisasikan proyek arsitektur

Kelebihan Autodesk 3D Studio :

Merancang Interior, Teknik Arsitektur, Teknik Mesin, Merancang Listrik. Membuat 3D yang menakjubkan dengan Autodesk 3ds Max software. Pemodelan 3D dengan fitur lengkap, animasi, dan solusi rendering untuk menghasilkan game terlaris dan film pemenang penghargaan atau konten video. Ini adalah alat pilihan untuk cepat menghasilkan karakter realistis, efek CG mulus, rahang-menjatuhkan permainan, dan juga film. Toolsets Enhanced memungkinkan Anda untuk menciptakan lingkungan 3D dengan kompleks.

Kekurangan Autodesk 3D Studio :

kemampuan untuk membuat karya visual dengan pencahayaan kompleks adalah proses yang lama dan mungkin membosankan.

ADOBE ILLUSTRATOR

Adobe Illustrator adalah alat yang ampuh untuk mengedit vektor grafis. Dirilis pada bulan April 2007, Adobe Illustrator CS3 menambahkan perbaikan, seperti Live Warna, control panel didesain ulang yang memungkinkan akses cepat ke jalan-mengedit pilihan dan ruang kerja kustom dengan panel dilipat. Dengan fitur baru datang persyaratan komputer baru untuk Adobe Illustrator CS3. Sebelum menginstal Adobe Illustrator CS3, pastikan komputer Anda mampu menangani program.

Processor :

Untuk komputer berbasis Windows, Adobe Illustrator CS3 membutuhkan salah satu prosesor berikut: Intel Core Duo, Intel Centrino atau Intel Pentium 4. pengguna Mac yang ingin menginstal Adobe Illustrator CS3 harus memiliki komputer dengan G4 PowerPC atau prosesor Intel multicore.

Sistem Operasir :

Persyaratan Sistem untuk Adobe Illustrator CS3 termasuk OS yang tepat. Untuk pengguna Mac, Illustrator CS3 memerlukan Mac OS X v.10.4.8.pengguna Windows dapat menjalankan Illustrator CS3 dengan Windows XP atau Vista. Untuk pengguna XP, Anda harus memiliki Service Pack 2 diinstal. Adobe Illustrator CS3 akan bekerja pada edisi 32-bit bersertifikat dari Vista Enterprise, Business, Ultimate atau Home Premium

RAM :


Minimum Adobe Illustrator CS3 persyaratan untuk RAM (random access memory) adalah sama untuk kedua komputer Windows dan Mac: 512 megabyte. Sementara 512MB akan menjalankan program, Adobe menyarankan agar pengguna memiliki 1 GB RAM untuk hasil terbaik.

Hard-Drive Space :


Persyaratan Sistem untuk Adobe Illustrator CS3 termasuk 2 gigabyte ruang hard drive pada komputer Windows dan 2,5 gigabytes ruang bagi pengguna Mac. Ruang tambahan yang mungkin diperlukan ketika menginstal Adobe Illustrator CS3.

Hardware / Perangkat keras :


Di samping persyaratan sistem dasar untuk Adobe Illustrator CS3, ada beberapa persyaratan perangkat keras. Baik pengguna Mac dan Windows harus memiliki drive DVD-ROM, kartu video minimum 16-bit dan sebuah monitor yang mampu memiliki resolusi 1024 x 768.

Kegunaan Adobe llustrator :

# Adobe Illustrator adalah vektor utama perangkat lunak manipulasi grafis. Sebuah editor grafis vektor adalah program komputer yang memungkinkan pengguna untuk menulis dan mengedit gambar vektor grafis interaktif di komputer dan menyimpannya dalam salah satu dari banyak format vektor grafis yang populer, seperti EPS, PDF, WMF, SVG, atau vml.

# Hal ini digunakan untuk membuat gambar yang ukurannya kecil file, namun dapat diubah ke dimensi apapun sementara tetap mempertahankan kualitas cetak. Beberapa menggunakan umum untuk Illustrator adalah untuk logo, ilustrasi, layout untuk brosur, iklan, billboard, signage, brosur, kartu nama, desain web, dan beban lebih. Illustrator dapat digunakan untuk apa saja di luar gambar fotografi.

Kelebihan Adobe llustrator :

- Menggabungkan Bentuk dengan Shape Modes

- Menggunakan Paint Live Edit Jalur

- Melepas dan Memperluas Grup Live Paint

- Menggunakan Paint Live ke Jalur Warna

- Menggunakan Clean Up Fitur

- Penyederhanaan Jalan Vector

- Membuat Jalan Senyawa

- Jalan Pemotongan dengan gunting dan pisau Tools

- Menggunakan Perangkat Eraser

- Menggunakan Alat Membentuk

- Using the Eraser Tool Menggunakan Tool Eraser

Kekurangan Adobe llustrator :

- Kurangnya kemampuan untuk membuat dokumen multipage

- Meskipun tetap merupakan alat gambar vektor sangat baik, tidak banyak dalam Adobe Illustrator CS3 CS2 memaksa pengguna untuk meng-upgrade.

- Mengelompokkan benda memaksa mereka semua ke lapisan yang sama

- Tidak dapat memanipulasi Bezier menangani beberapa

- Tidak memiliki beberapa halaman dokumen baik untuk digunakan desainer grafis

COREL PHOTO PAINT

Corel Photo-Paint adalah pembuat gambar terkenal dan aplikasi edit foto.

Persyaratan Sistem :

# CPU: Pentium 200 MHz atau lebih

# Sistem operasi :

    - Linux kernel 2.2 atau di atas
    - X Windows X Windows

    - glibc 2.0 or 2.1 glibc 2,0 atau 2,1

    - PRM or DEB package management PRM atau manajemen paket DEB

# Open source : - GIMP, - digiKam, - Krit, - Pinta, - colourPaint, - Tux Paint,
                        - GrafX2, - MyPaint.

# Linux Kernel 2.2 atau lebih tinggi

# Perpustakaan glibc 2.0, 2.1 atau yang kompatibel

# X Window System

# Manajemen paket perangkat lunak untuk Red Hat Package Manager (rpm) atau Paket Debian (dpkg / apt-get)

# RAM:

    - 64 MB RAM minimum

    - 128 MB RAM recommended 128 MB RAM direkomendasikan

Kegunaan Corel Photo Paint :

Memberikan antusias fotografer digital yang sama sekali baru seperangkat alat untuk membuka potensi kreatif mereka.

Kelebihan Corel Photo Paint


Corel Photo Paint dapat menyelesaikan proyek yang paling rumit dengan cara sederhana. Disamping itu juga bisa mengimport ataupun capture layar. Serta mengedit foto dengan mudah.

KekuranganCorel Photo Paint :

Baik secara pragmatis dan artistik dapat memungkinkan pengguna akhir untuk lebih jauh berkarya.

NU GRAFT

Kegunaan :

Membuat design dengan rincian detail terutama pada machine.

Spesifikasi :

    - OS 486 - atau pentium (r)

    - Window 98 / 95, windows 2000 / NT 4.0 atau lebih tinggi

    - RAM 16mb

    - SVGA

    - Free min 75mb hardisk space

=== End ===

HTML Frame

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 01:02:00 -0700

H

TML FRAME terdiri dari Element FRAMESET, Element FRAME, dan Element NOFRAMES

Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border, bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.

Sintaks:

 <br />
<frameset <br />
cols="list"<br />
rows="list"<br />
border="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
framespacing="pixel"><br />
...........................<br />
</frameset><br />
<br />

ELEMENT FRAME

Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.

Sintaks:

 <br />
<frame <br />
name="name"<br />
marginheight="pixel"<br />
maginwidth="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
noresize<br />
scrolling="yes"|"no"<br />
src="uri"><br />

ELEMENT NOFRAMES

Element NOFRAMES mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses.

Sintaks:

 <br />
<noframes><br />
.....................<br />
</noframes><br />

CONTOH MEMBUAT FRAMESET

Bisa ditulis pada notepad dan simpan sebagai file html

 <br />
<br />
<html><br />
<head><br />
<title>Frameset</title><br />
</head><br />
<frameset cols="40%,60%" border="10" bordercolor="red"><br />
<frame src="left.html"><br />
<frame src="right.html" marginheight="50" marginwidth="50"><br />
</frameset><br />
<body><br />
</body><br />
</html><br />
<br />

Hasilnya :

left.html

right.html

Note :

Hasil ini hanya contoh tampilan, kode dalam kotak biru diatas bisa berfungsi dengan baik bila telah ada file left.html dan right.html

Persen (%) dapat diganti dengan pixel (px) begitu juga sebaliknya. Persen memiliki kemampuan ukuran flexsible dengan resolution layar monitor, sedangkan pixel memiliki kemampuan ukuran tetap yang tidak terpengaruh resolution layar monitor.

HTML Form

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 00:58:00 -0700

H

TML FORM terdiri dari Element FORM, Element INPUT, Element SELECT, Element OPTION, dan Element TEXTAREA

Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman (GET/POST).

Sintaks:

 <br />
<form action="action" method="GET"|"POST">   ...........................<br />
</form>

ELEMENT INPUT

Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.

Sintaks:

 <br />
<input 
name="name" 
size="number"
type="text"|"checkbox"|"radio"|"submit"|"reset"
value="value"
checked ><br />

ELEMENT SELECT

Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.

Sintaks:

 <br />
<select
          name="name" 
          size="number"
          multiple ><br />
.....................<br />
</select><br />

ELEMENT OPTION

Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.

Sintaks:

 <br />
<option
          selected 
          value="number" ><br />
.....................<br />
</option><br />
<br />

ELEMENT TEXTAREA

Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks:

 <br />
< textarea
          name="name" 
          cols="number"
          rows="number" ><br />
.....................<br />
< /textarea><br />

CONTOH MEMBUAT FORM

 <br />
<br />
<html><br />
<head><br />
<title>Sample Form</title><br />
</head><br />
<body><br />
<form method="post" action="mailto:cs@joshaxis.co.cc"><br />
   <h4>Sample Form</h4><br />
   <br><br />
   <input type="text" name="var1" size="30" value="enter your name here..."><br />
   <br><br><br />
   <b>are you a student?</b><br />
   <input type="checkbox" name="var2"><br />
   <br><br><br />
   <b>how old are you?</b><br />
   <br><br />
   <input type="radio" name="var3" value="r1">10 - 15<br />
   <br><br />
   <input type="radio" name="var3" value="r2">16 - 20<br />
   <br><br />
   <input type="radio" name="var3" value="r3">21 - 25<br />
   <br><br><br />
   <b>where are you from?</b><br />
   <br><br />
   <select name="var6" size="1"><br />
      <option value="BG">Bulgaria<br />
      <option value="IND"selected>Indonesian<br />
      <option value="UK">United Kingdom<br />
      <option value="USA">USA<br />
         </select><br />
   <br><br><br />
   <br />
<b>your comment:</b><br />
<br><br />
<textarea name="var7" cols="30" rows="6"><br />
</textarea><br />
<br><br><br />
<br />
   <input type="submit" name="var4" value="send"><br />
   <input type="reset" name="var5" value="clear"><br />
</form><br />
</body><br />
</html><br />
<br />
<br />

Jika form ini diisi :

Name : adalah Joshaxis

Student di check

Usia 21-25

dll...

maka bila form ini di send (submit), data form yang terkirim adalah var1="Joshaxis"var2="1"var3="r3"...

Note :

Hasil 'Sample Form' ini hanya contoh tampilan dan tidak terkoneksi ke database. Bila kode dalam kotak biru diatas diketik pada notepad dan menyimpannya sebagai file html, maka method 'post' action form ini yaitu mailto : cs@joshaxis.co.cc akan berfungsi jika terkoneksi dengan internet dan aplikasi outlook atau sejenisnya berfungsi dengan baik.

Table, IMG, and Hyperlink

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 00:50:00 -0700

TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), height (tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.

Pembuatan table dasar bisa sebagai berikut:

 <br />
<table align="left"|"center"|"right"
   bgcolor="color"
   border="pixel"
   cellpadding="pixel"
   cellspacing="pixel"
   width="pixel"|"%"
   height="pixel"|"%" >........................ </table>

Table bisa dibuat untuk banyak kreasi, misalnya dengan menggabungkan CSS untuknya seperti Klik disini

ELEMENT CAPTION

Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel).

 <br />
<caption  align="top"|"bottom"><br />
..........................<br />
</caption><br />

ELEMENT TR (Table Row)

Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.

 <br />
<tr align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"><br />
..........................<br />
</tr><br />
<br />
<br />

ELEMENT TH (Table Header) dan TD (Table Data)

Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan.

 <br />
<th align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number"><br />
..........................<br />
</th><br />
<br />
<td 
   align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number"><br />
..........................<br />
</td><br />
<br />

ELEMENT IMG

Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).

 <br />
<br />

H Y P E R L I N K



Dalam penulisan hyperlink, terdapat element A yang berfungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target.
      Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web.
      Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor).
      Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

 <br />
<a href="url" name="name" target="_blank"|"parent"|"_top"|"_self"><br />
...........................<br />
</a><br />

Contoh penulisan Link External :

Bisa ditulis pada notepad dan simpan sebagai file html (link berfungsi bila terkoneksi dengan internet)

 <br />
<html><br />
<head><br />
<title>Link External</title><br />
</head><br />
<br />
<body><br />
Link:<br />
<ol><br />
<br />
<li><a href="http://www.facebook.com/josh.axis"<br />
title="Ini adalah Link Facebook Joshaxis"<br />
> Joshaxis Facebook Profile<br />
</a></li><br />
<br />
<br />
<br />
<li><a href="http://www.facebook.com/joshaxis.net"<br />
title="Ini adalah Link Facebook Page Joshaxis"<br />
> Joshaxis Facebook Page<br />
</a></li><br />
<br />
<br />
<br />
<li><a href="http://apps.facebook.com/joshaxis"<br />
title="Ini adalah Link Application Update Status Facebook by Joshaxis"<br />
> Joshaxis Application Facebook Update Status<br />
</a></li><br />
<br />
</ol><br />
</body><br />
<br />
</html><br />

Contoh penulisan Link Internal dan Anchor :

Bisa ditulis pada notepad dan simpan sebagai file html (link berfungsi walau tidak terkoneksi dengan internet)

 <br />
<html><br />
<head><br />
<title>Link Internal dan Anchor</title><br />
</head><br />
<body><br />
<a name="pertama"</a><br />
Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokumen ini.<br />
<br />
<a href="#akhir">kebagian akhir</a><br />
<p>Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini. </p><br />
<p>Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.</p><br />
<a name="akhir"></a><br />
<p>Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.</p><br />
<a href="#pertama">kebagian pertama</a><br />
</body><br />
</html><br />
<br />

Hypertext Markup Langguage

josh.axislive@gmail.com (Joshaxis) — Fri, 15 Oct 2010 00:44:00 -0700

HTML adalah singkatan dari HyperText Markup Language yang merupakan script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:

 <br />
<html><br />
<head><br />
<title> Disini Judul Dokumen HTML </title><br />
</head><br />
<body> <br />
Disini penulisan informasi Web <br />
</body><br />
</html><br />

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag

Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis dengan berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML. b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML.

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar :

 <br />
<p><b><br />
................<br />
</b><br />
</p>

Contoh penulisan tag-tag yang tidak benar :

 <br />
<p><b><br />
................<br />
</p></b><br />

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

 <br />
<tag><br />
nama-attr="nilai-attr"<br />
nama-attr="nilai-attr"<br />
.................<br />
<br />
.................<br />
<br />
</TAG><br />

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML

Element HTML menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:

 <br />
<html><br />
..........<br />
</html><br />

e. Element HEAD

Ini merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

 <br />
<head><br />
...........<br />
</head><br />

f. Element TITLE

Element TITLE merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

 <br />
<title>.........</title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser.

 <br />
<body text="v" bgcolor="w" background="url" link="x" alink="y" vlink="z"><br />
..............<br />
</body><br />

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latar belakang dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.

Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

ELEMENT BR (Line Break)

Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.

Sintaks :

 <br />
<br><br />

ELEMENT P (Paragraph)

Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p>
diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.

Element P mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari paragraf (default: "left").

 <br />
<p align="left"|"center"|"right">.......... </p>

ELEMENT H1, H2, H3, H4, H5, H6 (Header)

Element H1, H2, H3, H4, H5, H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").

 <br />
<hx align="left"|"center"|"right"><br />
..............<br />
</hx><br />
<br />
catatan : <br />
x adalah 1 ... 6<br />

ELEMENT B (Bold)

Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).

 <br />
<b>..........................</b>

ELEMENT I (Italic)

Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).

 <br />
<i>..........................</i>

ELEMENT U (Underline)

Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).

 <br />
< u>..........................< /u>

ELEMENT PRE (Preformated text)

Element PRE berfungsi untuk menampilkan teks seperti apa adanya.

 <br />
<br />
< pre> ..........................< /pre>

ELEMENT CENTER

Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.

 <br />
<center>..........................</center>

ELEMENT BASEFONT

Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel. Element ini tidak mempunyai tag penutup.

 <br />
<basefont size="pixel"><br />

ELEMENT FONT

Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).

 <br />
<font color="warna" face="font" size="pixel"><br />
..........................<br />
</font><br />

ELEMENT HR (Horizontal Rule)

Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang garis ("persen"), dan noshade (garis solid).

 <br />
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade><br />

=== End ===

Happy 1st Anniversary

josh.axislive@gmail.com (Joshaxis) — Thu, 30 Sep 2010 20:40:00 -0700

Blog Joshaxis soft opening pada 1 Oktober 2009 dan dilaunching pada tgl. 3 Oktober 2009 yang lalu.

Info lainnya silahkan klik disini

Di ulang tahun ke 1 blog tercinta ini, Joshaxis mempersembahkan ringkasan soft story episode 1
SERIAL JOSHADU
berjudul "PELANGI BELANTARA"
dengan sub judul "GEONANDA WINARTHA JATUH"

Cerita ini fiksi, mohon maaf bila ada kesamaan nama ataupun tempat, hanyalah merupakan kebetulan.

Jakarta, 1 Oktober 2010
Regards, Joshaxis

Joshadu...

nama lengkapnya adalah

Joshadu Windowsadu,

dara yang terlihat selalu tenang.

Mungkin bagi yang baru mengenal,

ada yang menganggapnya terlalu pendiam atau bahkan introvert...

Bagiku dia bagai air sejuk ditengah dahaga dalam gersang asa berlayar

coba gapai pelangi harapan indah.

Dibalik ketenangannya yang terkadang mencenungkanku sedang berada di tenangnya lautan luas tanpa tepian, tanpa ombak, tanpa badai, bahkan anginpun diam seakan di cerita tenang segitiga bermuda..., dia sangat membuatku rindu. Betapa dia tak mempedulikan perbedaan status, bila mengingat jenjang akademik serta karirnya, sangatlah jauh dar...

= SERIAL JOSHADU =

P E L A N G I B E L A N T A R A

Episode 1

GEONANDA WINARTHA JATUH

1. KETENANGAN JOSHADU

2. GEONANDA WINARTHA

3. MIE GORENG

4. PASSWORD LAPIS 6

5. GEO CODE

6. FILE ITU

--- 0 ---

1. KETENANGAN JOSHADU

O

h Geo..., kamu sedang menulis apa ini, lanjutannya dimana?" batin Joshadu bertanya sendiri sambil coba perhatikan kembali kode demi kode pada file tulisan tersebut yang sepertinya terpotong.

Air mata kembali menetes dipipinya, "Geo..., cepat sembuh ya..." harapnya sambil melamun.


Telp siang tadi seakan menghantam ketenangannya.

"Kak Josh..., kantor terkena gempa dan Kak Geo jatuh dari tangga darurat saat kepanikan terjadi."


Josh mengenali suara di telp tersebut adalah salah seorang pegawainya. Di kantornya yang masih terbilang baru ini, Josh menerapkan sistem kekeluargaan dengan tetap mengedepankan keprofesionalan.

Walau sebagai pimpinan, Josh sering mengajak mereka makan bersama satu meja, bercanda dan menganggap mereka teman dalam memajukan usaha kerja.

      Formalitas hanya Josh terapkan pada kertas-kertas perjanjian, keputusan, atau sejenisnya...

Josh gembira dengan panggilan 'Kak' dari mereka yang masih lebih muda darinya atau 'Non' dari mereka yang berusia jauh diatasnya.

Dikarenakan beberapa pekerjaan lainnya cukup menyita waktu, maka banyak urusan dikantor itu Josh serahkan pada Geo, seorang cowok bernama lengkap Geonanda Winartha yang menjadi wakilnya di kantor tersebut.

      Seiring berjalannya sang waktu, hati Josh merekah ingin bersatu dengan nama yang kini dianggapnya indah 'Geonanda Winartha'. Jadi selain sebagai tempat kerja, kantor tersebut kini juga menjadi tempat pertemuan indahnya.


"Lalu sekarang Kak Geo nya dimana?" tanya Josh memburu.
"Kak Geo sudah kami bawa kerumah sakit, kepalanya terbentur, la...".

"Cukup, aku segera kesana, makasih ya..." potong Josh dengan suara parau.


Dinding ketenangannya yang indah bagai dilapisi peredam sempurna, cat supermahal yang mudah dibersihkan dari kotoran serta anti gores kwalitas titanium, kini seakan retak....


Josh mengenal Geo dari seorang teman kampus setahun lalu saat akan membuka kantor usaha barunya ini. Teman kampusnya yang sudah berkeluarga dan berada di luar negri tersebut memberi tahu bahwa seorang pemuda tetangga kosnya di Jakarta dulu cukup cocok untuk bekerjasama memulai serta memajukan usaha kantor ini.


Waktu itu belum ada satupun karyawan dikantor barunya ini, sambil melihat sekeliling ruangan demi ruangan yang dindingnya masih menebarkan aroma cat, Josh tersenyum, “Hmm,
aku tidak mencari karyawan yang pintar dengan ranking tinggi di akademiknya,
aku juga tidak mencari karyawan berpengalaman tahunan atau puluhan tahun,
aku mencari mereka yang membutuhkan dan jujur serta siap membantu mengembangkan usahaku dengan skil yang cukup untuk melakukannya.” batinnya.

--- 0 ---

2. GEONANDA WINARTHA

Geonanda Winartha namanya, pemuda tersebut masih single dan sekarang sedang membutuhkan perkerjaan…, sifatnya hampir mirip denganmu, pendiam dan memiliki ide-ide yang terkadang berbeda dengan sekitar. Tapi dia positif thinking kok…” ucap teman kampus Josh setahun lalu by mobile phone.


“Geonanda Winartha…., namanya unik…, eh tapi bukankah namaku juga unik ‘Joshadu Windowsadu’, ah kok aku jadi mengungkit tentang nama, baiklah aku terima dia, semoga seperti yang kuharapkan….” balas Joshadu.

      Lambat laun, entah karena ternyata memiliki beberapa persamaan persepsi hidup, atau persamaan berasal dari timur pulau Jawa atau lainnya, yang jelas kini, Josh tidak menganggap Geo sebagai bawahannya, melainkan teman dalam merintis usaha kerja bahkan cenderung lebih dari itu...


"Maaf, Mbak..., kondisi Mas Geonanda Winartha yang jatuh, sampai saat ini masih sangat kritis, dia mengalami gegar otak...." perkataan dokter di rumah sakit itu mengagetkan lamunannya sekaligus melimbungkannya hingga tidak mendengar lagi perkataan lain dari dokter tersebut.

      Lalu Josh duduk lunglai diruang tunggu.
Waktu berlalu dan sudah enam jam Josh bersama beberapa karyawannya menunggui, namun Geo belum juga siuman sejak terjatuh...


"Kak..., kelihatannya kakak lelah..., lebih baik kakak pulang dulu istirahat, biar kami disini.... Nanti kami kabari perkembangan selanjutnya..." ucap seorang karyawannya.


Lembut pipi Josh terlihat pucat, pancaran matanya agak sembab... diam beberapa saat lalu manatap wajah karyawannya tersebut serta yang lainnya.
Baru disadarinya bahwa dia bersama enam orang karyawannya duduk diruang tunggu depan pintu yang tertutup berlabel sebuah nama ‘Geonanda Winartha’ telah saling diam beberapa jam terakhir ini .


"Oh..., terima kasih ya..., baik aku pulang dulu" jawab Josh hampir tanpa ekspresi serta kehilangan senyum yang biasanya bertengger dibibir manisnya.

Dengan langkah kaki agak berat dan sedikit limbung, Josh berusaha menopang dinding ketenangannya. Gontai melangkah dan sebelum keluar dari pintu ruangan tunggu itu, Josh menoleh menatap wajah enam karyawannya yang juga menatapnya. Josh coba membuat lekukan senyum dibibirnya, namun sulit. Malah air matanya serasa ingin tumpah saat pandangannya tertumbuk pada sebuah pintu yang masih tertutup berlabel sebuah nama yang sangat dikenalnya ‘Geonanda Winartha’.
Josh kemudian menatap lagi ke 6 karyawannya sebentar lalu melanjutkan langkahnya.


"Kasihan ya 'Kak Josh, sepertinya baru kali ini aku lihat dia seperti itu..." ungkap seorang cewek dari enam karyawan Josh dibangku itu.

"Oh ya..., bagaimana kalau aku menemaninya pulang..." tanya seorang cowok yang juga karyawan Josh tersebut.

"Jangan..., jangan..., biarkan Kak Josh pulang sendiri, mungkin dia sedang butuh menyendiri..., toh dia diantar sama sopirnya khan..." jawab lainnya.


"Ehm..., iya sih..., tapi jangan anggap aku mau cari muka lho..." timpal cowok tadi.

"Wew, bukan begitu maksudku, sepengetahuanku 'Kak Josh itu memiliki cara pandang berbeda, seperti bila memandang warna pelangi merah, dia akan kombinasikan beberapa kode yang dia ketahui untuk menjadikannya warna merah, mengapa warna merah, serta ada apa dibalik warna merah... seperti yang pernah dicandakannya dulu padaku, jadi ya aku takut aja kalau kita malah membuat yang tidak diinginkan, apalagi disaat seperti ini."


Cowok tadi tersenyum lalu menyahut, "Ya... juga sih, 'Kak Josh dan Kak Geo itu orangnya baik sekali, aku juga takut bila melukai hatinya walau mungkin nggak sengaja..., semoga 'Kak Geo cepat sembuh... ya…."

--- 0 ---

3. MIE GORENG

Ditengah perjalanan, hujan turun dengan sangat lebatnya, kemacetan luar biasa lebih macet dari biasanya terjadi.
Josh tahu, hal semacam ini membuat para sopir bertambah lelah. Diingat-ingatnya ternyata dimobilnya ini tidak ada satupun makanan ringan, termasuk permen di laci depan sudah habis…, tasnya juga tidak berisi makanan ataupun minuman.

      Josh coba mencarinya bukanlah untuk dirinya, malainkan Josh memikirkan sopirnya agar tetap merasa nyaman. Josh sendiri sebenarnya juga capek, lapar, dan haus, namun Josh coba menahannya.
Melihat macet yang luar biasa tersebut, Josh kemudian berkata, “Pak, nanti kalau ada restoran, rumah makan atau sejenisnya, tolong mampir ya…, kita makan dulu sambil tunggu barangkali hujan agak reda dari lebatnya ini.


“Iya Non, disamping hujan dan macet, banjir juga sudah mulai meninggi, dari tadi saya sebenarnya ingin menepikan mobil dulu, tapi nggak enak sama Non yang mungkin ingin cepat sampai dirumah…” jawab sopir Joshadu.
“Oh… Bapak, kalau begitu kita menepi aja dulu, kalau bisa cari tempat yang menyediakan makanan buat menganjal perut kita…, itu tu didepan ada tenda penjual mie, yuk kesana dulu…” pungkas Joshadu.
“Iya Non, itu ada…, tapi bukan restoran atau rumah makan, memangnya Non mau…?”
“Aduh…, Bapak, saya juga sering makan ditempat seperti itu saat dikampus, yuk kesana…“ sahut Joshadu.



Sambil menunggu mie goreng yang dipesan, Joshadu meminum capucino hangat pesanannya yang telah dihidangkan.
“Non…, hati-hati banyak yang bertampang seram serta ada yang memamerkan tato…” bisik sopirnya sambil meletakkan gelas kopi ditangan yang baru diminumnya seperempat gelas.
Joshadu mengerling sebentar , “Oh mungkin mereka lepas baju karena kehujanan…, dan kebetulan ada tato dari masa lalu didadanya…, hmm tatonya bagus kok…”
“Aduh Non, saya nggak bawa apa-apa, ada juga kunci inggris dan peralatan lainnya di mobil”
“Hmm, tenang aja Pak, sketsanya lihat banyak gelas dan garpu dimeja ini, ada cabe, saos dan lainnya, belum lagi sepatu hak saya….” Joshadu tersenyum melihat sopirnya terpana mendengar bisikan baliknya.


“Dulu hal semacam ini biasa bagiku…” batin Joshadu, “Hmm, mungkin daya motorikku kini tak seperti dulu dan lagi aku jauh dari teman-teman laluku…, ya semoga tidak terjadi apa-apa…., eh terjadi apa-apa…?”
Memikirkan ‘terjadi apa-apa’ seketika Joshadu teringat dengan Geo di rumah sakit. “Oh Geo…, cepat sembuh ya…” bisik hatinya menahan isak.


Tak lama berselang, mie pun dihidangkan sesuai pesanan. Joshadu menatap mie goreng dengan telur rebus, tomat serta daun sawi hijau yang direbus itu menggugah perutnya yang lapar untuk segera melahapnya. Hampir sama dengan yang selalu dilakukannya bersama teman-teman lalunya, kalau memesan mie goreng, Josh lebih suka dengan tambahan telor rebus utuh dari pada telor goreng pada umumnya. Josh suka ketika sendoknya membelah telor rebus itu terlihat kuning telor ditengah putih telor yang melingkarinya… ada sensasi tersendiri baginya.


Ketika sedang asyik melahap mienya, telinga Josh mendengar perkataan seorang pembeli bertato dimeja lainnya.
“Hmm, bila makan mie begini jadi ingat anak-anak dan istriku yang suka makan mie instan juga…“
“Iya sama anak-anakku juga, mana mie instan sekarang pada mahal lagi…, bayangin rata-rata sekarang
harga perbungkus mie instant mentah hampir sama yaitu Rp.1500 per bungkus, bahkan ada yang lebih mahal dengan berbagai rasa atau tipe jumbonya…” timpal temannya.

      “Ups…, benar dugaanku mereka orang baik-baik…, buktinya ingat anak istrinya dirumah, yang lepas baju itu mungkin karena basah terkena hujan deras ini…. Hmm, harga mie segitu mungkin tak menjadi soal bagi rekan-rekan yang biasa meeting denganku…, bahkan bisa jadi justru menjadikannya area expose untuk keperluan tertentu. Tapi kasihan bagi mereka yang berpendapatan pas-pasan atau terkadang tidak ada…, Oh my God…, semoga Negri tercinta ini makin makmur tak hanya bagi yang berperekonomian subur, namun merata bagi yang mungkin kurang mujur…”

      “Non, hujan sudah reda dan banjir juga mulai surut, bagaimana kalau kita pulang sekarang?”
Joshadu menoleh pada sopirnya, kemudian melihat hujan yang mulai reda, dan mangkok mienya juga sudah habis isinya.
“Baik, mari kita pulang…” jawab Joshadu yang kemudian membayar mie dan minumannya bersama sopirnya tersebut.
Mobil Joshadu bergerak dengan tenang, untung kemacetan sudah mulai berkurang….

--- 0 ---

4. PASSWORD LAPIS 6

S
esampainya dirumah, Josh mandi air hangat lalu mengambil roti selai dan segelas susu kental manis. Josh belum mengantuk, justru Josh seakan tidak mengantuk.
Tiba-tiba Josh teringat sore tadi dirumah sakit, seorang karyawannya memberikan flashdisk berisi copy file data dari komputer Geo atas permintaannya.

      Josh tidak ragu melakukannya dan memberikan password komputer Geo pada karyawan itu, yang selain menurutnya karyawan tersebut cukup dapat dipercaya, Josh juga tahu bahwa files data Geo selalu terproteksi dengan password yang Geo sebut sebagai password lapis 6, ingin tertawa rasanya bila mengingat Geo mengungkapkan jabaran element password lapis 6 nya.

“Pertama yaitu file proteksi password, kedua yaitu file kamuflase crash, ketiga yaitu file kamuflase extensions, keempat yaitu file proteksi rar, kelima yaitu file proteksi hide, keenam yaitu file proteksi code, ini masih bisa ditambahi dengan proteksi folder dan lainnya bila diperlukan…” ungkap Geo waktu itu.

      “Aku pernah baca di internet dengan keahlian tertentu, password yang kamu sebutkan diatas tetap bisa dibuka lho, kecuali mungkin yang ke enam itu…, maksudnya proteksi code itu apa sih?” tanya Josh.
“Proteksi code yang kumaksud bukanlah enskripsi data komputer sebenarnya, namun berisi kode-kode tersendiri karanganku…” lanjut Geo

      “Apakah password lapis 6 ini masuk standarisasi komputer pada umumnya?” tanya Josh kembali.
Geo tersenyum, Josh melihat senyum Geo sangat indah baginya. Geo lalu berkata “Tidak, justru ini gabungan dari beberapa proteksi, terlebih dengan proteksi code yang adalah karanganku, jadi mungkin cukup sulit bagi yang tidak tahu….”



“Baik, lalu kelemahannya apa? Pasti ada dong…” goda Josh.
“Ya…, walaupun password lapis 6 ini kuharap bisa juga digunakan pada OS dibawah awal Milenium, pastinya diperlukan waktu tambahan untuk memproteksi dan membukanya, kemudian yang keenam yaitu proteksi code tersebut hanya bisa diterapkan pada jenis files tertentu. Namun untuk database personal, password lapis 6 ini rasanya cukup, mengingat kita belum mengadopsi program khusus untuk database kantor secara menyeluruh.” lanjut Geo.

      Terkenang itu, tanpa terasa pipi Joshadu basah oleh air mata…. “Duh…, cepat sembuh ya Geo…” jerit hatinya yang kini tak dapat menahan isak.
Lalu dari tasnya diambil sebuah flashdisk 2G yang diberikan karyawannya tadi, kemudian jemarinya menekan tombol power PC pribadinya.

Sesaat kemudian setelah memasukkan password, monitor LCD PC nya menampilkan ‘jendela’ yang siap digunakan. flashdisk tersebut lalu ditancapkan pada CPU nya.
Josh tersenyum melihat isi flashdisk tersebut, yang mungkin tidak ada yang mengira kalau itu files data kerja…

      “Ini lho rahasianya untuk membuka files terproteksi password lapis 6 ku…, bila ada tanda demikian, maka berarti file ini demikian dan buka dengan password demikian yang kita dapat dari kode demikian sesuai dengan kondisi demikian…” terang Geo suatu sore….
Kini keterangan Geo itu membantunya membuka dan membaca file dari flashdisk tersebut dengan lebih cepat seperti membaca file biasa, walau agak repot dan beda.

--- 0 ---

5. GEO CODE

U
ntuk kode-kodenya, Josh sebenarnya masih belum memahami semua, karena walaupun kode dari A sampai Z sudah diberikan oleh Geo, namun kode itu bukanlah kode structural komputer, hexadesimal, binner atau lainnya yang mungkin ada dibuku computer ataupun internet, melainkan asli enskripsi gaya Geo sendiri yang akan diperbaharui bila menemukan ide lain lagi.

      Memang ada tanda-tanda khusus untuk kode yang diperbaharui serta singkatan lainnya…., tapi bukankah bagi orang lain cukup menyulitkan, seperti halnya yang disebutnya ‘multi kompilasi’ untuk tulisan ‘terima kasih’ diterjemahkannya ke bahasa Inggris yang diketahuinya jadi ‘Thanks’ lalu digabungkannya dengan bahasa Jepang yang diketahuinya jadi ‘Arigatou‘ kemudian diambil huruf depannya saja sehingga disingkat jadi ‘TA’ , kemudian singkatan ‘TA’ ini dibalik urutan hurufnya sehingga menjadi ‘AT’ membalik singkatan ini adalah kolaborasi imajinasinya dengan nuansa nama kota ‘Malang’ kesukaannya yang biasa dibalik menjadi ‘Ngalam’. Kemudian ‘AT’ tersebut ditulis dengan tanda khusus, dan hanya memerlukan dua sentuhan jemari pada tuts keyboard pc untuk menghasilkan 1 ketikan tanda khusus, yaitu : @ , namun arti tanda ini tidak selalu ‘terima kasih’ di Geo Code, sebab tergantung kode kalimatnya.

      Ada kode khusus pada awal kalimat yang menjadi patokan info bahwa suatu tulisan kode pada kalimat tersebut asalnya diterjemahkan dari bahasa apa ke bahasa apa kemudian apa, serta di singkat berapa huruf dengan imajinasi apa.

      Pernah suatu ketika Josh memperlihatkan tulisan allay di internet pada Geo. Ternyata Geo agak kesulitan dengan tulisan tersebut walaupun berhasil membacanya dengan mengira-ngira dan menyatukan kalimatnya terlebih dahulu, menurutnya tulisan tersebut suatu kreasi tersendiri, namun tidak cocok untuk tulisan yang bersifat rahasia, selain penggunaan pada asterik password dan style lainnya.

      “Beda… Josh, kodeku ini lebih cenderung pada sandi rahasia yang tidak mudah dimengerti. Walau sederhana, namun dengan kompilasi singkatan dengan beberapa terjemahan bahasa asing yang bahkan mungkin artinya berbeda, tentu membuat kodeku yang kunamakan Geo Code ini memiliki style tersendiri.” jelas Geo.

      Joshadu menatap Geo yang tersenyum padanya, ya sudah hampir setahun ini seakan batasan kerja Geo dengannya tidak ada selain dalam lembar-lembar dokumen atau surat kerja.
Geo tidak memanggilnya ‘Kak, ‘Bu, atau lainnya dan itu memang atas permintaannya sendiri, karena memang usia Geo tiga tingkat diatasnya. Joshadu cukup gembira dengan keadaan ini, dimana tempat kerja yang dirintisnya ini ternyata sangat nyaman dengan sistem kekeluargaan, saling mengasihi satu sama lain dengan tetap mengedepankan keprofesionalan…, disamping itu Josh juga ada hati pada Geo..., karyawan pertama dan cinta pertamanya ini.

      “Jadi kode tersebut hanya kamu dan aku yang tahu?” tanya Josh meyakinkan.
“Sampai dengan saat ini ada 6 orang termasuk kita yang mengetahui kode ini, namun yang perkembangan terbaru tentulah kita….” Jawab Geo.
Josh menatap monitor komputer berisi tulisan kode tersebut, lalu menatap Geo, ada rasa makin penasaran dengan kode ini, “Siapakah mereka” tanyanya.
Kini ganti Geo menatap Josh dengan tersenyum, lalu berkata “pertama adalah seorang cewek genius di Tretes yang kini entah dimana, kedua seorang sahabat hebat yang menetap di Tulunggagung bersama istrinya, ketiga adalah seorang sahabat yang memiliki analogi mirip denganku yang entah kini berada dimana, keempat adalah kakakku 'Yg' di Bali, kelima dan keenam adalah kita….”


“Hmm aku tahu…, pengarangnya adalah kamu dan mereka termasuk aku yang mengikuti khan…” goda Josh.

“Hampir benar, tapi aku mulai menyukai kode semacam ini adalah karena cewek genius tadi, kode-kode yang diberikannya dulu cukup menarik minatku, namun semenjak aku berkenalan dengan benda bernama komputer, aku mulai ingin agar kode tersebut bisa diketik secara langsung dari keyboard tanpa program khusus dan dapat diterapkan dengan ten finger sytem atau tidak, bahkan bisa diketik dengan mesin ketik manual.
Bila ada salah satu tuts keyboard PC tidak berfungsi, atau tuts mesin ketik manual model lama tidak terdapat tanda yang diharapkan, maka bisa dikompile dengan tanda kode khusus mendampingi multi kompilasinya.

      Berhubung kode-kode yang dulu itu adalah tulisan tangan yang terkadang semacam gambar bunga, pedang, tombak dan lainnya, kalaupun mau di terapkan dikomputer, harus membuatnya dulu di corel atau semacamnya lalu mencompilenya sebagai extensi font dengan program khusus. Kemudian menginstal font tersebut. Kendalanya bila dibuka dikomputer lain yang belum diinstal font tersebut, maka susunan kode akan kacau tidak terbaca bahkan juga sulit bagi pembuatnya…. Lalu aku upgrade total kode itu dalam beberapa dekade sampai yang terakhir ini demikian dan kuberi nama Geo Code…, Geo Code ini bisa dikirim by email, yang bisa dibuka dimanapun berada asal bisa membaca arti kode ini, bila ada yang sangat spesifik, aku menambahkan multi kompilasi dan kode khusus bila diperlukan, serta bisa juga menjadikannya sebagai format html seperti kesukaanku belakangan ini, atau menyelipkannya diantara kode html itu sendiri…” jawab Geo santai menerangkannya.

      “Geo Code ini aman, tidak mewakili program computer apapun, karena Geo Code sifatnya adalah info tersembunyi tanpa merusak atau mengeksekusi suatu perintah program computer apapun” lanjutnya.
“Wah hampir mirip kesukaanku juga dong…, bedanya aku hanya menggunakan coretan cerita….” Sahut Joshadu menatap Geo dengan senyuman.
Geo tampak sedikit mengeryit lalu pandangannya berbinar dan berkata, “Oh seperti cerita Joshananda Nadisona Astatiara itu ya…, hebat, aku ingin bisa menulis seperti itu. Hmm…, kok nama tokoh cerita itu mirip dengan namaku ya…, ada ‘nanda’nya…”
Senyum Joshadu mengembang. “Itu hanya kebetulan saja, cerita fiktif dara bernama Joshananda Nadisona Astatiara karanganku itu juga kuselipkan nama panggilanku ‘Josh’ he he he….” balas Joshadu.
“Dan upgrade Geo Code terus kamu lakukan…, menuju yang mungkin bisa dilakukan bukan?… ha ha ha….” pungkas Josh kemudian sambil tertawa mengembalikan pembicaraan ke Geo Code.

--- 0 ---

6. FILE ITU

E
h…, itu file apa?” batin Josh tersadar dari lamunan ketika kursor mousenya menyentuh sebuah file berkapasitas hanya 1kb dan berextention *.txt di monitor LCD PCnya.
“Nggak biasanya Geo membiarkan file terbuka tanpa password, atau ini kamuflase lainnya…” Joshadu penasaran ingin tahu.

      Ketika file tersebut diklik dan terbuka, ternyata isinya hanya 6 baris tulisan, namun kesemuanya adalah kode sandi.
Josh tersenyum ketika memeriksa tidak ada kode khusus yang melambangkan file tersebut apa, dengan demikian file tersebut adalah asli file *.txt yang isinya adalah itu. Namun yang membuat agak sulit adalah ternyata isi tulisan kode tersebut berpadu dengan multi kompilasi…

      “Duh apa ya arti kode di file itu…?” tanya hatinya.
Segera Josh membuka file yang pernah diberi oleh Geo beberapa waktu lalu yang berisi info multikompilasi terbaru by Geo. Setelah didapatnya, Josh meraba satu demi satu arti kode tersebut.
Tidak mudah, karena ada beberapa yang memakai multi kompilasi dari prosa kata dan bahasa…, lebih sulit dari pada sebuah kalimat allay yang terkadang memenuhi facebooknya.
“Namun bila semua orang mudah membacanya, bukankah itu justru membuat kode sandi ini kehilangan kelas privasinya…” relung Joshadu terus mencoba meraba.


“Hmm, sebenarnya aku menyukai kode sandi Geo ini karena dulu akupun pernah mempelajari yang hampir sama fungsinya sewaktu ikut Praja Muda Karana label merah…” batin Josh.
Sambil coba terus menerjemahkan kode sandi buatan Geonanda Winartha tersebut, Josh ingat sewaktu remaja pernah jadi Penggalang Praja Muda Karana atau Pramuka Penggalang. Ada beberapa sandi yang dipelajari, seperti sandi rumput, morse, kotak, dan lainnya. Kini Josh sudah lupa dengan sandi-sandi yang dulu itu, hanya beberapa sandi kotak masih sekilas diingatnya. Kala itu ada dua versi sandi kotak yang dipelajarinya, yaitu dwi dan tree.
Tapi kesemuanya memang tak bisa langsung diketik pada computer seperti sandi kode Geo ini.
“Apa ya sebenarnya arti kode di file itu…?” penasaran Josh dalam hati sambil terus merangkai kode-kode tersebut tak peduli malam kian larut menghampiri pagi bersamaan dentangan lonceng jam kunonya berbunyi sekali di ruang tamu terdengar masih gagah seperti dulu saat remajanya bermimpi.

      “Nah… ini komplit sepertinya…” gumam Josh pada diri sendiri ketika mengetahui bahwa usahanya ternyata berhasil menerjemahkan kode sandi Geo nya ke bahasa Indonesia yang utuh.

“Oh Geo..., kamu sedang menulis apa ini, lanjutannya dimana?" batin Joshadu bertanya sendiri sambil coba perhatikan kembali kode demi kode pada file tulisan tersebut yang sepertinya terpotong.
“Apa tadi sewaktu mengetik ini, tiba-tiba terjadi gempa dan Geo belum sempat meneruskan serta mempassword opennya…”

      Joshadu mengetahui bahwa file sederhana *.txt dari notepad standart pun bisa dipassword open menggunakan password lapis 6 by Geo. Namun mungkin karena kecapean, Josh kurang menyadari bahwa sebenarnya file itu telah menggunakan bagian dari proteksi tingkat 6 yakni proteksi code by Geo, karena semua isi tulisannya adalah berupa Geo Code. Inilah yang coba dikembangkan Geo yaitu tulisan terproteksi independent tanpa password dan atau lainnya.
Joshadu berhasil merangkai kalimat yang tersembunyi di hamparan kode tersebut, karena telah diberi petunjuk dan catatan versi terbaru oleh Geonanda Winartha beberapa waktu sebelumnya untuk membaca Geo Code.

      “Kalau terjadi apa-apa…, bagaimana ya…., aku tidak tahu dan binggung rasanya…. Kok dari tadi nggak ada telp kabar perkembangan Geo di rumah sakit ya…, atau mereka sudah pada tidur? Tapi yang penting Geo harus sembuh…, harus….” hati Josh seakan tak henti-hentinya bersuara.
“Oh Geo…, kamu tidak sedang berada disegitiga bermuda…, kamu tidak sendiri ada aku yang merindukanmu….“

      Air mata kembali menetes dipipinya, "Geo..., cepat sembuh ya..." harapnya sambil melamun.

“Mengapa kamu bisa jatuh Geonanda…., Joshadu Windowsadu yang kamu lihat sepertinya selalu tenang, kini sulit untuk tenang Geo….” tangis Josh kini tak terbendung lagi, tetesannya seakan lebih deras dari hujan diluar rumah yang seakan menemani sunyinya malam merambat pagi….

      “Oh Geo…,file itu...” zzz....
Joshadu Windowsadu merasa dinding ketenangannya roboh, dia lunglai, capek dan tertidur tak mampu mendengar dentang lonceng jam kunonya berbunyi tiga kali dikesunyian pagi yang masih merintikkan hujan bercampur desir angin dingin….



File itu berisi tulisan yang terpotong, seperti berikut ini :
Joshadu... nama lengkapnya adalah Joshadu Windowsadu, dara yang terlihat selalu tenang. Mungkin bagi yang baru mengenal, ada yang menganggapnya terlalu pendiam atau bahkan introvert...
Bagiku dia bagai air sejuk ditengah dahaga dalam gersang asa berlayar coba gapai pelangi harapan indah.
Dibalik ketenangannya yang terkadang mencenungkanku sedang berada di tenangnya lautan luas tanpa tepian, tanpa ombak, tanpa badai, bahkan anginpun diam seakan di cerita tenang segitiga bermuda..., dia sangat membuatku rindu.
Betapa dia tak mempedulikan perbedaan status, bila mengingat jenjang akademik serta karirnya, sangatlah jauh dar...

--- End ---

Joshadu Windowsadu, Geonanda Winartha, Joshananda Nadisona Astatiara, Sayaka Ventalase, Joshepine Sastrabunga Tunggakirana dan Joshinta Citraswara Linigempita
serta segenap tokoh cerita Joshaxis, mengucapkan :

SELAMAT ULANG TAHUN PERTAMA

www.joshaxis.co.cc

happy 1st anniversary

Prepared by www.joshaxis.co.cc

Belantara

josh.axislive@gmail.com (Joshaxis) — Sat, 21 Aug 2010 01:10:00 -0700

“Hai apa kabar…, waduh lama nggak masuk…, emang lagi kemana aja, sibuk ya…?” sapanya.
“Oh terima kasih…, hmm bisa dibilang demikian….” Jawab Joshadu Windowsadu pada seorang teman yang menyapanya.

“Eh sory nih tadi aku kurang ngerti yang dijelasin oleh Bpk. Dosen, kamu dah ngerti ya… tolong jelasin dong….” pinta Joshadu Windowsadu yang juga biasa disapa ‘Josh’ tersebut.

“Oh yang tadi tuh berkaitan dengan tabel keterangan sebelumnya :
==========================================
—Kelas— Netword—ID—Host ID— Default Sub
==========================================
1 – 126 : A— W — X.Y.Z— 255.0.0.0
128 – 191 : B— W.X — Y.Z — 255.255.0.0
192 – 223 : C— W.X.Y — Z — 255.255.255.0
224 – 239 : D— Multi Cast
240 – 247 : E— Experiment

Alamat broadcast : 255.255.255.255

Jadi bila ada soal demikian :
==========================================
No— Jaringan — Kelas— No IP 1— No. IP Terakhir— IP Broadcast
==========================================
1— 10.0.0.0
2— 128.3.0.0

Maka jawaban no.1 yang telah diketahui jaringannya tersebut kita lihat rangge pertamanya di tabel keterangan sebelumnya.
Dimana untuk 10.0.0.0 adalah kelas : ‘A’ (krn rangge pertamanya yaitu 10 ada dalam rangge antara 1 – 126)
dan angka yang dapat diisinya ada tiga yaitu .0.0.0 (lihat default sub).

Kemudian No. IP 1 kita isi dengan menganti angka 0 terakhir jaringannya dengan angka 1 sehingga menghasilkan angka : 10.0.0.1
Lalu No. IP Terakhir kita isi dengan menganti yang dapat digantinya dengan 255 yaitu .0.0.0 pada jaringan tersebut
dengan mengurangi 1 pada nilai terakhirnya, sehingga menghasilkan 10.255.255.254

Sedangkan IP Broadcast kita isi seluruh angka 0 dengan 255 (lihat alamat broadcast).
Untuk jawaban no. 2 dan selanjutnya hampir sama dengan no.1 tadi
jadi untuk mulai menentukan angka-angkanya harus menyesuaikan juga.

Sehingga jawaban lengkapnya demikian :
==========================================
No— Jaringan— Kelas—No IP 1—No. IP Terakhir—IP Broadcast
==========================================
1— 10.0.0.0— A — 10.0.0.1— 10.255.255.254— 10.255.255.255
2— 128.3.0.0— B— 128.3.0.1— 128.3.255.254— 128.3.255.255

“Ah bisa aja kamu ‘Prof’…, ngetes aku….” candanya kemudian.

“Weh… aku nggak ngetes kamu kok ‘Jeng’….” balas Josh tersenyum dan berkata lagi “Terima kasih ya penjelasannya….”

“He he he… thanks juga…, eh gimana ceritanya dah lanjut belum?” gumamnya.
Josh terdiam sesaat dan balas bertanya “Cerita apa?”
“Itutuh yang biasa di FB…, aku suka membaca and mengikutinya lho…, walau nggak komen… he he he…” ucapnya.

Agak terkejut mendengarnya namun seolah biasa Josh menjawab “Wah makasih yach…, ehm…, baiklah ceritanya mungkin seperti ini…..

*

Sepuluh tahun yang lalu di bulan Agustus 2010 ada seorang dara jelita berambut panjang sebahu bernama Joshananda Nadisona Astatiara yang memiliki hobi sedikit corat-coret kata cerita ditanya oleh rekan studynya yang juga seorang dara tentang hobinya tersebut barang kali telah ada cerita baru tercipta…

Sambil tersenyum seakan ceria, dia mulai berkisah tentang sebuah cerita yang dia beri judul 'BELANTARA'.

"Aku punya cerita berjudul 'BELANTARA', cerita ini seperti ini…

**
Disebuah zona, gerimis membasahi sore…, dan senja datang mengusik rindunya berteman angin serta derunya angan….

Tapaki jalan berliku sudah terbiasa baginya. Putar haluan juga pernah dilaluinya bahkan sejak masa tunas remajanya.

Dulu sebelum tiga tahun mengenyam Sekolah Dasar dekat Sentra Terminal Unsur kota ‘Persimpangan’, hamparan keloknya arah bahkan curamnya lembah cukup sering dilihatnya. Ya…, Malang, Sengkaling, Batu, Pujon, Pulungan serta Tretes merupakan area yang indah dinikmatinya sekaligus belajar memperhatikan likunya jalan yang dianggapnya ‘rimba’ di kedua bola mata kecilnya dengan berbagai angan.

Penatnya raga tapaki jalanan dan tangga ke puncak Bromo yang dinginpun pernah menjadi memorynya saat saksikan indahnya panorama kawah serta terbitnya Sang Surya di sana tiga tahun usai menamatkan Sekolah Menengahnya.

Pertama kali lepaskan pegangan, keluar dari zona aman dan mencoba berjalan di alur berbeda bahkan dialaminya sendiri dua tahun sebelum Sekolah Menengahnya usai.

Beberapa kenyaman kota serta ‘Pulau Dewata’ dari sisi berbeda pernah juga mampir dinafasnya.

Dua setengah tahun sebelum Milenium tiba, ‘Jembatan Baru Pesing’ satu bulan coba dilaluinya seakan ‘Type Hypertext’ yang memiliki cukup ‘Link Sheet’ bersama teman ‘berbudi’ dalam petualangan pertama di Jabotabek yang dianggapnya ‘Belantara’.

Setahun berikutnya ada ajakan lain untuk berpetualang di ‘Belantara’ Jabotabek kembali dengan ‘style property’ lebih baik dari sebelumnya karena include ‘Type Hypertext’ yang terstruktur . Kemudian mulailah dikenalnya agak dekat ‘nama’ seperti Senen, Grogol, Gading, dan beberapa lainnya yang waktu petualangan pertamanya hanya sekilas.

Petualangan kedua ini cukup indah baginya walau debu, liku, ditambah macetnya jalan terkadang juga sesak untuk bernafas lega. Pada suatu hari petualangan ini seakan terasa cepat berakhir dan kembali lagi ke kota ‘Persimpangan’ itu.

Kini petualangan ke zona sama yang ketiga telah hampir dua bulan lebih sejak tiga tahun lalu dijalaninya. Bermula dari hamparan ajakan yang memberikan kesempatan untuk coba berjalan sendiri mendaki tebing menuju puncak di ‘Belantara’ Jabotabek dengan ‘style property’ berbeda karena include ‘CSS dan Markup Langguage’ dengan ‘Pseudo Classes serta Element’ yang dilengkapi ‘Encoding Script Strict Extensible’.

Namun ‘Syntact Error’ seakan tak jemu menghampiri, karena ‘Type Sheet’ yang sekarang berbeda dengan ‘Type Hypertext’ yang dahulu…. Ada beragam ‘Case Sensitive’ dan ‘Looping’ untuk ‘Valid’.
Pijakan langkah kakinya yang sendirian coba mendaki menuju puncak kini seakan longsor…. Reflek dia meraih yang masih bisa dengan tangannya di pendakian tebing itu.

Di tengah kesepian dan galau, pandangannya segera coba rekam yang ada…, dan ketika dilihatnya kebawah seakan tiada dasar yang terlihat memberi kemungkinan harapan. Sambil berusaha merangkak naiki curamnya tebing agar dapat berjalan lagi dijalan rata…, dia rangkai angan tuk tuliskan berbagai fenomena tuk berjalan atau berlari bahkan terbang lintasi cakrawala. Sementara gravitasi bumi seakan terasa lebih menyedotnya untuk jatuh. ‘Sayap’nya yang masih diharapkan untuk terbang sedang patah…, ‘Kaki’nya yang diharapkan mampu berjalan atau berlari kini seakan tanpa pijakan….

Kedua bola matanya yang dulu sewaktu kecil cukup sering memperhatikan likunya jalan dengan berbagai angan, kini perih manahan hembusan debu… dan coba mengelak dari kerikil yang menghunjam….
‘Belantara’ ini berbeda dengan ‘rimba’ yang dulu sering dilihatnya. Dulu dua bola matanya dapat melihat ‘body, header, main, dan footer serta bila ada under’ sekalipun.

‘Belantara’ ini nyaris tak terduga…, seakan rata tapi berkelok, seakan datar tapi terjal, seakan kokoh tapi bisa roboh, nyaris tak terdengar ‘auman harimau’ seperti di ‘rimba’ yang dulu.…’

Semakin lama bertahan…, gaya gravitasi sepertinya semakin kuat dirasa menambah berat beban yang mungkin makin bisa membuatnya jatuh…. Kedua tangannya memerah panas menahan kesemutan akibat lamanya bergelantungan di terjalnya karang.

Dan lanjutan tulisannya masihlah di angan….”

*

“Begitulah sedikit corat-coret kata ceritaku kali ini” ucap Joshananda Nadisona Astatiara dara berambut panjang sebahu tersebut mengakhiri ceritanya….

**

“Begitulah ceritanya” jawab Josh.
“Jadi dari cerita itu, dapat dipastikan dia jatuh dong…” tanyanya.
“Hmm…, mungkin belum tentu demikian…, siapa tahu ada burung gagak….” Sahut Josh sambil tersenyum.

“Hebat… ceritanya ada dalam cerita … dan ada burung gagak segala…. Trus pesannya apa ya…” ungkapnya.

Sambil tersenyum Josh menjawab “Hanya cerita kok…”

Tak lama sesudah itu ‘Om Inu’ Sobat yang telah ditemui Josh sebelum masuk kelas tadi menghampiri dan berkata “Yuk ke ‘Sanggar’ sambil menunggu praktek Komputer jam tujuh nanti….”
Kembali Josh menikmati indahnya panorama ‘Sanggar’ dan hidangan yang disediakan serta keakraban didalamnya….

Bermain gitar serta beberapa obrolan hangat termasuk diantaranya tentang ‘kopi enak’, ‘kopi mahal mencapai seratus ribu rupiah karena airnya melalu proses semacam penyulingan’ dan komputer internet serta lainnya…
Membicarakan internet terfokus pada beberapa system koneksi yang dipakai termasuk modem simple seperti modem dari berbagai jasa layanan operator baik GSM maupun CDMA yang tinggal plug and play.
“He kok diam aja Josh…, biasanya kalau membicarakan modem yang simple, kamu selalu mempromosikan operator kesukaanmu…” sapa cewek ramah yang menanyakan ‘ceritanya tadi’

Sambil makan tahu goreng, Josh menjawab “Hmm… sekarang operator kesukaanku itu mulai kurasa sering trauble terlebih pada jaringan GPRS nya yang sering aku pakai…. Seperti untuk membuka FB biasanya sering aku lakukan dari HP, namun kini di tempatku sinyal menurun…, jadinya sering putus, ditambah beberapa kesibukan jadinya nggak bisa selalu OL seperti dulu…. Bahkan kadang komen di FB aku balasnya sehari kemudian…. Oh iya kamu sendiri khan indentik dengan kartu murah yang tersohor itu…, kok kamu juga seakan tidak menjagokannya….?”

“Ya… hampir sama denganmu Josh…, mungkin banyak yang pakai jadinya ya agak seperti itu” sahutnya.
“Sobat kita ‘Kang Tar’ berulang tahun lho…, sebentar lagi mungkin datang….” Kata ‘Om Inu’ ditengah obrolan senja sedikit gerimis itu….
“Wow selamat ulang tahun ‘Kang Tar…” gumam Josh dalam hati….

***

“Weh…, aku bingung deh…, sebenarnya tokoh cerita yang kuliah itu siapa ya…. Joshananda Nadisona Astatiara atau Joshadu Windowsadu…? Dan apa cerita Joshadu Windowsadu hanya begini?” tanya Joshinta Citraswara Linigempita menanggapi tulisan Joshepine Sastrabunga Tunggakirana kali ini.

“Dua-duanya adalah tulisanku…., Joshadu Windowsadu dalam ‘bundle’ angan ceritaku bukan hanya begini. Untuk beberapa cerita seperti ini hanyalah versi ‘simple’. Joshananda Nadisona Astatiara itu aku buat sebagai dara tokoh cerita karangan Joshadu Windowsadu. Dan Joshadu Windowsadu itu adalah dara tokoh cerita utama karanganku ini…. Settingnya aku buat agak sama dengan beberapa perbedaan…. Ya misalkan membuat template blog memiliki garis besar kesamaan susunan hampir seperti ini :
#body{…}
#outer-wrapper{…}
#header-wrapper{…}
#header{…}
#content-wrapper{…}
#main-wrapper{…}
#post{…}
#sidebar-wrapper{…}
#sidebar{…}
#footer{…}
Yang tentunya bisa dirubah dan ada berbagai perbedaan seperti pada bagian type, variable, layout, control, serta lainnya….” Jawab Joshepine Sastrabunga Tunggakirana.

“Oh… iya, kamu sendiri mengarang cerita ‘Sayaka’ itu sepertinya juga hampir mirip dengan Joshaduku” lanjutnya.

“He… he… he… iya sih Josh…kita khan sahabat…, Sayaka karanganku itu juga seorang dara ‘coding’ pengarangannya masih jauh darimu..., seumpama kamu buat template versi XML, aku masih memakai versi HTMLnya…. Atau bila kamu menggunakan control ‘Frame’ untuk design web page, aku masih menggunakan ‘tabel’ … ” jawab Joshinta Citraswara Linigempita.
Dengan lembut Joshepine Sastrabunga Tunggakirana menanggapi jawaban sahabatnya ini “How…, bisa aja kamu…, memakai ‘versi’ lain bukan berarti lebih jelek lho…, mari kita berkarya memberi hal indah selama kita bisa dan masih ada untuk sesama tanpa membedakannya…. makasih yach….”

***

Dicopy dari Joshaxis Facebook Page dg alamat :
http://www.facebook.com/joshaxis.net

My best regards,
Joshaxis

Membuat Tabel Plus Scroll Bar

josh.axislive@gmail.com (Joshaxis) — Sun, 11 Jul 2010 06:04:00 -0700

MEMBUAT TABEL PLUS SCROLL BAR

Membuat 'Tabel Plus Scroll Bar' ini adalah suatu kreasi kode html tabel / table include scroll bar.

Ditulis pada Notepad dan menyimpannya sebagai file *.html

Sebenarnya untuk scroll bar bisa dengan hanya menuliskan kode berikut :

<div style="background:#707DC3; overflow: auto; height:400px;">
tabelnya
</div>

Kode tersebut akan membuat seluruh tabel termasuk headernya berada dalam scroll bar.

Dalam kreasi kali ini, kita akan membuat header untuk tabel tersebut berada diatas scroll bar.

Ada tiga tabel yang kita gunakan yaitu :

1. Tabel untuk package / pembungkusnya

2. Tabel untuk header

3. Tabel yang kita beri scroll bar

Untuk melihat tabel plus scroll bar ini yang sudah jadi, silahkan

Sebelum membuatnya, pastikan kita sudah pernah mengetahui cara membuat sebuah tabel standart.

Cara membuat tabel plus scroll bar ini adalah sebagai berikut :

1. Buat sebuah CSS (Cascading Style Sheets) untuk mengurangi beban pengulangan penulisan beberapa kode yang sama.

Kodenya :

<html>

<head>

<title>Tabel Plus Scroll Bar</title>

<style type="text/css">

div.scroll

{

height:400px;

overflow: auto;

background:#707DC3;

}

td.jcc, td.jcu, td.of, td.on, td.jcw

{

background:#0000FF;

text-align:center;

font-family:Times New Roman;

font-weight:bold;

line-height:30px;

}

td.of, td.on

{

padding:2px 4px 2px 4px;

border-top: 10px solid #FF0000;

border-left: 10px solid green;

border-bottom: 10px solid magenta;

}

tr.jsw, tr.jcr, tr.jsc, tr.jsu, tr.jcb, tr.jss

{

background:#0000FF;

text-align:center;

font-family:Times New Roman;

font-weight:bold;

line-height:30px;

}

.jh

{

border-top: 0px solid #0000FF;

border-right: 0px solid yellow;

border-left: 0px solid green;

border-bottom: 0px solid magenta;

cellspacing: 0px;

cellpadding: 0px;

background: #707DC3;

}

js1, js2, js3, js4, js5, js6,

jc1, jc2, jc3, jc4, jc5, jc6

{

text-align:center;

font-family:Times New Roman;

font-weight:bold;

line-height:30px;

float:left;

}

tr.jsw, tr,jss

{

width:59px;

color:#FFFFFF;

}

tr.jcb

{

color:#f5a9f2;

}

tr.jss

{

text-align:right;

}

tr.jcr

{

background:#FF0000;

color:#0000FF;

}

tr.jsc

{

width:59px;

color:#f5a9f2;

}

tr.jsu

{

width:59px;

color:#a9d0f5;

}

tr.jcb

{

color:#f5a9f2;

}

td.jcc

{

color:#f5a9f2;

border-color:#0000FF;

}

td.jcu

{

color:#a9d0f5;

}

td.of

{

border-right: 10px solid yellow;

color:#f5a9f2;

}

td.on

{

background:#a9d0f5;

border-right: 10px solid grey;

color:#0000FF;

}

td.jcw

{

color:#FFFFFF;

}

.jp

{

width:300px;

}

js1, jc1

{

width:20px;

}

js2, jc2

{

width:59px;

}

js3, jc3

{

width:100px;

}

js4, jc4

{

width:155px;

}

js5, jc5

{

width:49px;

}

js6

{

width:66px;

}

jc6

{

width:48px;

}

</style>

</head>

2. Buat satu tabel untuk package / pembungkusnya (kode tabel pada no.2 ini letakkan dibawah kode CSS pada no.1 diatas).

Kodenya :

<body>

<table border= "1" class="jp">

<tr><td>

Disini nanti letakkan kode tabel pada no.3 dan 4 yaitu tabel untuk header dan tabel yang kita beri scroll bar (Ganti text merah ini dengan kode tabel pada no.3 kemudian kode tabel no.4)

</td></tr>

</table>

</body>

</html>

3. Buat satu tabel untuk headernya :

Kodenya :

<table border="0"cellspacing="1" cellpadding="0" class="jh">

<tr class="jsw">

<td colspan=7>

JADWAL KULIAH IF.11 - SEMESTER IV 2010</td>

</tr>

<tr class="jcr">

<td><js1>No</js1></td>

<td><js2>Hari</js2></td>

<td><js2>Tanggal</js2></td>

<td><js3>Waktu</js3></td>

<td><js4>Mata Kuliah</js4></td>

<td><js5>Ruang</js5></td>

<td><js6>Dosen</js6></td>

</tr>

</table>

4. Kemudian buat satu tabel yang kita beri scroll bar-nya :

Kodenya :

<div class = "scroll">

<table border= "0" cellspacing="1" cellpadding="0">

<tr class="jsc">

<td rowspan=2>01</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>18/04</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>02</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>24/04</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>03</td>

<td>Minggu</td>

<td>25/04</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>04</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>01/05</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>01</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>18/04</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>02</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>24/04</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>03</td>

<td>Minggu</td>

<td>25/04</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>04</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>01/05</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>01</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>18/04</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>02</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>24/04</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>03</td>

<td>Minggu</td>

<td>25/04</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>04</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>01/05</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>05</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>02/05</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>06</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>08/05</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>07</td>

<td>Minggu</td>

<td>09/05</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>08</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>15/05</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>09</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>16/05</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>10</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>22/05</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>11</td>

<td>Minggu</td>

<td>23/05</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>12</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>29/05</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>13</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>30/05</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>14</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>05/06</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>15</td>

<td>Minggu</td>

<td>06/06</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>16</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>12/06</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>17</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>13/06</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>18</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>19/06</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>19</td>

<td>Minggu</td>

<td>20/06</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsu">

<td colspan=7 align="center">

<blink>U T S</blink></td>

</tr>

<tr class="jsu">

<td>01</td>

<td>Sabtu</td>

<td>26/06</td>

<td>13:30</td>

<td>Aljabar Linier</td>

<td>310</td>

<td>SSB</td>

</tr>

<tr class="jsu">
<td>02</td>

<td>Minggu</td>

<td>27/06</td>

<td>11:00</td>

<td>Jaringan Komputer</td>

<td>310</td>

<td>REN</td>

</tr>

<tr class="jsu">
<td rowspan=2>03</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>03/07</td>

<td>13:30</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsu">
<td>16:00</td>

<td>Teori Bahasa Otomata</td>

<td>310</td>

<td>SYR</td>

</tr>

<tr class="jsu">
<td rowspan=2>04</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>04/07</td>

<td>13:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsu">
<td>16:00</td>

<td>Grafik Komputer</td>

<td>310</td>

<td>SIS</td>

</tr>

<tr class="jsu">
<td>05</td>

<td>Sabtu</td>

<td>10/07</td>

<td>16:00</td>

<td>Pemrograman Web</td>

<td>310</td>

<td>MMG</td>

<tr class="jsu">

<td colspan=7 align="center">

<blink>I F . 1 1</blink></td>

</tr>

<tr>

<td rowspan=2 class="jcc">

<jc1>*<br>*<br>*</td>

<td colspan=2 class="jcu">

Minggu<br>11 Juli 2010</br></td>

<td rowspan=2 class="of"

onmouseover="this.className='on'"

onmouseout="this.className='of'">

Free<br>Evening</td>

<td colspan=3 rowspan=2 class="jcw">

NOBER Piala Dunia Di Kampus</td>

</tr>

<tr><td></td>

</tr>

<tr class="jsw">

<td rowspan=2>20</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>17/07</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>21</td>

<td>Minggu</td>

<td>18/07</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>22</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>24/07</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>23</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>25/07</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>24</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>31/07</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>25</td>

<td>Minggu</td>

<td>01/08</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>26</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>07/08</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>27</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>08/08</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>28</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>14/08</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jsc">

<td>29</td>

<td>Minggu</td>

<td>15/08</td>

<td>12:30 - 15:30</td>

<td>Arsitektur & Org<br>
Komputer</br></td>

<td>310</td>

<td>TRD</td>

</tr>

<tr class="jsw">

<td rowspan=2>30</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>21/08</td>

<td>14:00 - 17:00</td>

<td>Aljabar Linier</td>

<td>309</td>

<td>SSB</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Pemrograman Web</td>

<td>309</jw5></td>

<td>MMG</td>

</tr>

<tr class="jsc">

<td rowspan=2>31</td>

<td rowspan=2>Minggu</td>

<td rowspan=2>22/08</td>

<td>12:30 - 15:30</td>

<td>Jaringan Komputer</td>

<td>309</td>

<td>REN</td>

</tr>

<tr class="jsc">

<td>15:30 - 18:30</td>

<td>Grafik Komputer</td>

<td>309</td>

<td>SIS</td>

</tr>

<tr class="jsw">

<td rowspan=2>32</td>

<td rowspan=2>Sabtu</td>

<td rowspan=2>28/08</td>

<td>14:00 - 17:00</td>

<td>Metode Numerik</td>

<td>309</td>

<td>SYR</td>

</tr>

<tr class="jsw">

<td>18:30 - 21:00</td>

<td>Teori Bahasa Otomata</td>

<td>303</td>

<td>SYR</td>

</tr>

<tr class="jcb" >

<td><jc1>33</jc1></td>

<td><jc2>Minggu</jc2></td>

<td><jc2>29/08</jc2></td>

<td><jc3>12:30 - 15:30</jc3></td>

<td><jc4>Arsitektur & Org

<br>Komputer</br></jc4></td>

<td><jc5>310</jc5></td>

<td><jc6>TRD</jc6></td>

</tr>

<tr class="jss" >

<td colspan=7 rowspan=2>

<br><< Joshaxis >></br></td>

</tr>

<tr><td></td>

</tr>

</table>

</div>

</td>
</tr>

</table>

Selesai...

Note :

Kode <blink>... text ... </blink> pada kode tabel diatas berfungsi untuk membuat text berkedip

Kode tabel ini kreasi Joshaxis seperti di

Terima kasih...

Jakarta, 11 Juli 2010

Joshaxis

Jadwal Semester IV

josh.axislive@gmail.com (Joshaxis) — Sun, 11 Jul 2010 05:50:00 -0700

JADWAL KULIAH IF.11 - SEMESTER IV 2010
No	Hari	Tanggal	Waktu	Mata Kuliah	Ruang	Dosen

01	Minggu	18/04	12:30 - 15:30	Jaringan Komputer	309	REN
01	Minggu	18/04	15:30 - 18:30	Grafik Komputer	309	SIS
02	Sabtu	24/04	14:00 - 17:00	Metode Numerik	309	SYR
02	Sabtu	24/04	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
03	Minggu	25/04	12:30 - 15:30	Arsitektur Komputer	310	TRD
04	Sabtu	01/05	14:00 - 17:00	Aljabar Linier	309	SSB
04	Sabtu	01/05	18:30 - 21:00	Pemrograman Web	309	MMG
01	Minggu	18/04	12:30 - 15:30	Jaringan Komputer	309	REN
01	Minggu	18/04	15:30 - 18:30	Grafik Komputer	309	SIS
02	Sabtu	24/04	14:00 - 17:00	Metode Numerik	309	SYR
02	Sabtu	24/04	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
03	Minggu	25/04	12:30 - 15:30	Arsitektur Komputer	310	TRD
04	Sabtu	01/05	14:00 - 17:00	Aljabar Linier	309	SSB
04	Sabtu	01/05	18:30 - 21:00	Pemrograman Web	309	MMG
01	Minggu	18/04	12:30 - 15:30	Jaringan Komputer	309	REN
01	Minggu	18/04	15:30 - 18:30	Grafik Komputer	309	SIS
02	Sabtu	24/04	14:00 - 17:00	Metode Numerik	309	SYR
02	Sabtu	24/04	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
03	Minggu	25/04	12:30 - 15:30	Arsitektur Komputer	310	TRD
04	Sabtu	01/05	14:00 - 17:00	Aljabar Linier	309	SSB
04	Sabtu	01/05	18:30 - 21:00	Pemrograman Web	309	MMG
05	Minggu	02/05	12:30 - 15:30	Jaringan Komputer	309	REN
05	Minggu	02/05	15:30 - 18:30	Grafik Komputer	309	SIS
06	Sabtu	08/05	14:00 - 17:00	Metode Numerik	309	SYR
06	Sabtu	08/05	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
07	Minggu	09/05	12:30 - 15:30	Arsitektur Komputer	310	TRD
08	Sabtu	15/05	14:00 - 17:00	Aljabar Linier	309	SSB
08	Sabtu	15/05	18:30 - 21:00	Pemrograman Web	309	MMG
09	Minggu	16/05	12:30 - 15:30	Jaringan Komputer	309	REN
09	Minggu	16/05	15:30 - 18:30	Grafik Komputer	309	SIS
10	Sabtu	22/05	14:00 - 17:00	Metode Numerik	309	SYR
10	Sabtu	22/05	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
11	Minggu	23/05	12:30 - 15:30	Arsitektur Komputer	310	TRD
12	Sabtu	29/05	14:00 - 17:00	Aljabar Linier	309	SSB
12	Sabtu	29/05	18:30 - 21:00	Pemrograman Web	309	MMG
13	Minggu	30/05	12:30 - 15:30	Jaringan Komputer	309	REN
13	Minggu	30/05	15:30 - 18:30	Grafik Komputer	309	SIS
14	Sabtu	05/06	14:00 - 17:00	Metode Numerik	309	SYR
14	Sabtu	05/06	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
15	Minggu	06/06	12:30 - 15:30	Arsitektur Komputer	310	TRD
16	Sabtu	12/06	14:00 - 17:00	Aljabar Linier	309	SSB
16	Sabtu	12/06	18:30 - 21:00	Pemrograman Web	309	MMG
17	Minggu	13/06	12:30 - 15:30	Jaringan Komputer	309	REN
17	Minggu	13/06	15:30 - 18:30	Grafik Komputer	309	SIS
18	Sabtu	19/06	14:00 - 17:00	Metode Numerik	309	SYR
18	Sabtu	19/06	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
19	Minggu	20/06	12:30 - 15:30	Arsitektur Komputer	310	TRD
U T S
01	Sabtu	26/06	13:30	Aljabar Linier	310	SSB
02	Minggu	27/06	11:00	Jaringan Komputer	310	REN
03	Sabtu	03/07	13:30	Metode Numerik	309	SYR
03	Sabtu	03/07	16:00	Teori Bahasa Otomata	310	SYR
04	Minggu	04/07	13:30	Arsitektur Komputer	310	TRD
04	Minggu	04/07	16:00	Grafik Komputer	310	SIS
05	Sabtu	10/07	16:00	Pemrograman Web	310	MMG
I F . 1 1
* * *	Minggu 11 Juli 2010		Free Evening	NOBER Piala Dunia Di Kampus
* * *			Free Evening	NOBER Piala Dunia Di Kampus
20	Sabtu	17/07	14:00 - 17:00	Metode Numerik	309	SYR
20	Sabtu	17/07	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
21	Minggu	18/07	12:30 - 15:30	Arsitektur Komputer	310	TRD
22	Sabtu	24/07	14:00 - 17:00	Aljabar Linier	309	SSB
22	Sabtu	24/07	18:30 - 21:00	Pemrograman Web	309	MMG
23	Minggu	25/07	12:30 - 15:30	Jaringan Komputer	309	REN
23	Minggu	25/07	15:30 - 18:30	Grafik Komputer	309	SIS
24	Sabtu	31/07	14:00 - 17:00	Metode Numerik	309	SYR
24	Sabtu	31/07	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
25	Minggu	01/08	12:30 - 15:30	Arsitektur Komputer	310	TRD
26	Sabtu	07/08	14:00 - 17:00	Aljabar Linier	309	SSB
26	Sabtu	07/08	18:30 - 21:00	Pemrograman Web	309	MMG
27	Minggu	08/08	12:30 - 15:30	Jaringan Komputer	309	REN
27	Minggu	08/08	15:30 - 18:30	Grafik Komputer	309	SIS
28	Sabtu	14/08	14:00 - 17:00	Metode Numerik	309	SYR
28	Sabtu	14/08	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
29	Minggu	15/08	12:30 - 15:30	Arsitektur Komputer	310	TRD
30	Sabtu	21/08	14:00 - 17:00	Aljabar Linier	309	SSB
30	Sabtu	21/08	18:30 - 21:00	Pemrograman Web	309	MMG
31	Minggu	22/08	12:30 - 15:30	Jaringan Komputer	309	REN
31	Minggu	22/08	15:30 - 18:30	Grafik Komputer	309	SIS
32	Sabtu	28/08	14:00 - 17:00	Metode Numerik	309	SYR
32	Sabtu	28/08	18:30 - 21:00	Teori Bahasa Otomata	303	SYR
* * *	Sabtu 28 Agustus 2010		Free Evening	BUBER Di Kampus
* * *			Free Evening	BUBER Di Kampus
33	Minggu	29/08	12:30 - 15:30	Arsitektur Komputer	310	TRD
September 2010				Libur Bulan Ramadhan
U A S
01	Sabtu	02/10	13:30	Aljabar Linier	310	SSB
02	Minggu	03/10	11:00	Jaringan Komputer	310	REN
03	Minggu	10/10	13:30	Arsitektur Komputer	310	TRD
03	Minggu	10/10	16:00	Grafik Komputer	310	SIS
04	Sabtu	16/10	16:00	Pemrograman Web	310	MMG
05	Minggu	17/10	13:30	Metode Numerik	404	TRD
05	Minggu	17/10	16:00	Teori Bahasa Otomata	310	SIS
I F . 1 1
<< Joshaxis >>
<< Joshaxis >>

Untuk membuat seperti ini silahkan :

KOMPUTER GRAFIK

josh.axislive@gmail.com (Joshaxis) — Sat, 3 Jul 2010 17:54:00 -0700

TUGAS KOMPUTER GRAFIK :
Brikan spesifikasi computer yang digunakan untuk aplikasi berikut :
a. Macomedia & Flash
b. Autodesk 3D Studio
c. Adobe Illustrator
d. Corel Photo Paint
e. No graf

 

Kemudian :
1. Apa kegunaan dari masing – masing aplikasi diatas
2. Apa kelebihan dan kekurangan Aplikasi diatas?
3. Berikan desain computer grafik dengan aplikasi diatas.

Tugas S.IV, IF.11 - ISTA

Dikumpulkan sebelum UAS

Pemrograman HTML Pemula

josh.axislive@gmail.com (Joshaxis) — Sat, 3 Jul 2010 17:36:00 -0700

 :: HOME ::

OBJEKTIF:
Memahami teknik dasar pemrograman web HTML 

MATERI:

  1. HTML DASAR
      Struktur dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element TITLE, Element BODY

  2. HTML FORMAT TEKS
      Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header), Element B(bold), Element I(italic), Element U(underline), Element PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element HR(horizontal rule)

  3. HTML DAFTAR URUTAN
      Element OL(ordered list), Element UL(unordered list), Element LI(list item)

  4. HTML TABEL
      Element TABLE, Element CAPTION, Element TH(table header), Element TR(table row), Element TD(table data)

  5. HTML GAMBAR
      Element IMG

  6. HTML HYPERLINK
      Element A

  7. HTML FORM
      Element FORM, Element INPUT, Element SELECT, Element OPTION, Element TEXTAREA

  8. HTML FRAME
      Element FRAMESET, Element FRAME, Element NOFRAMES


REFERENSI:
1. http://www.w3schools.com

Arsitektur Organisasi Komputer

josh.axislive@gmail.com (Joshaxis) — Sat, 3 Jul 2010 17:30:00 -0700

Pertemuan Ke-1
PENDAHULUAN
Komputer adalah merupakan suatu peralatan pemrosesan data yang cukup kompleks, bukan saja sekedar peralatan yang terdiri dari hardware dan software saja tetapi merupakan suatu bagian yang terintegrasi yang melibatkan segi arsitektural maupun organisasinya.
Didalam memandang suatu sistem komputer maka ada 2 hal yang harus diperhatikan :
# Arsitektural
Berkaitan dengan sebuah sistem yang tampak bagi seorang user atau pemrogram
Contoh sebuah sistem arsitektur :
- Jumlah bit
- Mekanisme I/O
- Teknik teknik addressing dari memory
# Organisasi
Berkaitan dengan unit unit operasional dan interkoneksi ( hubungan ) yang merealisasikan spesifikasi arsitekturalnya.
Contoh dari organisasi :
- Hardware pendukung
- Signal signal kontrol dari I/O atau peralatan pendukung lainnya.
- Interfacing.
Bagaimana sistem dari arsitektur dan organisasinya dapat dimengerti dengan baik maka seorang perancang komputerharus mengerti dengan jelas sifat dan hierarkhi dari sebuah sistem komputer.
Sifat dan hierarkhi dari sebuah sistem dapat dilihat dengan jelas berdasarkan tingkat tingkat yang ada didalam sistem dimana pada setiap tingkatannya yang harus dimengerti dengan benar adalah struktur dan fungsi dari tingkatan tersebut.

FUNGSI :
Adalah merupakan operasi dari masing masing komponen sebagai bagian dari sistem keseluruhan.

Gambar 1.1. Fungsi Utama secara umum sebuah Komputer

Fungsi dasar yang dapat dilihat pada sebuah sistem komputer adalah
# Data Processing
Berkaitan dengan hal hal yang berhubungan dengan pemrosesan data menjadi informasi sesuai dengan program yang ada.
Bentuk data disini adalah data digital.
# Data Storage
Berkaitan dengan hal hal yang berhungan dengan penyimpanan data / informasi yang ada.
Bentuk data disini adalah dapat berupa data digital atau data analog dengan fornat digital.
# Data Transfer
Berkaitan dengan hal hal yang berhubungan perpindahan data dari dalam sistem komputer keluar atau sebaliknya.
Bentuk data disini adalah data analog yang sesuai dengan medianya dan harus terdapat suatu mekanisme perubah dari data analog ke digital atau sebaliknya.

# Control
Berkaitan dengan hal hal yang berhubungan dengan sinkronisasi kerja dari ketiga hal tersebut diatas, baik sinkronisasi secara hardware maupun software.

Gambar 1.2. Fungsi dasar sebuah sistem Komputer

1. Proses Data Transfer

Gambar 1.3. Proses Data Transfer

# Perpindahan antara komputer dengan dunia luar yang bersifat sementara.
# Sistem Komputer hanya bersifat sebagai pelalu data
# Melibatkan peripheral transfer data

2. Proses Input - Output

Gambar 1.4. Proses Input-Output

# Pemasukan data dari dunia luar ke sistem komputer atau sebaliknya
# Proses I/O
# Terjadi perubahan bentuk data
# Terjadi proses buffering

Proses pengolahan data

Gambar 1.5. Proses Pengolahan data

Arsitektur Dan Organisasi Komputer Teknik Informatika UMB
Pada proses pengolahan data mempunyai urutan kerja sebagai berikut:
# Proses pengolahan data menjadi informasi sesuai dengan program yang ada.
# Control akan mengatur sinkronisasi kerja peralatan pengolah data
# Program akan mengatur urutan kerja dari data menjadi informasi.
Proses penyaluran informasi

Gambar 1.6 Proses Pengolahan Data

# Merupakan penggabungan dari ketiga bentuk proses diatas.
# Melibatkan peralatan komunikasi jika informasi hasil proses akan dikirimkan pada jarak yang jauh.
# Terjadi perubahan bentuk data dari digital menjadi analog dan sebaliknya pada saat proses interfacing
STRUKTUR
adalah merupakan cara dari komponen komponen tersebut dapat saling terkait satu dengan yang lainnya sehingga membentuk suatu fungsi tertentu.
Suatu sistem kompoter secara struktur terdiri dari 4 komponen utama :
# Central Processing Unit
# Memori utama

# Input – Output
# System Interconnrction

Komponen utama dari CPU terdiri dari :
# Control Unit
# Arithmetic and Logic Unit
# Register
#CPU Interconnection

Control Unit sistem komputer yang berfungsi sebagai pengatur kerja utama didalam sistem CPU terdiri dari :
# Seguencing Logic
# Control Unit Register dan Decoder
# Control Memory

Gambar 1.7. Struktruktur Sebuah Komputer secara sederhana

Bagian pada komputer menurut gambar 1.7 adalah sebagai berikut:
1 : CPU
2 : Main Memory
3 : System Interconnection
4 : Input Output

Dimana:
1: Memory
2 : Input Output
3 : System Bus
4 : CPU
5 : Control Unit
6 : ALU
7 : Internal CPU Interconnect
8 : Register
Gambar 1. 8. Struktur Komponen Utama CPU

1 : ALU
2 : Register
3 : Internal CPU Bus
4 : Control Unit
5 : Sequencing Logic
6 : Control Unit Register - Decoder
7 : Control Memory

Gambar 1.9. Struktur Komponen Pada Control Unit

Pada pertemuan selanjutnya akan dibahasa mengenai bagian struktur dari sebuah komputer mulai dari CPU, memori Internal dan eksternal, Bus dan cara pengorganisasian masing-masing kompunen struktur dari komputer yang sudah ada.
Latihan :
1. sebutkan dan jelaskan fungsi dasar dari sebuah komputer?
2. Menurut Jhon Von Newman terdapat 3 komponen terpenting dalam sebuah komputer, sebutkan bagian masing-masing dan jelaskan?

Modul Kuliah S.IV, IF.11 - ISTA
Arsitektur Dan Organisasi Komputer - Teknik Informatika UMB - Tri Daryanto, S.Kom, MT

E-Commerce

josh.axislive@gmail.com (Joshaxis) — Fri, 2 Jul 2010 20:11:00 -0700

e-Commerce
Perancangan E-Commerce
Pembangunan Database
Pembangunan Aplikasi
Uji Coba dan Evaluasi
Quality Control
User Acceptance

Instalasi
Operating System
Web/ Database/ Mail Server
Aplikasi

Pelatihan
Administrator/ Pengelola
Pengguna

Dokumentasi
Sistem, Trouble Shooting, Administrasi dll
User Manual

Disain Database
Entity Relation Diagram (ERD)

 
 
Disain Database
Conceptual Model


 
 
Disain  Aplikasi



Business Proccess Diagram (BPD)
Menggambarkan jalanya proses
Menggambarkan aktor yang menjalankan proses
Kesinambungan antar proses
Menggambarkan manajemen akses 

Data Flow Diagram (DFD)
Menggambarkan arus data dalam perancangan program
Digunakan dalam pengembangan sistem yang terstruktur

Site Map
Menggambarkan struktur sistem aplikasi
Mempermudah user dalam pengurutan modul-modul aplikasi

Disain Tampilan
Tampilan aplikasi
User Interface

Disain Aplikasi
 
 
Disain  Aplikasi : BPD
Contoh: Proses Pemesanan Produk
 
 
Disain  Aplikasi : DFD
Contoh DFD Level 1:  Transaksi Penjualan
 
 
Disain  Aplikasi : DFD
Contoh DFD Level 2:  Memproses Order
 

Disain Tampilan (level 0)
Tampilan awal (home)


 

Disain Tampilan (level 1)
Form Login 
 

Menu Horisontal

 
Tampilan Produk
 

- Menu Horisontal 

 
Form Registrasi
 
 

Pembangunan  Aplikasi

Koneksi ke Database

Database Engine
Nama Database
Username dan Password
Alamat Database Server (hostname/ IP)
mysql_connect(“202.46.1.17",“admin",“admin2007");
mysql_select_db(“eCom") or die("error_db");
Query
$n=0;
$query=“SELECT nama,sandi FROM pengguna WHERE nama=‘$txt_nama’ AND sandi=‘$txt_sandi’”;
$result=mysql_query($query);
if($mysql_fetch_row($result)){ $n++;}
if($n>0)}header(location:index.php?opt=oke;} 
else { header(location:index.php?opt=error;}

Catatan Kuliah E-Commerce >> IF.11

Pemrograman Web

josh.axislive@gmail.com (Joshaxis) — Fri, 2 Jul 2010 19:57:00 -0700

Pemrograman Web
Pertemuan ke 1 
Agenda
 1. Konsep dasar web
 2. Arsitektur web
 3. HTTP, URL, DNS
 4. Client side programming
 5. Server side programming
 6. Web server software
 7. Konsep html

Konsep dasar web
 1. Suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan informasi. Dengan menggunakan tekonologi tersebut, informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh mesin. Untuk mengakses informasi yang disediakan web ini, diperlukan berbagai perangkat lunak, yang disebut dengan web browser.
     a) Internet à Singkatan dari Interconnection Network ( The network of the networks). 
         i) Global network of computer network à sebuah jaringan komputer dalam skala global/mendunia. 
        ii) Berskala international à  komputer saling berkomunikasi. 
       iii) Terhubung melalui protokol TCP/IP. 
     b) Software à Disebut juga dengan perangkat lunak, merupakan kumpulan beberapa perintah yang dieksekusi oleh mesin komputer dalam menjalankan pekerjaannya. 
     c) Web browser à Dikenal juga dengan istilah browser, atau peselancar, atau internet browser 
         i) Adalah suatu program komputer yang menyediakan fasilitas untuk membaca halaman web di suatu komputer. 
        ii) Cotnoh: Internet Explorer, Netscpe, Firefox, Opera. 
       iii) Program browser pertama adalah Mosaic, yang merupakan suatu text browser.

Arsitektur web




HTTP, URL dan DNS
 a) HTTP (Hypertext Transfer Protokol)
     i) Suatu protokol yang menentukan aturan yang perlu diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen,
        dan oleh Web server dalam menyediakan dokumen yang diminta untuk mengakses dokumen HTML. 
    ii) Contoh: http://www.detik.com 
 b) URL (Uniform Resourse Locator )
    i) Suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web server. 
   ii) URL dapat diibaratkan sebagai suatu alamat, dimana

alamat tersebut terdiri dari :
     - Protokol yang digunakan oleh suatu browser untuk mengambil informasi.
     - Nama dari komputer di mana informasi tersebut berada, dan
     - Jalur serta nama file dari suatu informasi.

  iii) Contoh: http://www.dlanet.com/flash/index.html
     - http adalah protokol yang digunakan
     - dlanet.com adalah nama dari server komputer
     - flash adalah jalur dari informasi yang dicari
     - index.html adalah nama file dimana informasi itu berada.

 c) DNS
    i) Domain Name System (DNS)
Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer di Internet yang berkembang
dengan cepat. Sistem penamaan server komputer ini adalah Domain Name System (DNS). DNS membuat suatu tingkat-tingkat domain, yang merupakan kelompok
komputer-komputer yang terhubung ke Internet.

co.id / com - organisasi komersial
ac.id / edu - lembaga pendidikan
go.id / gov - lembaga pemerintah
net.id / net - provider internet
mil.id / mil - organisasi militer
or.id / org - organisasi umum
 

Client side programming
 a) Browser adalah ‘universal client’
     i) Proses dijalankan di browser 
    ii) Tidak melibatkan ‘transaksi’ besar 
   iii) Merespon secara cepat ‘aksi’ dari user
   iv) Interaksi dengan user, data yang ditampilkan tetap 
 b) Menyediakan GUI yang lebih capable
 c) Memindahkan functionality dari server ke client
 d) Java Script, flash 
 e) Keuntungan:
     i) Mengurangi network traffic, network delay, kesibukan server
    ii) Proses berjalan lebih cepat (lokalisasi proses)
   iii) Tidak memberatkan server
   iv) Meningkatkan functionality
    v) Lebih sederhana 
 f) Kerugian:
     i) Membutuhkan resource dan space di sisi client
    ii) Meningkatkan complexity of client environment
   iii) Meningkatkan complexity of web pages
   iv) Browser dependency
   v) Security

Server side programming
1. Berjalan di sisi server
2. Tidak memberatkan client
3. Browser Independent
4. Tidak memerlukan syarat khusus di sisi server
5. Akses ke file atau database di server
6. Didukung banyak bahasa pemrograman 

Web server software
a) Web server  à  suatu program yang memanfaatkan model client/server dan protokol HTTP, melayani penayangan suatu file dari server ke client. 
b) Contoh:
     i) Apache
    ii) Internet Information Server (IIS) 




H T M L
H T M L  :
•  HTML is a language for describing web pages.
•  HTML stands for Hyper Text Markup Language 
•  HTML is not a programming language, it is a markup language 
•  A markup language is a set of markup tags 
•  HTML uses markup tags to describe web pages 

H T M L Tags  :
•  HTML markup tags are usually called HTML tags 
•  HTML tags are keywords surrounded by angle bracketslike <html>
•  HTML tags normally come in pairs like <b> and </b> 
•  The first tag in a pair is the start tag, the second tag is the  end tag 
•  Start and end tags are also called opening tags and closing tags. 
• HTML Documents = Web Pages 
•  HTML documents describe web pages  
•  HTML documents contain HTML tags and plain text 
•  HTML documents are also called web pages 

HTML – Contoh
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type“ content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>

Studi Kasus : Aplikasi E-Commerce

Hal-hal yang Perlu Diperhatikan 
1. Tampilan Menarik 
2. Data dan Informasi Uptodate 
3. Koneksi Cepat 
4. Keamanan Terjamin 
5. Proses Bisnis Jelas 
6. Pelayanan Pasca Transaksi 

Perancangan E-Commerce
• Survey dan Analisa Kebutuhan 
   a) Hardware/ Software/ Personil 
   b) Data dan Informasi 
   c) Pihak-pihak yang Terlibat (aktor) 
   d) Proses Bisnis dan SOP 

• Disain Database
   a) Entity Relation Diagram (ERD) 
   b) Conceptual Model 
   c) Physical Model 

• Disain Sistem/ Aplikasi  
   a) Business Proccess Diagram (BPD) 
   b) Data Flow Diagram (DFD) 
   c) Site Map 
   d) Disain Tampilan 

• Pembangunan Database
• Pembangunan Aplikasi 
• Uji Coba dan Evaluasi 
   a) Quality Control 
   b) User Acceptance 

• Instalasi 
   a) Operating System 
   b) Web/ Database/ Mail Server
   c) Aplikasi 
• Pelatihan 
   a) Administrator/ Pengelola 
   b) Pengguna 
• Dokumentasi 
   a) Sistem, Trouble Shooting, Administrasi dll 
   b) User Manual 


SELESAI




Catatan Kuliah >> IF.11

O T O MA T A

josh.axislive@gmail.com (Joshaxis) — Fri, 2 Jul 2010 19:39:00 -0700

Kumpulan (Himpunan)

Pendahuluan : George Boole (1815 – 1864)

Aplikasi : Analisa, Aljabar, Ilmu Ukur,
Kaitan Matematika dan Filsafat

Contoh :

a.
Kumpulan
huruf hidup

b.
Kumpulan
semua titik yang berjarak sama kesuatu
titik yang diketahuai

Simbol :

Himpunan huruf besar :
A, B, C,...

Anggota himpunan : a, b, c,...

Cara menggambarkan suatu kumpulan

a.
Metoda pendaftaran (Roster
Methods)

Contoh : A = {a, I, u, e, o}

b.
Metode Pencirian (Rule
Methods, Characterisation Methods)

Contoh :

A = { x I sifat X}

A = { x : sifat X}

Catatan :

1.
A
= { meja, pohon, pasir}

2.
B
= { x I X bilangan rasional
0 < X < 1 }

3.

C
= { x I X bilangan prima diantara
1 dan 25}

= {2, 3, 5, 7, 11, 13, 17, 19, 23}

Definisi :

1.
Kumpulan
A terkandung dalam kumpulan B atau B mengandung A. Atau A kumpulan bagian dari B artinya setiap anggota A juga merupakan anggota B

2.
A kumpulan bagian sejati B, jika anggota A juga
merupakan anggota B

Notasi : A B

3.
Dua kumpulan
A dan B dikatakan sama, jika
anggota
A juga merupakan anggota B. Demikian pula sebaliknya.

Notasi : A = B A B dan B A

Catatan :

a.
Jika A suatu kumpulan, maka A A

b.
A
B tidak mencegah
kemungkinan A = B

Teorema :

Untuk kumpulan sembarang A, B dan C

a.
A
B dan B C, maka A C

b.
A
= B maka B = A

c.
A
= B dan B = C maka A = C

Catatan : Kumpulan yang tidak
punya anggota disebut kumpulan kosong.

Contoh : A = {x I x2 + 1 = 0, x A}

Ditulis A = Ǿ

Contoh lain :

1.
B
= {x I X bilangan

2.
C
= {x I X Segitiga

3.
D = { x I X ≠ x }

Teorema : Bila A kumpulan sembaran, maka Ǿ A, jadi
kumpulan kosong merupakan kumpulan dari setiap kumpulan

Operasi dengan kumpulan

Dari dua kumpulan A
dan B dapat dibangun kumpulan baru dengan gabungan,
irisan dan selisih.

Definisi :

Gabungan A dan
B = AB, ( A gabungan B)

Artinya : A B = { x I X A atau X B}

Persekutuan (irisan) A dan B = AB, (A irisan B)

Artinya : A B = { x I X A dan X B}

Selisih dari
A dan B (komplemen B terhadap A ) =
A – B

Artinya : A – B = { x I X A dan X B}

Kumpulan dimana bentuk kumpulan-kumpulan bagian dari gabungan persekutuan complement
maupun kombinasinya disebut Universe (Semesta) kumpulan dari Universe disebut kumpulan Universi U

Definisi :

1.
Bila A = U, maka A – B = B^c (komplemen dari B)

2.
Bila A, UA₂ UA₃ ... UAm ditulis U =

3.
Bila A, A₂ A₃... A_k ditulis
U =

Contoh : A = {1, 2, 3, 4} dan B = {2, 4, 5, 7}

Dit : 1). A U B, 2).
A B dan A –B

Jaw : 1) A U B = {x A atau
X B } = { 1, 2, 3, 4, 5,
7}

Teorema : Untuk setiap kumpulan
A, B, dan C berlaku :

a.
A
U B = B U A (Sifat komutatif
untuk gabungan)

b.
A
B = B A (Sifat Komutatif
untuk irisan)

c.
A
U ( B UC) = (A UB) U C (Sifat Asosiatif
untuk gabungan)

d.
A
(BC) = (AB) C (Sifat Asosiatif
untuk irisan)

e.
A
U ( BC) = (A UB) C (Sifat Distributif
dari gabungan terhadap irisan

f.
A
(B UC) = (A B) U ( A C) (Sifat Distributif
dari irisan terhadap gabungan)

Buktikan sifat ini :

Ilustrasi, akan dibuktikan A U B = B U
A

Ambil X A U B, X sembarang

X A U B = X A atau
X B

X B atau
X A

X B U A

Karena X A
U B mengakibatkan X B U A

Jadi A U B = B U A

Latihan dan contoh :

1.
Tuliskan kumpulan-kumpulan berikut dengan metoda pendaftaran atau pencirian atau keduanya.

a.
Kumpulan
bilangan asli < 20 dan habis dibagi
3

b.
Kumpulan
semua pecahan dgn pembilang 1 dan penyebut semua
bilangan asli 7

Penyelesaian :

a.
A
= {3, 6, 9, 12, 15, 18} = {x I X = 3m, m = 1, 2, i

b.
B
= { 1/7, 1/6, 1/5, ¼, 1/3, ½ } = { x I X 1/m, m = 1, 2, -7

2.
Nyatakan kumpulan berikut dengan metoda pencirian

a.
A
= {1, 4, 9, 16, 25, 36, 49}

b.
B
= {1, 4, 7, 10, 13, 16, 19, 21}

c.
C
= {2, 4, 8, 16, 32, 64, 128}

SISTIM
BILANGAN ASLI

Definisi

Bilangan Asli : 1, 2, 3, ... =
1, 1 + 1, 2 + 1, 3 + 1, ... (asli)
Kumpulan U R dinamakan kumpulan Induktif jika

a.
1
U

b.
Jika X U, X sembarang maka (X + 1) juga anggota kumpulan
U

X R disebut bilangan
asli, jika X merupakan anggota dari setiap kumpulan Induktif, jika

P = {bilangan asli}

U = {Induktif}

U = Koleksi dari U

Dikatakan

P = . {U/ U U } adaalh
kumpulan Induktif terkecil

Koleksi U tidak kosong karena R dan R ⁺ merupakan kumpulan Induktif

Induksi Metematika

Misal S
(n) peryataan mengenai bilangan asli n

Jika S
(1) benar dan pemisalan S (K) benar mengakibatkan S (K + 1) benar juga, maka pernyataan
S (n) benar untuk setiap bilangan asli n

Bukti : Tulis A = { n P / S (n) benar}

S (1) benar 1 P

S (k) benar k P

S (k + 1) benar (k +1) P

Jadi A adalah suatu kumpulan
Induktif sehingga A P dan menurut
definisi P A maka A = P atau
pernyataan S (n) benar untuk setiap bilangan
asli n

Algoritma :

Periksa untuk
n = 1
Andaikan pernyataan
benar untuk n = 1 kemudian
Tunjukkan bahwa
pernyataan juga benar untuk n = k + 1

Bila 1), 2), dan 3) dipenuhi, dapat disimpulkan.

Himpunan hingga dan perhitungan
jumlah anggota :

Jika A adalah himpunan hingga artinya A mempunyai anggota berhingga, dinyatakan dengan n (A), maka :

Jika A dan
B himpunan hingga yang
saling lepas, artinya A B = Ǿ, maka jumlah anggota A U B adalah :

N (A U B) = n (A) + n (B) – n (A B) = n (A) + n (B)

Jika A dan
B sembarang dan tidak lepas, maka n (A U B) = n (A) + n (B) – n (A B)
Sifat (2) dapat
diperluas untuk sembarang himpunan A, B, dan C, maka :

N (A U B U C) = n (A U B) + n © - n ( A U B C)

=
n (A) + n(B) + n(C) – n(A B) – n( A c) – n (BC) + n (A BC)

Contoh Aplikasi :

Dari 120 orang Mahasiswa
Teknik Mesin semester pendek, 100 orang memilih paling sedikit satu mata kuliah
dasar yaitu Matematika, Fisika, dan Kimia.

Diketahui
juga bahwa :

65 orang mengambil Matematika

45 orang mengambil Fisika

42 orang mengambil Kimia

20 orang mengambil Matematika dan Fisika

25 orang mengambil Matematika dan Kimia

15 orang mengambil Fisika dan Kimia

Ditanya : Berapa jumlah Mahasiswa yang mengambil Matematika saja, Kimia saja, dan Fisika saja.

Penyelesaian :

Misal A =
{Matematika}, B = {Fisika},
C = {Kimia}

n
(A U B U C) = 100, n(A) = 65, n(B) = 45, dan n(C) =
42

N (A B) = 20, n(A C) = 25, n(B C) = 15

Jadi n (A
U B U C) = n(A) + n(B) + n(C) – n(AB) – n(AC) – n(BC) + n (A BC)

100 = 65 +
45 + 42 – 20 – 25 – 15 + n (A B C)

Jadi :

N (A B C) = 8

Contoh
:

Sebuah perusahaan computer akan menyewa programmers dengan kualifikasi sebagai berikut :

25 Programers menangani system pemrograman

40 Programers menangani program aplikasi

40 Programers menangani system pemrograman dan sekaligus program aplikasi

Tiap orang akan
dibayar Rp. 10.000.000 sampai program selesai.

Berapakah anggaran yang harus disiapkan?

Penyelesaian :

Anggaran
= jumlah Programers x Rp. 10.000.000

Misal :

A =
Kumpulan Programers system pemrograman

B =
Kumpulan Programers program aplikasi

Jadi IAI
= 25, IBI = 40, IABI = 40

IA U BI =
IAI + IBI - IABI = 25 + 40 – 10 = 55 orang

Anggaran = 55 x 10.000.000

= 550.000.000

Contoh : Sistem transportasi kota

Tiap respondedt
ditanya tentang sarana transportasi yang digunakan. Pilihannya, Bus – Train – Automobile.

Respondent boleh memilih
lebih dari satu model transportasi yang digunakan.

Hasil survey :

30 orang menggunakan Bus
35 orang menggunakan Train
100 orang menggunakan Automobile
15 orang menggunakan Bus dan Train
15 orang menggunakan Bus dan
Automobile
20 orang menggunakan Train dan
Automobile
5 orang menggunakan Bus, Train, dan
Automobile

Berapa banyak respondent yang disurvey?

Jawab :

A – {Bus}, B = {Train}, C = {Automobile}

IA UB U CI = IAI + IBI + ICI – IA BI – IA CI – I B CI + I ABCI

RELASI :

Definisi :

A ≠ Ǿ dan
≠ Ǿ, maka
kumpulan bagian dari A x B dinamakan relasi diantara A dan B

jika A = B, maka kumpulan
C yang bersifat C A x A dinamakan relasi
di A

Jika R suatu
relasi dan (x,y) R, maka dikatakan
X berada dalam relasi R dengan y, dalam hal ini ditulis Ry
Jika R suatu
relasi diantara A dan B, maka
himpunan {X A I (X, y) R} dinamakan daerah definisi R dan dinyatakan dengan D (R). Dan himpunan
(y B I (X, y) R } disebut
daerah nilai (rangkuman dari relasi R dan dinyatakan dengan R (R).

Ilustrasi :

A = {a, b, c, d, e, f}
dan B = {1, 2, 3, 4, 5}

A = {(a,1), (a,2),
(b,3), (c,1), (e,2)}

B = { (a,3), (2,b),
(C,5), (d,1), (e,4), (f,1)}

Ditanya : Selidiki apakah A dan B merupakan suatu relasi diantara A dan B, bila A dan
B merupakan relasi tentukan daerah definisi dan daerah
nilainya.

Jawab :

A x B = {(a,1), (a,2), (a,3), (a,4), (b,1),
(b,2), (b,3), (b,4), (b,5), (c,1), (c,2), (c,3), (c,4), (c,5), (d,1), (d,2),
(d,3), (d,4), (d,5), (e,1), (e,2), (e,3), (e,4), (e,5), (f,1), (f,2), (f,3),
(f,4), (f,5)}

B ( X, i)

1 (a, 1)

a b X A

Dapat dilihat bahwa A
A x B A suatu
relasi diantara A dan B. Daerah definisinya D (A)
= {a, b, c, d, e}

Ingat D ®
= { X A I (X, y) R}

Daerah nilai R (A) = {1, 2, 3}

Sex : M =
Male, F = Female

Level pendidikan

e –
elementary school, h – high school

c – colloge, g – graduate school

Misalkan ; S = {m, f}, L – {e, h, c, g}

Maka hasil
kali kartesis S x L merupakan
seluruh kategori populasi yang dikelompokkan.

S x L =
{(m, e), (m, h), (m, c), (m, g), (f, e), (f, h), (f, c), (f, g)}

Jadi ada 8 kategori = (2 x 4 = 8)

Perkalian Kartesis dari tiga atau
lebih himpunan tidak kosong artinya :

A₁ x A₂ x A₃ =
{(a₁, a₂, ... a_m) I a₁
A₁ , i = 1, 2, ... n}

Contoh :

Suatu perusahaan software menghasilkan tiga product dengan cirri-ciri sebagai berikut :

Langguage : F = Fortran, P = Pascal, L = Lisp

Memory : 48 = 48.000, 64 = 64.000, 128 =
128.000

Operating System : U =
Unix, C = CP/M

Misalkan L = { f,
p, l}, n ={48, 64, 128}, O = {u, c}

Maka :

L x M x O = akan berisi 3.3.2 = 18 kategori

Yaitu :

L x M x O = {(f, 48, u), (f, 48, c), (f, 64,
u), (f, 64, c), (f, 128, U), (f, 128,c), (p, 48, u), (p, 48, c), (p, 64, u),
(p, 64, c), (p, 128, u), (p, 128, c), (l, 48, u), (l, 64, u), (l, 64, c), (l,
128, u), (l, 128, c)}

A = {Tiga orang pegawai } = {a₁, a₂, a₃}

B = {Gaji ketiga pegawai tersebut} = {a₁₁, a₁₂, a₁₃,
a₂₁, a₂₂, a₃₁, a₃₂, a₃₃,
a₃₄}

Dimana a_ij
adalah gaji ke j dari orang
ke i

Dit :

Selidiki apakah kumpulan bagian berikut merupakan relasi dan fungsi
diantara A dan B

a.
A
= { (a₁, a₁₁), (a₂, a₂₁), (a₃,
a₃₁)}

b.
B
= { (a₁₁, a₁), (a₁, a₂₁), (a₃,
a₂₁)}

c.
C
= { (a₁, a₁₁), (a₂, a₁₂), (a₃,
a₁₃)}

Jawab :

d.
A
x B = { (a₁, a₁₁), (a₁, a₁₂), (a₁,
a₁₃), ... , (a₁, a₃₄),

(a₂, a₁₁), (a₂,
a₁₂), (a₂, a₁₃), ... ,(a₂,
a₃₄),

(a₃, a₁₁), (a₃,
a₁₂), (a₃, a₁₃), ... ,(a₃,
a₃₄)}

Kita lihat :

a.
A
A x B A suatu
relasi diantara A dan B

D (A) = {a₁, a₂, a₃},
R (A) = {a₁₁, a₂₁, a₃₁}

b.
(a₁₁,
a₁) A x B B bukan relasi
diantara A = B

Anggota yang lain ada
di A x B

Bagaimana dengan B x A? (a₁, a₂₁) B x A

Jadi B bukan relasi diantara A dan B, demikian
pula dengan B dan A

c.
C
A x B C merupakan
relasi diantara A danB

C juga merupakan suatu funsi C : A B

Ingat definisi fungsi :

X Y X Y

Boleh juga :

Tapi bukan demikian :

X Y

PARTISI

Suatu partisi atau “quatien set” dari suatu kumpulan
tak kosong A adalah koleksi P dari kumpulan bagian
A, sehingga :

1.
Setiap elemen A merupakan anggota dari kumpulan P

2.
Jika A₁ dan A₂
adalah elemen yang berbeda dari P, maka A₁ A₂ = Ǿ

Kumpulan dalam P disebut blocks atau cells

Contoh : P = { A₁, A₂,
A₃, A₄, A₅, A₆, A_7}

_Gambarnya_:

Contoh : A = {a, b, c, d, e, f, g, h}

_Tinjau_:A_{1 = {a, b, c, d},}A_{2 = {a, c,

e, f, g, h},}A_{3 = {a, c, e, g}}

A₄ ₌_{{b, d},}A₅ _{= {f, h}}

_Periksa_{kumpulan

yang bukan partisi dari A}

A₁ A₂ = {a,c} ≠ Ǿ , A₁
A₃ = {a,c} ≠ Ǿ , A₁ A₄ = {b,d} ≠ Ǿ ,

A₁ A₅ = {Ǿ}
≠ Ǿ , A₂ A₃ = {a,c, e, g} ≠ Ǿ ,

A₂ A₄ = {Ǿ}
≠ Ǿ , A₂ A₅ = {f,h} ≠ Ǿ ,

A₃ A₄ = {Ǿ}
≠ Ǿ , A₃ A₅ = {Ǿ}
≠ Ǿ , A₄ A₅ = {Ǿ}
≠ Ǿ

Jadi partisi dari koleksi P adalah :
P = {A₃, A₄, A₅}

Contoh :

Misal :

A = { Pegawai
General Motor}

A₁ = {Gaji
sekretaris}, A₂= {Gaji satpam}

A₃= {Gaji
forman}, A₄= {Gaji
teknisi}

A = { A₁, A₂,
A₃, A₄}

Ai = partisi dari A

Contoh :

A = Kumpulan semua bilangan bulat

A₁= Kumpulan semua
bilangan genap

A₂= Kumpulan semua
bilangan ganjil

Definisi :

A ≠ Ǿ
dan B ≠ Ǿ merupakan
relasi diantara A dan B dari
F.

F disebut suatu fungsi,
notasi F : A B

Jika memenuhi (i) D (F) = A, (ii) (x,
y) F, (x, z) F, maka y = z

Jika F suatu fungsi dan
(x, y) F, maka ditulis
y = F(x)

Dimana F
(x) disebut nilai fungsi F di X

Contoh :

A = {a₁,
a₂, a₃} dan B = { a₁₁, a₁₂, a₁₃, a₂₁,
a₂₂, a₃₁, a₃₃, a₃₄}

Ditanya : Apakah kumpulan bagian berikut merupakan fungsi dari A ke
B?

F = { (a₁, a₁₁), (a₂,
a₂₁), (a₃, a₃₁)
G = {(a₁, a₁₁), (a₂,
a₂₁)}
H = {(a₁, a₁₁), (a₂,
a₁₂), (a₂, a₂₁), (a₃, a₃₁)}

Jawab :

Periksa apakah
D (F) = A?

D (F) = {a₁, a_2,a₃}
= A F : A B Suatu fungsi

Periksa D (G) = G?

D (G) = {a₁, a₂} ≠
A jadi G : A ≠ B bukan fungsi

Periksa D (H) = H?

D (H) = {a₁, a₂, a₃}
= A tapi (a₁, a₁₁) H, (a₁, a₁₂) H

Karena a₁₁ ≠ a₁₂
maka H bukan suatu fungsi H : A ≠ B

PR1 A = {1,
2, 3}, B = {4, 5, 6, 7, 8, 9, 10}

Periksa apakah himpunan berikut merupakan fungsi dari A B

C = {(1,11), (2,10), (4, 6), (7, 8)}
D = {(1, 4), (2, 8), (3, 10)}
E = {(3, 4), (2, 9), (1, 10), (10, 3)}
F = {(1, 2), (1, 7), (4, 6), (3, 10)}

PR2

Buktikan : n (A U
B U C) = n(A) + n(B) + n(C) – n (aB) – n (AC) – n (BC)

_End

Catatan Kuliah Teori Bhs OTOMATA >> IF.11

Insiyur Termuda Microsoft

josh.axislive@gmail.com (Joshaxis) — Sat, 22 May 2010 22:31:00 -0700

MARCO CALASAN

# Marco Calasan memegang empat sertifikat Microsoft dan telah menulis sebuah buku tentang Microsoft Windows 7
# He has set up his own content delivery network system entitled IPTV. Dia telah mendirikan sendiri pengiriman konten sistem jaringan berjudul IPTV
# He speaks three languages and is learning a fourth. Dia bisa 3 bahasa.

Marco Calasan adalah insinyur sistem Microsoft termuda di dunia, memiliki empat sertifikat Microsoft dan telah menulis sebuah buku 312 halaman pada Microsoft Windows 7.

Ketika ditanya mengapa ia mencintai begitu banyak komputer, Marco merespon bijaksana itu, "dengan pengetahuan, semuanya mungkin." He goes on to give a detailed explanation of IPTV - the content delivery network system that he set up all by himself. Dia melanjutkan dengan memberikan penjelasan rinci tentang IPTV - jaringan sistem pengiriman konten yang didirikannya di semua sendirian.

With his sweet, innocent voice, Marco explains how he streams high quality video throughout Macedonia and even provides a service for the country's disabled. Dengan suaranya yang manis, polos, Marco menjelaskan bagaimana ia stream video berkualitas tinggi di seluruh Makedonia dan bahkan menyediakan layanan bagi penyandang cacat di negara itu.

Throughout the conversation, the word "Microsoft" peppers every single sentence and it becomes clear this child is obsessed with Bill Gates' creation. Sepanjang percakapan, ada kata "Microsoft" dan menjadi jelas anak ini terobsesi dengan ciptaan Bill Gates.

And while you'd think his impressive resume at such a young age would give him the right to be precocious, Marco is the complete opposite. Dan bila kita berpikir melanjutkan kesan pada usia muda akan memberinya hak untuk menjadi dewasa sebelum waktunya, Marco adalah sebaliknya.

He's humble, friendly and so very patient as I ask him to repeat and re-explain the computer jargon that flies over my head. Dia rendah hati, ramah dan sangat sabar saat aku memintanya untuk mengulang dan kembali menjelaskan jargon komputer yang terbang di atas kepalaku.

I ask whether he sees himself as special and gifted. Aku bertanya apakah dia melihat dirinya sebagai khusus dan berbakat. He tells me he's just a regular kid, and forgets that he has all this knowledge in his head when he plays with his friends. Dia mengatakan bahwa dia hanya anak biasa, dan lupa bahwa ia memiliki semua pengetahuan ini di kepalanya ketika dia bermain dengan teman-temannya.

But Marco is anything but normal. Tapi Marco sama sekali tidak normal. He speaks three languages and is learning a fourth and while English is not his mother tongue, his command of the language and vocabulary is mind-boggling. Dia berbicara tiga bahasa dan belajar keempat dan sementara bahasa Inggris bukan bahasa ibu-Nya.

In finite detail he explains the ins and outs of computers and the curriculum he's teaching his peers and adults. Secara rinci hingga dia menjelaskan seluk-beluk komputer dan kurikulum ia mengajar teman-temannya dan orang dewasa. He even educates his own teachers. Dia bahkan mendidik guru-guru sendiri.

Marco's brain function is quite extraordinary. fungsi otak Marco sangat luar biasa. Professor Elena Achkovska-Leshkovska at the Institute of Psychology in Skopje tested Marco when he was seven years old. Profesor Elena Achkovska-Leshkovska pada Institut Psikologi di Skopje menguji Marco ketika ia berusia tujuh tahun. She found that his brain operated the same as a child over the age of 12. Dia menemukan bahwa otaknya dioperasikan sama dengan seorang anak yang berusia di atas 12. But just as fascinating was his high level of emotional and social skills. Tapi yg menarik adalah tingkat tinggi keterampilan emosional dan sosialnya. Something not normally found in such gifted children. Sesuatu yang tidak biasanya ditemukan pada anak-anak berbakat tersebut.

Dikutip dari :
http://www.cnn.com/2010/WORLD/europe/05/17/marco.calasan.macedonia/index.html

Josh terkesan...

Joshaxis Application

josh.axislive@gmail.com (Joshaxis) — Fri, 14 May 2010 06:06:00 -0700

JOSHAXIS APPLICATION adalah suatu aplikasi untuk update status Facebook. Aplikasi Joshaxis ini membantu menyembunyikan dari mana Anda mengupdate status FB, baik dari HP (yang biasanya tertulis melalui web selular) ataupun dari komputer.

Dengan menggunakan Aplikasi Joshaxis, maka update status FB Anda akan tertulis melalui Joshaxis. Cara-cara penggunaannya cukup mudah, kita tinggal approve Joshaxis Application sebagai berikut :

Masuk ke Joshaxis Application di alamat : http://apps.facebook.com/joshaxis
beri izin pada Joshaxis Application untuk membantu kita dan tekang bookmark agar Joshaxis Application selalu ada di bookmark beranda Facebook kita, sehingga memudahkan untuk memakainya lagi dikemudian hari.

Kemudian tekan tombol suka dan silahkan beritahu teman-teman akan Joshaxis Application ini.

Berikut ini adalah tutorial dalam Ebook Joshaxis Application :

Joshaxis Application

Sisipan :

No	Keterangan	Tombol
01	Ebook Joshaxis Application
02	Joshaxis Application Facebook
03	Page Facebook Joshaxis
04	Facebook Josh Axis
05	Twitter Joshaxis
06	Kirim email ke Joshaxis

Regards,
Joshaxis

Untuk Membaca PDF

josh.axislive@gmail.com (Joshaxis) — Tue, 11 May 2010 03:26:00 -0700

Untuk dapat membaca Ebook PDF diperlukan sofware pembaca PDF
semisal Acrobat Reader, atau lainnya

Ebook atau buku elektronik adalah buku yang dikemas dalam bentuk file digital, bukan dalam bentuk cetakan diatas kertas. Kata ebook sudah diterjemahkan kedalam bahasa indonesia sebagai buku-e, namun kata aslinya, yaitu ebook, lebih populer digunakan.
Saat ini semakin banyak orang yang membaca buku dalam format elektronik atau ebook. Ada beberapa alasan kenapa orang lebih memilih untuk menyimpan dan membaca buku dalam bentuk ebook, diantaranya:

* File ebook lebih praktis untuk disimpan dan dibawa. Kita bisa menyimpan ratusan bahkan ribuan ebook didalam CD, flash disk, mp3 player, atau bahkan handphone. Bayangkan berapa besar ruang penyimpanan yang diperlukan untuk menyimpan buku cetak dalam jumlah yang sama.
* Walaupun untuk membaca ebook dibutuhkan sedikit sumber listrik, tetapi harga ebook bisa lebih murah karena tidak memerlukan kertas, tinta, biaya distribusi dan lain-lain.
* Ukuran font ebook dapat diubah sesuai keinginan pembaca.
* Harga ebook bisa dijual lebih murah dari buku cetak, tetapi penulis bisa mendapatkan royalti yang lebih tinggi. Dalam hal ini, penulis dan pembaca sama-sama diuntungkan.
* Untuk membeli ebook orang tidak perlu pergi ke toko buku, cukup membuka internet untuk mencari ebook yang diinginkan dan kemudian mendownloadnya.

Dengan semakin majunya teknologi digital, maka semakin banyak peralatan yang bisa dipakai untuk membuka file ebook. Saat ini ebook bisa dibaca melalui berbagai media, seperti:

* Komputer PC atau laptop
* Handphone, contohnya handphone yang menggunakan operating system symbian atau hand phone yang mendukung aplikasi java.
* PDA dan Smart phone, termasuk juga blackberry dan iPhone.
Peralatan digital portabel yang lain, seperti iPod touch, kamera digital, DVD player portabel, dan lain-lain.
* Alat yang didesain khusus untuk mebaca ebook, seperti Kindle dan Pixelar

Saat ini banyak sekali format ebook yang beredar. Kita bisa mengetahui format ebook dengan melihat file extensionnya, misalnya .pdf, .lit, .pdb, .prc, dan juga .exe atau lain sebagainya. Untuk membaca ebook tersebut diperlukan program yang dinamakan "reader" yang berbeda-beda pula misalnya Adobe acrobat reader untuk membuka file PDF, Microsoft reader untuk membuka file LIT, Mobipocket reader untuk membuka file PRC, dan lain-lain. Masing-masing format ebook tersebut mempunyai kelebihan dan kekurangan masing-masing.

Jika ebook /PDF yang didownload tidak bisa dibuka di komputer kita, pastikan kita memiliki software yang tepat untuk membuka file ebook tersebut. Salah satu software yang dibutuhkan untuk membuka ebook pdf adalah : Acrobat Reader.

Selain itu, kita juga dapat menggunakan software berikut ini:

SumatraPDF, software pembaca file PDF alternatif dengan ukuran yang relatif kecil. Dapat didownload melalui http://blog.kowalczyk.info/software/sumatrapdf/index.html.

Foxit Reader, software pembaca file PDF alternatif yang paling populer. Dapat didownload melalui http://www.foxitsoftware.com/pdf/reader_2/down_reader.htm.

Sisipan :

No	Keterangan	Tombol
01	Download PDF Reader
02	Download Sumatra PDF
03	Download Foxit Reader
04	Bila ingin kirim email ke Joshaxis
05	Page Facebook Joshaxis
06	Contoh Ebook Pdf : Joshedukasi YM

Regards,
Joshaxis

Joshappy

josh.axislive@gmail.com (Joshaxis) — Sat, 8 May 2010 12:52:00 -0700

Happy Birthday Mas Josh...

Video Joshappy.wmv ini bisa didownload di www.joshaxis.co.cc

dan sudah terkompres winzip dengan size 9,32 MB

Ten 2 Five Happy Birthday

Hari ini saat bahagia untukmu
Bertambah 1 tahun usiamu
Kunyanyikan sebuah lagu
Agar istimewa harimu

Chorus:
Happy birthday to you
Happy birthday to you
Happy birthday to you

Hari ini istimewa
Karena ini ulang tahunmu
Hari ini berbahagia
Nikmati saja

---------

Selamat Ulang Tahun Mas Josh...
Pada 09 Mei 2010 ini...
Semoga Sukses Selalu....

Salam hangat dan jabat erat,
Joshaxis

Sisipan :
1. Download Video Joshappy tanpa Youtobe

2. Download Album Joshun 2008 (private)

3. Ingin mendengarkan MP3 Kenangan

4. Bila ingin kirim email ke Joshaxis

5. Bila ingin melihat Page Facebook Joshaxis

6. Gratis Ebook Joshedukasi YM untuk Anda

@ Josh

Yahoo Messenger Versi Web

josh.axislive@gmail.com (Joshaxis) — Fri, 7 May 2010 17:12:00 -0700

Yahoo! Messenger versi Web

Menghubungkan kita dengan semua teman dalam sekejap...

Telah hadir Yahoo Messenger (YM) versi web... dengan YM versi web ini, kita bisa ber YM ria walau dikomputer kita tidak ada aplikasi YM. (Lihat aplikasi YM v.10)

YM versi web ini memudahkan aktifitas YM kita yg sedang ditempat teman, kantor, atau terkadang warnet yg mungkin sedang error aplikasi ym nya (biasanya warnet selalu ready aplikasi ym, tapi barangkali saja sedang error atau tidak ada ym nya entah karena apa...)

Nah bila demikian, kita dapat menggunakan YM versi web ini dengan mudah...

Yahoo! Messenger untuk web didesain untuk melengkapi Yahoo! Messenger di dekstop kita. Untuk mengatakan hal-hal seperti, "Bagus!" atau, "Kenapa saya tidak mempertimbangkan hal itu!!!" Ah, sebenarnya tidak juga. Tetapi messenger ini benar-benar menangani hal-hal dasar: Daftar Messenger dan percakapan on-line langsung kita. Menambahkan kontak dan menyesuaikan status kita. Bahkan menyimpan dan mencari pesan kita sebelumnya.

Dalam Messenger versi web ini, gambar/Avatar kita ditampilkan, dan pengaturan stealth dan daftar blokir kita juga berlaku. Tetapi kita tidak bisa memodifikasi hal-hal semacam ini.

Dalam Messenger untuk Web, kita juga tidak bisa bergabung dalam konferensi, chatting, mentransfer file atau berbagi-pakai foto; atau menggunakan webcam, Voice.

Jadi sekarang pilihan YM yang mana yg kita pakai, semuanya sama-sama YM... :)

YM versi Web menawarkan kemudahan fleksibilitas...
YM aplikasi memberikan semua fasilitas YM yg komplit...
Untuk dapat ber YM ria, tentu email yahoo harus kita miliki... :)

Sisipan :
1. Bila belum punya email di yahoo

2. Bila ingin menggunakan YM versi web

3. Bila ingin download aplikasi YM v.10

4. Bila ingin kirim email ke Joshaxis

5. Bila ingin melihat Page Facebook Joshaxis

6. 5. Bila ingin melihat Ebook Joshedukasi YM

Spesial Bonus Ebook Joshedukasi YM buat pembaca blog ini :

(Klik gambar untuk penjelasan lebih lanjut)

Sekian dan terima kasih...
Josh

Affiliasi Ebook

josh.axislive@gmail.com (Joshaxis) — Thu, 6 May 2010 20:16:00 -0700

Teman... tidak ada lagi kendala tidak bisa bahasa inggris atau tidak memiliki kartu kredit, karena nanti kita lihat sendiri, pasar lokal Indonesia pun masih sangat luas dan bisa menjadi sumber penghasilan sampai jutaan rupiah setiap bulannya, asalkan kita tahu caranya.

Di program ini siapa saja, tanpa perlu membeli, dapat menjadi affiliate secara gratis. Setiap kali ada yang mendaftar (gratis) melalui link affiliate kita, pendaftar tsb akan tercatat sebagai klien kita. Jadi sekali kita mendapatkan klien, kita dapat menikmati komisi jika terjadi pembelian.

Beberapa produk affiliate ini :
(Klik gambar untuk penjelasan lebih lanjut)

EBOOK TERBARU :

Belajar HTML	Belajar Wordpress	Ebook Belajar Affiliate	Ebook Panduan Affiliasi Clickbank Jilid 1	Ebook Panduan Affiliasi Clickbank Jilid 2
PACKAGE :
Paket Ebook Wordpress dan Affiliate		Paket Panduan Affiliasi Clickbank Jilid 1 dan 2

NOTE :

1. Berminat Affiliate Gratis ini

2. Bila ingin melihat Page Facebook Joshaxis

3. Bonus Ebook Joshedukasi YM Gratis

Spesial Bonus Ebook Joshedukasi YM buat pembaca blog ini :

(Klik gambar untuk penjelasan lebih lanjut)

Sekian dan terima kasih...
Josh

Joshedukasi YM

josh.axislive@gmail.com (Joshaxis) — Wed, 5 May 2010 12:35:00 -0700

JOSHEDUKASI YM

TUTORIAL INSTALLATION

YAHOO MESSENGER

V.10

By. Joshaxis

Yahoo Messenger atau biasa disebut YM sangatlah popular saat inidibidang chating melebihi chat yang lain

khususnya di Negara kita tercinta Indonesia.
Sampai saat ini, YM sudah sampai versi 10.Mungkin masih banyak kita yang memakai versi dibawahnyaseperti juga Josh beberapa waktu lalu masih menggunakan YM versi 8,
dan kini mencoba versi 10.

Bahkan ada rekan Josh yang mengatakan bahwa
Yahoo Messenger versi 11 (YM versi sebelas?)

sudah ada namun masih beta...?
Sampai saat posting ini tertulis, Josh belum mengetahui perihal YM versi 11,
bila ada pembaca yang mengetahuinya, mohon berbagi ilmunya....
Silahkan tinggalkan pesan, atau kirim email ke Joshaxis

Dalam tutorial kali ini, kita akan menggunakan YM versi 10.

Untuk dapat menggunakan YM, pastikan dahulu kita memiliki email di yahoo
dan komputer kita sudah terinstal YM. Bila belum memiliki email di yahoosilahkan daftar dulu di Yahoo untuk mendapatkan emailnya.Bila computer kita belum terinstall YM, silahkan menginstallnya terlebih dahulu.

Untuk mendapatkan installasi YM, ada dua pilihan downloadyang bisa kita pilih yaitu untuk installasi secara offine dan online...

Silahkan simak ebook pdf berikut ini :

Joshedukasi YM

Sisipan :
1. Bila belum punya email di yahoo

2. Bila ingin download YM v.10 untuk instalasi offine

3. Bila ingin download YM v.10 untuk instalasi online

4. Bila ingin download Ebook Joshedukasi YM tanpa Scribd

5. Bila ingin kirim email ke Joshaxis

6. Bila ingin melihat Page Facebook Joshaxis

Sekian dan terima kasih...
Jakarta, 5 Mei 2010

Joshaxis
www.joshaxis.co.cc

Joshun 2008

josh.axislive@gmail.com (Joshaxis) — Sun, 2 May 2010 12:50:00 -0700

M A T A H A R I

Nike Ardila

Didalam Gelap Kehidupan Ini
Seakan Tiada Sinar Cahayamu
Kucoba Melangkah Dari Satu Keyakinan
Didalam Gelap Pasti Ada Terang

Kegagalan Demi Kegagalan
Kujadikan Pedoman Hidup Ini
Bagai Hari-hari
Ada Siang Ada Malam
Teguhkan Iman Didalam Jiwa

aku Insan Lemah
Tak Lepas Dari Goda dan Cobaan
Diri Yang Merana Terombang Ambing
Oleh Kehidupan

Matahari Pagi Pancarkan Sinarmu
Agar aku Merasakan Kehangatanmu
Biarlah Mimpi Buruk Yang Kemarin
Hilang Ditelan Malam Yang Kelam

Kegagalan Demi Kegagalan
Kujadikan Pedoman Hidup Ini
Bagai Hari-hari
Ada Siang Ada Malam
Teguhkan Iman Didalam Jiwa

aku Insan Lemah
Tak Lepas Dari Goda dan Cobaan
Diri Yang Merana Terombang Ambing
Oleh Kehidupan

Matahari Pagi Pancarkan Sinarmu
Agar aku Merasakan Kehangatanmu
Biarlah Mimpi Buruk Yang Kemarin
Hilang Ditelan Malam Yang Kelam

Kita Manusia Tiada Daya
Selain Engkau Pengasih
Diri Yang Merana Terombang Ambing
Oleh Kehidupan

Coda :
Matahari Pagi Pancarkan Sinarmu
Agar aku Merasakan Kehangatanmu...

--- 0 ---

Maaf Joshun2008.exe dilengkapi password dan bukan untuk umum...
Download :

Regards...

Cara Lain Memasang Blogumulus

josh.axislive@gmail.com (Joshaxis) — Sat, 1 May 2010 21:58:00 -0700

Beberapa saat terakhir ini Josh heran melihat tag blogumulus tidak tampil sempurna pada blog ini. Padahal dulu berjalan dengan baik...

Josh lalu cari masalah ini di Om Google, namun kebanyakan info yang tersaji adalah yang Josh sudah pakai dan walaupun Josh perbaharui kodenya tetap tidak tampil blogumulusnya...

Akhirnya Josh melihat langsung ke website perancang blogumulus ini yaitu : www.bloggerbuster.com milik Amanda Fazani... dan Josh mendapat jawabannya tentang Alternative installation for Blogumus (fixes the blank widget problem), serta sukses menampilkan kembali blogumulus ini.

Terima kasih Amanda Fazani... :)

Bagi kita yang belum mengetahui apa itu blogumulus atau yang mengalami hal serupa dengan Josh, mungkin bisa mengunjungi web Amanda Fazani untuk mendapatkannya.

Blogumus adalah awan tag atau labels animasi widget untuk blog powered Blogger, yang telah terbukti widget paling populer yang pernah dipublikasikan. (salah satu contohnya kita bisa menjumpai 'Labels' blog ini yang tulisannya melayang-layang berwarna putih)

Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi cuma terbatas untuk pengguna Wordpress dan tidak bisa untuk di pakai dalam Blogger. Tapi Amanda Fazani sudah menyempurnakan widget ini sehingga bisa dipake di dalam blogger.

Sebagian besar blogger telah mampu memasang widget ini berbasis flash berhasil menggunakan petunjuk instalasi default. Namun, bagi mereka menggunakan nama label yang panjang atau yang memiliki banyak JavaScript / widget berbasis Flash yang hadir dalam tata letak blog mereka, tampaknya ada widget "kosong" masalah di mana Blogumus hadir tetapi tidak akan menampilkan tag animasi.

Jika kita mengalami masalah dalam menampilkan Blogumus di template Blogger kita, metode alternatif untuk instalasi harus mengaktifkan Blogumus untuk menampilkan dengan benar.

Untuk cara yang sebelumnya adalah sbb :

1. Login ke blogger.

2. Klik Tata Letak (page layout).

3. Klik Edit HTML.

4. Klik “Download Template Lengkap” (agar templatenya bisa di kembalikan bila salah).

5. cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):

<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy scrip di bawah ini lalu paste dibawah kode yang tadi.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

7. klik simpan template (save)

Bila gagal, coba menggunakan cara terbaru dari Amanda Fazani ini :

Metode instalasi ini sebenarnya mirip dengan yang asli diatas.

Pertama, pergi ke Layout> Edit HTML pada dashboard Blogger. Jangan mencentang widget "Expand Template" kotak karena hal ini akan memperumit proses!

Menggunakan fungsi pencarian browser Anda, menemukan baris ini dalam kode template Anda:

cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):

<b:section class='sidebar' id='sidebar' preferred='yes'>

Setelah itu, sisipkan kode berikut:



<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>



&lt;object type="application/x-shockwave-flash" data="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;

&lt;param name="movie" value="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" /&gt;

&lt;param name="bgcolor" value="#ffffff" /&gt;

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

<b:loop values='data:labels' var='label'>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>

</b:loop>

&lt;/tags&gt;" /&gt;

&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;

&lt;/object&gt;





</div>



<b:include name='quickedit'/>

</b:includable>

</b:widget>

Sekarang preview template. Jika instalasi berhasil, widget Blogumus muncul di sidebar. kita kemudian dapat melanjutkan untuk menyimpan template.

Versi Blogumus harus menampilkan semua label tanpa masalah, dan dapat dipindahkan ke bagian lain dari tata letak Anda melalui layar Layout> Elemen Halaman.

Untuk merubah tinggi lebarnya ganti width="250" height="200" pada :



&lt;object type="application/x-shockwave-flash" data="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;

Untuk merubah warna background, rubah code warna #ffffff pada :



&lt;param name="bgcolor" value="#ffffff" /&gt;

Untuk merubah warna text, rubah code warna 0x000000 pada :
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>

Untuk mengubah ukuran tag / link, rubah angka 12 pada :
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Demikianlah sedikit pengalaman Josh dengan blogumulus. Semua keterangan ini Josh dapatkan dari web Amanda Fazani di www.bloggerbuster.com silahkan berkunjung kesana... :)

Regards,
Joshaxis