Struktur Dasar HTML

Assalamualaikum wr wb...
Kali ini CatatanKu akan membahas mengenai struktur dasar pada pemrograman HTML. Seperti dokumen lain pada umumnya, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari itu, dokumen HTML juga dapat mengandung suatu gambar, suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan BODY.

Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tag tag dasar tersebut:

<HTML>

<HEAD>

<TITLE> Judul dokumen </TITLE>

</HEAD>

<BODY>

data-data yang akan di tampilkan

</BODY>

</HTML>

TAG	FUNGSI
HTML	Untuk penenda bahwa dokumen yang dibuat adalah dokumen web
HEAD	Untuk bagian judul, boleh ada atau tidak
TITTLE	Judul untuk masing-masing halaman, ditampilkan diatas browser
BODY	Informasi yang ingin dimunculkan diletakkan di bagian ini

Sekian postingan kali ini, semoga bermanfaat dan seperti biasa jangan lupa bahagia.

Read more

Pengertian HTML

Assalamualaikum wr wb...

Seperti biasa, untuk postingan awal CatatanKu akan memberikan pengenalan terlebih dahulu tetang apa yang akan kita bahas supaya tidak terjadi kekeliruan. Langsung saja tanpa banyak basa basi, simak tulisan berikut.

Apa itu HTML?

HTML (Hyper Text Markup Language) adalah sebuah bahasa pemrograman markup yang terdiri dari sekumpulan simbol-simbol atau tag-tag untuk mejelaskan isi dokumen yang berbeda yang dituliskan dalam sebuah file berformat HTML. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Adapun versi HTML sekarang sudah mencapai versi ke-5 . Pada gambar dibawah dapat dilihat berbagai versi dari HTML sejak pertama kali dikeluarkan hingga saat ini.

(Sumber : w3schools) 

Apa saja yang dibutuhkan?

Untuk membuat file HTML kita hanya membutuhkan:

• Text Editor (notepad, notepad++, atom, sublime, dsb)
• Web Browser (IE, Opera, Firefox, Chroem, dsb)

Hanya dengan bermodalkan dua software bawaan windows (notepad dan Internet Explorer) saja kita sudah bisa membuat website. Namun notepad memiliki kekurangan yaitu tidak memiliki syntax highlihgthing (pewarnaan kode) sehingga relatif cukup menyulitkan. Unutk penulis sendiri sih lebih memilih menggunakan sublime karena terasa lebih simple, lebih enak untuk di pandang dan tentunya memiliki banyak macam synatax highlighting mulai dari HTML, PHP, CSS, JAVA dan masih banyak lagi yang lainnya. Walaupun software ini tidak gratis alias berbayar.

Mengapa Tidak Menggunakan Program WYSIWYG?

Program HTML editor WYSIWG (What You See Is What You Get) adalah program HTML editor yang menyediakan interface seperti program pada Microsoft Word. Namun output yang dihasilkan berupa file HTML. Contoh program HTML editor yang bersifat WYSIWYG adalah Microsoft FrontPage, Macromedia Dreamweaver dan Adobe GoLive. Saya asumsikan sahabt CatatanKu sebagai orang awam yang belum mengenal sama sekali HTML. Jika sahabat CatatanKu menggunakan program semacam ini dan hanya drag and drop saja tanpa mengerti kodenya maka sama saja sahabat CatatanKu tidak menguasai teknik pemrograman web secara nyata.

Ini akan mempersulit sahabat CatatanKu jika nanti sahabat CatatanKu mempelajari bahasa web progromming seperti PHP, JAVA atau CSS. Oleh karena itu, kedepannya nanti CatatanKu akan menggunakan aplikasi texeditor Sublime Text 3 yang sifatnya hanya syntax highlighting. Namun, jika sahabat CatatanKu tidak merasa bingung menggunakan program WYSIWYG silahkan sahabat CatatanKu menggunakan program tersebut. Ini hanya masalah kecocokan dan kenyamanan saja. Eaaa eaaa... jangan baper ya gaes hehehe...

Sekian postingan kali ini, semoga bermanfaat dan seperti biasa jangan lupa bahagia.

Read more

Pengenalan IDE Delphi 7

Assalamualaikum Wr Wb...

Kali ini CatatanKu akan membahas mengenai Borland Delphi 7, dimana Borland Delphi 7 merupakan sebuah aplikasi pemrograman yang berorientasi objek. Delphi juga merupakan bahasa pemrograman tingkat tinggi, artinya sintaks atau bahasa yang digunakan pada kode delphi sudah mendekati bahasa manusia sehingga mudah untuk dipahami dan dipelajari.

Nah untuk yang pertama, CatatanKu akan memaparkan penjelasan singkat mengenai IDE (Integrated Devlopment Enviropment) atau lingkungan kerja dari Borlan Delphi 7. Tentu saja ini adalah rekomendasi untuk para pemula yang ingin mempelajari bahasa pemrograman Delphi. Oke tanpa banyak basa basi lagi langsung saja simak video di bawah ini...

Oke... Sekian untuk hari ini, semoga bermanfaat, mohon maaf bila ada kesalahan kata. Akhir kata jangan lupa bahagia.

Read more

Perbedaan Pemrograman Terstruktur Dan Pemrograman Berorientasi Objek

Assalamualaikum wr wb 

Kembali lagi bersama CatatanKu.... Kali ini CatatanKu akan membahas mengenai perbedaan pemrograman terstruktur dan pemrograman berbasis objek. Tanpa banyak basa basi langsung saja kita ke pembahasannya.....

Pemrograman berbasis objek

OOP (object oriented programming) atau Pemrograman berbasis objek merupakan paradigma pemrograman yang berorientasikan kepada objek. Semua data dan fungsi di dalam paradigma ini dibungkus dalam kelas-kelas atau objek-objek. Bandingkan dengan logika pemrograman terstruktur. Setiap objek dapat menerima pesan, memproses data, dan mengirim pesan ke objek lainnya.

Bahasa pemrograman yang mendukung OOP antara lain:

• Visual Foxpro
• Java
• C++
• Pascal (bahasa pemrograman)
• Visual Basic.NET
• Ruby
• Python
• PHP
• C#
• Delphi
• Perl
• Adobe Flash AS 3.0

Pemrograman Terstruktur

Pemrograman Terstruktur adalah suatu proses untuk mengimplementasikan urutan langkah untuk menyelesaikan suatu masalah dalam bentuk program. Selain pengertian diatas Pemrograman Terstruktur adalah suatu aktifitas pemrograman dengan memperhatikan urutan langkah-langkah perintah secara sistematis, logis , dan tersusun berdasarkan algoritma yang sederhana dan mudah dipahami. Prinsip dari pemrograman terstruktur adalah Jika suatu proses telah sampai pada suatu titik / langkah tertentu , maka proses selanjutnya tidak boleh mengeksekusi langkah sebelumnya / kembali lagi ke baris sebelumnya, kecuali pada langkah – langkah untuk proses berulang (Loop).

Bahasa pemrograman yang mendukung pemrograman terstruktur:

• Cobol Turbo Prolog
• C
• Pascal
• Delphi
• Borland Delphi

Sifat-sifat pemrograman terstruktur

• Memuat teknik pemecahan masalah yang logis dan sistematis
• Memuat algoritma yang efisien, efektif dan sederhana
• Program disusun dengan logika yang mudah dipahami
• Tidak menggunakan perintah GOTO
• Biaya pengujian program relatif rendah
• Memiliki dokumentasi yang baik
• Biaya perawatan dan dokumentasi yang dibutuhkan relatif rendah

Perbedaan Pemrograman Terstruktur dan Pemrograman Berorientasi Objek

Perbedaan mendasar antara Pemrograman Berorientasi Objek dan Pemrograman Terstruktur adalah dengan menggunakan Pemrograman Berorientasi Objek maka dalam melakukan pemecahan suatu masalah kita tidak melihat bagaimana cara menyelesaikan suatu masalah tersebut (terstruktur) tetapi objek-objek apa yang dapat melakukan pemecahan masalah tersebut. Sedangkan untuk Pemrograman Terstruktur,  menggunakan prosedur/tata cara yang teratur untuk mengoperasikan data struktur.

Untuk program yang simpel/sederhana biasanya menggunakan pemrograman terstruktur karena masih mudah dan tidak banyak dilakukan perubahan yang berarti, sedangkan untuk line lebih dari 100 atau bisa dikatakan rumit, maka digunakan pemrograman berorientasi objek. Pemrograman Terstruktur terdiri dari pemecahan masalah yang besar menjadi masalah yang lebih kecil dan seterusnya, sedangkan untuk pemrograman berorientasi objek terdiri dari pengkelompokan kode dengan data yang mana setiap objek berfungsi secara independen sehingga untuk setiap perubahan kode tidak tergantung pada kode yang lainnya, atau lebih dikenal dengan modular. Terdapat juga perbedaan secara spesifik antara Pemrograman Berorientasi Objek dengan Pemrograman Terstruktur, yaitu pada kelas dan objek. Pada Pemrograman Terstruktur tidak terdapat kelas dan objek.

Kalau di Terstruktur ada "function", di OOP ada "method". Kalau di Terstruktur ada "modules", di OOP ada "objects". Kalau di Terstruktur ada "argument", di OOP ada "message". Begitu juga dengan "variabel" yang ada di Terstruktur, di OOP lebih dikenal dengan nama "atribut".

Oke.... Sekian dulu untuk CatatanKu hari ini, semoga bisa bermanfaat dan jangan lupa bahagia.

Source:

• indrasatya.com
• rpl.if.its.ac.id

Read more

Tingkatan dan Macam-Macam Bahasa Pemrograman

Assalamualaikum Wr Wb.

Ini adalah postingan pertama saya *hehehehe. Nantinya dalam blog ini akan menjadi tempat curhat berbagi segala hal tentang teknologi terutama pemrograman, karena memang saat ini saya sedang kuliah mengambil prodi Pendidikan Teknik Informatika. Yaa walaupun pendidikan tidak murni teknik. Namun sebelum kita lebih jauh membahas tentang pemrograman ada baiknya sahabat CatatanKu tahu terlebih dahulu maksud dari pemrograman itu sendiri.

Bahasa Pemrograman (programming language) adalah instruksi standar untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan semantik yang dipgunakan untuk mendefinisikan program komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan disimpan atau diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi (Source: wikipedia).

Tingkatan Bahasa Pemrograman 

Menurut tingkat kedekatannya dengan mesin komputer, bahasa pemrograman terdiri dari:

1. Bahasa Mesin, yaitu memberikan perintah kepada komputer dengan memakai kode bahasa biner, contohnya: 01100101100110.
2. Bahasa Tingkat Rendah, atau dikenal dengan istilah bahasa rakitan, yaitu memberikan perintah kepada komputer dengan memakai kode-kode singkat (kode mnemonic) dengan kata lain bahasa pemrograman ini masih jauh dari bahasa manusia, contohnya seperti bahasa Assembly.
3. Bahasa Tingkat Menengah, yaitu bahasa komputer yang memakai campuran instruksi dalam kata-kata bahasa manusia dan instruksi yang bersifat simbolik, bahasa tingkat ini bisa masuk ke dalam bahasa tingkat rendah maupun tinggi. Contohnya seperti Bahasa C.
4. Bahasa Tingkat Tinggi, yaitu bahasa komputer yang memakai instruksi berasal dari unsur kata-kata bahasa manusia dengan kata lain bahasa pemrograman tingkat ini sudah mendekati bahasa manusia, contohnya seperti Bahasa Basic, Visual Basic, Pascal, Java, dan lainnya.

Macam - Macam Bahasa Pemrograman

1. Bahasa Pemrograman C
Dibuat untuk memprogram sistem dan jaringan komputer namun bahasa ini juga sering digunakan dalam mengembangkan software aplikasi. C juga banyak dipakai oleh berbagai jenis platform sistem operasi dan arsitektur komputer, bahkan terdapat beberepa compiler yang sangat populer telah tersedia.

2. Bahasa Pemograman JAVA

Java adalah bahasa pemrograman yang dapat dijalankan di berbagai komputer termasuk telepon genggam. Java tidak boleh disalahpahami sebagai JavaScript. JavaScript adalah bahasa scripting yang digunakan oleh web browser.

3. Bahasa Pemograman PYTHON

Python adalah bahasa pemrograman dinamis yang mendukung pemrograman berorientasi obyek. Python dapat digunakan untuk berbagai keperluan pengembangan perangkat lunak dan dapat berjalan di berbagai platform sistem operasi.

4. Bahasa Pemograman RUBY

Ruby adalah bahasa skripting yang berorientasi obyek. Tujuan dari ruby adalah menggabungkan kelebihan dari semua bahasa-bahasa pemrograman scripting yang ada di dunia. Ruby ditulis dengan bahasa pemrograman C dengan kemampuan dasar sepertiPerl dan Python.

5. Bahasa Pemograman SQL

SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen datanya.

6. Bahasa Pemograman PHP

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.

7. Bahasa Pemograman HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

8. Bahasa Pemograman COBOL

COBOL (singkatan dari Common Business Oriented Language) adalah sebuah bahasa pemrograman generasi ketiga. Sesuai dengan namanya, maka bahasa COBOL mempunyai fungsi menyelesaikan masalah-masalah yang berhubungan dengan perdagangan, seperti sistem pengelolaan keuangan, laporan pengeluaran sebuah perusahaan dan lain-lain.

9. Bahasa Pemograman MICROSOFT VISUAL BASIC

Visual Basic (sering disingkat sebagai VB saja) merupakan sebuah bahasa pemrograman yang menawarkan Integrated Development Environment (IDE) visual untuk membuat program perangkat lunak berbasis sistem operasi Microsoft Windows dengan menggunakan model pemrograman (COM), Visual Basic merupakan turunan bahasa pemrograman BASIC dan menawarkan pengembangan perangkat lunak komputerberbasis grafik dengan cepat.

10. Bahasa Pemograman VISUAL C++

Visual C++ adalah sebuah produk Integrated Development Environment (IDE) untukbahasa pemrograman C dan C++ yang dikembangkan Microsoft. Visual C++ merupakan salah satu bagian dari paket Microsoft Visual Studio.

11. Bahasa Pemograman DELPHI

Umumnya delphi lebih banyak digunakan untuk pengembangan aplikasi desktop danenterprise berbasis database, tapi sebagai perangkat pengembangan yang bersifat general-purpose ia juga mampu dan digunakan dalam berbagai jenis proyek pengembangan software.

12. Bahasa Pemograman C++

C++ merupakan bahasa pemrograman yang memiliki sifat Pemrograman berorientasi objek, Untuk menyelesaikan masalah, C++ melakukan langkah pertama dengan menjelaskan class-class yang merupakan anak class yang dibuat sebelumnya sebagai abstraksi dari object-object fisik, Class tersebut berisi keadaan object, anggota-anggotanya dan kemampuan dari objectnya, Setelah beberapa Class dibuat kemudian masalah dipecahkan dengan Class.

13. Bahasa Pemrograman XML

Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

14. Bahasa Pemrograman PERL

Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.

15. Bahasa Pemrograman Javascript

Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

16. Bahasa Pemrograman CSS

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

Selain 16 bahasa pemrograman di atas, masih banyak lagi bahasa pemrograman lainnya yang belum bisa saya sertakan.

Oke.... Sekian dulu untuk CatatanKu hari ini, semoga bisa bermanfaat dan jangan lupa bahagia.

Read more