PEMANFAATAN FILE FORMAT HTML SEBAGAI WAHANA CETAK PADA PEMROGRAMAN KOMPUTER Purwadi Joko Widodo1 Abstract: HTML of a computer programs is a vital component in a comp ter programming, because of that, making a beautiful and a tractive HTML of a program is an important thing, specially for a computer programm One of the reason is user will see a computer program performance according to the HTML program as a parameter. HTMLs of a program will be printed to monitor, to be read y the user, although there are many others way to implement an HTML of computer programs, but print HTML to the computer monitor is a dominant method. So impr e of our printed program quality is a good idea. HTML is a one of file extension format in computer systems, that is used in a classic internet file format, as we can see in a w browser when we are surf in the internet world, as we can see that we can customize an HTML –page very beautiful and attractive, so if we can use this file format in our local computer programming, that can help our program performance. Keywords: computer program, computer program, HTML
PENDAHULUAN HTML (Hypertext Markup Language ) adalah bahasa yang digunakan untuk menampilkan informasi pada halaman Web , HTML menampilkan informasi dalam bentuk hypertext, selain itu HTML juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut. Sesuai dengan namanya, bahasa ini menggunakan tanda (markup) untuk menandai perintah-perintahnya. HTML didukung oleh beragam sistem operasi yang ada saat ini sehingga memiliki interoperabilitas yang baik pada beragam platform sistem operasi, HTML sendiri dewasa ini mendapatkan perhatian dari banyak pengembang perangkat lunak, karena memiliki beragam fasilitas, untuk tujuan memperkaya fitur yang bisa ditangani. Seiiring dengan penambahan-penambahan fasilitas yang ada, tidak dipungkiri lagi pada saat ini manakala kita membuka halaman web, kita bisa melihat suatu tampilan yang indah dengan grafis yang memukau, dan lebih dari itu halaman tersebut tidak lagi merupakan halaman yang berisi informasi belaka, akan tetapi merupakan halaman interaktif dimana 1
pengunjung web dapat berinteraksi dengan halaman tersebut. Sehingga HTML tersebut seolah merupakan interface suatu program komputer yang dijalankan secara remote. HTML memiliki kemampuan untuk menjelaskan struktur dari suatu informasi yang teradapat dalam suatu dokumen dengan basis teks, dengan beragam variasi yang dimilikinya seperti headings, paragraf, lists, tabel, textbox, tombol-tombol aktif, atau embedded image dan lain sebagainya. Pun juga HTML dapat juga mendiskripsikan tampilan dan semantik dari suatu dokumen, kode -kode script, yang mampu memperindah halaman web yang dibangun.
Dengan kemampuan yang dimiliki oleh HTML maka kemudian banyak dikembangkan perangkat lunak untuk mendukung disain halaman HTML, seperti Microsoft FrontPage, Adobe Golive , Quanta dan lainnya. Sehingga disain halaman HTML dapat dilakukan dengan mudah, bahkan bersifat WYSWYG (what you see is what you get), namun demikian tetap penting artinya bagi seorang Web Developer untuk memiliki kemampuan dasar HTML.
Jurusan Teknik Mesin Fakultas Teknik Universitas Sebelas Maret
Purwadi Joko W, Pemanfaatan File Format HTML Sebagai Wahana Cetak Pada …
Keindahan tampilan dan kemudahan dalam disain tampilan tersebut merupakan suatu keunggulan tersendiri bila dibandingkan dengan tampilan cetak/print yang biasa dihasilkan oleh program-program aplikasi klasik, hal ini membuat para pengembang software mulai tertarik untuk menggunakan format HTML pada sebagai wahana cetak pada aplikasinya. Di satu sisi kita melihat bahwa halaman HTML indah dan dapat didisain dengan mudah, di sisi lain kita melihat bahwa HTML program-program aplikasi ingin diubah ke dalam bentuk HTML, sehingga dapat didisain dengan mudah, bertolak dari keadaan tersebut maka kemudian dikembangkanlah beragam tool untuk keperluan mengkonversi HTML suatu program aplikasi menjadi file HTML. Piranti -piranti lunak seperti 0 -Code HTML Converter, HTMLCode Converter, Easy HTML To Any Script Converter , dan masih banyak lagi yang lainnya baik yang berupa software bebas maupun yang komersial, dikembangkan untuk tujuan tersebut. Sejarah HTML, Tim Berners -Lee membuat HTML (dan beragam protokol lain yang berasosiasi dengannya, seperti HTTP) pada sebuah workstation NeXTcube dengan IDE NeXTSTEP. Saat itu HTML bukanlah suatu spesifikasi tetapi merupakan suatu kumpulan piranti untuk memecahkan persoalan dengan cepat persoalan komunikasi dan diseminasi hasil riset di Berners -Lee dan kelompok koleganya. Solusi inilah yang nantinya dikombinasikan dengan internet-public yang dewasa ini membentuk jaringan internet yang sangat menarik perhatian global. HTML didefinisikan secara formal dimana dia mulai dikembangkan dan dipublikasikan pada tahun 1990, dengan inpirasi dari Tim Berners Lee's dengan kemampuan yang menonjol adalah kemampuan hypertext. Publikasi pertama HTML sebagai sebuah bahasa dirancang oleh Berners -Lee dengan Dan Connolly, dan dipublikasikan pada tahun 1993 oleh IETF sebagai aplikasi formal dari SGML. IET F membuat sebuah kelompok kerja untuk HTML pada tahun 1994 dan keluarlah HTML 2.0 pada tahun 1995. Sejak
tahun
1996,
spesifikasi
dilanjutkan pengembangannya dengan melibatkan vendor perangkat lunak komersial, World Wide Web Consortium (W3C). Meskipun akhirnya pada tahun 2000, HTML menjadi sebuah standar internasional (ISO/IEC 15445:2000). Spesifikasi HT ML terakhir yang dipublikasikan oleh W3C adalah HTML 4.01. Dimana sejak 2002, secara khusus pengembangan HTML diarahkan kepada XHTML.
HTML sebagai format hypertext, HTML merupakan basis dari beragam implementasi hypertex t, beberapa hipertext yang mendahuluinya amtara lain Typed Links, Transclusion dan Source Tracking serta Fat Links. Pemrograman Komputer , (atau lebih sering dikatakan dengan pemrograman atau coding) adalah proses penulisan, pengujian dan pemeliharaan source code (kode sumber) dari suatu program komputer. Program komputer ditulis dalam sebuah bahasa pemrograman, program ini dapat terus dimodifikasi dari kode sumbernya atau dari sesuatu yang sama sekali baru adanya. Penulisan kode sumber ini memerlukan keahlian tersendiri dari berbagai bidang yang ada, termasuk pengetahuan tentang aplikasi pokok program maupun algoritma program untuk mengimplementasikannya. Dalam Rekayasa perangkat lunak pemrograman komputer (implementasi program) merupakan salah satu fase saja dalam proses pengembangan perangkat lunak.
Salah satu bagian penting dalam pemrograman komputer adalah membuat HTML program yang menarik bagi pemakai, karena dengan keluaran yang menarik akan mampu memberikan daya tarik tersendiri bagi pengguna, seperti halnya ketika kita membuka sebuah halaman web, tampilan web yang menarik akan mampu menyedot minat para pengguna internet untuk mampir mengunjunginya, meskipun kadangkala isinya hanyalah sampah web , sebaliknya meskipun isi dari sebuah situs sangat bermutu akan tetapi dengan tampilan yang kurang menarik akan meyebabkan berkurangnya minat pengunjung untuk menghampirinya.
HTML
71
GEMA TEKNIK - NOMOR 2/TAHUN X JULI 2007
Program Komputer , Program komputer adalah sekumpulan perintah yang mengimplementasikan suatu tugas tertentu, atau sekumpulan tugas tertentu yang harus dilakukan oleh komputer. Adapun orang sering menggunakan sebutan program komputer untuk menunjukkan source code yang dituliskan dalam suatu bahasa pemrograman, atau executable file dari kode sumber tersebut. Program komputer sering dikenal pula dengan sebutan software , software aplikasi, software sistem atau secara ringkas disebut sebagai program. Source code atau kode sumber dari kebanyakan program komputer merupakan data instruksi secara eksplisit untuk mengiplementasikan suatu algoritma. Program komputer ditulis oleh seseorang yang disebut sebagai pemrogram, atau bisa juga dihasilkan
oleh sebuah komputer.
program,
contohnya
GAGASAN DASAR Gagasan dasar dari artikel ini adalah mengubah teknik menampilkan HTML program komputer konvensional yaitu langsung ke monitor, dengan terlebih dahulu membuat file HTML dari program aplikasi, selanjutnya menampilkan file HTML yang terbentuk tersebut ke monitor dengan bantuan web-browser untuk melihatnya, sebagaimana dapat dilihat diagram alirnya pada gambar 1. Persoalan berikutnya adalah bagaimana dapat membuat program dapat menuliskan kode HTML sebagi hasil suatu pemrograman adalah suatu hal cukup membutuhkan waktu dan pemikiran, akan tetapi dengan natuan software -software aplikasi yang ada persoalan
(a)
Teknik konvensional
(b)
Skenario dengan html
Gambar 1. Perubahan skenario teknik pemro gram yang dilakukan.
Gambar 2. Tahapan pembuatan file dokument dalam bentuk html untuk program komputer.
72
virus
Purwadi Joko W, Pemanfaatan File Format HTML Sebagai Wahana Cetak Pada …
itu menjadi mudah.
Tabel 1. Keluaran Program yang dikehendaki
Dengan bantuan konverter HT ML, merubah kode HTML untuk dihasilkan oleh sutau aplikasi bukanlan suatu persoalan yang berat, bahkan merupakan suatu yang sederhana, dengan bebarapa klik , dengan konverter yang sesuai kita bisa mendapatkan kode program untuk menghasilkan suatu bentuk HTML tertentu. Yang selanjutnya dengan sedikit sentuhan dengan berbekal pengetahuan dasar HTML, kode tersebut dapat menghasilkan, output program yang diinginkan. Bila kita tinjau lebih dalam pada skema baru yang dikemukakan pada gambar 1, maka di sana ada beberapa langkah baru yang harus dilakukan, seperti yang tampak pada gambar 2, yaitu : 1.
2.
3.
4.
Membuat disain tampilan yang diinginkan dalam bentuk halaman HTML. Melakukan konversi kode HTML yang terbentuk menjadi kode pemrograman yang sesuai. Mengaplikasikan kode yang terbentuk kedalam program aplikasi yang dibangun untuk menghasilkan file HTML yang diinginkan. Menampilkan file HTML yang tersusun tersebut pada web-browser sebagai hasil ouput dari pemrograman yang dilakukan.
IMPLEMENTASI P ROGRAM Pada bagian ini diketengahkan sebuah contoh sederhana implementasi skenario pemrograman komputer dengan menggunakan file format HT ML, sebagai wahana cetak pada pemrograman komputer. Sebuah program sederhana digunakan untuk meng -kuadratkan sebuah bilangan, dari x=1 sampai dengan x=10, output ingin ditampilkan dalam bentuk tabel, seperti tampak pada tabel 1. 1. Perancancangan output program dengan menggunakan HTML -page desainer. Dengan menggunakan perangkat lunak yang relevan dan memiliki fitur WYSWYG, kita rancang output seperti yang tampak pada tabel 1.
x
x2
1
1
2
4
3 : : 9
9 : : 81
10
100
Dari hasil rancangan kita dapat mengambil kode HTML yang dihasilkan, pada contoh aplikasi ini didapatkan hasil di bawah ini 2.
Sa mple HTML 2
Kode html tidak ditulis lengkap, kode tersebut hanya untuk memberikan gambaran tentang proses implementasi konsep pada pemrograman komputer.
73
GEMA TEKNIK - NOMOR 2/TAHUN X JULI 2007
2. Mengkonversi kode HTML yang telah didapatkan menjadi kode bahasa pemrograman yang digunakan dalam aplikasi. Sebagai contoh kasus dalam artikel ini dituliskan dalam bahasa Basic, sehingga kita dapatkan kode sebagai berikut3. :
5. Mempilkan hasil dengan menggunakan web-browser. Pada aplikasi contoh digunakan perintah sebagai berikut : 'script utuk menampilkan file HTMLm WebBrowser.Na vigate "\test.HTML"
CurDir
&
6. Contoh hasil eksekusi yang didapatkan dengan menggunakan metode di atas,
Print #1, "
" & vbCr Lf Print #1, "" & vbCr Lf Print #1, "Sample HTML " & v bCrLf Print #1, "" & vbC rLf Print #1, "" & vbCrLf Print #1, "" & vbCr Lf Print #1, "" & vbCrLf Print #1, "" & vbCr Lf Print #1, " " & vbCrLf Print #1, " " & vbCrLf Print #1, " " & vb CrLf : : : : Print #1, "
" & v bCrLf Print #1, "
" & vbCrLf Print #1, " " & vbCrLf Print #1, "" & vbCr Lf Print #1, "" & vbC rLf Print #1, "" & vbC rLf
3. Menggunakan kode dalam pemrograman.
yang
diperoleh
4. Menyimpan file HTML selama eksekusi. Dengan teknik pengkodean bahasa yang digunakan simpan file HTML yang terbentuk, sebagai file temporer. Pada aplikasi contoh digunakan perintah sebagai berikut : 'script untuk membuat fil e HTML Open C urDir & " \test.HTML" For Output As #1 : : : Print #1, "" & vbCrLf Print #1, "" Close #1 3
Listing kode program tidak ditulis lengkap, kode tersebut hanya untuk memberikan gambaran tentang proses implementasi konsep pada pemrograman komputer
74
Gambar 3. contoh hasil pemrograman dengan menggunakan skenario yang diketengahkan. dapat dilihat pada gambar 3. KESIMPULAN Dengan berbagai piranti lunak pengolahan HTML yang tersedia, pembuatan tampilan program menggunakan HT ML, sebagimana yang dikemukakan pada artikel ini, sangat membantu dan mempermudah pemrogramkomputer untuk mendapatkan hasil keluaran program yang menarik dengan cara yang cepat dan mudah.
Terdapat satu kekuruangan yang perlu diperhatikan pada penggunaan teknik ini untuk menghasilkan output program, yaitu kemudahan hasil output untuk diubah, sehingga untuk, format-format laporan tertentu
Purwadi Joko W, Pemanfaatan File Format HTML Sebagai Wahana Cetak Pada …
perlu kehatian-hatian menggunakan teknik ini.
tersendiri
untuk
SARAN Sangat disadari bahwa apa yang dituliskan pada artikel ini, sangat sederhana, terlebih dengan pesatnya perkembangan teknologi informasi dewasa ini, oleh karenanya untuk pengembangan ke depan masih terbuka kesempatan yang sangat luas.
DAFTAR PUSTAKA. http://ikc.cbn.net.id/berseri/ekopurwantofrontpage/index.php
http://en.wikipedia.org/wiki/Computer_Progra mming http://en.wikipedia.org/wiki/Software_enginee ring
http://en.wikipedia.org/wiki/HTML http://en.wikipedia.org/wiki/Computer_progra m
75