PRODUK
JUMLAH PRODUK
Total Produk : 74,
DETERGEN : 13
MINYAK GORENG : 10
SABUN CUCI PIRING : 3
PEMBERSIH LANTAI : 8
PELEMBUT/PEWANGI PAKAIAN : 6
PASTA GIGI : 5
PASTA GIGI ANAK : 4
SABUN MANDI REFFIL : 13
SABUN MANDI CAIR BOTOL : 10
HAND SOAP REFFIL : 3
HYPERTEXT MARKUP LANGUAGE
PENGERTIAN HTML ( HYPERTEXT MARKUP LANGUAGE )
Mengenal HTML ialah singkatan dari HyperText Markup Languange merupakan bahasa web atau markup internet yang berasal dari kombinasi antara text dan informasi berupa simbol atau kode yang akan dimasukan kedalam suatu file guna membuat suatu halaman situs. Secara singkat mengenal HTML adalah bahasa markup internet yang beguna untuk membuat suatu website.
Melalui aplikasi browser atau penjelajah internet seperti Google Chrome, Internet Explorer dan Mozilla Firefox, website yang sudah dibuat lewat HTML akan dapat dilihat oleh siapa saja yang terkoneksi dengan jaringan internet. Dalam mengenal HTML dapat menampilkan bermacam informasi pada software di website browser dan juga formating hypertext yang tertulis dalam ASCII atau American Standard Code for Information Interchange.
HTML adalah bahasa komputer yang dirancang untuk memungkinkan pembuatan situs web. Situs web ini kemudian dapat dilihat oleh siapa pun yang terhubung ke Internet. Relatif mudah dipelajari, dengan dasar-dasarnya dapat diakses oleh kebanyakan orang dalam satu kesempatan; dan cukup andal dalam hal memungkinkan Anda berkreasi. Bahasa ini terus-menerus mengalami revisi dan evolusi untuk memenuhi permintaan dan persyaratan dari pemirsa Internet yang terus berkembang di bawah arahan »W3C, organisasi yang bertugas merancang dan memelihara bahasa.
Definisi HTML adalah HyperText Markup Language.
- HyperText adalah metode yang Anda gunakan untuk berpindah-pindah di web - dengan mengklik teks khusus yang disebut hyperlink yang membawa Anda ke halaman berikutnya. Fakta bahwa itu hiper hanya berarti tidak linier - yaitu Anda dapat pergi ke tempat mana pun di Internet kapan pun Anda mau dengan mengklik tautan - tidak ada urutan yang ditetapkan untuk melakukan sesuatu.
- Markup adalah apa yang dilakukan tag HTML pada teks di dalamnya. Mereka menandainya sebagai jenis teks tertentu (teks miring, misalnya).
- HTML adalah Bahasa, karena memiliki kata-kata kode dan sintaks seperti bahasa lainnya.
Mengenal Sejarah Perkembangan HTML
Pada awalnya mengenal HTML pertama kali diciptakan pada tahun 1989 oleh Tim Berners-Lee yaitu salah satu ahli fisika yang berada di lembaga penelitian CERN, Swiss. Saat itu HTML diciptakan untuk mengkodekan beberapa dokumen yang bersifat elektronik secara sederhana dan juga efektif.
Mengenal HTML pada awal perkembangannya telah mengalami bermacam perkembangan pada setiap versinya. Berikut beberapa versi perkembangan dari mengenal HTML, diantaranya:
HTML versi 1.0
Pada versi ini masih terdapat banyak kelemahan dan masih sangat wajar apabila tampilan dari versi ini sangat sederhana. HTML versi 1.0 ini memiliki kemampuan seperti paragraf, hypertext, heading, list dan juga cetak miring maupun tebal pada text. Namun demikian dalam versi ini mampu mendukung gambar pada dokumen tanpa wraping text.
HTML versi 2.0
Sudah ada penambahan pada kualiatasnya dalam menampilan form pada suatu dokumen. Melalui form ini dapat memasukkan alamat, nama, dan juga saran. Keunggulan versi ini adalah mendukung adanya web interaktif.
HTML versi 3.0
Pada versi ini sudah ada penambahan beberapa fasilitas seperti FIGURE yaitu sudah dapat meletakkan tabel dan gambar. Tak hanya itu juga telah tersedia rumus-rumus matematika pada dokumen tersebut. Namun tak lama waktu berselang versi ini tergantikan oleh HTML 3.2
HTML versi 3.2
Salah satu versi yang sering digunakan karena sudah terdapat teknologi yang mendukung dalam meletakkan teks pada sekitar gambar dan gambar sebagai latar belakang, frame, style sheet, tabel dan lainnya. Selain itu versi ini memudahkan Kita dalam menggunakan script yang ada diluar HTML seperti VBScript, dan Javascript sebagai pendukung kinerjanya.
HTML versi 4
Terdapat beberapa perubahan diantaranya seperti link, meta, image, tabel, form, imagemaps dan lainnya. Selain itu juga peningkatan pada beberapa fungsi yang ada pada versi sebelumnya.
HTML versi 4.01
Munculnya versinya sebagai perbaikan dari versi sebelumnya yaitu versi 4, membuat standarisasi untuk atribut dan juga elemen pada script XHTML 1.0.
HTML versi 5.0
Versi terbaru yang sudah ada sejak tahun 2009 yang ditangani oleh organisasi IETF (Internet Engineering Task Force) dan W3C (World Wide Web Consortium) dengan adanya tambahan memiliki prosedur dalam pembuatan tampilan pada website baru melalui gabungan dari HTML dengan javascript, dan CSS.
Jika mengenal HTML lebih dalam, seperti yang sudah dijelaskan sebelumnya memiliki singkatan dari HypertText Markup Language, namun tahukah Anda apa saja arti dan juga penjelasan dari setiap kata tersebut?
Hypertext, merupakan metode yang berguna untuk berpindah satu halaman website ke halaman website lainnya dengan menggunakan text khusus pada internet yang disebut dengan hyperlink. Cara kerjanya text tersebut apabila Kita klik nantinya Kita akan diarahkan pada halaman website lainnya. Itulah mengapa disebut dengan hypertext.
Markup, cukup terdengar unfamiliar bagi yang belum mengenal tentang HTML, nah Makup ini merupakan hal yang biasa dilakukan dalam tag HTML pada teks yang tersedia guna menandai tipe teks tertentu. Seperti contohnya terdapat tag atau tanda html maka berarti teks dengan tanda tersebut akan berubah jadi italic atau berupa huruf miring, begitu juga contohnya dengan tag berarti bold maka teks akan berubah menjadi tebal.
HTML dibuka dengan tag khusus dengan nama Opening Tag dan ditutup dengan Closing Tag yang disisipi tag penutup . Namun terkadang juga ada kasus tag tidak mempunyai Opening tag dan Closing Tag sebagai Contoh tag Gambar 
.
Penutup dan Kesimpulan
HTML sendiri merupakan bahasa paling dasar dalam pemrograman pembuatan Website maupun Aplikasi. Saat ini sudah ada keluaran HTML5 dengan beberapa fungsi tag yang lebih mudah dan fleksibel untuk digunakan.
Pada dasarnya HTML berfungsi sebagai kerangka dasar untuk membuat sebuah website dan pastinya digabungkan dengan pemrograman lain seperti Javascript, CSS, Java, JS, dll.
JQUERY
PENGERTIAN JQUERY
jQuery adalah library JavaScript yang akan mempercepat Anda dalam membuat website. Developer maupun pengguna yang masih awal belajar mengenai pemrograman terkadang kesulitan menggunakan JavaScript karena sintaksnya yang terlalu rumit. Namun jQuery bisa membantu Anda untuk lebih mudah memahami dan menggunakan JavaScript untuk proses pengembangan aplikasi web.
Apa itu jQuery?
jQuery adalah library JavaScript yang cukup andal, ringkas, dan mempunyai fitur yang cukup lengkap. Library ini membuat pemrosesan di HTML seperti perubahan dan manipulasi dokumen, event handling, animasi, dan Ajax dapat menjadi lebih sederhana. Hal ini didukung dengan API yang mudah digunakan dan dapat bekerja di berbagai macam browser.
Menggunakan kombinasi versatility (keserbagunaan) dan extensibillty (bisa dikembangkan), jQuery sudah mengubah cara ribuan bahkan jutaan developer menggunakan bahasa pemrograman JavaScript. Ini membuktikan bahwa jQuery merupakan salah satu library yang cukup populer di JavaScript.
Fungsi jQuery
Jadi apa fungsi jQuery? Singkatnya, jQuery berfungsi sebagai library JavaScript yang akan membantu Anda mengatur interaksi antara JavaScript dengan HTML yang berjalan di sisi klien.
Fitur-Fitur jQuery
jQuery mempunyai beberapa fitur unggulan, berikut beberapa fitur unggulan jQuery yang perlu Anda ketahui:
Manipulasi HTML/DOM
Manipulasi CSS
HTML Event Methods
Efek dan Animasi
AJAX
CSS3 Compliant
Cross-Browser
Anda pun dapat memahami berbagai macam fitur di jQuery lebih lanjut di halaman Learning Center.
Selain itu keunggulan utama dari penggunaan jQuery adalah kesederhanaannya. Anda hanya membutuhkan sedikit pengetahuan mengenai pemrograman untuk membuat berbagai macam animasi yang menarik.
Baca juga: 16 Bahasa Pemrograman untuk Membuat Website
Library ini juga sangat fleksibel karena pengguna dapat menambahkan plugin. Jadi ketika Anda tidak tahu bagaimana mengatur sebuah baris kode menggunakan CSS, Anda dapat melakukannya menggunakan jQuery.
Library ini juga menjadi solusi cepat untuk menyelesaikan permasalahan Anda dalam hal kecepatan. Selain itu, library ini merupakan solusi yang pantas untuk dicoba. Melalui jQuery dan didukung kerja sama sebuah tim yang solid membuat proses pengembangan menjadi lebih cepat dan efektif, yang mana proses ini dapat menghemat biaya di dalam proses pengambangan.
Kelebihan dan Kekurangan jQuery
Di dalam dunia open source, jQuery cukup mendapatkan dukungan karena mempunyai banyak kelebihan, seperti:
Dapat berinteraksi baik dengan berbagai macam tipe bahasa pemrograman lain;
Mendukung berbagai macam plugin; dan
Membuat sebuah animasi dasar dengan sangat mudah.
Meskipun mempunyai banyak keunggulan, jQuery juga mempunyai beberapa kekurangan.
Perangkat lunak open source terkadang mempunyai beberapa masalah;
Saat ini sudah banyak versi jQuery yang tersedia, ini berarti beberapa versi sudah tidak kompatibel dengan daripada yang lainnya;
jQuery menyediakan fitur lightweight interface yang mungkin saja akan menimbulkan sebuah permasalahan di kemudian hari.
Terkait permasalahan perangkat lunak open source, hal ini dikarenakan tidak ada standar yang mengatur. Jadi ketika Anda mempunyai sebuah permasalahan, tidak mempunyai uang, dan tidak mempunyai kemampuan untuk menyelesaikan permasalahan tersebut, Anda mungkin tidak akan pernah menemukan solusi dari permasalahan yang Anda hadapi.
Kenapa hal ini bisa terjadi? Perangkat lunak open source dikelola oleh komunitas, yang mana member di dalam komunitas ini tidak pasti menyediakan solusi dari permasalahan Anda.
Supaya Anda bisa memaksimalkan potensi jQuery dan meminimalisir permasalahan yang terjadi, Anda perlu aktif di dalam community development dan memahami tingkat atau level dari skill pemrograman individu maupun tim.
Tidak tahu bagaimana cara memprogram berarti tidak mengetahui bagaimana cara menyelesaikan permasalahan yang muncul dengan jQuery. Meskipun jQuery tampak mudah dan mengesankan, membuatnya bekerja dengan baik menjadi PR tersendiri. Namun Anda tidak perlu khawatir, di bawah ini adalah contoh penggunaan jQuery pada umumnya. Semoga bisa membantu Anda lebih jauh memahami jQuery.
Baca juga: Plugin jQuery untuk Web Developer
Cara Menggunakan jQuery dan Contohnya
jQuery mempunyai sebuah motto “Writer less, do more”. Hal ini dapat Anda lihat ketika membandingkan dua buah program sederhana “Hello, World!” di dalam JavaScript dan menggunakan jQuery.
Anda dapat melihat bagaimana perbedaan bagaimana program tersebut ditulis menggunakan JavaScript dan jQuery.
JavaScript
document.getElementById(“demo”).innerHTML = “Hello, World!”;
jQuery
$(“#demo”).html(“Hello, World!”);
Baris kode di atas merupakan sebuah contoh bagaimana jQuery dapat menghasilkan output yang sama dengan baris kode yang lebih sederhana.
Contoh jQuery
Selain contoh di atas, masih ada beberapa contoh jQuery yang membuktikan bahwa jQuery memudahkan aktivitas programming Anda. Berikut adalah beberapa contohnya:
Contoh jQuery untuk Membuat Efek Sliding
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
});
});
Kode jQuery untuk Membuat Fade In dan Fade Out
$(document).ready(function(){
$("button").click(function(){
$("#div2").fadeIn("slow");
$("#div1").fadeIn();
$("#div3").fadeIn(3000);
});
});
Contoh jQuery untuk Membuat Efek Hide and Show
$(document).ready(function(){
$("#hide").click(function(){
$("#show").click(function(){
$("p").hide();
});
$("p").show();
});
});
Kode jQuery untuk Membuat Efek Animasi
$(document).ready(function(){
$("button").click(function(){
$("div").animate({left: '250px'});
});
});
Penutup
jQuery merupakan library yang cukup populer dan dapat mempermudah Anda untuk menggunakan JavaScript. Anda dapat memanfaatkan library ini untuk mempermudah proses pengembangan aplikasi web. Sintaks yang digunakan lebih sederhana daripada JavaScript sehingga program Anda akan terlihat lebih sederhana tapi mempunyai fitur yang lengkap.
HYPERTEXT PREPROCESSOR
PENGERTIAN PHP ( HYPERTEXT PREPROCESSOR )
PHP (Hypertext Prepocessor) diciptakan oleh Rasmus Lerdorf seorang pemrogram C, dan digunakan untuk mencatat jumlah pengunjung pada homepage-nya. Pada awal tahun 1995 dirilis PHP/FI (Form Interpreter) yang memiliki kemampuan dasar membangun aplikasi web, memproses form dan mendukung data mySQL.Karena antusiasme pengguna internet yang begitu besar, ahirnya pada pertengahan tahun 1997 Rasmus Ledorf menyerahkan pengembanganya kepada sebuah tim pemrograman dalam kerangka open source dan oleh Zeev suraski dan Andi Gutmans, parsernya ditulis ulang kembali menjadi bentuk program parser baru yaitu PHP 3.0 yang memiliki dukungan lebih luas lagi terhadap database yang ada termasuk mySQL dan Oracle.
Pengertian PHP, Fungsi dan Sintaks Dasarnya
PHP (PHP: Hypertext Preprocessor) adalah sebuah bahasa pemrograman server side scripting yang bersifat open source. Bahasa pemrograman ini banyak digunakan untuk pengembangan website.
Sebagai sebuah scripting language, PHP menjalankan instruksi pemrograman saat proses runtime. Hasil dari instruksi tentu akan berbeda tergantung data yang diproses. Inilah yang membuat PHP sering digunakan untuk membangun website yang dinamis seperti toko online.
PHP merupakan bahasa pemrograman server-side, maka script dari PHP nantinya akan diproses di server. Jenis server yang sering digunakan bersama dengan PHP antara lain Apache, Nginx, dan LiteSpeed.
Selain itu, PHP juga merupakan bahasa pemrograman yang bersifat open source. Pengguna bebas memodifikasi dan mengembangkan sesuai dengan kebutuhan mereka. Tentunya jika memiliki kemampuan coding yang baik, ya?
Meskipun awalnya hanya untuk membangun situs pribadi, perkembangan PHP cukup pesat. Saat ini, tak kurang dari 78% website di seluruh dunia menggunakan bahasa pemrograman yang diciptakan Rasmus Lerdorf di tahun 1995 ini. Bahkan platform besar seperti Facebook juga menggunakannya.
Sintaks Dasar PHP
Setiap bahasa pemrograman memiliki aturan coding sendiri. Begitu pula dengan PHP. Sintaks dasarnya dibuka dengan sebagai terlihat di contoh berikut:
Inilah penjelasan kode tersebut:
adalah kode untuk mengakhiri PHP dan wajib digunakan saat digabung dengan bahasa pemrograman lain seperti HTML.
Sintaks PHP bersifat case sensitive. Jadi, penggunaan huruf besar atau kecil akan turut mempengaruhi output yang diberikan. Sebagai contoh :
Kode di atas akan menghasilkan output: Yogyakarta di halaman website.
Namun, jika dituliskan seperti ini:
Anda akan mendapati tampilan error. Alasannya, adanya perbedaan antara variabel $alamat dan $Alamat.
Pada PHP, Anda juga bisa menuliskan komentar sebagai penjelasan dari kode yang ditulis. Komentar di PHP menggunakan // atau */ dan tidak akan dimunculkan sebagai output di browser. Contohnya sebagai berikut:
Semua kode PHP yang ditulis harus disimpan dengan file ekstensi .php.
Contoh Kode PHP
Nah, setelah belajar tentang sintaks dasar PHP, mari lihat contoh kode PHP dalam penggunaan dengan bahasa pemrograman lainnya.
1. HTML
Anda bisa menyisipkan kode PHP di dalam HTML. Contoh penggunaannya adalah sebagai berikut:
Contoh
Kode di atas akan memunculkan hasil pada browser:
Seperti terlihat kode PHP disisipkan di dalam body HTML. Dengan perintah echo, browser memunculkan hasil teks yang diinstruksikan.
2. CSS
Berikut ini adalah contoh penggunaan gabungan dengan HTML dan CSS:
Selamat Datang";
echo "Selamat Datang
Ini adalah Contoh Gabungan PHP dan Javascript
Ini merupakan contoh
Dengan PHP
Semoga Harimu Menyenangkan
"; ?> Ketika digunakan bersama dengan CSS, output yang diberikan tentu memiliki atribut CSS seperti warna dan ukuran font yang berbeda sebagai berikut: contoh gabungan PHP dan CSS 3. JavaScript Contoh penggunaan kode gabungan dengan JavaScript terlihat di kode berikut:Selamat Datang
Semoga Harimu Menyenangkan
Ini adalah Contoh Gabungan PHP dan Javascript
PHP Dasar
Berdasarkan kode-kode di atas, browser akan menampilkan output sebagai berikut: contoh gabungan PHP dan Javascript 4. Gabungan Jika digunakan bersama dengan HTML, CSS dan JavaScript sekaligus, contoh kode yang digunakan adalah sebagai berikut:Ini merupakan contoh
Penggabungan CSS, HTML, dan Javascript
Dengan PHP
Contoh
Berikut ini tampilannya di browser: gabungan php javascript css html Penulisan Kode-Kode PHP Anda baru saja belajar contoh kode PHP. Pada dasarnya, penulisan kode bahasa pemrograman ini terbagi dua : 1. PHP Native Native adalah penulisan kode PHP dari nol ketika melakukan perancangan sebuah website. PHP Native sering digunakan oleh developer yang memiliki keahlian coding cukup baik atau mereka yang ingin membuat kerangka alur yang unik dengan fungsionalitas tinggi. 2. PHP Framework Ketika menggunakan framework, developer dapat memanfaatkan kerangka pengelolaan website yang sudah jadi. Artinya, tidak perlu membuatnya dari awal sehingga memudahkan pekerjaan. Framework dapat membantu developer bekerja lebih efisien dan menyelesaikan pengembangan website lebih cepat. Beberapa Framework PHP yang populer digunakan antara lain: CodeIgniter, Laravel, Yii, Symfony dan Zend Framework. PHP dan MySQL PHP sering digunakan bersama dengan MySQL untuk membangun sebuah website yang dinamis. MySQL adalah sebuah sistem manajemen database yang akan mengakses dan memproses data. ilustrasi hubungan php dan mysql Sebelumnya PHP dan MySQL harus sudah terhubung satu sama lain. Nah, ketika ada permintaan dari browser ke web server, PHP akan menghubungi MySQL server untuk mencarikan data yang dibutuhkan di database. Setelah mendapatkan datanya, MySQL server akan meneruskan informasi tersebut ke server untuk dilanjutkan ke browser.
Langganan:
Postingan (Atom)
PRODUK
NAMA BARANG DETERGEN : RINSO ANTI NODA 900G 15246 RINSO MOLTO 900G 15246 ATTACK EASY 900G 16533 ATTACK SOFTENER 900G 17919 ATTACK MAXIMIZER...
-
Total Produk : 74, DETERGEN : 13 MINYAK GORENG : 10 SABUN CUCI PIRING : 3 PEMBERSIH LANTAI : 8 PELEMBUT/PEWANGI PAKAIAN : 6 PASTA GIGI : 5... -
PENGERTIAN JQUERY jQuery adalah library JavaScript yang akan mempercepat Anda dalam membuat website. Developer maupun pengguna yang masih...
