Web Apps#3 April 29th 2017

Kelas Web Apps Development. Menciptakan aplikasi berbasis web yang berguna bagi kehidupan masyarakat.

HTML ==> bukan merupakan bahasa pemrograman. Hyper Text Markup Language berarti jadi memakai

HTPL baru merupakan bahasa pemrograman.

Bila kita mengklik kanan pada browser lalu memilih view page source atau Ctrl + u di Google Chrome, kita dapat melihat bahwa dalam browser memakai HTML.

Ciri-cirinya:

  • Beresktensi .html
  • Ada <> atau guillemets yang digunakan sebagai start dan < /> sebagai end.
  • Bila ingin memulai coding HTML di .php <?php?> dijadikan di satu posisi. Atau memulai di file baru dengan nama view.php bisa melihat di localhost/view.php. Kalau di sublime langsung bisa melakukan edit di body codingnya.
  • Saat HTML mengalami error, hasil tidak akan ditampilkan dan tidak akan ada pemberitahuan di mana letak kesalahan. Karena itu disebut mark up.

Penulisan di HTML terdiri dari:

  • Paragraph
  • Heading ex= 1…6 dari terbesar ke terkecil
  • Ada tabel yang terdiri dari kolom dan baris.
  • List: Unordered dan ordered

Tabel

tr = table row, bentuknya terhitung menyamping

td = table data, bentuknya terhitung menurun

th = table header

tf = table foottag (for advanced)

Ex:

<table>

<tr>

<td>… </td>

<td>… </td>

</tr>

</table>

Penggabungan

<td colspan= 2> …</td> satu table data dianggap memiliki dua kolom.

<td rowspan= 2> … </td> konsepnya sama

Unordered List

Ex: List 1, List 2, List 3

<ul>

<li> List 1 </li>

<li> List 2</li>

</ul>

Ordered List

Ex: A, B, C

<ol>

<li> A </li>

<li> A </li>

</ol>

Bullets & Numbering di ordered list aplikasinya sama seperti di Ms. Word.

Fungsi yang ingin dicapai dalam HTML adalah CRUD (Create, Read, Update, Delete).

Read diwujudkan dalam list dan table sementara update dalam form. HTML ← →PHP

Form terdiri dari dua tipe: get dan post

Contoh yang akan dibuat untuk input email, password, dan tombol login.

Form GET

<form>

<input type> = “text”/>

<input type> = “password”/>

outputnya

a

**** , untuk password tidak bisa dicopy tapi bisa diinspect element

(lanjutan coding sebelumnya)

<name=”input-email”>

<name=”input-password”>

<input type = “submit”>

</form>

  • File PHP bisa terbaca di HTML karena outputnya bisa dilihat di browser apalagi bisa di save page.

FORM POST

<form method= >

(sisa scriptnya sama)

  • Pada form post ketika dilakukan Ctrl + r di browser, akan terdata dan ada permintaan confrim form submission sementara di form get tidak terdata sehingga tidak bisa dilacak.

Introduction Database

Ada dua: MySQL(Structured Query Language) dan MariaDB. Keduanya sama saja.

Laragon ==> download adminer.php

XAMPP ==> localhost/phpmyadmin

Laravel ==>

Membuat database

  • Collation diabaikan

DB = …

Table- …

→ idnya dibuat autoincrement dengan memakai primary key (di MariaDB tulisannya A-I), int (10)

→ nama dibuat varchar (50)

Untuk menghindari error, database dilakukan pemecahan daripada pada lengthnya dibuat maksimal. Yang pasti juga, jangan lupa mereload untuk melihat beberapa proses bila tidak terjadi setelah dilakukan langkah-langkah.

Semisal ada percabangan dari univ_gadjah karena ada dua nama yaitu univ_gadjah_mada dan univ_gadjah_muda, nanti akan ada tanda + yang menunjukkan perbedaan cabangnya.

Bila dimasukkan data yang sama, otomatis pada idnya akan terjadi perbedaan akibat pengaturan primary key dan autoincrement.

Create terpenuhi dengan DB, Table, Row

Read terpenuhi di Browser MySQL

Update terpenuhi ketika diklik dua kali pada kolom tabel untuk perubahan yang ingin diberikan.

Delete terpenuhi dengan tombol delete di samping table. Untuk mendelete table bisa Drop di database.

Cara Penamaan

  • Tidak boleh sembarangan.
  • Semua huruf kecil tanpa simbol dan spasi, yang dibolehkan memakan (_) atau underscore. Hal ini juga berlaku dalam tabel dan kolom.

QOTD:

  • Bila dilihat di versi MariaDB ada tulisan localhost/127.0.0.1|phpMyAdmin 4.6.5.2 apakah seperti ini berarti versinya bisa diupdate?
  • Perbedaan, keunggulan, dan kelemahan MySQL / MariaDB dengan postgreSQL?

Selesai.

Materi Sabtu, 6 Mei 2017 : OOP (Object Oriented Program). Pada PH ini bisa memakai class. Cara menghubungkan HTML, PHP, dan database.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.