Pemograman Web (Mysql)

PEMOGRAMAN WEB

-MySQL

Pengertian MySQL 

MySQL merupakan sebuah perangkat lunak atau software sistem manajemen basis data SQL atau  DBMS Multithread dan multi user. MySQl sebenarnya merupakan turunan dari salah satu konsep utama dalam database untuk pemilihan atau seleksi dan pemasukan data yang memungkinkan pengoperasian data dikerjakan secara mudah dan otomatis. MySQL diciptakan oleh Michael "Monty" Widenius pada tahun 1979, seorang programmer komputer asal Swedia yang mengembangkan sebuah sistem database sederhana yang dinamakan UNIREG yang menggunakan koneksi low-level ISAM database engine dengan indexing.

Membuat Database MySQL Dasar 

1. 1
   Hubungkan dengan server MySQL. Anda harus menghubungkan terlebih dahulu ke server MySQL sebelum Anda membuat database Anda sendiri. Anda dapat melakukan hal ini dengan memberikah perintah langsung, atau dengan menggunakan PHP, yang mana akan diberitahukan disini. Membuat koneksi dengan menggunakan perintah mysqli_connect(host, username, password).^[4]
   

   <?php
   $connection=mysqli_connect("contoh.com","admin","password1");
   /*
   Ini akan membuat koneksi dengan server MySQL pada contoh.com
   dengan username “admin” dan password “password1”.
   */
   if (mysqli_connect_errno())
     {
     echo "Gagal membuat sambungan pada MySQL: " . mysqli_connect_error();
     }
   //Ini merupakan pesan jika koneksi tidak berhasil.
   ?>
   

   • Koneksi pada database dituliskan dengan “$connection”. Ini akan memudahkan Anda untuk menambahkannya pada skrip nanti.
   • Untuk mengetahui cara untuk membuat database menggunakan perintah MySQL Anda dapat membaca artikel ini.
2. 2
   Buat database Anda. Setelah koneksi terbuka, Anda dapat memasukan kode ini untuk membuat database. Database belum berisi data pada saat ini; Tabel pertama akan dimasukan pada langkah berikutnya. Anda dapat menuliskan perintah CREATE DATABASE untuk membuat database.
   

   <?php
   $connection=mysqli_connect("contoh.com","admin","password1");
   if (mysqli_connect_errno())
     {
     echo "Gagal membuat sambungan pada MySQL: " . mysqli_connect_error();
     }
   $sql="CREATE DATABASE database1";
   if (mysqli_query($connection,$sql))
     {
     echo "Database database1 telah berhasil dibuat";
     }
   else
     {
     echo "Gagal membuat database: " . mysqli_error($connection);
     }
   ?>
   
3. 3
   Buat tabel untuk database Anda. Setelah database berhasil dibuat, Anda dapat mulai membuat tabel untuk menyimpan data yang Anda terima. Tabel tersebut dapa Anda atur sedemikian rupa untuk mampu menampung data Anda. Tabel pada tahap ini akan memiliki tiga kolom: NamaAwal, NamaAkhir, dan Umur. Tabel akan disebut sebagai “Users”
   

   <?php
   $connection=mysqli_connect("contoh.com","admin","password1", “database1”);
   if (mysqli_connect_errno())
     {
     echo "Gagal membuat sambungan pada MySQL: " . mysqli_connect_error();
     }
   $sql = "CREATE TABLE Users 
   (
   PID INT NOT NULL AUTO_INCREMENT, 
   PRIMARY KEY(PID),
   NamaAwal CHAR(30),
   NamaAkhir CHAR(30),
   Umur INT
   )";
   /*
   Setiap kolom harus memiliki tipe data yang spesifik (CHAR, INT, dll.).
   Untuk nila dari CHAR, Anda harus mengatur berapa yang Anda butuhkan (30 dalam contoh ini).
   Fungsi dari AUTO_INCREMENT adalah untuk meningkatkan bidang PID pada setiap masukan (entry).
   Ini biasanya memerlukan nomor ID pada setiap masukan.
   */
   if (mysqli_query($connection,$sql))
     {
     echo "Tabel berhasil dibuat";
     }
   else
     {
     echo "Gagal membuat tabel: " . mysqli_error($connection);
     }
   ?>

PEMOGRAMAN WEB

-CSS

Pengertian CSS 

 CSS atau Cascading Style Sheets adalah sebuah dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS memperkenalkan “template” yang berupa style untuk dibuat dan mengijinkan penulisan kode yang lebih mudah dari halaman-halaman web yang dirancang. CSS mampu menciptakan halaman yang tampak sama pada resolusi layar yang berbeda dari pengunjung berbeda tanpa memerlukan penggunaan tabel seperti pada html klasik.

Dengan CSS anda akan lebih mudah dalam melakukan setting tampilan keseluruhan web hanya dengan menggantikan atribut-atribut atau perintah dalam style CSS dengan atribut yang diinginkan. Anda tidak perlu repot merubah satu per satu atribut tiap elemen yang ada dalam halaman web jika anda menggunakan style CSS ini.

Dengan menggunakan CSS, maka dokumen yang dibuat menggunakan HTML murni akan dapat lebih disingkat dan akan lebih mengefisiensikan waktu yang dibutuhkan. Bayangkan jika kita membuat sebuah situs yang kompleks dengan banyak atribut untuk tiap halaman dalam situs tersebut, maka kita harus menentukan tiap atribut untuk tiap halaman tersebut satu per satu.

Bagaimana jika terdapat seratus atau lebih halaman dalam situs tersebut? Bayangkan berapa banyak waktu yang kita habiskan hanya untuk memformat tiap halaman jika terdapat kesalahan dalam halaman-halaman tersebut? Namun masalah tersebut dapat lebih diminimalisir dengan menggunakan CSS, karena kita hanya akan membuat sebuah style yang akan memformat keseluruhan halaman dalam situs yang dibuat dan kita cukup menentukan selector dalam style yang akan digunakan dalam halaman-halaman tersebut dan mengeditnya.

Saat ini CSS merupakan style yang banyak digunakan dikarenakan berbagai kemudahan dan lengkapnya atribut yang dimilikinya, disamping berbagai kemudahan lain yang ditawarkannya. Penggunaan CSS dalam web akan lebih efisien dikarenakan CSS dapat digunakan untuk penggunaan secara berulang pada tag-tag tertentu, sehingga kita tidak usah mengetikkan ulang seluruh perintah pemformatan seperti halnya dalam HTML klasik.

Pemograman Web (JavaScript)

PEMOGRAMAN WEB

-JAVASCRIPT

 Pengertian Javascript

Javascipt merupakan bahasa pemrograman komputer yang dinamis. Biasanya sering digunakan pada web browser untuk menciptakan halaman web yang menarik, interaktif, serta merapkan berbagai fungsi pada halaman web. Javascript merupakan salah satu pemrograman web yang harus kita pelajari (selain HTML dan CSS).

 Cara Kerja Javascript

Javascript bukan sebuah compiled language, artinya javascript tidak memerlukan sebuah compiler agar kode yang ada di dalamnya bisa dijalankan. Kode dari Javascript langsung diterjemahkan oleh web browser.Untuk dapat menjalankan Javascript,Web browser harus support Javascript. Semua web browseryang ada pada masa sekarang ini umumnya sudah mendukung Javascript. Javascript biasanya ditulis pada dokumen HTML atau dengan membuat file terpisah yang kita hubungkan dengan dokumen HTML .Untuk penulisan Javascript di dalam dokumen HTML, penulisan scriptnya bisa kita tulis di dalam tag <head> </head> atau di dalam tag <body></body>. Cara penulisannya ada dengan menuliskan tag <script type="text/javascript> Kode Javascript </script>. Sedangkan apabila kita menggunakan file Javascript yang terpisah, kita bisa menambahkan tag <script type="text/javascript" src="filejavascript.js"></script>.

Contoh Penggunaan

 Beberapa contoh dalam menggunakannya sebagai berikut ini:

• Berputar atau pun bergulir teks
• Untuk membuat bagian dari suatu bentuk yang terlihat atau pun tidak terlihat sama sekali. Sebagai contoh itu dalam sebuah formulir pemesanan, apabila pengguna harus kotak centang  “menyampaikan kepada alamat yang berbeda”,  bagian ekstra dengan kotak teks dengan streetname pengiriman, nomor, dan juga tempat dapat dibuat secara terlihat
• Sebagai drop down menu
• Dapat mengambil informasi tambahan dari server (Ajax) agar sebagian nya me-refresh halaman
• Dapat memvalidasi input pengguna di formulir
• Adanya perhitungan tanpa perlu kembali ke server
• Bisa menentukan jenis browser

Jelas terkait dari beberapa informasi pada jenis tertentu dari pengguna, seperti alamat email dari bot. Bahasa server-side seperti PHP atau pun Perl merupakana cara terbaik dalam memodifikasi halaman sebelum loading, walaupun ada beberapa kasus pada Server-JavaScript (SJS). Akan tetapi tidak semua browser memiliki juru dari JavaScript misalnya seperti browser hanya teks Lynx, atau pun dalam menjalankan versi terbaru.

Di samping itu, beberapa pengguna juga mematikan kemampuan JavaScript dengan pilihan tertentu. Secara default, halaman web harus lah menggunakan JavaScript agar dapat meningkatkan pengalaman para pengguna, bukan bergantung padanya saja. Hal ini sering juga disebut sebagai degradasi anggun atau apabila di maknai dengan bahasa kita itu jika pengguna telah dimatikan JavaScript, halaman mesti selalu dalam keadaan terbebani, menyajikan informasi yang sama tetapi tanpa adanya fungsi tambahan yang disediakan oleh JavaScript itu sendiri. 

Pemograman Web (HTML)

PEMOGRAMAN WEB

-HTML

Pengertian HTML 

HTML adalah singkatan dari Hypertext Markup Language. Bahasa HTML digunakan untuk membangun halaman web. Selain itu, HTML adalah bahasa markup yang umum digunakan oleh para developer web. Karena kemudahan dalam menggunakannya, HTML menjadi bahasa pemrograman web yang populer dikalangan para developer.

HTML mempunyai fungsi di antaranya dapat menentukan format suatu teks, membuat list, membuat link ke dokumen lain, menyisipkan gambar, serta dapat menampilkan informasi dalam bentuk tabel. Selain itu, HTML juga berfungsi untuk mengatur tampilan dari halaman web dan isinya, menambahkan objek seperti gambar, video, audio, dan lain-lain. 

Bagi pembaca yang baru mengenal HTML, untuk membuat dokumen web dengan HTML cukup mudah dilakukan. Namun sebelumnya, baiknya pembaca mengenal terlebih dahulu struktur yang dimiliki oleh HTML. Di bawah ini akan dijelaskan mengenai strukur dan bagaimana menggunakan HTML. 

 Untuk mulai memahami cara menggunakan HTML, silahkan lihat gambar struktur halaman HTML di bawah ini.

Pada intinya halaman HTML terdiri dari tag, element, dan attribute atau halaman HTML itu disusun oleh element-element seperti body, paragraph, table, list, dan lain-lain. Penandaan setiap element menggunakan tag dengan format penulisan dengan menggunakan tanda baca “<”, “>”, “/” atau <tag>content</tag>. Pada contoh di atas <h1>Heading 1</h1> merupakan tag.

Untuk lebih jelasnya, mari kita praktekan dengan membuat sebuah halaman HTML menggunakan editor teks yang sudah pembaca miliki. Pada contoh ini saya menggunakan editor teks Visual Studio Code. Silahkan buat file baru kemudian salin kodingan HTML di bawah ini.

1 2 3 4 5 6 7 8 9 10 11

<html>     <head>         <title>Halaman HTML</title>     </head>          <body>         <h1>Hello World</h1>         <p>Ini adalah paragraf pertama di halaman HTML</p>         </p>     </body> </html>

Setelah itu, silahkan simpan file tersebut pada folder yang yang diinginkan serta berikan nama pada file tersebut dengan akhiran .html atau .htm . Pada contoh ini, saya berikan nama file tersebut adalah index.html. Silahkan klik file tersebut untuk melihat halaman HTML yang sudah dibuat.

Contoh di atas memperlihatkan title, heading 1, dan paragraph. Untuk menambahkan informasi terhadap element atau tag, kita menggunakan attribute. Element HTML dapat memiliki attribute, hal ini yang memberikan informasi terhadap element  tersebut. Selain itu, attribute selalu ditentukan dalam awal tag. Contoh di bawah ini merupakan kodingan HTML yang menampilkan gambar dengan attribute yang memberikan ukuran gambar atau width dan height.

1	<img src="teknojurnal.jpg" width="104" height="142">

Contoh lainnya adalah tag untuk menampilkan link yang mempunyai href attribute. Ini berfungsi untuk menampilkan halaman lain dengan cara melakukan klik pada kata “ini adalah link”. Pada contoh ini ketika di klik maka akan menampilkan halaman dari situs resminya teknojurnal.com

1	<a href="http://teknojurnal.com">ini adalah link</a>

Jika kita gabungkan semua kodingan dalam satu halaman HTML, makan kodingannya akan seperti di bawah ini. Jangan lupa untuk menampatkan gambar pada folder yang sama dengan index.html agar gambar dapat ditampilkan.

1 2 3 4 5 6 7 8 9 10 11 12

<html>     <head>         <title>Halaman HTML</title>     </head>          <body>         <h1>Hello World</h1>         <p>Ini adalah paragraf pertama di halaman HTML</p>         <img src="cake.jpg" width="140" height="140"> <br>         <a href="http://teknojurnal.com">ini adalah link</a>     </body> </html>

Untuk melihat hasilnya, silahkan jalankan file index.html yang sudah dibuat dengan cara diklik. Maka tampilan akhirnya akan seperti di bawah ini.

Dalam pemrograman web HTML, ada banyak tag dan element selain dari penjelasan di atas. Bagi pembaca yang tertarik untuk mempelajari lebih lanjut, bisa mengunjungi situs pembelajaran pemrograman web seperti W3Schools atau yang lainnya.

Pemograman Web (PHP)

Pemograman Web

-PHP

Pengertian PHP 

Apa sih PHP itu ? Mungkin itu pertanyaan yang ada saat mendengar kata PHP. PHP merupakan script yang menyatu dengan HTML dan berada pada server ( server side HTML embedded scripting). Dengan PHP ini Anda dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database. 

Konsep kerja PHP diawali dengan satu permintaan suatu halaman web oleh browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan alamat Internet, browser mendapat alamat dari webserver, mengidentifikasikan alamat yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh Web Server. Selanjutnya Web Server akan mengirimkan isinya ke mesin php dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode html) ke web server, selanjutnya web server menyampaikan ke client.

 

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai data base yang terkenal. Dengan demikian, menampilkan data yang bersifat dinamis, yang diambil dari database, merupakan hal yang mudah untuk diimplementasikan

 Fungsi PHP

Untuk membuat halaman web, sebenarnya PHP bukanlah bahasa pemrograman yang wajib digunakan. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan dengan HTML (dan CSS) ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap.

Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dll.

Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script.