Senin, 04 September 2017

Macam Macam Kode Tag Pemograman HTML

     Pada artikel pemograman dasar komputer mengenai macam macam kode tag HTML yang merupakan kelanjutan dari artikel sebelumnya yaitu Dasar Pengenalan Dan Membuat Dokumen HTML maka akan dijelaskan contoh contoh kode tag dalam dokumen Html.

Atribut Kode Tag

    Pada kode tag dokumen pemograman html terdapat beberapa atribut, atribut adalah suatu kode tag tertentu yang memiliki fungsi khusus dan nilai nya dapat dirubah oleh progammer. Kemudian atribut sendiri juga berupa kode tag harus ditulis didalam tag html bersangkutan sebelum tanda kurung siku ">". Masih bingung ? saya akan beri contoh script progam nya dan perhatikan tulisan yang dimiringkan dibawah ini.

<body bgcolour="#fffeee" alink="#bbbbbb">

    Pada contoh kode tag body diatas maka fungsi atribut bgcolour adalah untuk menentukan backgroun dari body dokumen html. Kemudian alink berfungsi sebagai warna link pada dokumen html,jadi bgcolour dan alink nilainya bisa dirubah rubah. Nilai dari bgcolour adalah "fffeee" dan nilai dari alink adalah "bbbbbb" dan jika dirubah maka warna pada dokumen html juga berubah.

    Maka bentuk umum dari Kode tag yang disisipi atribut adalah sebagai berikut:

<namakodetaghtml atribut1="#nilaiatribut1" atribut2="#nilaiatribut2">

    Jika masih bingung maka buatlah dokumen Html yang sudah saya jelaskan di artikel "Dasar Pengenalan Dan Membuat Dokumen HTML" dan tulislah dengan kode tag di bawah ini atau paste tulisan di bawah pada aplikasi notepad di komputer anda:

<html>
<head>
<title> Atribut Tag Html</title>
</head>
<body bgcolour="#fffeee" alink="#bbbbbb"> Contoh menggunakan atribut dalam dokumen html
</body>
</html>

    Silahkan copy dan paste kode tag diatas pada notepad dan di save as dengan ekstensi html, maka anda akan segera paham maksud diatas. Selain atribut maka akan saya jelaskan kode tag umum Hmtl yang berfungsi sebagai aturan aturan menulis kode tag pemograman Html. Berikut akan saya jelaskan lebih detail macam macam kode tag umum yang digunakan untuk pemograman html


Dasar Pengenalan Dan Membuat Dokumen HTML

    Artikel ini merupakan kelanjutan dari artikel sebelumnya yaitu Dasar Pengenalan HTML dengan contoh kode progam. Kemudian pada artikel ini maka akan dijelaskan cara membuat dokumen HTML pertama kali dengan menggunakan Notepad biasa. Pada Halaman sebelumnya telah dijelaskan mengenai kerangka dokumen HTML dengan membuat kode tag yang saling mengapit agar teks yang diapit oleh kode tag HTML dapat ditampilkan dibrowser. Oke langsung saja saya akan memberi contoh cara membuat Dokumen HTML, dan ikuti langkahnya

Buka Notepad 

    Bukalah Notepad dan tuliskan kode tag sesuai gambar di bawah, perhatikan kode tag HTML nya dan jangan sampai ada kode kode yang terlewatkan.



   Setelah itu pilihlah save as seperti gambar di bawah ini, jika kurang jelas gambarnya maka anda dapat mengklik gambar untuk memperbesar, dan perlu di ingat dibelakang nama file harus diberi ".html" agar file notepad tadi menjadi file html yang bisa dibuka di browser.
    Lalu Buka file yang anda buat tadi, dan selamat anda telah bisa membuat dokumen Html dengan mudah dengan kerangka html yang sudah saya jelaskan pada artikel sebelumnya. Setelah itu akan dijelaskan sekilas tentang kode tag HTML, berikut penjelasannya

Kode Tag HTML

   Seperti yang telah dipaparkan diatas, bahwa untuk membuat dokumen html selain kita menamakan dokumen dengan ekstensi html maka anda juga harus memasukkan kode tag html agar dokumen tersebut terbaca pada browser. Terdapat aturan aturan khusus dalam penulisan kode tag html dan perlu diperhatikan juga penggunaan kode tag html dalam menulis dokumen, berikut penjelasanya.

  • kode tag html selalu diapit oleh tanda kurung siku "<>"
  • kode tag HTML ini tidak bersifat case sensitive namun disarankan dalam menulis kode tag nya harus menggunakan huruf kecil, misal tag <head></head> walaupun dapat ditulis <HEAD></HEAD> namun oleh W3C sangat direkomendasikan menggunakan huruf kecil
  • Setiap kode tag HTML memiliki pasangan yang berguna mengapit teks atau file tertentu agar bisa ditampilkan dibrowser, misal kode tag <head> berpasangan dengan </head> dan <body> berpasangan dengan </body> . Namun adapula kode HTML yang tag nya tidak memiliki pasangan, jadi anda tidak perlu bingung, contohnya adalah <br>, <hr>,<input>. Agar tidak membuat bingung maka anda bisa menambahkan tanda slash di akhir kode tag tersebut, contoh nya adalah <br/>,<hr/>,<input/>
  • Untuk penggunaan kode tag bersarang atau kode tag yang bertumpuk maka penulisan tag kode nya harus urut seperti contoh = <b>andi harus <i>rajin<i/> sekolah<b/>. Pada contoh disamping dalam kode tag bold"<b> terdapat penggunaan tag lainya yaitu tag kode <i>. Dalam contoh seperti diatas maka kode tag <i> harus ditutup dulu dengan </i> sebelum menutup tag bold "<b>" dengan </b>. Jadi setiap kode tag pada html harus saling mengapit, dan tidak bisa saling meloncati.
   Dengan Penjelasan diatas diharapkan pembaca dapat langsung mempraktekkan dasar untuk membuat dokumen HTML. Untuk artikel selanjutnya akan dijelaskan tentang atribut kode tag html dan contoh kode tag apa saja yang terdapat dalam pemograman HTML.

PENGENALAN JAVA DASAR PART1

PENGENALAN JAVA DASAR

  Dalam halaman ini yang merupakan halaman awal untuk mempelajari pemograman java maka akan dijelaskan tentang awal mula pemograman java. Java progamming merupakan bahasa pemograman yang sangat ampuh dan serbaguna,selain itu banyak pemakai nya khususnya progammer aplikasi mobile. Selain untuk aplikasi mobile pemograman java juga dikembangkan untuk aplikasi dekstop maupun server.

    Pemograman java sendiri dikembangkan oleh perusahaan Sun Microsystem yang dipimpin oleh seorang yang bernama James Gosling. Java sendiri diciptakan pada tahun 1991 yang ditujukan untuk memprogam sistem on chip perangkat elektronik. Pada mulanya java disebut dengan istilah OAK kemudian berganti nama java pada tahun 1995 dan pada akhirnya di akuisisi oleh perusahaan oracle yang bergerak di bidang database.

    Java juga dikembangkan untuk aplikasi web, karena sifatnya yang fleksibel dan popularitasnya yang berkembang cepat. Terdapat kelebihan yang dimiliki pemograman java yang menjadikannya sangat populer dan gampang penggunaanya ,salah satu kelebihannya adalah sebuah progam yang dibuat dengan java dapat dijalankan di semua perangkat. Java sangat sederhana ,berorientasi objek, bersifat interpreter,aman,portabel,terdistribusi,multi threaded,kokoh dan dinamis, dan berikut ini merupakan fitur utama java

Bersifat Platform Independent: bahasa pemograman java di compile didalam bit kode platform yang independent. Bukan seperti pemograman bahasa C dan C++ yang menggunakan mesin platfom spesifik.

Berorientasi Objek: Semua adalah objek di dalam java

Sederhana: Java sangat mudah dipelajari dan dikembangkan.

Aman: Dengan fitur aman pada java,maka progammer dapat membuat aplikasi bebas firus dan powerfull.

Portabel: Karena adanya fitur platform independent dan Architectural Neutral  maka java bersifat portabel.

Architectural Neutral: Compiler pada Java membuat file objek yang Architectural Neutral yang membuat kode tag java dapat dicompile dan di execute oleh prosessor yang sudah di instal runtime java.

Strong Dan Powerfull : Java mengeliminasi sistem error denga mengecek kode tag saat compile dan running

Multithread: Dengan fitur ini maka progammer dapat membuat aplikasi yang dapat mengerjakan tugas yang lebih dari satu dalam satu waktu

High Performance: Pemograman Java sendiri memiliki performa yang tinggi, karena dapat dicompile langsung dan mendukung untuk semua prosessor.

Terinterpretasi: Maksudnya adalah tiap kode bit java diterjemahkan langsung pada bahasa mesin dan tidak disimpan.

Terdistribusi: Pemograman Java dirancang untuk berbagai penggunaan salah satunya adalah internet.

Dinamis: Dibanding dengan C dan C++ maka Java sendiri lebih dinamis karena ditujukan untuk berbagai Pengengbangan.

SINTAKS JAVA DASAR

     Java merupakan pemograman berbasis objek yang sangat mudah penggunaan nya. Java sendiri dapat didefinisikan sebagai sekumpulan objek yang saling komunikasi dengan memanggil metode metode  yang di progam pada setiap objek nya. Berikut ini pengertian beberapa Sintaks dasar dalam java.

OBJEK: Sebuah objek memiliko behavior dan juga state/keadaan. Misal anjing memiliki state yaitu warna hitam dan memiliki behavior yaitu suka menggonggong.

CLASS: Dalam java suatu class dapat didefinisikan menjadi sebuah template atau blueprint yang mendeskripsikan state dalam objek yang merupakan tipe class dari objek itu sendiri

METHOD : Pada dasarnya method dalam JAVA adalah perilaku seperti yang terdapat dalam objek. Sebuah class bisa saja memiliki banyak method. Untuk penulisan logic,aritmatik,manipulasi, execute dan beberapa alur progam lain nya semua harus dilakukan dalam method.

VARIABEL INSTANCE: Tiap objek dalam java memiliki variabel unik sendiri. Keadaan atau state suatu objek dibuat bedasarkan nilai yang progammer masukkan di variabel instance sendiri..

    Demikian penjelasan dasar java yang telah dijelaskan diatas,dan halaman ini merupakan halaman awal untuk pemograman java. Untuk halaman selanjutnya yaitu part2 akan langsung praktek membuat aplikasi dengan pemograman java.

Minggu, 03 September 2017

Komponen Bahasa C dan C++

    Artikel ini merupakan lanjutan dari artikel sebelumnya yang juga merupakan artikel dasar untuk mempelajari bahasa pemograman C dan C++ dengan judul artikel yaitu "Belajar Pemograman Dasar C dan C++ dengan Dev C++". Klik artikel disamping jika anda ingin mempelajari pemograman ini dari dasar, karena blog comruby membahas tentang pemograman komputer secara lengkap. Sesuai artikel sebelumnya saya menjelaskan tentang Komponen Ci dan Ci Plus plus yang terdiri dari 4,maka akan saya jelaskan satu persatu sebagai berikut.

1. EDITOR

   Editor yang dimaksud dalam bahasa pemograman ini adalah sebuah fasilitas yang disediakan bahasa Ci dan C++  untuk menulis kode tag pemograman nya. Jadi progamer disediakan fasilitas ini untuk mengubah kode tag progam nya agar sesuai sintaks atau aturan pada bahasa pemograman C dan C++. Editor ini hanya menampilkan dan menangani file text sama seperti editor pemograman yang disediakan oleh perangkat lunak selain pemograman di atas. Dalam Editor terbaru ini mampu membedakan antara keyword,operator,variabel dan sebagainya yang berupa file TEXT.

2. INTERPRETER

    Interpreter adalah komponen yang disediakan oleh semua software bahasa pemograman yang ada di dunia, lalu apakah Interpreter dalah bahasa pemograman C dan C++?. Interpreter ini digunakan untuk membaca kode progam yang telah di ketik oleh progammer yang kemudian kode tersebut diterjemahkan oleeh interpreter C++ dan C. Dengan adanya Interpreter kode progam yang ditulis progammer dapat dijalan kan sesuai aturan sintaks bahasa C dan Ci plus plus.

3. COMPILER

    Compiler sangat penting akan tetapi tidak semua software pemograman menyediakan komponen ini sebagai fasilitasnya. Untuk software IDE Dev C++ maka komponen ini disediakan sebagai fasilitas yang nantinya membantu progammer dalam membuat progamnya. Lalu apakah fungsinya?, Fungsi dari Compiler ini adalah sebagai penerjemah kode tag yang ditulis oleh progammer dan sesuai sintaks nya yang dimana kode tag tersebut di ubah ke bentuk yang lain oleh Compiler ini, bisa saja di terjemahkan dan di translate ke bahasa mesin yang nantinya kode tag progam dapat menjadi file execute (.exe). Kemudian file execute yang diterjemahkan oleh compiler ke bahasa mesin dapat menjadi file yang berdiri sendiri tanpa bantuan perangkat lunak lain untuk menjalakannya.

4. DEBUGGING

   Didalam pemograman bahasa Ci dan C++ menyediakan fasilitas Debugging ini yang berfungsi untuk mengecek seluruh kode tag progam yang telah ditulis oleh progamer. Dengan adanya debugging ini maka progammer dapat mengetahui perubahan ,pengaruh kode tag dan serta kesalahan kode tag yang ditulisnya untuk setiap baris. Ada tiga macam debugging yang disediakan antara lain adalah 1 Debug per baris,2 Debug per fungsi/ prosedur, 3 Debug per breakpoint .


   Keempat komponen diatas merupakan fasilitas yang disediakan bahasa pemograman C dan C++ untuk mempermudah progammer dalam membuat suatu progam dengan bahasa tersebut. Untuk software yang digunakan untuk menulis bahasa C dan C++ dan menjadi suatu software ada berbagai macam salah satu diantaranya adalah DEV C++. Maka Untuk artikel selanjutnya akan saya bahas cara instal Software DEV-C++ dan menggunakan nya dengan bahasa pemograman Ci dan C++

Pemograman C dan C++ Dasar Dengan Dev C++ Part 1

   Pada artikel Pertama kali ini tentang Pemograman C dan C++ dasar dengan menggunakan software IDE beserta compilernya yaitu Dev C++. Jadi pada blog ini selain menjelaskan pemograman dengan bahasa C dan C++ kita juga langsung mempraktekkan agar pembaca lebih terampil dalam Coding C , C++. Sebelum saya memulai maka perlu kita ketahui bahwa pemograman dapat dikategorikan atau dikelompokkan menjadi 3 tingkatan, tingat pertama yaitu 1 Bahasa pemograman tinggat tinggi, 2 Bahasa pemograman tingkat menengah, 3 Bahasa pemograman tingkat rendah.

    Semakin tinggi tingkatan bahasa pemograman maka semakin mudah juga dipahami oleh progamer karena bahasa pemograman tersebut sangat mirip dengan bahasa manusia. Kemudian kebalikan nya jika tingkat bahasa pemograman semakin rendah maka bahasa pemograman tersebut semakin sulit untuk dimengerti dikarenakan bahasa kode tag nya sangat mirip dengan bahasa mesin. 

SEJARAH BAHASA C DAN C++
   
   Pada awalnya muncul bahasa C ini perkembangan Computer diera modern sangat pesat, oh iya bahasa progam C ini pertama kali diciptakan oleh peneliti Dennis M. Ritchie dan Brian W. Kerningham. Pemograman C ini termasuh dalam tingkat atas karena progammer di berikan aturan pemograman(sintaks) yang mudah dimengerti oleh manusia.

   Bahasa Progam C juga dapat dikategorikan sebagai bahasa tingkat rendah dikarenakan bahasa pemograman ini juga disediakan sintaks bahasa progam Assembly atau bahasa mesin. Bahasa pemograman ini juga menyediakan beberapa fitur komponen oleh software yang disediakan agar para pembuat progam dapat mudah mengimplemetasikan kode tag progamnya. Berikut komponen dari C language progam 
  1. Editor
  2. Intrepeter
  3. Compiler
  4. Debugging
    Nanti Saya Jelaskan pengertian dari Keempat komponen di atas pada artikel Pemograman C dan C++ dasar dengan Dev C++ pada part 2. Kita berlanjut dengan bahasa C++, Bicara tentang C++ maka semua progammer tentu mengigat kalau C adalah bahasa pendahulunya, dan bahasa C++ ini diciptakan satu dekade setelah C. Bahasa C plus plus ini di ciptaka oleh Bjarne Stroustrup pada tahun 1983, dan bahasa ini sangat kompatibel dengan C sebagai Pendahulunya. Namun ada kelebihan dari C++ ini karena bahasa ini mendukung pemograman yang berorientasi objek mirip dengan sistem pada Pemograman JAVA.

   Namun di kedua bahasa diatas masing masing memiliki kelemahan dan kelebihan antara kedua bahasa pemograman tersebut. Kelebihan adalah sebagai berikut:
  1. Bahasa pemograman C sangat cepat untuk di compile dan di eksekusi
  2. Banyak kode tag dan operator C untuk mengolah data dan memanipulasi data
  3.  Kode Tag c ini sangat terstruktur dan sangat mudah dipahami oleh progammer begitu juga dikembangkan
    Namun tetap saja Bahasa kedua bahasa Diatas memiliki kelemahan diantaranya sebagai berikut:
  1. Bahasa keduanya sangatlah kompleks dengan banyaknya operator juga sintaks sehingga cukup membuat bingung pemogram bahasa tersebut(Ci dan Ci Plus plus)
  2. Sangat diperlukan ketelitian dalam mengetik kode progam karena kedua Bahasa di atas sangat bersifat Case Sensitive( membedakan huruf kapital dan biasa)
   Demikian sekelumit penjelasan tentang Bahasa pemograman Ci dan Ci ++, Untuk artikel Selanjutnya akan saya bahas tentang komponen bahasa pemograman yang telah saya terangkan di atas. Ini merupakan Artikel pertama jadi pembaca blog ini harus membaca Halaman ini sebelum menuju yang Part 2 yaitu Komponen Bahasa C dan C++ . Karena blog ini menjelaskan Pemograman dasar yang sangat detail dan terperinci.

Sabtu, 02 September 2017

Dasar Pengenalan HTML Dengan Contoh Kode Progam

     Pada artikel ini akan membahas dasar dasar pemograman HTML agar kita mengenal kode progam HTML, akan saya awali dengan apa itu Dokumen HTML, kedua kerangka progam HTML,ketiga bagaimana membuat suatu dokumen HTML agar bisa ditampilkan di Browser dan terakhir bagaimana menjalankan dokumen di web browser. Dan Ini merupakan bagian awal dari Pemograman Pengenalan HTML

1. Apa itu Dokumen HTML
    Pada dasarnya HTML adalah singkatan dari Hypertext Markup Language yang merupakan text dan kode yang ditulis menggunakan aturan tertentu yang nantinya di akses oleh user dengan aplikasi yaitu web browser. Pada dasarnya sebuah informasi yang tampil di halaman web telah di buat oleh aturan aturan yang di tetapkan oleh kode HTML itu sendiri. HTML itu sendiri adalah sebuah aturan kode agar kode yang kita ketik bisa tampil di halaman web browser, umumnya HTML sendiri disebut dengan Web Page. Untuk membuat Dokumen HTML sendiri tidak diperlukan sebuah tool atau aplikasi khusus, Kita bisa membuat kode HTML yang berupa dokumen dengan aplikasi NOTEPAD pada windows.
    Selain itu pada era modern ini telah banyak software HTML editor yang ditujukan untuk mempermudah membuat kode HTML. Kode Hypertext Markup Language pada sebuah halaman web dapat kita lihat apabila kita tekan klik kanan pada moouse trus pilih " View Page Source"


2. Cara Menamakan Dokumen HTML
    Untuk menamakan dokumen Html sendiri tidak ada aturan khusus dan baku, artinya kita bebas memilih nama yang sesuai dengan keinginan kita. Akantetapi kita harus merubah ekstensinya agar text yang kita buat sesuai aturan kode html bisa di tampilkan di web browser. Pada artikel selanjutnya akan saya jelaskan cara save as dengan ekstensi .html agar text kode yang kita buat bisa di tampilkan di browser.


3. Kerangka Kode HTML Dokumen
    Secara teori aturan penulisan kode html terbagi menjadi dua bagian, bagian awal adalah Header dan Body.  Pada bagian Head di awali dengan kode tag "<head>nama terserah</head>" perlu di ingat bahwa kode <head> berpasangan atau di akhiri dengan kode tag </head> . Begitulah dasar kode tag Html agar text yang kita ketik bisa ditampilkan, jika kita tidak memberi kode tag maka tulisan text kita tidak akan bisa ditampilkan di browser. Bagian kedua adalah body dengan kode tag <body>nama terserah </body>, dan terakhir pada kedua bagian diatas harus di apit lagi. Perhatikan gambar di bawah ini

Buatlah dengan notepad seperti contoh diatas, ingat angka diatas menjelaskan tentang kode tag yang berpasangan dengan tujuan mengapit text yang ditulis agar text tersebut sesuai dengan tujuan nya sebagai contoh kode tag title di atas maka tulisan yang di apit oleh tag tersebut akan ditampilkan paling atas sebagai title oleh aplikasi browser anda. Kemudian setelah anda membuat seperti diatas silahkan klik "file"save as dan nama file nya silahkan di berikan ".html" menggunakan titik sebelum tulisan html.  Untuk artikel selanjutnya saya akan membahas membuat Dokumen dengan kode tag HTML

Rabu, 23 Agustus 2017

PROLOG BLOG COMRUBY

PROLOG COMRUBY

  Blog ini Dibuat untuk menjelaskan Dasar dasar pemograman baik itu bahasa pemograman beserta IDE dari bahasa pemograman tersebut. Jadi blog ini akan saling terkait satu sama lain,maksud nya adalah tiap halaman terdapat link tentang artikel yang ditulis dan saling berkaitan. Tiap Halaman blog ini akan ada link yang menghubungkan dengan artikel sebelumnya maupun artikel setelahnya.
  
  Jadi blog ini akan dibuat menjadi blog satu satunya yang membahas tentang Pemograman Computer secara lengkap dan terperinci. Pada blog comruby ini menjelaskan tentang berbagai macam pemograman computer beserta bahasa pemograman computer dari tingkat dasar hingga mahir. Blog ini dibuat untuk kalangan komunitas komputer newbie maupun mahasiswa yang keduanya bergerak di bidang Computer Progamming.

  Kemudian dalam blog ini akan disediakan kolom komentar yang nantinya pengunjung dapat berdiskusi di dalam komentar yang ada di setiap halaman. Selain itu saya sebagai pemilik Blog akan berusaha untuk menanggapi pertanyaan maupun pernyataan setiap pengunjung yang mengungjungi blog Comruby. Selain itu pengunjung juga diperbolehkan mengkritik ataupun memberi saran di setiap halaman artikel yang telah dibuat.
  
 Semoga blog ini menjadi patner untuk komunitas dan mahasiswa dibidang komputer untuk mencari referensi maupun belajar dari dasar tentang pemograman computer. Saran dan kritik sangat kami harapkan untuk membangun blog ini menjadi lebih baik. Terimakasih bagi pengunjung yang telah mengunjungi blog ini baik pengunjung biasa maupun pengunjung yang aktif

Macam Macam Kode Tag Pemograman HTML

     Pada artikel pemograman dasar komputer mengenai macam macam kode tag HTML yang merupakan kelanjutan dari artikel sebelumnya yaitu Dasar...