Archive for the 'web' Category

Cerita Drama Dengan Lakon Website DPR RI


Peretesan adalah bahasa Indonesia yang berasal dari terjemahan bahasa Inggris ‘hacking’. Pada implementasinya, perubahan tampilan situs web secara tidak resmi dan dilakukan bukan oleh sumber daya resmi yang disetujui oleh pemilik situs web bahkan disebut juga sebagai peretasan.

Beberapa hari ini media massa di Indonesia hingga narablog ramai memberitakan peretasan terhadap situs web pemerintah antara lain milik POLRI (yang setahu saya memang sering diretas) dan situs Lembaga Pertahanan Nasional (Lemhanas). Berita ini bahkan sudah sampai ke media mainstream. Akibatnya, datang tanggapan dari publik. Baik pro maupun kontra. Tapi kali ini saya tidak akan membahas pro dan kontra peretasan situs pemerintah. Saya hanya bapak-bapak buruh biasa yang berasal dari Cilincing, sama sekali bukan peretas. Saya pikir saya tidak cukup pintar untuk perlu mencampuri urusan peretasan tersebut.

Tapi, saya akan bicara soal situs web dewan rakyat Indonesia yang beralamat di http://dpr.go.id. Iya, saya akan bicara soal situs web Dewan Perwakilan Rakyat.

Karena ceritanya agak rumit, mungkin akan lebih baik jika saya urutkan berdasarkan kronologi waktu saja. Begini kronologinya:

Rabu 11 Mei 2011 – Anggota Komisi I DPR dari Fraksi Partai Demokrat (PD), Roy Suryo, berkata kepada wartawan di gedung DPR, Senayan, Jakarta, bahwa pengadaan sarana IT (Informasi Teknologi) di DPR adalah sebesar 9,4 Miliar rupiah (sumber: detiknews http://goo.gl/7GIpF)

Rabu 11 Mei 2011 – DI hari yang sama, wakil ketua DPR Pramono Anung berkata bahwa ia akan melakukan pengecekan dan ketika sudah selesai, ia bilang bahwa stafnya melaporkan baru ada pengeluaran sebesar 5,9 miliar rupiah (sumber: news okezone http://goo.gl/9Btk1)

Kamis 12 Mei 2011 – Anggaran pengelolaan IT DPR RI hampir mencapai Rp 20 Miliar per tahun dalam pos anggaran Sekretariat Jenderal DPR tahun 2010. Peneliti Indonesia Budget Centre (IBC) Roy Salam merinci, dana pemeliharaan dan pengembangan system informasi DPR ini terbagi untuk dua pos, yakni untuk biaya pemeliharaan website sebesar Rp 8,4 milar per tahun, dan biaya pemeliharaan situs www.dpr.go.id senilai Rp 1,3 miliar per tahun. Sedangkan untuk pos anggaran pengembangan system informasi, terbagi untuk pembangunan dan pengembangan IT dan untuk seminar dan lokakarya. (sumber: gresnews http://goo.gl/umBDu)

Kamis 12 Mei 2011 – Andi Mardiansyah dari Team IT DPR (andi@dpr.go.id) mengkonfirmasi bahwa anggaran IT DPR 2010 adalah 10 miliar rupiah. Tapi yang terpakai cuma 5,6 miliar. Katanya untuk membiayai seluruh kegiatan IT DPR selama setahun. Total ada 32 kegiatan. Pengeluaran yang paling besar 1.43 M untuk biaya internet provider, sisanya untuk pembelian dan maintenance hardware, server, jaringan, litbang dll. Menurutnya pengadaan IT DPR sudah sesuai Kepres dan PP dan sudah dilakukan audit oleh BPK sehingga bisa dipertanggungjawabkan dan ditanya kepada BPK. (sumber Team.IT.DPR di thread forum Indonesia Kaskus “IT DPR Mahal?, masak sih?” http://goo.gl/3ITdB)

(*Saya coba cek ulang pernyataan Andi ke situs BPK. Sayang sekali saya belum menemukan laporan dari BPK. Bisa jadi karena laporannya belum selesai, bisa jadi karena saya yang tidak begitu teliti mencarinya (hehe). Saya cari di bagian Laporan Hasil Pemeriksaan BPK-RI di laman web ini (http://goo.gl/N6rUY) sayang sekali belum ketemu. Bagi yang sudah berhasil menemukannya mohon dibagi infonya*)

Senin 16 Mei 2011 – Lagi-lagi anggota Komisi I DPR dari Fraksi Partai Demokrat (PD), Roy Suryo, berkata pada wartawan bahwa situs DPR RI diisengi hingga kebobolan dengan adanya tulisan dibawah website tertera “thanKs buAt Seluruh raKyat nUSantara -ttd, webmastER dpr.go.i’d”. Roy menyalahkan Admin/Tim IT situs DPR RI dan meminta mereka melakukan klarifikasi. Sebab sebenarnya ketersediaan fasilitas untuk admin/tim IT di DPR sangat besar, namun penggunaannya sangat tidak maksimal. (Sumber: techno okezone http://goo.gl/wvpDk)

Senin 16 Mei 2011 – team pengembang website DPR RI hadir lagi di forum Kaskus memberikan penjelasan mengapa ada uang sebesar 9 miliar rupiah ke publik. Dikutip dari sumber: “Kenapa bisa keluar harga 9 Miliar? Karena itu harga total ‘belanja’ seluruh penunjang IT di DPR. Mulai dari bandwidth, pengadaan aplikasi dan sistem informasi termasuk website, juga untuk pembelian alat-alat hardware (PC komputer, server2, UTP, kabel2), perawatan AC kering untuk ruang server, perawatan UPS segede lemari 4 pintu, dan lain-lain nya… banyak banget gan. Sedangkan untuk tahun ini anggarannya sudah dilakukan efisiensi sampe 50%. Karena harga bandwidth telah jauh turun, sistem pengadaan bandwidth pun dengan sistem lelang. Jadi tiap tahun kemungkinan provider bandwidth kita ganti2! karena kita ambil pemenangnya dari harga termurah yang ditawarkan, tujuannya untuk penghematan belanja. Kenapa kita ngga pake provider bandwidth yang tetap??, karena kita mengikuti peraturan pemerintah dan Kepres bahwa pengadaan diatas jumlah tertentu itu harus lelang terbuka (penunjukan langsung rawan korupsi gan).
(Sumber Kaskus http://goo.gl/OLRWe)

Kelihatannya teman-teman di kaskus sudah banyak yang panas memang dengan drama website 9 miliar rupiah ini :) Sabar yaa Agan-agan :)

Dari penjelasan rekan-rekan pengembang website DPR-RI ada beberapa kesimpulan yang bisa ditangkap:

  1. Para pengembang website ini tidak membantah bahwa memang ada budget yang cukup besar untuk belanja IT.
  2. Tidak ada bantahan dari pengembang bahwa mereka tidak mengusulkan platform finansial untuk IT DPR RI.
  3. Bahwa telah dilakukan audit dari KPK terhadap keuangan IT DPR RI.
  4. Bahwa rekan-rekan publik baik dari pengembang aplikasi website maupun bukan  sedemikian kaget dengan besarnya budget anggaran website. Akibat kinerja anggota DPR RI yang memilukan maka rekan-rekan tersebut pun ikut mengalamatkan kekecewaan mereka pada IT DPR RI.

Saya pribadi tidak bisa bilang apa-apa. Ini bukan drama saya, hehe. Tapi mengikuti drama ini memang seru. Saya hanya berharap bahwa kita dapat menemukan bukti audit dan teman-teman di IT DPR RI dapat melaksanakan pekerjaannya dengan baik dan memberikan bukti kepada kita semua.

Tidak adil memberikan generalisasi cap buruk pada semua seksi di DPR RI. Walau sudah jadi rahasia umum bahwa gedung DPR adalah markas perampok rakyat namun ada baiknya jika mata kita masih mau menonton dan mendengar penjelasan artis sinetron DPR RI  jika ada beberapa dari mereka yang mau memberikan penjelasan.

Menurut saya, sejelek-jeleknya para artis sinetron itu, minimal mereka masih mau memberikan penjelasan. Setidaknya penjelasan mereka sangat bisa dicek-ulang. Tidak susah loh mengecek ulang bukti digital.

Maka jika teman-teman IT DPR RI berbohong, yaa amat disayangkan. Sebab kepercayaan kita yang semakin menipis pada pemerintah akan semakin rendah saja.

Anyway, untuk teman-teman yang berjuang di lini plat merah, selamat terus berjuang. Kami mendukung. Kami abadi. Berjuanglah untuk kami yang mendukung kalian, bukan berjuang atas nama rezim yang akan selalu berganti.

Jangan berkhianat. Sebab toh kita sama-sama tahu apa hukuman buat pengkhianat.

(*Apa yaa hukumannya? Hahaha*)

Mencari Proxy Gratis Ketika Sensor Menggila

Saya tahu ini cerita basi. Maaf yaah :( Tapi akibat bosan terus-terusan mendapat pertanyaan yang sama. Maka ada baiknya info ini saya bagi.

Saya kesulitan mencari proxy gratis yang bahkan di sarankan oleh mesin pencari. Sebab secara otomatis, URL laman-laman website yang disarankan mesin pencari akan otomatis di block oleh kantor (yeah, kami punya mesin pemblock yang luar biasa dan saya dengan amat terpaksa merahasiakan informasi mengenai hal ini dari publik).

Untuk meminta ijin bahwa komputer saya akan mengakses website tertentu yang mengandung content bertuliskan ‘proxy‘ atau ‘anonymous surfing‘ (*iya, banyak sekali phrase yang di block oleh mesin penyensor kami, diantaranya dua kalimat itu*), jelas amat bisa. Tapi sebelumnya harus mengisi banyak formulir dan menuliskan alamat website agar bisa di review (bahasa halus dari sensor) oleh teman-teman dari departemen IT. Dan itu hal yang amat membosankan. Sebab butuh sumber daya waktu. Padahal hanya mau membalas email penting dari client yang 24 jam hidupnya tergantung dari facebook (dan content FB adalah salah satu yang di banned kantor saya)

Maka, biasanya saya dengan amat nakalnya menyingkat hal tersebut. Dengan menggunakan mesin pencari (seperti google misalnya) saya menuliskan di browser

+”:8080″ +”:3128″ +”:80″ filetype:txt 2010

Apa artinya?

+”:8080″ adalah meminta agar mesin pencari mencari string 8080. Dan 8080 adalah gabungan dari port 80 (saluran standar membuka internet)

Port ini adalah alternatif yang populer untuk port 80 untuk menawarkan layanan web. “8080″ dipilih karena ada “dua 80″, dan juga karena berada di atas rentang pelayanan jasa porting juga dikenal sebagai port pembatas (port 1-1023). Biasanya digunakan dalam URL untuk menimpa eksplisit “port default”.

Latar Belakang dan Informasi Tambahan:

Internet sebagian besar lahir pada sistem berbasis UNIX dan server. UNIX memaksa gagasan dari 1023 pertama “port istimewa” yang hanya dapat dibuka dengan layanan yang berjalan dengan apa yang disebut “root”, atau administratif, atau hak istimewa. Secara historis, ini berarti bahwa hanya sistem administrator yang berwenang mampu mendirikan dan mengoperasikan sebuah web server pada port 80 karena ini adalah dalam wilayah-port istimewa pertama 1023. Oleh karena itu, ketika non-administrator ingin menjalankan web server sendiri di mesin yang mungkin sudah memiliki sebuah server yang berjalan pada port 80, atau ketika mereka tidak memiliki izin untuk menjalankan layanan di bawah ini port 1024, port 8080 sering dipilih sebagai tempat yang nyaman untuk host atau alternatif web server sekunder.

Trojan yang pernah terdeteksi di port ini: Brown Orifice, Generic backdoor, RemoConChubo, Reverse WWW Tunnel Backdoor, RingZero

+”:3128″ adalah port squid (terkenal juga sebagai squid cache atau HTTP Proxies untuk menjembatani manusia dengan mesin yang mampu membuat mereka jadi tak terlihat, atau internetan jadi lebih kenceng, hehe) yang seringkali digunakan/diizinkan di US (wilayah juridiksi kerja saya ada di bawah hukum pemerintah Amerika Serikat) untuk digunakan secara terbuka. Jadi saya menggunakan port ini untuk berkomunikasi melalui proxy. Sebab legal dan sering digunakan para administrator untuk menjalankan jaringannya menuju internet.

+”:80″ adalah port menurut no-ip.com port 80 adalah “standard port which web(http) servers run on. Many ISP’s have blocked port 80 to stop viruses such as Nimda from slowing down their networks and infecting there customers computers.” Saya pribadi tidak akan melakukan apa-apa dengan port ini, saya hanya ingin tahu, adakah proxy terbuka yang menggunakan port ini.

“filetype:txt” adalah jenis file yang saya cari. Basisnya adalah text dan dapat dirender dengan cepat pada browser. Mengapa saya mencari jenis file ini, sebab hasil pencarian dengan laman yang menampilkan ekstensi html, php, jsp, asp dan lain sebagainya pasti sudah diblock.

“2010″ adalah tahun pencarian. Biasanya saya memang mencari proxy yang baru. Mesin pencari akan mengindeks halaman yang sudah dilihat oleh banyak orang lalu SEO akan menampilkannya di halaman pertama. Apabila teori ini benar, maka hasil pencarian proxy dalam teks yang tampil di halaman pertama mesin pencari akan menampilkan halaman-halaman yang amat populer dan mungkin overloaded dan usang. Untuk menghindari hal itu, saya memakai hasil pencarian terkini. Dan 2010 adalah tahun terkini (ketika tulisan ini dibuat).

Semoga informasi yang walaupun jadul (jaman dulu) dan kampungan ini sedikit berguna :)

Apache Musrik

Sesuai judul, saya bisa menulis pagi ini karena memang Apache, perangkat lunak penyedia jalannya server sedang down. Semua aplikasi yang dibuat team kami tidak bisa diakses. Yang parah, tadi pagi ada meeting bersama para ‘big guy‘ dan ketika mereka akan mengetik alamat URL website kami terpaksa saya bilang “Sori, lagi down, bapak-bapak ibu-ibu. Sedang diperbaiki. On progress”

Fiuhh, untung mereka mengerti.

Balik lagi ke Apache. Saya kira, seperti biasa. Masalah akan hilang ketika Apache di restart. Atau mesin di restart. Biasa lah, standar operasional IT toh begitu.

Namun, sialnya tetap saja tidak bisa. Maka, langsung saya nyalakan JBoss (*Yang selalu saya simpan sebagai backup untuk jaga-jaga jika ada masalah seperti ini*)

Astaga, JBOSS juga tidak mempan!

Saya coba untuk sabar. Walaupun berkali-kali dialog box dari OS muncul peringatan bahwa HTTPD crashed dan butuh ditindak-lanjuti.

Setelah bongkar-bongkar error log, saya coba mencarinya di Google. Tapi setelah sekian lama mencari, saya kebingungan. Bahkan mesin pencari pun tidak memberikan jawaban banyak (*saya hanya dapat empat entri link sebagai hasil pencarian dari Google. Dari Bing dan lainnya lebih parah, nol besar*)

Saya kirimi departemen IT surat dengan perincian masalah dan semua yang telah saya lakukan dalam mencari solusinya. Sambil terus terang berkata bahwa saya mencari nafkah menggunakan Apache, maka itu hal ini menjadi penting.

Orang IT menjawab pendek: “Mas kalo google aja nggak bisa jawab, apalagi kita!”

Saya cengar-cengir membacanya. Saya balas lagi: “Bantuin dong…”

Dan saya dapat jawaban yang mencengangkan. “Mas, kita ini IT bukan Tuhan. Jangan menggantungkan apa-apa sama kita. Itu musrik namanya”

Dan saya pun tak mampu lagi menahan tawa.

Nomor Telepon Bill Gates

foto bill gates

Salah seorang klien (yang meminta tim kami membuat webnya) datang mengeluh:

Saya: “Ada yang bisa saya bantu, Bu?”
Ia: “Kok webnya saya nggak jalan?”

Waktu itu, saya curiga ada bug di halaman aplikasi web yang kami kembangkan buat beliau. Maka saya buka komputer dan langsung menuju URL yang ia maksud (*Kebetulan saya bookmark, jadi bisa lebih cepat ke sana*). Setelah saya cek di browser, test berulang-ulang, lalu memeriksa feedback dan SVN untuk melihat deployment terakhir. Saya bingung, semuanya nampak baik-baik saja.

Saya: “Loh kok ini jalan, Bu? Bagus malah”

Si Ibu kebingungan, “Tapi di rumah ga jalan”

Saya yang mulai curiga dengan browser yang beliau pakai lalu bertanya, “Di rumah pakai apa, Bu?”

“Biasa aja tuh, pake daster”

Hah!

“Bukan Bu, maksud saya di rumah ibu pake komputer apa?”

“Komputer saya lah. Masak komputer anak saya. Kamu gimana sih?”

“Umm, maaf, saya coba rephrase kalimat saya. Di rumah, Ibu pakai komputer sistem apa dan browser apa ketika mengecek web Ibu?”

“Mana saya tahu yang begitu. Coba kamu telpon ini anak saya”, katanya sambil menyodorkan telepon genggamnya.

Beberapa menit kemudian, dari anaknya, saya tahu kalau si Ibu memakai windows 98 dan (tentu saja) perambah internet dengan Internet Explorer 6.

“Bu, web Ibu nggak bisa dibuka dengan Internet Explorer 6 yang ada di komputer Ibu. Kan waktu awal kontrak kita semua sudah setuju kalau web Ibu nggak akan support Internet Explorer 6 karena Ibu minta usability yang nggak bisa di dukung software itu” kata saya sambil senyum

Beliau ngotot, “Saya nggak mau tau, pokoknya saya mau liat website saya di rumah!”

“Waduh Bu, itu bisa ngerubah kontrak”

“Pokoknya saya nggak mau tahu!”

Saya coba sabar. Akhirnya ketemu deh triknya. Beliau ini amat perhitungan soal bujet proyek. Semuanya harus dirasionalisasikan. Saya suka itu. Tapi untuk saat ini beliau nampaknya tidak rasional. Maka, saya coba mendekati beliau melalui bujet dan rasional aspek.

“Bu, kalau Ibu ngerubah kontrak akan membuat bujet proyek kita membengkak {sambil menyebut persentase}. Itu besar loh, Bu. Sementara kalo Ibu ganti browser, gratis. Saya bisa telpon anak Ibu untuk membantunya menginstal Opera atau Chrome di komputer, Ibu. Pilih mana?”

Beliau diam sejenak. Lumayan lama. Sambil menatap saya galak. “Siapa sih itu yang bikin komputer saya di rumah?”

“Kalau perangkat kerasnya saya nggak tahu, Bu. Tapi kalo sistem dan perambah internetnya, namanya Bill Gates dan teman-temannya”

Masih menatap galak ia bertanya, “Kamu tahu nomor teleponnya orang itu. Biar sini saya telpon. Kurang ajar itu orang!”

Saya tidak jawab apa-apa, hanya bisa menatap beliau sambil garuk-garuk kepala.

HTML Dasar > II – Sejarah HTML

Mengapa perlu belajar HTML?

Hehe. Sebenarnya tidak perlu sih. Tapi dengan belajar sejarahnya, minimal tahu kenapa bahasa ini muncul di muka bumi. Kata Bob Marley raja musik reggae, “If you know your history then you would know where you coming from“.

Mari kita mulai pelajaran sejarah HTML ini.

Siapa yang menemukan HTML?

Foto Tim Burner Lee penemu HTMLTim Burner Lee (nama lengkap dan jabatannya “Sir Timothy John “Tim” Berners-Lee, OM, KBE, FRS, FREng, FRSA”. Panjang amat yah). Insinyur ahli fisika dari Inggris. Yang pada tahun 1980 dikontrak kerja oleh CERN, badan riset nuklir Eropa. Tahun itu ia bekerja dengan seorang insinyur informatika Belgia bernama Robert Cailliau dan seorang mahasiswa. Suatu hari di tahun 1989 mereka kebingungan bagaimana cara saling membagi informasi antar mereka sendiri dengan cara yang cepat dan mudah. Maklum, tiga-tiganya semua orang sibuk. Karena masing-masing pintar, jadilah mereka membuat halaman yang bisa di akses oleh ketiga orang ini. Tidak lama kemudian, mereka sadar bahwa halaman dengan link/pranala ini ternyata bisa diakses oleh siapa saja asal tahu cara membuat dokumen web itu. Cara membuat dokumen web itu memakai bahasa bernama HTML. (*Saat itu pula tercetus sistem World Wide Web atau dikenal dengan www*)

Mengapa membuat HTML?

Sudah dibilang diatas, bahwa guna awalnya adalah membuat halaman yang memakai link atau pranala luar (yang kemudian dikenal juga sebagai hyperlink, sebab mampu membuka berbagai jenis dokumen. Tidak hanya dokumen berjenis teks saja, tapi juga dokumen gambar, multimedia dan sebagainya).

Namun pada intinya, HTML adalah bahasa markah. Bahasa markah adalah bahasa dimana kalimatnya harus mempunyai pendukung. Sebagai bahasa markah, HTML belum mampu mengerjakan semua kebutuhan manusia di muka bumi. Namun cukup mampu dalam menampilkan halaman-halaman website.

Jelaskan rentang pertumbuhan HTML?

Pertanyaan yang menarik. Tapi kalau tidak di jelaskan dengan illustrasi waktu mungkin agak susah. Mari, ini saya coba pakai contoh di bawah ini dalam memulainya.

  • 1980 - Tim masuk CERN
  • 1989 - membuat cikal bakal HTML, namanya HTML+
  • 1992 - Dua orang pemuda bernama Marc Andreessen dan Eric Bina membuat perambah internet pertama bernama Mosaic. Umur Eric saat itu 28 tahun. Sementara Marc berusia 21 tahun.
  • 1995 - HTML versi kedua bernama HTML2 di buat. Sudah ada pikiran bahwa bahasa ini pasti akan dipergunakan oleh orang seluruh dunia. Maka itu dibuatlah internasionalisasinya (i18n dan l10n)
  • 1997 – HTML3.2 muncul. Orang-orang membuat standarisasi agar lebih mudah dipahami di masa mendatang. Selain itu, bahasa HTML versi ini sudah mendukung penulisan rumus matematika. Beberapa bulan kemudian di tahun ini HTML4 muncul. Lebih bagus, lebih mudah transisinya di masa depan, dan lebih jelas strukturnya.
  • 1999 - HTML versi terbaru 4.01 muncul. Tapi tidak begitu banyak berbeda dengan pendahulunya.
  • 2000 - Penggabungan antara bahasa XML dengan HTML agar lebih menarik dan memudahkan website mulai diprediksi di masa depan. Namanya XHTML.
  • 2008 - HTML 4.01 dan ISO/IEC 15445:2000 (Organisasi Internasional untuk Standardisasi penyetaraan dokumen dalam memproses bahasa) adalah perkembangan terakhir yang stabil. Di sisi lain, tahun ini telah dimulai pengembangan HTML5, versi terbaru HTML.

Sampai di sini, mengerti?

Kalau tidak mengerti silahkan acungkan jari, tanya :)

HTML Dasar > I – Apa Itu HTML

HTML singkatan dari hypertext markup language. HTML adalah bahasa markah, yaitu bahasa yang mengkombinasikan teks beserta pendukungnya.

Awalnya, bahasa markah digunakan dalam industri penerbitan untuk komunikasi karya cetak antara pengarang, editor, dan pencetak. Sementara HTML adalah bahasa yang digunakan pada awalnya untuk menampilkan laman pada website internet.

Apa guna HTML:

  • Membuat sebuah halaman web
  • Menampilkan berbagai informasi di dalam sebuah perambah web Internet (seperti Firefox, Internet Explorer, Safari, Opera, Chrome, dan lain-lain)
  • Menulis berkas dalam format khusus (ASCII) agar menghasilkan tampilan yang diinginkan pembuat berkas

Bagaimana cara dokumen HTML bekerja di komputer lokal:

  • Perintah ditulis oleh pengembang HTML di atas pengedit berkas (text editor, seperti notepad atau gedit atau apalah namanya)
  • Dokumen yang berisi perintah itu di simpan dengan nama yang baik. Misalnya file bernama ‘dokumen_saya.html’ lebih baik daripada file bernama ‘Dokumen saya.html’. Sebab spasi antara kata ‘dokumen’ dan ‘saya’ akan diterjemahkan menjadi bentuk khusus dalam perambah internet
  • Dokumen yang sudah di simpan itu dibuka pada perambah internet. (*Gimana cara bukanya? Tekan tombol Ctrl dan huruf ‘o’ secara bersamaan pada keyboard. Gampang atuh*)

Apa yang dapat kita lakukan dengan HTML?

  • Menentukan struktur dokumen. Misalnya judul dokumen atau membuat elemen-elemen dokumen.
  • Memformat teks
  • Membuat daftar urut
  • Membuat tabel
  • Menampilkan gambar
  • Membuat link atau pranala menuju halaman dokumen/gambar/video lain
  • Membuat formulir
  • Membuat frame

Mengapa perlu belajar HTML?

Jawab: Hehe, sebenernya nggak perlu sih. Kalau anda berniat terjun dalam dunia pembangunan website, seperti membangun laman web, menyusun arsitektur site, menjadi disainer web, atau membuat aplikasi yang berbasis web, maka ada baiknya belajar HTML. HTML mampu menjadi basis yang baik dalam membangun karir di dunia seputar website.

Belajar HTML juga lebih baik daripada kecanduan judi, narkoba atau mengintip tetangga mandi (*Haha, kalo yang terakhir ini jelas pendapat pribadi. Hihihi*)

Yang Baru Dari Photoshop CS5

photoshop cs5 loader image

Sehari-hari saya pakai Adobe Photoshop CS3.

Sebenarnya sih bukan hanya Photoshop, melainkan seluruh produk Adobe yang berbasis MacOS. Mulai dari mengolah animasi 2 dimensi atau menjajal script xml terbaru dengan Flash hingga mengolah data berbasis vector dengan illustrator atau indesign.

Semuanya dilakukan atas nama pendukung kerja.

Jika sedang iseng, saya melakukan manipulasi foto-foto yang sengaja atau tanpa sengaja terjepret kamera; pun dengan produk Adobe yang bernama Photoshop ini.

Ketika ada alternatif baru pemanipulasi foto sumber terbuka (open source) seperti The Gimp, saya pun sempat berpaling hati. Semua komputer di rumah lalu di install The Gimp. Kecuali komputer istri, masih memakai Photoshop 6, hehe

Saya memang menyukai Photoshop. Cerita kilas balik, tahun 1998 itu kami pakai Photoshop 5. Wah, jaman itu sudah hebat betul pakai Photoshop 5. Itu pengolah gambar paling top deh. Saya sempat terkagum-kagum dengan palet History-nya Photoshop. Gila! Kalau salah design, bisa diulang sampai dari awal apabila kita memakai palet itu.

Namun secara pribadi, pertama kali beli software pengolah image, yaa produk Adobe ini. Kalau tidak salah, harga akhir tahun 2000 itu sekitaran US$ 300-400. Saya beli Adobe Photoshop 6.0. Itu pun setelah memutuskan untuk berkarir di dunia arsitektur dan pembangunan website (sebab baru dan mengasyikkan. Plus booming dot com)

Mahal? Iya lah. Buat kantong saya saat itu memang mahal. Apalagi saat itu masih jadi mahasiswa Depok yang tinggal di Kukusan Beji yang bau sapi.

Uang tabungan setahun, habis semua. Sampai gagal liburan. Semuanya demi nafsu memiliki si Photoshop 6.0 ini. Hehe. Namun begitu melihat ada banyak sekali efek-efek ajaib seperti Liquify dan Rough Grain yang bisa dihasilkan Photoshop, saya pun akhirnya bisa tersenyum.

Keputusan beli Photoshop 6.0, saat itu memang didorong oleh bahwa versi 5.5 sudah bisa melakukan ‘save for web’. Kompresi gambar agar menjadi lebih ramah di laman-laman website. Satu image 300 kb bisa di ‘minimalisir’ menjadi 100 kb hanya dengan menekan tombol yang tepat.

Waktu itu, masalah jumlah kilobyte perhalaman website memang sungguh masalah yang luar biasa. Maklum, koneksi internet di Indonesia masih sekitar 10-20 Kbps (kadang bisa ngedrop sampai 2-5 kbps di pinggir JKT). Jadi orang-orang suka mematikan fasilitas menunjukkan image pada browser mereka.

Pada Photoshop 6.0 navigasi web juga mampu didukung oleh penggunaan transparansi ikon-ikon berbasis GIF. Jika di HTML kode warna ditandai oleh #****** (bagian * diisi oleh karakter angka dan huruf) maka di Photoshop 6.0 sudah bisa kita lihat bahwa #99333 itu adalah merah maroon. Sebab secara otomatis Photoshop telah menterjemahkan warna itu menjadi kode karakter HTML. Berguna sekali untuk kerja saya.

Pokoknya versi 6.0 itu lumayan top deh saat itu. Jadi saya memutuskan untuk membelinya.

Sayangnya, kemajuan teknologi berlangsung cepat. Jauh lebih cepat daripada yang saya kira. Versi Photoshop cepat berganti modern, membutuhkan RAM dan kartu grafis baru. Maka ketika teman-teman desainer/developer lainnya bicara versi terbaru Photoshop CS, saya masih tergagap-gagap menanggapinya. Maklum, masih pakai versi 6.0, Hahaha.

Namun sejak Adobe memulai kode CS2 nya, pelan-pelan saya mulai menggali kembali arti sejati Photoshop itu sendiri (haihi, bahasanya jijay banget).

Sejak Adobe CS 2, kebetulan saya sudah dapat rejeki. Bekerja di tempat-tempat yang memberikan saya fasilitas menggunakan Adobe secara cuma-cuma. Jadi, tidak harus beli sendiri lagi.

(*Walaupun pada CS3, ternyata saya harus menganggarkan budget khusus untuk itu, namun tetap saja tempat kerja yang membayar. Waktu itu, 2007, dijual masih harga-harga awal. Kami beli sekitar € 2300 untuk 3 lisensi Adobe, plus acrobat pro, berbasis Mac OS. Lumayan juga. Sebab teknologi cloud sudah memungkinkan untuk rekan kerja kami yang berjarak 12 jam kerja untuk bekerja di komputer yang sama. Eh ternyata pakai cloud ga boleh sama Adobe. Halah*)

Pas tulisan ini turun, Adobe sudah versi CS 5. Begitu pula dengan Photoshopnya. Kalau ditanya apa yang baru? Well, saya mah akan menjawab; kalau dibanding Photoshop 6.0 yaa jelas sudah banyak berbeda. Haha.

Sejak CS 4, setting palet photoshop jadi lebih asik. Artist toolbox keren. Sudah bisa pindah-pindah User Interface, jadi kalau mau kerja ngedesign, ngelukis atau maen 3D, jadi lebih mudah. Trus ada fasilitas vibrance, yang nge-boost warna. Jadi memudahkan main-main di saturasi dan kekontrasan warna. Lumayan lah untuk fotografer wannabe kayak saya ini. Hehe.

Waktu melihat bahwa kita bisa pindah UI, saya dalam hati membatin; wah keren nih, kayak MyEclipse Java Enterprise. Maklum sehari-hari, saya juga berurusan dengan perangkat lunak tersebut dan nyaman dengan kemudahannya mengganti UI. Di MyEclipse saya, mudah untuk ganti UI dari web dev AJAX, Team Synch hingga SVN Repository exploring. CS4 pun begitu. Nyaman mengganti UI.

Di CS 5, Photoshop sudah pakai fasilitas review (namanya ‘creative review’). Edan! Jadi hasil karya kita bisa langsung pitching ke client langsung. Jadi client bisa koreksi secara real time. Well, real time? Yaah tergantung koneksi internet sih. Hehe. Kalau client dan designer sama-sama pakai koneksi internet UPC 120/10 mbps DL/UL, yaa emang pitching dan review-nya udah kayak real time.

(*Yang doyan 3D dan main-main di image HD format, photoshop CS5 trick bisa di lihat di sini untuk Repousse atau di web official-nya langsung di sini sebab CS 5 ini katanya bisa bikin image kita jadi 3D. Silahkan baca di Sounas ini untuk keterangan lebih lanjut*)

Yang aneh, di software yang harga lisensi per-mesin nya sekitar € 630 ini masih juga belum bisa menemukan kompresi untuk menekan gambar-gambar yang akan kita masukkan ke laman-laman web menjadi lebih rendah. Artinya, teknologi kompresi image di Photoshop sama sekali belum berubah sejak Photoshop 6.0.

Saya hanya mencoba versi trial selama 1 bulan dengan software ini. Setelah itu, balik lagi ke CS3 untuk bekerja atau The Gimp untuk keperluan harian. Kalau kompresi image masih sama dan hanya itu yang saya butuhkan, buat apa beli?

(*Ahh tapi itu kan pendapat saya. Belum tentu anda yang trendi suka pendapat ini. Hehe*)

Kursus HTML untuk Ibu-Ibu Senior

Saya baru saja memberikan kursus sejenak (iya, dinamakan sejenak karena hanya sekitar 32 menit) kepada ibu-ibu.

Kursus ini cukup luar biasa buat saya, sebab:

  • Untuk mengadakan kursus ini, kami sudah harus membuat janji di sela-sela waktu yang ada. Dan mencari waktu yang kosong antara saya dan ibu-ibu ini memang susah sekali. Jadi setelah 1 tahun mengendap, kursus ini baru terealisasi.
  • Akibat semua peserta dan pemberi materi adalah manusia yang agak tipikal tingkat kesibukannya tinggi (sebab semuanya sudah berkeluarga, hehe) jadi waktu 1 tahun itu banyak habis untuk mencari kelengkapan birokrasi dan bla-bla-bla sebagainya.
  • Pesertanya kebanyakan ibu-ibu yang sudah berusia 45 tahun ke atas (senior dalam usia). Diantaranya malah ada yang sudah punya cucu :)
  • Kursus ini adalah kursus HTML. Targetnya, agar para ibu-ibu itu mampu membuat newsletter atau email berbasis HTML.
  • Mereka ikut kursus karena mereka mau memiliki ilmu lebih banyak dan lebih baik sehingga bisa improvisasi diri.
  • Kursus yang dijadwalkan setiap jumat pagi ini niatannya adalah sekitar 1 jam penuh. Namun karena antusias dan daya tangkap yang baik dari para peserta, mampu selesai dari setengahnya saja.

Begitu selesai, saya langsung posting ini untuk menyatakan rasa kekaguman.

Salut saya sama ibu-ibu ini. Walaupun sudah berumur dan punya banyak tanggung-jawab di rumah maupun di kantor, masih saja tetap mau belajar. Nampaknya saya harus mencontoh mereka.

Apa yang saya berikan hari ini sebagai materi kursus HTML adalah:

  1. Apa itu server, localhost dan webserver
  2. Apa itu File Transfer, FTP client, FTP server, scripts dan tags dan bagaimana mendapatkan FTP client yang baik, lintas platform sistem operasi dan gratis (saya rekomendasikan Cross FTP)
  3. Apa itu browser, browser yang baik untuk test dan browser apa yang kuat di pasaran wilayah pasar kami
  4. Apa itu HTML dan pernik-pernik yang menyertainya. Tidak lupa sedikit memberitahu mengenai kegunaan HTML 5 di masa depan
  5. Belajar menulis “Hello World” dan menjelaskan fungsi tag yang ada di dalamnya
  6. Mengenalkan basis style paragraf

Hasilnya lumayan. Mereka semua bisa membuat halaman ‘Hello World’, transfer data via FTP di localhost dan test crossing browser pakai IE6, IE7, Firefox dan Safari.

Not bad at all…

Pagi ini, walaupun sarapan cuma dengan pisang dan tomat kecil-kecil. Saya bangga sama mereka dan juga pada diri saya :D

Server Berbasis Telepon Genggam

Sejak tahun 2006 saya mengikuti perkembangan implementasi server pada perangkat telepon jinjing (mobile phone). Entah kenapa, saya sempat bermimpi, bahwa suatu hari akan memiliki mobile server. Bentuknya ringan, mudah di akses, aman, hemat energi, harga terjangkau dan ringkas penempatan.

Kenapa saya bercita-cita punya server mobile?

  1. Saya ingin punya server personal khusus untuk berbagi data tapi saya tidak mampu membeli server rack U. Entah unit berapa, pokoknya(tm) semuanya terlalu mahal untuk kantong saya
  2. Ketika main-main ke datacenter di Haarlem waktu jaman sekolah dulu, ternyata sewa tempat menaruh server rackmount itu mahal banget. Di Antwerpen parah, lebih mahal lagi. Doh!
  3. Di datacenter, server didinginkan dengan chiller water cooler. Bahkan kadang agak edan pakai nitro. Belum lagi backup listriknya, biasanya pakai mesin diesel diatas 1500 KVA (contohnya si EVO ini). Semuanya boros energi
  4. Punya server itu artinya makan tempat. Andaipun dipaksa punya server pribadi di gudang rumah, yaah harus pandai-pandai pengaturan udara dan penempatannya. Dan saya belum sepandai insinyur-insinyur dari Utah Datacenter, Hewlett-Packard dan Google dalam mengatur pengaliran udara pendingin pada server

Jadi sekarang mengerti kenapa saya ingin punya server mobile?

Tapi pertanyaan selanjutnya yang paling penting adalah, “apakah bisa menjadikan telepon genggam menjadi server?”

Jawabannya banyak. Sebab server memang harus mumpuni. Loh wong mau diakses orang banyak atau diakses dari jarak jauh, yaa harus mumpuni, tho!

Tapi apa kategori server mumpuni. Mari kita telaah satu-satu beberapa jawaban di bawah ini;

  • Hardware / Perangkat Keras

Ini mah bukan rahasia, kalau makin tinggi processor makin bagus kecepatan dan daya olah server. Pada saat tulisan ini dipublikasikan (Maret 2010), server dengan spesifikasi berikut (Quad Core Intel Xeon X3430 Lynnfield 2.4 GHz 8MB-cache Quad Core Processor – 8 GB RAM – 1×500GB HD – 10000GB (10TB) Bandwidth – 8 Ip’s – Remote Reboot) adalah dedicated server terbaik yang ada di pasaran.

Perangkat keras pada telepon genggam memang belum mencapai angka sefantastis di atas pada saat ini, namun sudah menunjukkan arah yang lebih baik. Di pasaran, saat ini bahkan telah ada telepon genggam dengan kecepatan 1 Ghz (Gigahertz) dan mampu menyimpan kapasitas storage hingga 48 Gb (gigabyte)

  • Sistem Operasi

Saya pribadi, di rumah memakai distro Linux (CentOS atau Ubuntu) sebagai basis OS server. Sedangkan di kantor memakai Windows 2003 R2 sebagai basis sistem operasi server. Dua-duanya, tentu saja dipilih karena alasan tertentu. Pada intinya, gabungan antara efisiensi dan efektifitas kerja.

Beberapa orang menggunakan Free BSD sebagai landasan sistem operasi server mereka. Sebab sistem operasi berbasis BSD diyakini amat stabil dan telah sukses melayani banyak server.

Di perangkat lunak jinjing, sepengetahuan saya sudah ada empat sistem operasi yang mendukung pengembangan server sejak 2007. Mereka adalah Symbian (pada basis S 60 di Nokia), Windows Mobile (versi Pocket PC 5 ke atas), lalu iPhone OSX (pada iPhone) lalu Android (berbasis Linux).

Beberapa server khusus memang saya pernah dengar, seperti Pixo. Namun jika sayangnya Pixo hanya di buat untuk spesifikasi khusus seperti download ringtones saja. Maka tiga sistem operasi di atas sudah terbukti bisa menghandle WebDav dan transfer HTTPD.

  • Perangkat Lunak / Software

Saya jatuh cinta dengan LAMP. LAMP sendiri istilah yang merupakan singkatan dari Linux, Apache, MySQL dan Perl/PHP/Phyton. Mereka merupakan sebuah paket perangkat lunak bebas yang digunakan untuk menjalankan sebuah aplikasi secara lengkap. Biasanya saya pakai dalam menjalankan server berbasis web (internet). Dari LAMP sendiri, Apache memegang peranan penting sebagai web server.

Dalam OS Symbian, produsen telepon genggam Nokia mengembangkan Raccoon, Mobile Web Server dan PAMP, singkatan dari Personal Apache MySQL PHP sebagai perangkat lunak server mereka.

Android, sistem operasi yang dirintis oleh raksasa mesin pencari Google dan Open Handset Alliance, telah memiliki i-jetty. Ijetty adalah web server sumber terbuka (opensource) yang dapat berjalan di Android. Kelebihannya adalah memiliki akses ke API Android, ini berarti Anda dapat membawa/melihat isi ponsel ke browser desktop normal. Dalam tampilan monitor komputer. Katanya, i-Jetty ini makin hati makin stabil.

Sementara iPhone OSX memiliki serverman, sebuah perangkat server yang dikembangkan oleh FreeBit. Dinamakan serversman katanya di adaptasi dari ‘WalkMan’, perangkat pemutar kaset yang sempat populer di tahun 80-an dulu.

Yang menarik dari serversman adalah ternyata ada perangkat lunak bernama sama dan gratis berbasis Windows Mobile bagi pengguna smartphone berbasis Windows. Artinya, bagi pengguna telepon jinjing berbasis Windows Mobile pun tidak ketinggalan dapat membuat handphone mereka menjadi web server.

Sekian segini dulu. Besok-besok saya sambung lagi (kalo inget, hehe). Maap pemirsa, waktu saya usai sudah hari ini. Hehe. Namun kalau anda penasaran seperti apa server yang bagus, maka klasifikasi di bawah ini patut diperhitungkan.

  • Jaringan

Apakah 3G atau 3,5G atau HSDPA atau UMTS atau EDGE atau GPRS atau apalah sebutannya, yang pasti untuk jadi server memang harus punya jaringan yang stabil. Maka itu, nampaknya harus dipilih-pilah penyedia jasa telekomunikasi yang mampu menawarkan kestabilan koneksi. Jadi bisa sesumbar 99.99% uptime garansi. Hehe

  • Aman

Karena server berbasis telepon genggam ini ringkas, maka memang memudahkan untuk dibawa-bawa kemana-mana. Di sisi lain, membuka peluang lebih besar di embat maling atau dipijit-pijit tombolnya oleh anak anda. Hehe. Maka itu, hati-hati.

  • Bisa Di Upgrade

Ini yang berat. PC masih kita bisa bongkar pasang ganti RAM, Mobo atau processor. Kalau telepon genggam, nampaknya masih susah. Maka itu, kita doakan di masa depan ada handphone yang hardwarenya bisa dioprek.

  • Gampang Dikustomisasi

Kebutuhan client makin lama makin membesar. Maka itu OS maupun perangkat lunak di mobile server semestinya memang mudah untuk dikostumisasi. Jadi bisa ditambah atau dikurangi sesuai kebutuhan.

Saya harap, dengan membagi mimpi ini, anda juga ikutan bermimpi seperti saya. Dan lalu seperti kata John Lennon, “You may say that I’m a dreamer. But I’m not the only one”

Hihihi

Otherwise… I hope someday you’ll join us :)

Mari Ramai-Ramai Kita Tinggalkan Internet Explorer 6

Sudah beberapa tahun belakangan ini, beberapa rekan pengembang aplikasi perangkat lunak berbasis web selalu mengeluh dengan browser bernama Internet Explorer 6 (IE6). Bukan hanya pengembang aplikasi sebenarnya, para disainer yang berkarya berbasis laman-laman web pun ikut mengeluh.

Ada apa sebenarnya dengan IE6?

Jawabannya banyak. Tapi kalau mau dipisahkan berdasarkan kategori, adalah sebagai berikut:

  • Sisi disain; tidak mengijinkan tranparansi file PNG. Ini jelas aneh, sebab kalau transparansi hanya pakai GIF, kualitas menurun. Lalu apabila tidak mau kualitas turun, maka file membengkak gila-gilaan ukuran kilobyte-nya.
  • Sisi tampilan depan; Tidak ramah CSS. Padahal CSS itu digjaya. Dunia makin berubah. Begitupun usability aplikasi atau tampilan berbasis web. Dukungan IE6 terhadap CSS tidak sebegitu baik ketimbang browser lainnya. Hasilnya, banyak tampilan web yang tidak diinginkan mucul di IE6.
  • Sisi keamanan: Rentan akan serangan alias cukup berbahaya. Pada saat tulisan ini diturunkan (Maret 2010) terdapat 185 celah keamanan di IE6. Ini jelas mengerikan. Sebab beberapa aplikasi web perbankan di RI beberapa diantaranya malah mensyaratkan agar penggunanya menggunakan perambah internet IE6. Padahal IE6 bukanlah alat yang baik dalam transaksi yang melibatkan jaminan keamanan online. Pemerintah Perancis dan Jerman bahkan sudah melarang pegawainya untuk menggunakan IE6 akibat masalah keamanan ini.
  • Sisi dukungan: Bahkan pengembang IE6, yaitu Microsoft, sejak Januari 2010 sudah mensyaratkan bahwa mereka tidak akan mensupport IE6. Jadi dukungan kepada IE6 memang sudah tidak ada lagi. Ibarat anak ayam, ia sudah akan berjalan tanpa induknya lagi. Hehe.

Mengapa tulisan ini muncul?

Tahun 2009, sekitar 32% pengunjung website dan aplikasi web kami yang di Amerika Serikat sendiri mencapai 32%. pada penghujung tahun ketika windows 7 mulai ramai diperkenalkan, jumlahnya menurun. Sekitar 22% masih memakai IE6. Pada intinya, pengguna Internet Explorer 6 masih banyak. Terutama di kalangan pengguna internet senior (maksudnya dari sisi usia) masih susah diyakinkan bahwa ada banyak pilihan alat perambah dunia internet.

Masih banyak pengembang perangkat aplikasi web, yang entah kenapa, meminta penggunanya memakai IE6. Padahal ketika sudah berurusan dengan JavaScript, perambah internet ini sudah amat mengecewakan dan berbahaya.

Produktifitas pengembang perangkat lunak berbasis web biasanya terkurangi jika mereka harus memikirkan bagaimana aplikasi mereka jika berhadapan dengan IE6. Apabila kendala ini dapat diminimalisir, maka kita bisa meningkatkan produksi kerja para orang-orang pintar itu. Jika produksi mampu ditingkatkan, maka kualitas produk perangkat lunak berbasis web amat mungkin dapat diperbaiki.

Apakah ada solusi untuk mengatasi IE6?

Edukasi. Salah satu tujuan tulisan ini niatnya adalah berbagi pengalamn dan juga berbagi edukasi. Publik mau tidak mau harus diberitahu mengenai bahayanya memakai produk perambah internet buatan Microsoft yang bernama Internet Explorer 6.

Upgrade. Masih banyak pengguna sistem operasi buatan Microsoft yang bernama Windows XP tetap menggunakan IE6 sebagai andalan mereka dalam melakukan kegiatan berinternet. Padahal sebenarnya sudah bisa upgrade. Baik upgrade ke produk Internet Explorer yang lebih tinggi seperti IE7 atau IE8, atau ke upgrade sistem operasi.

Alternatif. Masih banyak perambah internet di muka bumi ini. Pengguna internet berbasis PC dapat menggunakan perambah handal, aman, canggih, pula sumber terbuka (open source) seperti Mozilla Firefox atau yang cepat seperti Google Chrome. Pada pengguna internet berbasis mobile maka Opera adalah nama yang dapat dikagumi.

Jadi tunggu apa lagi? Mari ramai-ramai kita tinggalkan IE6 :)