Ini Channel Youtube Lokal Terbaik Untuk Belajar Bahasa Pemograman Secara Otodidak

Channel Youtube Lokal Yang Terbaik Untuk Belajar Bahasa Pemograman - Kali ini saya akan membagikan Channel-channel youtube Lokal terbaik untuk belajar bahasa pemograman yang biasa saya kunjungi jika saya sedang belajar bahasa pemograman. Apa saja channel youtube lokal itu yang memberikan materi bahasa pemograman secara gratis?

Belajar pemograman di zaman modern seperti sekarang sudah bukan hal yang sulit, maksudnya bukan hal yang sulit itu adalah untuk mencari tutorial dan materi materi tentang pemograman lainnya karena belajar pemograman sudah bisa dimana saja, contohnya google.com, youtube.com, dan komunitas komunitas di facebook ataupun telegram.

Siapa yang tidak kenal dengan youtube? YouTube adalah sebuah platform atau situs web streaming, menonton dan berbagi video. Youtube itu sendiri dibuat oleh tiga mantan karyawan PayPal pada Februari 2005. 

Untuk belajar bahasa pemograman seperti Java, C++, PHP, Javascript itu sudah gampang dicari di platform youtube tersebut, terlebih lagi dijaman modern seperti sekarang ini, untuk mencari materi, tutorial atau pembahasannya baik itu dari artikel dari sebuah website atau blog maupun dari sebuah video yang di bagikan di channel youtube.

Channel youtube lokal terbaik untuk belajar  bahasa pemograman

1. Web Programming Unpas

Web Programming Unpas adalah Channel youtube yang membahas tutorial Web design dan Web Programming, pemilik dari channel tersebut adalah seorang dosen di salah satu universitas bandung yaitu universitas pasundan, beliau sudah membuat banyak playlist yang bisa kita pelajari secara mudah dan tentunya gratis. 

Salah satu playlistnya adalah belajar HTML Dasar, CSS Dasar, CSS Layout, Dasar Pemograman dengan Javascript, dan PHP Dasar.

Tidak hanya Tutorial saja yang diberikan oleh beliau, beliau juga terkadang membuat playlist Ngobar (ngoding bareng) membuat website company profile menggunakan framework CSS yaitu Boostrap. 

Bahkan live youtube dan saat ngobar sambil live youtube itu seru lhoo seakan akan kita lagi kuliah dan di bimbing langsung oleh beliau 😁.

2. Kelas terbuka

Kelas Terbuka adalah channelbelajar programming / pemrograman / ngoding / koding berbahasa indonesia. Channel ini membahas teknik pemrograman secara umum beserta teknologi terkait dan teknik komputasi serta pengolahan data. 

Owner dari Channe youtube kelas terbuka ini adalah Faqihza Mukhlish, dia adalah seorang peneliti di bidang Sistem Kontrol. Lulusan Sarjana Teknik Fisika dan Magister Instrumentasi dan kontrol, ITB. 

Sekarang sedang menjalani pendidikan PhD di UNSW, Sydney, Australia. Dan ownernya ini lucu kalau sedang menjelaskan materi di dalam videonya pokoknya thebest deh, silakan di korek isi kepalanya eh maksudnya ilmu nya yang udah tertuang di channel youtubenya 😅.

Channel Kelas terbuka telah menyediakan banyak tutorials seperti belajar java, python, django yang bisa kita nikmati secara gratis. Channel ini juga merupakan channel yang paling sering ku kunjungi karena penyampaian materinya yang mudah di mengerti. Saya sendiri sedang mempelajari bahasa pemograman python.

Baca juga : Cara membedakan flashdisk palsu dan asli

3. IDR Corner

idr corner salah satu channel youtube yang sering saya kunjungi juga karena dichannel youtube ini pembahasan untuk belajar bahasa pemogrammannya mudah untuk saya mengerti Chanel ini memberikan tutorial-tutorial Pemrograman seperti Flutter, HTML, CSS, JavaScript, Canvas HTML5, jQuery, PHP, CodeIgniter, Bootstrap dan lain-lain.

Di channel ini juga terdapat playlist untuk membuat game juga lhoo. . . banyak dari temen-temen mungkin ingin membuat game pertama mu nah di channel ini mungkin bisa jadi solusi. 

Channel ini juga dalam tahap perkembangan, kenapa bisa tahu min kalo ini lagi dalam pengembangan? karena saya nyontek di deskripsi channel nya xixixi. 

4. Sekolah Koding 

Sekolah koding memiliki sebuah forum yang dan channel youtube nama forumnya adalah sekolahkoding.com, didalam forum tersebut terdapat banyak programmer asal indonesia mungkin ada juga yang dari luar negri, diforum tersebut juga menyediakan ebook dan video video bahasa program seperti PHP, laravel, NodeJS dll.

Tidak hanya forum sekolah koding juga memiliki channel youtube yang didalamnya banyak playlist bahasa pemograman, dan juga materi yang di sampaikan cukup mudah di mengerti playlist yang terdapat di channel youtube sekolah koding antara lain adalah, Tutorial Code Igniter, Laravel, HTML5, CSS3 dan masih banyak lagi.

5. Angga Rizky

Channel Angga Rizky juga recommended lho, kenapa? karena di channel ini menyajikan tutorial tutorial yang keren keren seperti design website dan mobile, UI dan banyak lagi. Buat kalian yang ingin menjadi front end developer atau UI desain bisa nih jadikan channel ini sebagai refrensi dan materi belajar untuk meningkatkan ilmu kalian.

Channel ini juga ada bahasa inggrisnya juga lho, tapi ownernya itu orang indonesia sambil belajar desain belajar bahasa inggris juga lhoo, jika kalian bingung youtube punya fitur untuk memunculnya translate dari apa yang dibicarakan dalam video tersebut. 

Gimana? channel mana yang menjadi favorit kalian? kalo admin sih semuanya karena keren keren penyampaian nya juga mudah di mengerti. Ini ilmu gratis lho jadi harus di manfaatkan, jangan di sia siakan. 

Selamat belajar, semoga bermanfaat ya untuk kalian yang sudah membacanya.

Sekian terimakasih.

Read More

Skill Yang Harus Di Kuasai Untuk Menjadi Seorang Front End Developer

Skill Yang Harus Di Kuasai Seorang Front End Developer - Jika kalian ingin menjadi seorang Front end Developer maka kalian wajib menguasai skill skill apa saja yang dibutuhkan untuk menjadi seorang Front End Developer

Front-end web development juga dikenal dengan istilah client-side development yaitu bidang pekerjaan yang tugasnya memproduksi file HTML, CSS dan Javascript untuk sebuah website atau aplikasi web dimana nantinya user akan berinteraksi dengan menggunakan web dan aplikasi tersebut.

Baca juga : Apa sih ngoding itu?

Bagi user selain konten, faktor kenyamanan, kemudahan dan kecepatan adalah hal penting lain yang membuat mereka betah berada di sebuah website. Jadi tidak heran jika front-end developer ini sekarang sangat dibutuhkan, karena kenyamanan pengguna bergantung pada bagaimana sang developer membuat website tersebut tampak menarik dan nyaman untuk digunakan. Di artikel ini kita akan bahas persyaratan atau kemampuan apa saja yang umumnya dibutuhkan sebagai seorang frontend developer. Kamu dapat memulai mempelajari keahlian-keahlian berikut sesuai urutan penulisan.

1. HTML Dan CSS 

HTML dan CSS adalah materi yang sangat dasar yang wajib di kuasai oleh seorang yang berkerja sebagai front end developer. Bagi kalian yang ingin menjadi seorang front end developer maka kalian wajib kuasai HTML dan CSS terlebih dahulu, kita dapat menguasai HTML dan CSS dalam waktu singkat.

"Kenapa hanya membutuhkan waktu singkat?"

Karena kita dapat menemukan berbagai macam artikel untuk belajar HTML dan CSS, contohnya seperti Tutorial baik itu dalam bentuk vidio atau konten, dan belajar HTML dan CSS itu tidak terlalu sulit jadi kita hanya membutuhkan waktu yang relatif singkat.

2. JavaScript 

Selain HTML dan CSS untuk menjadi seorang front end developer kita juga harus menguasai bahasa pemograman javascript. Javascript adalah bahasa pemograman yang fungsinya untuk mengatur logika dan menambah lebih banyak lagi fungsionalitas pada sebuah halaman website. 

Berbeda dengan HTML yang merupakan struktur untuk sebuah  halaman website,  dan CSS yang merupakan mengatur gaya pada halaman website mulai dari warna, font, animasi, dll, Javascript lah yang membuat sebuah halaman website tersebut menjadi dinamis.

3. jQuery

jQuery adalah sebuah library javascript, yaitu sebuah koleksi plugin dan ekstensi yang membuat proses pengembangan website menggunakan Javascript menjadi lebih mudah dan cepat.

Dibandingkan harus menulis kode Javsacript dari awal, jQuery memungkinkan kalian untuk menambahkan kemampuan interaksi elemen yang siap pakai ke proyek yang kalian kerjakan. Cukup sertakan file jQuery, kalian bisa website kalian menjadi lebih interaktif.

jQuery sebagai library javascript yang paling populer tentu banyak penggunanya, peluang kerja akan semakin terbuka jika kalian menguasai jQuery. Jadi jangan ragu untuk mempelajarinya.  oke!.

4. Framework CSS dan JavaScript

Maaf min, sepertinya tadi kita sudah bahas tentang CSS dan JavaScript deh diatas.

Yaps betul, tentu tadi kita sudah menjelaskan tentang CSS dan Javascript tetapi kalian perlu tahu dan wajib tahu bagi kalian yang ingin menjadi seorang Front End Developer, bahwa CSS dan Javascript adalah bagian dasar dalam front end development sehingga akan menjadi dasar dari skill skill lain yang kamu perlukan.

Framework CSS dan Javascript adalah suatu koleksi dari file CSS atau JavaScript yang nantinya akan membantu kamu melakukan tugas tertentu melalui pembagian ommon functionality. 

Tiap framework mempunyai kelebihan dan kekurangannya masing-masing. Penting untuk memilih framework yang tepat sesuai dengan tipe website yang akan kamu buat. Beberapa framework JavaScript sangat baik untuk membuat interface yang kompleks, sedangkan framework lainnya lebih baik digunakan saat kamu ingin membuat website yang lebih minimalis.

Kamu juga dapat menggunakan beberapa framework secara bersamaan. Misalnya yang umum dilakukan yaitu menggabungkan Bootstrap dengan AngularJS. Content website diatur oleh Angular, sedangkan tampilan oleh Bootstrap.

Kamu akan selalu bekerja menggunakan CSS dan JavaScript, oleh karena itu, penguasaan atas framework-framework yang ada, akan menjadikan kamu developer yang lebih efisien. 

Baca juga : Macam macam profesi pengembang aplikasi website

5. Preprocessor CSS 

Salah satu skill yang berkaitan dengan CSS, reprocessor adalah elemen lain di dunia frontend development yang dapat mempercepat proses produksi. CSS preprocessor menawarkan fungsi tambahan saat membangun style sehingga file CSS kita lebih rapi dan mudah dikembangkan. Kita cukup mengikuti sedikit aturan penulisan CSS seperti yang dianjurkan preprocessor dan sisanya seperti format penulisan baku CSS dan kompatibilitas antarbrowser sudah ditangani oleh preprocessor.

Beberapa CSS preprocessor yang populer diantaranya adalah SASS, LESS, dan SCSS. Dan umumnya bila kita menggunakan frontend framework, file preprocessor sudah disertakan didalamnya sehingga kita dapat mengembangkan tampilan langsung melalui file preprocessornya. 

 6. Version Control/Git

Sebuah skill tanpa harus menggunakan HTML, CSS ataupun JavaScipt. Git sudah lama dikenal, terutama bagi pengembang linux. Namun belakangan git menjadi marak juga digunakan untuk pengembangan web, termasuk front-end development.

Dengan kita menggunakan Git kita bisa dengan mudah mengembangkan sistem, menyimpan codingan baru menjadi sebuah versi terbaru, atau kembali ke versi lama yang sudah stabil jika apa yang kita kembangkan tidak berjalan dengan baik atua menimbulkan error dan masalah. Dengan begitu akan terhindar dari kesalahan fatal dalam pengembangan kode website.

Bekerja dengan bantuan Git bisa memudahkan kolaborasi dengan orang lain atau tim dalam proses pengembangan, tiap orang bisa mengambangkan modul yang berbeda dan nanti digabungkan hasilnya menjadi satu kesatuan sistem yang utuh, dengan begitu tentu akan menghemat waktu. 

7. Responsive Design

Sebagian orang pastinya memiliki Smartphone dan melakukan browsing membuka berbagai macam website melalui smartphonenya, Oleh karena itu halaman web yang kita buat pun harus mendukung berbagai ukuran layar perangkat. Di CSS kita akan temukan kata kunci media query untuk mengatur CSS mana yang akan digunakan sesuai dengan ukuran layar. Dengan demikian kita dapat mengatur elemen mana harus ditampilkan seperti apa di masing-masing ukuran perangkat yang umum. Ini sangat diperlukan agar pengalaman pengguna dapat tetap optimal dari manapun dia mengakses.

8. Cross-Browser

Web browser terbaru semakin hari semakin baik dalam menampilkan halaman website secara konsisten, baik itu Google Chrome, Mozila Firefox atau bahkan IE(Internet Exploler). Namun kadangkala antara satu browser dengan browser yang lain ada sedikit perbedaan dalam menampilkan suatu style.

Di sisi lain juga kita tidak bisa membatasi user atau pengguna web/app menggunakan hanya satu browser, kita harus memastikan web/app yang sudah kita buat dapat tampil dengan sempurna di browser yang berbeda karena Beda browser berarti beda engine, beda engine masih beda kemampuan.

9. Debugging Atau Testing

 Baik itu dari website kecil hingga website besar, dari website lokal hingga website internasional tentu tidak akan bisa lepas dari bug. Agar website kita bisa berjalan dengan baik saat user sedang menggunakannya maka kita harus menghilangkan atau melenyapkan bug - bug yang ada pada website/app kita. 

10. Web Performance

Semua website tentunya harus memiliki SEO agar website yang sudah kita buat bisa ter-index di mesin pencari. salah satu faktor keberhasilan SEO itu adalah bagaimana performa website tersebut, kecepatan website menjadi faktor yang diperhitungkan oleh mesin pencari, khususnya di Mesin Pencari Google.

Kecepatan website juga mempengaruhi pengunjung, menurut survey pengunjung yang menunggu lebih dari 3 detik ketika membuka website, cenderung akan langsung meninggalkan website tersebut, dan mencari website lain.

Itu dia Skill yang harus dikuasai untuk menjadi seorang front end developer, jika ada salah kata atau salah dalam menggunakan kalimat saya selaku admin meminta maaf kepada kalian yang telah membacanya. Jika artikel ini bermanfaat kalian bisa tinggalkan komentar atau menshare artikel ini agar orang lain tahu skill apa saja yang dibutuhkan untuk menjadi seorang Front end developer.

Sekian terimakasih.

Read More

Apa sih Ngoding itu? Sama kah dengan Nyekrip?

Apa itu Pengertian ngoding sama kah dengan nyekrip? - Mungkin beberapa dari kita pernah dengar kata "Ngoding" atau "Nyekrip" untuk seorang programmer tentunya sudah mengetahui apa arti istilah itu, tapi untuk orang orang yang bukan programmer apakah mereka tahu sebenernya apa sih ngoding itu?.

Nyekrip atau Ngoding dalam bahasa bakunya adalah "memprogram". Memprogram adalah suatu kegiatan menggunakan bahasa pemrograman dan juga algoritma yang nantinya akan di susun menjadi satu untuk menciptakan suatu program. Kata "Nyekrip" atau "Ngoding" istilah biasanya yang disebutkan oleh programmer. Pengertian lainnnya adalah "membuat kode” dari suatu program. Atau bisa juga diartikan dengan “menulis program dengan menggunakan bahasa pemrograman tertentu”. 

Coding atau koding bertujuan tentunya untuk membuat suatu program komputer, dan program komputer itu sendiri adalah kumpulan instruksi-instruksi dalam membantu sebuah komputer dalam mengeksekusi untuk melakukan aktifitas tertentu. Banyak bahasa pemrograman yang sering digunakan untuk membuat sebuah program komputer, seperti VB(Visual Basic), Java, PHP dan masih banyak bahasa pemrograman komputer lainnya.

Itulah apa arti dari nyekrip atau ngoding yang bisa saya sampaikan semoga bisa bermanfaat yaah heheh, mungkin ada beberapa dari kalian yang ingin menambahkan bisa di tulis saja di kolom komentar atau langsung kirim request mu disini!

Jika ada kesalahan dalam pengartiannya mungkin bisa diberitahukan kepada admin melalui kolom komentar, koreksi kalian sangat berguna untuk admin agar bisa menjadi lebih baik lagi.

Sekian Terimakasih.

Read More

Macam Profesi-profesi dalam bidang pengembangan aplikasi website

Macam macam profesi dalam bidang pengembang aplikasi website. Di dunia teknologi sangat cepat sekali perkembangannya begitu juga dengan profesinya dalam bidang teknologi. 

Ada banyak ragam dalam profesi di dalam bidang Teknologi Informasi, bagaimana dengan profesi yang berada dalam lingkungan pengembangan aplikasi web? 

Berikut adalah contoh macam macam profesi yang langsung terkait dalam pengembangan aplikasi website.  seperti Apa itu Web designer? Web developer dan web master.

Profesi pengembang aplikasi website

1. Web designer

Web designer memiliki tanggung jawab atas seluruh desain layout pada sebuah situs website yang nantinya akan di bangun. Seorang web designer tentunya akan menentukan tampilan dan tata letak website mulai dari style dan konsep desain yang di inginkan, memilih nama dan jenis font yang cocok untuk di terapkan pada website, penempatan bidang tombol, membuat sebuah logo atau icon untuk website tersebut, dan sebagainya.

Tujuan seorang desainer dalam hal mendesain sebuah website adalah memberikan harmonisasi dan user experience yang baik bagi pengunjung website. Ada beberapa aplikasi yang dibutuhkan oleh seorang web designer yaitu seperti : 

• Adobe illustrator
• Abode photoshop
• 3DS Max
• Flash player
• Adobe dreamweaver
• dan lain-lain.

Tidak hanya web developer saja yang membutuhkan bahasa program untuk membangun sebuah website, Web designer juga membutuhkan bahasa program untuk membuat tampilan website lebih dinamis, responsif. Bahasa program yang biasa digunakan oleh web designer adalah : 

• HTML5 
• CSS3
• Java Script
• Jquery

Baca juga : Macam macam tag html dan fungsinya lengkap dengan video 

2. Web delevoper

Web developer adalah seseorang yang menciptakan aplikasi berbasis website dengan menggunakan bahasa pemrograman. Pada dasarnya, web developer membuat berbagai hal “terjadi” pada sebuah website. Peran web developer adalah sebagai penghubung dari semua sumber daya yang akan digunakan pada sebuah website, mulai dari pemanggilan database, membuat halaman website yang dinamis, hingga mengatur cara pengunjung untuk berinteraksi dengan elemen-elemen dari website tersebut.

3. Web master 

Merupakan gabungan dari web developer dan web designer, webmaster juga bertugas memelihara aplikasi web yang digunakan, webmaster mungkin juga bertanggung jawab untuk optimisasi mesin pencari (SEO), mengisi content pada website, hingga mempromosikan website tersebut.

Dalam kelompok kerja yang lebih besar, webmaster akan lebih banyak menjadi manager dari sebuah web-based project, mengatur pekerjaan web developer dan web designer, hingga melakukan pengujian terhadap usability dari aplikasi web yang dibuat.

Baca juga : Text editor yang digunakan untuk ngoding

Bagi seorang web developer, kemampuan logis sangat dibutuhkan untuk mengatur alur aplikasi web yang dibuat. Sedangkan web designer membutuhkan kemampuan artistik dan kreatifitas. Dan bagi seorang webmaster, tentu akan membutuhkan kemampuan logis, artistik serta pengalaman yang memadai dibidangnya.


Itulah penjelasan tentang Profesi dalam bidang pengembang website mungkin dari kalian ada yang ingin menjadi web designer atau web developer? atau bahkan menjadi seorang web master?
Bila ada kekurangan atau salah kata mohon maaf atau yang ingin menambahkan bisa memberikan nya di kolom komentar dibawah artikel ini.

Sekian terimakasih

Read More

Pengertian, Fungsi dan Macam macam jenis Database

Pengertian Database

Apa itu Database? Apa kegunaannya dan fungsi dari database? kenapa harus menggunakan database? Apa saja macam macam jenis database? dan banyak lagi pertanyaannya.

Pengertian Basis data atau pangkalan data atau yang sering disebut oleh orang orang dalam bahasa inggris adalah Database. Database adalah kumpulan informasi informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. 

Database pengertian umumnya adalah sistem penyimpanan data dimana data yang sudah banyak diinput disimpan dalam satu sistem penyimpanan. Sistem database sudah banyak digunakan di banyak bidang, tidak hanya dalam bidang teknologi, bahkan saat ini database sudah digunakan di perusahaan dari yang kecil hingga besar, universitas, perkantoran, supermarket bahkan di rumah-rumah. Dan Kini sudah banyak sekali aplikasi yang mendukung pembuatan database contohnya ada :

1. MySQL
2. Microsoft SQL Server
3. Microsoft access
4. Oracle
5. Dan banyak lagi

Software atau Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data atau data base disebut dengan sistem manajemen basis data (database management system, | DBMS). Sistem basis data dipelajari dalam ilmu informasi.

Baca juga : Posisi tubuh yang baik saat mengetik

Proses memasukkan(Input) dan mengambil data  dari media penyimpanan data memerlukan perangkat lunak yang disebut dengan sistem manajemen basis data (database management system | DBMS). DBMS atau Database management system merupakan suatu sistem perangkat lunak(software) yang memungkinkan pengguna basis data (database user) untuk memelihara, mengontrol dan mengakses data secara praktis dan efisien. semua akses ke basis data atau data base akan ditangani oleh DBMS ini. Tujuan utama DBMS adalah untuk memberikan tinjauan abstrak data kepada pengguna.

Fungsi dari database

Hampir semua industri seluruh didunia menggunakan tehnologi database sebagai penunjuang aplikasi dan  sistim bisnis mereka. Fungsi dari base itu ada banyak yang dibawah ini salah satu fungsi dari database.

1. Mengelompokkan data untuk mempermudah identifikasi data, database menyiapkan data yang sesuai dengan permintaan user terhadap suatu informasi dengan dengan cepat dan akurat. Melalui software  Database Management Systems (DBMS) user atau petugas bank dapat mencari profil informasi seorang nasabah dalam hitungan detik, DBMS akan menyajikan data lengkap mengenai profil yang diminta.
2. Menghindari adanya Duplikasi data dan inkonsistensi data, software DBMS sebagai software untuk menjalankan database komputer mempunyai kemampuan menginformasikan kepada user/pengguna pada saat kita input  data apabila data yang akan diinput sudah ada dalam database. Duplikasi data didalam database sangat dimungkinkan, karena database dapat diakses dari  banyak komputer dari berbagai tempat yang  tersambung ke  sistim database.
3. Memudahkan dalam menyimpan, mengedit, menghapus, menginput dan mengakses data. 
4. Menjadi sebuah solusi dalam proses penyimpanan sebuah data, terutama data yang memiliki ukuran besar.
5. Mendukung aplikasi yang membutuhkan ruang penyimpanan. Hampir semua aplikasi modern membutuhkan ruang yang besar untuk menjalankan fungsinya secara optimal, disini peran database sebagai penyedia  ruang untuk menyimpan data-data aplikasi dan sistim sebuah komputer.

Baca juga : Macam macam web browser yang terpopuler

Macam macam database 

1. Oracle

Oracle adalah relational database management system (RDBMS) untuk mengelola informasi secara terbuka, komprehensif dan terintegrasi.

Vendor: Orace Corporation.

Biasa digunakan untuk pengaksesan data yang dilakukan secara online.

Dirancang khusus untuk organisasi berukuran besar, bukan untuk ukuran kecil dan menengah.

Kelebihan dari Oracle

• Banyak fitur yang dapat memenuhi tuntutan fleksibilitas dari organisasi besar.
• Dapat mendayagunakan lebih dari satu server serta data storage dengan mudah dan transparan.
• DBMS yang rumit dan sulit dipelajari.

Kekurangan dari Oracle

• DBMS yang paling rumit dan paling mahal di dunia. Penggunaannya memakan banyak biaya, mulai dari device sampai diperlukannya DBA yang handal.

2. MySQL 

adalah singkatan “My Structured Query Language”. Program ini berjalan sebagai server menyediakan multi-user mengakses ke sejumlah database. multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB gratis, dibawah lisensi GNU General Public License (GPL), tetapi ada juga MySQL yang berbayar.

Kelebihan MySQL

• Free Stabil dan tangguh
• Fleksibel dengan berbagai pemrograman
• Security yang baik
• Dukungan dari banyak komunitas
• Kemudahan management database
• Mendukung transaksi
• Perkembangan software cukup cepat

Kekurangan MySQL

• Kurang mendukung koneksi ke bahasa pemrograman visual seperti VB, Delphi, dan Foxpro dikarenakan koneksi ini menyebabkan field yang dibaca harus sesuai dengan koneksi dari program visual tersebut.
• Data yang ditangani belum begitu besar.
• Lambat untuk query yang kompleks seperti LEFT JOIN yang banyak, dan penggunaan SubQuery.
• Belum mendukung Windowing Function

3. Microsoft Access (Ms. Access)

Ms. Access adalah Database Storage Engine atau Media penyimpanan atau Mesin penyimpanan yang di buat oleh Microsoft, Ms. Access merupakan bagian dari Microsoft Office.

Kelebihan dari Ms. Access

• Mudah dipelajari dan digunakan.
• Kompatibilitasnya dengan bahasa pemrograman SQL. Pengguna dapat mencampur dan menggunakan kedua jenis bahasa tersebut (VBA dan Macro) untuk memprogram form dan logika dan untuk mengaplikasikan konsep berorientasi objek.

Kekurangan dari Ms. Access

• Instalasinya membutuhkan ruang yang cukup besar di hard disk.
• Hanya bisa dijalankan di sistem operasi Windows.
• Kapasitas data sangat terbatas sehingga hanya cocok jika diaplikasikan untuk small system atau home bisnis.
• Keamanan tidak begitu bisa dihandalkan walaupun sudah mengenal konsep relationship.
• Kurang bagus jika diakses melalui jaringan sehingga aplikasi-aplikasi yang digunakan oleh banyak pengguna cenderung menggunakan solusi sistem manajemen basis data yang bersifat klien atau server.

4. Microsoft SQL server

Keluaran dari Microsoft juga sama seperti halnya Microsoft Access. Bahasa query utama yang digunakan adalah varian dari ANSI SQL yang disebut sebagai T-SQL (Transact-SQL). Bahasa ini membolehkan user untuk membuat stored procedure sehingga meningkatkan efisiensi akses dengan basis data.

Kelebihannya 

• Cocok untuk perusahaan dengan skala kecil, menengah, dan besar sehingga mampu untuk mengolah data dengan jumlah yang besar.
• Memiliki kemampuan untuk management user dan tiap user bisa diatur hak akses terhadap suatu database oleh database administrator.
• Untuk diterapkan pada pembangunan suatu program aplikasi, akan mudah dalam melakukan koneksi dengan computer client yang pembangunan aplikasinya menggunakan software yang sama platform dengan MS-SQL, misalnya Microsoft Visual Basic.
• Memiliki tingkat pengamanan data yang baik.
• Memiliki kemampuan back-up data, rollback data, dan recovery data.
• Memiliki kemampuan membuat database mirroring dan clustering.

Kekurangannya 

• Hanya dapat diimpelementasikan pada 1 unit server, jika terdapat tambahan server maka hanya akan berfungsi sebagai pasif / standby server (tidak memiliki kemampuan Technology Cluster Server seperti halnya pada DMBS Oracle).
• Hanya bisa berjalan pada satu platform system operasi yaitu Microsoft Windows.
• Merupakan software berlisensi dan berharga mahal untuk perusahaan skala kecil dan menengah

5. IBM DB2

Produk Sistem Manajemen Hubungan Database dari IBM atau sekarang yang populer disebut Data Server. Disebut juga sebagai DB2 Enterprise Server Edition atau top of the line DB2 Data Warehouse Edition (DB2 DWE) yang berjalan pada Unix, Windows dan Linux Server.

Kelebihan

• Memiliki fitur mengurangi ruang penyimpanan yang diperlukan sampai dengan 50 persen.
• Waktu yang diperlukan untuk mengumpulkan informasi ini telah dikurangi dari hitungan bulan sampai hanya hitungan jam atau menit.

Kekurangan

• Platform specified
• Tidak bisa download langsung dari IBM
• Kecepatanya masih kalah dibanding MySQL dan Oracle

6. dBase

DBMS yang secara luas digunakan pada mikrokomputer yang dikenalkan oleh Ashton-Tate untuk komputer CP/M, kemudian untuk platform Apple II, Apple Macintosh dan IBM PC dengan DOS yang menjadi salah satu perangkat lunak yang paling laris selama beberapa tahun pada saat itu.

Ketidakmampuan dBASE untuk bertransisi dengan sistem operasi yang lebih baru, Microsoft Windows pada akhirnya membuat penggunaan dBASE tergantikan oleh produk-produk lainnya yang lebih baru seperti Paradox, Clipper, FoxPro, dan Microsoft Access. 

Kepemilikan dBASE akhirnya dijual ke Borland pada 1991 dan pada 1999 Borland menjual hak atas jajaran produk dBASE pada sebuah perusahaan baru yaitu dBASE Inc.

Dasar file format dBASE, yang dikenal sebagai file .dbf, saat ini merupakan salah satu format yang luas digunakan oleh banyak aplikasi yang membutuhkan format sederhana untuk menyimpan data-data secara terstruktur.

7. Visual Foxpro

Awalnya FoxPro, lalu berkembang menjadi Visul FoxPro pada tahun 1995. Kemampuan pemrogrman prosural tetap dipertahankan dan dilengkapi dengan pemrograman berorietasi objek. 

Dengan adanya Visual Studio, FoxPro menjadi anggotanya. Sasaran utama Visual Studio adalah menyediakan alat bantu pemrogrman dan database untuk mengembangka perangkat lunak yang memenuhi tuntutan zaman.

Kelebihan Visual Foxpro

• Model data yang digunakan adalah model relasional yang merupakan model yang paling sederhana sehingga mudah dipahami oleh pengguna dan paling populer. Model ini menggunakan sekumpulan tabel berdimensi dua, yang disebut relasi atau table, dengan masing-masing relasi tersusun atas tupel atau baris dan atribut. Relasi dirancang sedemikian rupa sehingga dapat menghilangkan kesia-siaan data dan mengunakan kunci tamu untuk berhubungan dengan relasi lain.
• Simpel
• Fitur lengkap
• Punya database sendiri yaitu DBF
• Akses ke database internal mudah
• OOP murni sejak versi 6.0
• Dinamis
• Akses ke library eksternal mudah
• Sederhana
• Tidak memerlukan spesifikasi hardware yang tinggi

Kekurangan Visual Foxpro

• Tidak tersedia tipe data pointer
• Pembuatan report dan menu-designer belum mengimplementasikan OOP.

8. Postgre SQL

Selama ini banyak memberikan keuntungan yang lebih terhadap para perusahaan atau kegiatan bisnis dibanding DBMS lainnya.

Kelebihan

• Dengan menggunakan PostgreSQL, tidak ada seorangpun dapat menuntut untuk pelanggaran terhadap perjanjian lisensi, sebagaimana tidak ada biaya lisensi yang diasosiasikan (digabungkan) untuk software. Hal ini menyebabkan PostgreSQL memberikan keuntungan tambahan, antara lain: bisnis menjadi lebih profitable dengan skala penyebaran yang luas. tidak ada kemungkinan diperiksa untuk pemenuhan lisensi, fleksibel untuk menjalankan konsep penelitian dan trial deployment tanpa memerlukan biaya lisensi tambahan.
• Menghemat biaya staffing karena telah didesain dan dibuat sedemikian rupa untuk mempunyai tingkat pemeliharaan dan kebutuhan yang lebih rendah.
• Terpercaya dan stabil. (banyak perusahaan yang melaporkan bahwa PostgreSQL tidak pernah, bahkan sekalipun, mengalami crashed pada saat melakukan operasi dengan tingkat aktivitas yang tinggi)
• Extensible, artinya tidak memerlukan biaya untuk perluasan. Menggunakan penyimpanan data dengan banyak baris (multiple rows) yang dinamakan MVCC. Hal ini dimaksudkan agar PostgreSQL sangat responsif pada high volume environments.
• Kaya akan fitur.

Kekurangan

• Kurang populer.
• Kurang cocok bekerja di lingkungan web jika dibandingkan dengan MySQL.
• Kurang fokus dalam hal kelangsingan dan kecepatan.
• Arsitektur dengan multiprose sulit diterapkan ke Windows, sebab Windows sangat thread-oriented. Saat ini bisa dijalankan di Windows, tapi melalui lapisan emulasi Cygwin.
• Kurang unggul dalam hal ketersediaan fungsi built-in.
• Replikasi di PostgreSQL belum disertakan dalam distribusi standarnya yang terbatas hanya bisa melakukan penambahan kolom, penggantian nama kolom, dan penggantian nama tabel.

9. Clipper

Lebih ditujukan untuk pengolahan data. Mulai dikenal sekitar tahun 80-an sampai 90-an. Clipper dimasukan ke dalam kelompok Xbase.

Kelebihan

• Tidak memerlukan perangkat keras yang tinggi
• Tidak berbentuk grafis, sehingga memudahkan dalam pencetakan melalui printer.
• Mudah dalam pemasukan data

Kekurangan

• Tidak menerapakan konsep basis data secara penuh(relasi antar file tidak didukung oleh manajemen clipper tetapi harus dilakukan oleh programmer)
• Tidak mendukung aplikasi internet
• Segala sesuatu dikerjakan oleh programmer (tidak ada generate code secara otomatis oleh system)
• Strukur program Clipper tidak beraturan, hal ini dipandang sebagai kekurangan tetapi juga dapat dimanfaatkan oleh pemrogram sebagai kelebihan.

Yang terakhir. . . . . 

10. Firebird

Firebird juga disebut FirebirdSQL adalah sistem manajemen basisdata relasional yang menawarkan fitur-fitur yang terdapat dalam standar ANSI SQL-99 dan SQL-2003. 

RDBMS ini berjalan baik di Linux, Windows, maupun pada sejumlah platform Unix. Firebird ini diarahkan dan di-maintain oleh FirebirdSQL Foundation.

Ia merupakan turunan dari Interbase versi open source milik Borland. Vendor dari firebird adalah Official mozilla firefox builds.

Kelebihannya

• Memiliki user base kecil namun aktif
• Merupakan DBMS yang relatif matang untuk digunakan, dan tujuannya menetapkan peletakan kembali Oracle dan SQL server dalam aplikasi komersil, Firebird memiliki user-base yang loyakl, dan merupakan produk bagus untuk bekerja dengannya, dan jika ia dapat meningkatkan kecepatan development-nya, seperti juga meningkatkan marketing-nya, akan menjadi pesaing yang kuat.

Kekurangannya

• Kekurangan yang paling nyata waktu itu adalah replication engine (walaupun Firebird memiliki fitur lanjutan, yang menjaga identical copy dari live database). Ada proyek yang terjadi, banyak yang komersil, namun Open Source-nya sendiri terlihat tidak matang, atau terintegrasi ke dalam Firebird code utama. Firebird development relatif lambat.

Sekian dari pembahasan tentang Pengertian, Fungsi, serta macam macam database semoga dapat bermanfaat dan menambah ilmu kalian. Jangan lupa untuk bagikan keteman teman kalian yaa.. :D

Sekian Terimakasih

Read More

Cara membuat login form sederhana menggunakan HTML dan CSS

Cara membuat login form dengan HTML

pengertian login dan logout

Sebelum kita mulai dengan ngoding, sebenarnya apasih Login itu?,

Kalian pasti sering ya melihat tulisan "login" atau "logout" di sosial media contohnya facebook, twitter, instagram, dan sebagainya. Di game pun juga ada "login" dan "logout", mungkin sebagian orang telah mengetahui apa itu "login" dan "Logout", tapi bagaimana dengan orang yang kurang paham dengan kata itu?, pastinya asal klik tanpa tahu maksudnya yakan? hehehe.

 Kata Log itu sendiri artinya "catatan".

Login bisa di sebut juga dengan "Sign in" adalah yakni berupa sebuah proses pintu untuk masuknya pengguna aplikasi, atau website tersebut untuk bisa mengakses(masuk). Login berbeda dengan Logout. Logout adalah proses keluar dari sistem komputer atau layanan tertentu. 

Baca juga 

• Macam macam text editor untuk HTML

• Pengertian HTML Lengkap!!

Membuat login form sederhana dengan HTML

Sebelumnya kalian pasti sudah mengerti dengan Tag tag HTML. Nah sekarang kita akan membuat login form dari HTML dan CSS. langsung di ikuti saja langkah-langkah dibawah ini.

1. Siapkan Text editor untuk mengetik Script HTML dan CSS, saya biasa menggunakan Sublime text, kenapa Sublime? mungkin karena mudah di gunakan bagi para pemula yang baru belajar tentang Pemograman web.
2. Kalian bisa meng-copy paste script dibawah ini atau bisa kalian ketik sendiri.

Script HTML :

<!DOCTYPE html><html lang="en"><meta charset="utf-8"><head> <title> Login form sederhana HTML </title></head><body><div class="main"> <div class="header"> <h1> Login </h1></div><div class="content"> <input type="Username" name="Username" placeholder="Username" id="input"> <input type="password" name="password" placeholder="password" id="input"> <center> <input type="checkbox" name="checkbox" align="center" class="text" id="checkbox"> Remember me</center><center> <button> Masuk </button> <button> Register </button> </center><p><span><a href="">Lupa password?</a></span></p></div></div><br><p class="copyright"><span>Copyright©2017 | Desginer : <a href="https://catatanshand.blogspot.com/p/tentang-saya.html" target="_blank">Yushandrino</a> | City : Pamulang <br><span><a href="https://catatanshand.blogspot.com">Catatanshand.blogspot.com</a></span></p></body></html>

Script CSS :

body{ color: black; font-family: calibri; background-color: #eaeaea; } /* tampilan */ .main{ width: 400px; margin: 90px auto; background-color: black; box-shadow: 0 0 9px black; } .content{ border: 1.5px blue solid; background-color: #eaeaea; margin-top: -21px; } .header{ background-color: darkblue; margin: 15px auto; text-align: center; color: black; } h1:hover{ color: white; text-shadow: 3px 3px 4px black; } .content span .p{ text-align: center; } #input{ padding: 5px; display: block; background-color: #eaeaea; font-weight: bold; color: black; margin: 20px auto; } #input:hover{ background-color: white; } button{ width: 100px; height: 40px; margin: 10px auto; margin-top: 1px; background-color: darkblue; font-weight: bold; display: inline-block; } button:hover{ color: white; font-size: 14px; box-shadow: 0 0 7px black; } /* lupa password */ p span{ padding: 10px; } p span a{ text-decoration: none; color: black; font-weight: bold; } p span a:hover{ background-color: blue; color: white; padding: 2px; font-weight: bold; } /* remember */ .text{ margin: 10px auto; margin-top: -8px; text-align: center; }

Catatan : 

• Untuk script Html simpan dengan ekstensi (namafile).html
• Untuk script CSS simpan dengan ekstensi  (namafile).css

Atau bagi kalian tidak ingin filenya terpisah bisa meng-copy script dibawah ini : 

<!DOCTYPE html><html><head><style type="text/css">body{ color: black; font-family: calibri; background-color: #eaeaea; } /* tampilan */ .main{ width: 400px; margin: 90px auto; background-color: black; box-shadow: 0 0 9px black; } .content{ border: 1.5px blue solid; background-color: #eaeaea; margin-top: -21px; } .header{ background-color: darkblue; margin: 15px auto; text-align: center; color: black; } h1:hover{ color: white; text-shadow: 3px 3px 4px black; } .content span .p{ text-align: center; } #input{ padding: 5px; display: block; background-color: #eaeaea; font-weight: bold; color: black; margin: 20px auto; } #input:hover{ background-color: white; } button{ width: 100px; height: 40px; margin: 10px auto; margin-top: 1px; background-color: darkblue; font-weight: bold; display: inline-block; } button:hover{ color: white; font-size: 14px; box-shadow: 0 0 7px black; } /* lupa password */ p span{ padding: 10px; } p span a{ text-decoration: none; color: black; font-weight: bold; } p span a:hover{ background-color: blue; color: white; padding: 2px; font-weight: bold; } /* remember */ .text{ margin: 10px auto; margin-top: -8px; text-align: center; } </style> <title> Login form sederhana HTML </title></head><body><div class="main"> <div class="header"> <h1> Login </h1></div><div class="content"> <input type="Username" name="Username" placeholder="Username" id="input"> <input type="password" name="password" placeholder="password" id="input"> <center> <input type="checkbox" name="checkbox" align="center" class="text" id="checkbox"> Remember me</center><center> <button> Masuk </button> <button> Register </button> </center><p><span><a href="">Lupa password?</a></span></p></div></div><br><p class="copyright"><span>Copyright©2017 | Desginer : <a href="https://catatanshand.blogspot.com/p/tentang-saya.html" target="_blank">Yushandrino</a> | City : Pamulang <br><span><a href="https://catatanshand.blogspot.com">Catatanshand.blogspot.com</a></span></p></body></html>

Bila sudah di save maka hasilnya akan seperti ini 

Sekian dari penjelasan membuat login form sederhana dengan HTML, jangan lupa share dan tinggalkan komentar. Dan juga jangan lupa untuk membaca artikel lainnya di Catatanshand.blogspot.com

Sekian terima kasih.

Read More

Macam-macam text editor untuk penulisan kode HTML

Pengertian text editor

Sebelum mulai menuliskan kode kode html, kita harus memilih text editor yang ingin kamu gunakan untuk menuliskan kode kode html terlebih dahulu. Text editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode pemograman, khususnya untuk menuliskan kode Program HTML itu sendiri. Text editor itu sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode program HTML.

Contohnya seperti Notepad yang telah di sediakan oleh Windows. Text editor yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh Linux. Text editor berbeda dengan Word Processor (Microsoft word, king soft, Word Perfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format dokumen serta tidak disediakan fitur-fitur yang bisa digunakan untuk Desktop publishing.

Baca Juga : Pengertian HTML Lengkap

Browser merupakan aplikasi yang kita gunakan untuk menjalankan kode kode program HTML yang sudah kita ketik. Browser ini ialah syarat yang harus anda penuhi jika anda ingin belajar web programming. Untuk browser itu sendiri kita bisa menggunakan browser yang sudah disediakan oleh sistem operasi langsung contohnya IE (Internet Explorer), atau aplikasi browser lainnya seperti Google Chrom, Mozila firefox, Opera dan sebagainya. Berikut adalah Text editor yang saya saran kan untuk penulisan kode HTML untuk yang ingin mempelajarinya.

Sublime text

Sublime text adalah text editor yang paling banyak digunakan oleh programmer. Text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya, text editor ini tersedia untuk Windows, Mac, dan Linux. Untuk kamu yang ingin menggunakan sublime bisa di download dari situs resminya, yaitu https://www,sublimetext.com

Notepad ++

Text editor ini bisa digunakan di windows dan Free licenses (dalam artian bebas digunakan tanpa biaya). Text editor memiliki ciri khas tersendiri dan banyak fitur fitur yang bisa diinstal di text editor ini. Buat kamu yang ingin memakai text editor ini bisa di download di situs resminya yaitu https://notepad-plus-plus.org/.

ATOM

Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime text. Text editor ini digunakan oleh platform Mac, Windows, dan Linux. Kalau kamu ingin menggunakan text editor ini bisa di download di https://atom.io/ .

Brackets

Text editor ini memiliki kriteria sendiri dan hampir sama dengan ATOM. Text editor ini bisa di gunakan untuk Platform Mac, Windows, dan Linux. Bagi kamu yang ingin mendownloadnya bisa langsung mengunjungi situs resminya di https://brackets.io/.

Netbeans

Text editor ini merupakan salah satu favorit programmer. Namun text editor ini bisa di kategorikan lebih berat dari text editor lain yang disebutkan diatas. Kemudahan text editor ini adalah tampilan kode program yang di tulis lebih rapi. Untuk kamu yang ingin menggunakan text editor ini bisa langsung ke situs resmi nya di https://netbeans.org/.

Itu beberapa list text editor yang bisa digunakan untuk menuliskan kode HTML. Text editor ini tidak hanya untuk HTML saja tapi bisa juga untuk kode program lainnya seperti PHP, CSS, JavaScript, dan lain lain.

Sekian Terimakasih.

Read More

Macam Macam Tag Tag HTML Dan Fungsinya Lengkap

Pengertian HTML

Belajar HTML untuk para pemula bisa dibilang mudah bisa diblang susah sebelum kita belajar mendalam HTML kita harus apa itu HTML dan apa saja fungsinya. HTML adalah unsur dasar untuk untuk membangun pondasi atau mendirikan sebuah website. Tidak hanya bangunan seperti rumah gedung ataupun sekolah, Web pun juga membutuhkan pondasi yang kuat, karena pada sebuah website yang sering kita kunjungi terbuat dari kumpulan bahasa HTML.

Pengertian HTML

Hyper Text Markup Language atau yang biasa kita sebut dengan HTML adalah sebuah bahasa Pemogramman yang digunakan untuk membuat sebuah halaman website. Didalam dunia pemograman berbasis website (web Programming), Bahasa HTML merupakan dasar pertama untuk membangun sebuah website, File HTML bisa kita simpan dengan format(ekstensi). 

html dan bisa kita akses menggunakan web browser seperti Google Chrome, Mozila Firefox, Opera, IE(Internet Explorer), Safari dan web browser lainnya. Bila kita ingin membuat sebuah website tidak cukup hanya dengan HTML saja kita juga memerlukan CSS, PHP, dan juga JavaScript untuk membuat halaman website yang dinamis, jika hanya menggunakan bahasa HTML saja maka halaman website kita terlihat statis karena tidak memiliki fungsi – fungsi yang dapat mengelola website. Tentu developer akan sangat kesulitan dengan harus mengganti file HTML bila ingin meng-update artikel baru.

Baca Juga : Text editor untuk penulisan HTML

Kegunaan HTML

HTML memiliki fungsi sebagai pondasi sebuah halaman website. HTML memiliki fungsi lain sebagai berikut ini. Membungkus element element tertentu sesuai dengan kebutuhan.

• Membuat heading atau Judul.
• Membuat tabel.
• Membuat list.
• Membuat paragraf.
• Membuat Form.
• Membuat tombol.
• Membuat huruf menjadi tebal.
• Membuat huruf menjadi miring.
• Menampilkan gambar.
• Menampilakan video.

Dan masih banyak lagi yang bisa di buat oleh bahasa HTML. Saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya, HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan Adobe Flash.

Bentuk Umum HTML

Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad, selain di notepad kalian juga bisa menuliskan kode kode html di software lainnya seperti : sublime text, Notepad ++, dan lainnya. Sekarang coba ketikan atau kalian copy kode html dibawah ini:

<!DOCTYPE html><html><head><title>isi judul</title></head><body>ini artikel untuk halaman web kalian ini artikel untuk halaman web kalian ini artikel untuk halaman web kalian </body></html><



Setelah dicopy kalian paste di notepad lalu Anda simpan dengan nama latihan.html. Untuk mengeceknya kalian cuku dengan double click(2x klik) pada file html yang telah kalian simpan.

Hasilnya akan seperti ini setelah di jalankan di web browser.

Sekarang coba anda ketikan atau copy-paste Perinta HTML dibawah ini lalu salin kedalam notepad dan simpan dengan nama latihan2.html.

<html> <head> <title> Latihan Pertamaku </title> </head> <body bgcolor="gray"> <h1>Ini judul artikel ku</h1><p align="left">Paragraf ini akan rata kiri<br></p><p align="right">Paragraf ini akan rata kanan<br></p><p align="center">Paragraf ini akan rata tengah<br></p><p align="justify">Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri Paragraf ini akan rata kanan kiri <br></p>br digunakan untuk ganti baris baru<br><br> <b>Kalimat ini akan dicetak Bold (cetak tebal) </b> <br> <i>Kalimat ini akan dicetak Italic (cetak miring) </i> <br> <b><i>Kalimat ini akan dicetak Bold dan Italic (cetak tebal dan miring)</i></b> <hr width="1000"><br> Perintah hr digunakan untuk membuat garis horizontal </body> </html>

Jika benar, seharusnya akan tampilkan seperti dibawah ini:

Perhatikan perintah HTML berikut ini

<p align ="left">

< p> adalah Tag
align adalah Atribut
Left adalah Value atau Nilai.
P pada perintah di atas disebut dengan tag, sedangkan align disebut dengan atribut. Atribut merupakan perintah yang menyertai tag.

Berikut beberapa perintah HTML dan fungsinya :

Nama Tag	Keterangan / Kegunaan
Basic
<!DOCTYPE>	Tag untuk menentukan tipe dokumen
<html>	Tag untuk membuat sebuah dokumen HTML
<title>	Tag untuk membuat judul dari sebuah halaman
<body>	Tag untuk membuat tubuh dari sebuah halaman
<h1> to <h6>	Tag untuk membuat heading
<p>	Tag untuk membuat paragraf
<br>	Memasukan satu baris putus
<hr>	Tag untuk membuat perubahan dasar kata didalam isi
<!--...-->	Tag untuk membuat komentar
Formatting
<acronym>	Tag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)
<abbr>	Tag untuk membuat sebuah singkatan
<address>	Tag untuk membuat kontak alamat
<b>	Tag untuk membuat huruf bercetak tebal
<bdi>	Mengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)
<bdo>	Mengganti arah teks
<big>	Tag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)
<blockquote>	Tag untuk membuat sebuah bagian text yang dikutip dari sumber lain
<center>	Tag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)
<cite>	Tag untuk membuat judul karya
<code>	Tag untuk membuat potongan kode komputer di antara text
<del>	Tag untuk membuat teks yang telah dihapus dari dokumen
<dfn>	Tag untuk membuat sebuah istilah definisi
<em>	Tag untuk membuat penekanan teks (tidak disupport lagi di HTML5)
<font>	Tag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)
<i>	Tag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood
<ins>	Tag untuk membuat teks yang telah dimasukkan ke dalam dokumen
<kbd>	Tag untuk membuat input keyboard
<mark>	Tag untuk membuat teks yang disorot / ditandai (tag baru HTML5)
<meter>	Tag untuk membuat pengukuran skalar
<pre>	Tag untuk membuat teks terformat
<progress>	Memperlihatkan kemajuan tugas (tag baru HTML5)
<q>	Tag untuk membuat kutipan pendek
<rp>	Tag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)
<rt>	Tag untuk membuat sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur)
<ruby>	Tag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)
<s>	Tag untuk membuat teks yang tidak lagi benar
<samp>	Tag untuk membuat contoh keluaran dari program komputer
<small>	Tag untuk membuat teks kecil
<strike>	Tag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)
<strong>	Tag untuk membuat teks penting
<sub>	Tag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)
<sup>	Tag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)
<time>	Tag untuk membuat tanggal / waktu (tag baru HTML5)
<tt>	Tag untuk membuat teks teletype (tidak disupport lagi di HTML5)
<u>	Tag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya
<var>	Tag untuk membuat sebuah variabel
<wbr>	Tag untuk membuat kemungkinan garis-putus
Forms
<form>	Tag untuk membuat sebuah form HTML untuk input pengguna
<input>	Tag untuk membuat sebuah kontrol input
<textarea>	Tag untuk membuat sebuah kontrol input multibaris (text area)
<button>	Tag untuk membuat sebuah tombol yang dapat diklik
<select>	Tag untuk membuat sebuah daftar drop-down
<optgroup>	Tag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down
<option>	Tag untuk membuat pilihan dalam daftar drop-down
<label>	Tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset>	Grup unsur terkait dalam bentuk
<legend>	Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<datalist>	Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<keygen>	Tag untuk membuat key-pair generator kolom input (tag baru HTML5)
<output>	Tag untuk membuat hasil penghitungan (tag baru HTML5)
Frames
<frame>	Tag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)
<frameset>	Tag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)
<noframes>	Tag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)
<iframe>	Tag untuk membuat sebuah bingkai
Image
<img>	Tag untuk membuat gambar
<map>	Tag untuk membuat gambar-peta
<area>	Tag untuk membuat area dalam gambar-peta
<canvas>	Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)
<figcaption>	Tag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)
<figure>	Menentukan konten mandiri (tag baru HTML5)
Audio/Vidio
<audio>	Tag untuk membuat isi suara (tag baru HTML5)
<source>	Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<track>	Tag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)
<video>	Tag untuk membuat sebuah video atau film (tag baru HTML5)
Links
<a>	Tag untuk membuat hyperlink
<link>	Tag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)
<nav>	Tag untuk membuat navigasi link (tag baru HTML5)
Lists
<ul>	Tag untuk membuat daftar dengan selain nomor
<ol>	Tag untuk membuat daftar dengan nomor
<li>	Tag untuk membuat sebuah item daftar
<dir>	Tag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)
<dl>	Tag untuk membuat sebuah daftar definisi
<dt>	Tag untuk membuat istilah (item) dalam daftar definisi
<dd>	Defines a description of an item in a definition list
<menu>	Tag untuk membuat deskripsi dari item dalam daftar definisi
<command>	Tag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)
tables
<table>	Tag untuk membuat tabel
<caption>	Tag untuk membuat sebuah caption tabel
<th>	Tag untuk membuat sebuah sel header tabel
<tr>	Tag untuk membuat baris dalam sebuah tabel
<td>	Tag untuk membuat sel dalam sebuah tabel
<thead>	Mengelompokan isi header dalam sebuah tabel
<tbody>	Mengelompokanisi tubuh dalam sebuah tabel
<tfoot>	Mengelompokan isi footer dalam sebuah tabel
<col>	Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup>	Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat
Style/Sections
<style>	Tag untuk membuat informasi style untuk dokumen
<div>	Tag untuk membuat sebuah bagian dalam dokumen
<span>	Tag untuk membuat sebuah bagian dalam dokumen
<header>	Tag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)
<footer>	Tag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)
<hgroup>	Pengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)
<section>	Tag untuk membuat bagian dalam dokumen (tag baru HTML5)
<article>	Tag untuk membuat sebuah artikel (tag baru HTML5)
<aside>	Tag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)
<details>	Tag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)
<dialog>	Tag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)
<summary>	Tag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)
Meta info
<head>	Tag untuk membuat informasi tentang dokumen
<meta>	Tag untuk membuat metadata tentang dokumen HTML
<base>	Menentukan URL dasar / target untuk semua URL relatif dalam dokumen
<basefont>	Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)
Programming
<script>	Tag untuk membuat script di sisi klien
<noscript>	Tag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien
<applet>	Tag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)
<embed>	Tag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)
<object>	Tag untuk membuat sebuah objek yang ditanam
<param>	Tag untuk membuat sebuah parameter untuk objek

Sekian untuk pembahasan dari saya mengenai HTML dasar, Bila kalian ingin belajar lebih dalam tentang Cara penulisannya dan sebagainya kalian bisa mengunjungi website yang sering saya kunjungi untuk mempelajari bahasa pemograman web.

Web nya yaitu : w3schools
Atau bagi kalian yang ingin belajar HTML dasar melalui vidio bisa di klik Details dibawah ini :

• Download Vidio HTML dasar [ Klik disini ]
Size : 257MB
Terdiri dari 13 vidio


• Nonton Vidio HTML dasar [ Klik disini ]

sumber : WebProgammingUnpas

Jangan lupa untuk Share artikel ini semoga bermanfaat untuk kalian yang ingin belajar Pemograman web.

Terima kasih sudah datang di CatatanShand.blogspot.com

Read More