Mozza Clara: September 2022

Thursday, September 15, 2022

MEREVIEW MATERI HTML, CSS, DAN PHP

RINGKASAN MATERI HTML, CSS, DAN PHP

HTML

HTML atau Hypertext Markup Language adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser dari berbagai platform komputer manapun.

Sejarah HTML

HTML adalah bahasa yang diciptakan oleh orang yang bernama Tim Berners-Lee. Berners-Lee menciptakan ide sistem hypertext (akses loncatan dari satu dokumen ke dokumen lainnya melalui link) yang dihubungkan dengan internet. Akhirnya, versi HTML yang pertama muncul pada tahun 1991. Versi ini memiliki 18 jenis tanda (mark). HTML terus berkembang dari tahun ke tahun. Jenis mark terus bertambah, dan versi HTML yang lebih baru juga terus bermunculan. Hingga hari ini, ada 120 jenis mark yang tersedia dalam bahasa HTML. Selain itu, versi terbaru dari HTML adalah versi kelima yang muncul pada tahun 2014.

Fungsi HTML

HTML digunakan untuk membuat dokumen elektronik atau halaman yg ditampilkan di WWW. setiap halaman berisi serangkaian koneksi ke halaman lain yang disebut hyperlink.

Struktur Dasar

DOCTYPE atau DTD, keterangan yang ditulis untuk memberitahu web browser tentang aturan penulisan dari dokumen yang sedang ditampilkan.
Tag <html>, untuk membuat sebuah dokumen di html
Tag <head>, kode kode yg tidak tampil di browser
Tag <title>, untuk membuat judul dari sebuah halaman
Tag <body>, isi dari halaman web

Versi HTML

Versi HTML 1
Versi HTML 2 (14 Januari 1996)
Versi HTML 3 (19 Desember 1
Versi HTML 4
Versi HTML 5

Format Tabel pada Halaman Web

Dalam menampilkan data yang terstruktur atau tampilan dari database,umumnya akan dibuat dlam bentuk tabel. HTML juga menyediakan tabel tag yang digunakan data dalam bentuk tabel. Hal ini dikarenakan menggunakan CSS untuk mengatur tampilan halaman web sangar dianjurkan.

Elemen Table,Tbody,Thead,Tfoot,Tr,Th,dan Td.

A. Elemen Tbody,Thead,dan Tfoot

B. Element TR (Table Row)

C. Element TH (Table Header) dan TD (Table Data)

Cellpadding

Hanya di dukung oleh HTML4.01, namun tidak didukung oleh HTLM5.

Cellspacing

Digunakan untuk menentukan jarak jauh spasi antarsel.

Border

Hanya digunakan untuk membuat bingkai pada tabel dengan menentukan tebal bingkai tersebut.

Rowspan & Colspan

Rowspan merupakan salah satu atribut yang berkaitan erat dengan pembuatan tabel. Fungsinya adalah untuk menggabungkan beberapa data dalam baris. Colspan digunakan untuk menggabungkan kolom pada tabel.

CSS

PENGERTIAN CSS

CSS adalah singkatan dari cascading style sheets, yaitu bahasa yang digunakan untuk menentukan tampilan dan format halaman website. Dengan CSS, Anda bisa mengatur jenis font, warna tulisan, dan latar belakang halaman.

CSS digunakan bersama dengan bahasa markup, seperti HTML dan XML untuk membangun sebuah website yang menarik dan memiliki fungsi yang berjalan baik.

CSS juga berguna untuk mengatasi keterbatasan HTML alam mengatur format halaman website.

FUNGSI CSS

1. Mempercepat Loading Halaman Web

2. Menawarkan Lebih banyak variasi

3. Menawarkan Lebih banyak variasi

4. Membuat Website tampil rapi di semua ukuran layar

JENIS-JENIS CSS

1. Inline CSS

Inline CSS adalah kode CSS yang dituliskan di dalam file HTML. Jenis CSS ini hanya mempengaruhi satu baris kode HTML.

2. Internal CSS

Internal CSS adalah kode CSS yang ditulis di dalam tag <style> dan kode HTML dituliskan di bagian atas (header) file HTML. Internal CSS dapat digunakan untuk membuat tampilan pada satu halaman website dan tidak digunakan pada halaman website yang lain.

3. External CSS

Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML Eksternal CSS ditulis di sebuah file khusus yang berekstensi .css. File eksternal CSS biasanya diletakkan setelah bagian <head> pada halaman.

PHP

PHP adalah bahasa pemrograman yang umum dipakai dalam pembuatan dan pengembangan suatu web. PHP merupakan singkatan dari PHP: Hypertext Prepocessor. PHP adalah Personal Home Page Tools karena dipakai membangun web pribadi. Namun, perkembangan pesat membuatnya bertumbuh menjadi bahasa pemrograman web yang kuat PHP bukan lagi sekadar dipakai membangun halaman web sederhana, tetapi membuat berbagai web ternama dunia seperti WordPress dan Wikipedia.

Sejarah PHP

PHP awalnya diciptakan oleh Rasmus Lerdorf untuk memantau orang-orang yang mengunjungi home page miliknya. Seiring waktu, bahasa ini menjadi makin populer, dan Lerdorf akhirnya merilisnya sebagai proyek open-source. Para pengembang pun mulai menggunakan, memperbaiki, dan menyempurnakan kode ini, hingga kemudian menjadi bahasa penulisan skrip yang kini banyak digunakan.

Fungsi PHP

Pembuatan Skrip Server Side
Pembuatan Skrip
Menulis Aplikasi Dekstop

Wednesday, September 7, 2022

LATIHAN SOAL APLIKASI WEB SERVER DAN PEMROGRAMAN SERVER SIDE SCRIPTING

SOAL DAN JAWABAN

1. Secara mendasar, halaman web dapat dikategorikan menjadi web...

Jawaban : Statis dan dinamis

Penjelasan : Website statis adalah halaman yang berisi serangkaian file HTML, kode HTML itulah yang membangun halaman web statis. Setiap halaman juga memiliki file HTML yang terpisah. Website dinamis adalah situs yang menggunakan teknologi server, misalnya seperti PHP untuk membangun halaman web.

2. Untuk menyimpan, mengolah dan menyampaikan suatu informasi berupa halaman web kepada client yang memintanya merupakan fungsi utama dari..

Jawaban : Web Server

Penjelasan : Web server bertugas menerima permintaan HTTP atau HTTPS dari klien atau web browser, seperti Chrome atau Firefox. Web server kemudian akan merespon permintaan klien dalam bentuk halaman website yang umumnya HTML.

3. Sebutan bagi server lokal yang ada dikomputer user adalah...

Jawaban : localhost

Penjelasan : Localhost adalah server lokal yang bekerja di satu perangkat komputer saja dan tidak bisa diakses secara bersamaan seperti web hosting.

4. Situs resmi dari XAMPP adalah..

Jawaban : ApacheFriends.org

Penjelasan : ApacheFriends.org adalah website yang menyediakan

5. Jenis aplikasi yang memiliki fungsi untuk mengistal beberapa program, yaitu Apache, PHP dan Mysql dalam waktu singkat adalah..

Jawaban : Appserv

Penjelasan : Appserv berfungsi untuk menginstall beberapa program seperti Apache,PHP, dan MySql. Dan aplikasi ini juga mempermudah orang untuk membuat web server dan database

6. Pengguna windows 7 bisa langsung menggunakan IIS (Internet information services) dengan menginstal cara aplikasi

Jawaban: Net Framework

Penjelasan: Net Framework adalah software yang digunakan terutama pada sistem OS Microsoft Windows, dan berguna untuk memudahkan pengembangan dan eksekusi berbagai macam program dan library agar dapat bekerjasama menjalankan aplikasi berbasis windows

7. PHP pertama kali dibuat pada tahun 1995 dengan nama

Jawaban: Personal home page

Penjelasan: Personal Home Page adalah sekumpulan skrip yang digunakan untuk mengolah data formulir dari web yang pertama kali dibuat oleh Ramus Lerdorf pada tahun 1995

8. ColdFusion pertama kali dikembangkan oleh

Jawaban: Allaire Corporation

Penjelasan: ColdFusion pertama kali dikembangkan oleh Allaire Corperation,oleh kakka beradik JJ dan Jeremy Allarie dengan 5 versi sebelum dibeli Macromedia

9. Berikut yang bukan termasuk jenis jenis web container adalah

Jawaban: Personal web

Penjelasan: Karena personal web tidak menggunakan layout container tetapi dnegan layout landing page dan juga web container digunkan untuk web dinamis

10. Salah satu program aplikasi server side programming yang banyak digunakan adalah

Jawaban: PHP

Penjelasan: Karena PHP termasuk dalam 5 bahasa pemrograman untuk Server Side Programing selain Node.JS,Java,Phython dan Ruby

11. Berikut ini beberapa aturan penulisan variable pada PHP, kecuali

Jawaban: Perlu dideklarasikan

Penjelasan: - Penulisan harus diawali $

- Bersifat Case Sensitif

- Tidak memperlukan deklarasi terlebih dahulu

- Tidak boleh menggunkan spasi

12. Jenis jenis operator diklasifikasikan sebagai berikut, kecuali

Jawaban: Example operator

Penjelasan: Hanya ada operator

- Operator Unary

- Operator Binary

- Operator Ternary

13. Bagian dari skrip PHP yang tidak diterjemahkan oleh browser adalah

Jawaban: Komentar

Penjelasan: Tanda komentar memang tidak dapat dibaca kerena tanda // memiliki fungsi menonaktifkan kode pada PHP

14. Untuk mendefinisikan konstanta dalam PHP, menggunakan fungsi

Jawaban: Define()

Penjelasan: Define untuk mendefiniskan konstanta, yang mirip dengan variable. Namun nama konsta tidak memerlukan $

15. Metode STML style disebut tag singkat (PHP short tag) karena tag ini lebih singkat dari metode

Jawaban: XML

Penjelasan: Tag singkat <? sebagai pembuka mode php dan tag ?> sebagai tag penutup

16. Tuliskan jenis jenis syntax yang anda ketahui?

Jawaban :

<?php

echo "Hello World!";

<? php

$nama = "Mozza Clara";

echo $nama;

17. Tuliskan hal hal yang perlu dipahami dalam penulisan kode program?

Jawaban :

- Memahami syntak dasar bahasa pemrograman

- Memperhatikan konsep bahasa pemrogramn tersebut

18. Jelaskan yang anda ketahui tentang penggabungan PHP dan html?

Jawaban : file HTML ditambahkan style dengan CSS. HTML dan CSS bisa digabung dengan php

19. Jabarkan yang anda ketahui tentang kelebihan PHP dibandingkan dengan bahasa pemrograman web lainnya?

Jawaban : - open source

- tidak sensitive case

- PHP mendukung beberapa database

20. Uraikan tentang hubungan antara IIS dengan microsoft Corporation ?

Jawaban :IIS lebih kompetibel dibandingkan microsoft corporation karena sama2 windows

21. Jelaskan Kekurangan dan kelemahan :

a. XAMP

b. Appserv

c. IIS

Jawaban :

a. Xampp

Kelebihan :

-Data base sudah banyak digunakan

-Engine multiplatform

Kekurangan :

-Tidak bisa menangani data yang besar

-Kemampuan sistem terbatas

b. Appserv

Kelebihan :

-memudahkan menginstall apache, sql, dalam 1 menit

-memudahkan penyetelan

Kekurangan :

-Hanya memiliki konfigurasi saat menginstall

- Tidak cukup baik untuk menggunakan OS Windows

-mengeluarkan banyak memori

c. IIS

Kelebihan :

-IIS mendukung bahasa .net

- Tersedia fitur bandwith throttling untuk mencegah sebuah aplikasi menggunakan bandwith berlebihan

-Melakukan isolasi resource untuk sebuah aplikasi website yang dibuat

Kekurangan :

-Hanya beroperasi di windows

-memerlukan resource yang cukup besar

- Keamanan server khususnya pada port 80 masih rentan terkena hack

Friday, September 2, 2022

Operator String PHP

Sintaks :

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<?php

$harga = 20000;

$diskon = 0.05;

$boba = " Chizu";

$boba2 = "Red Velvet Nusantara";

$boba3 = "{$boba} {$boba2}";

$jmlhbyr = $diskon * $harga;

$ttlbyr = $harga - $jmlhbyr;

$kembalian = $ttlbyr - $harga;

<h2>ES TEH INDONESIA</h2>

<table>

<tr>

</td>

</center>

</tr>

<tr>

<td>Nama Pembeli</td>

</tr>

<tr>

</tr>

<tr>

<td>Harga Menu</td>

</tr>

<tr>

<td>Uang Pembayaran</td>

</tr>

<tr>

<td>Jumlah Diskon</td>

</tr>

<tr>

<td>Total Pembayaran</td>

</tr>

<tr>

<option value="Pilihan" nama="Pilihan">Debit</option>

</select>

</div>

</center>

</td>

</tr>

</table>

</form>

</center>

</body>

</html>

Hasilnya :

Thursday, September 1, 2022

ARITMATIKA PHP

Sintaks PHP penjualan :

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<?php

$harga = 20000;

$diskon = 0.05;

$boba = " Chizu Red Velvet ";

$jmlhbyr = $diskon * $harga;

$ttlbyr = $harga - $jmlhbyr;

$kembalian = $ttlbyr - $harga;

<h2>ES TEH INDONESIA</h2>

<table>

<tr>

</td>

</center>

</tr>

<tr>

<td>Nama Pembeli</td>

</tr>

<tr>

</tr>

<tr>

<td>Harga Menu</td>

</tr>

<tr>

<td>Uang Pembayaran</td>

</tr>

<tr>

<td>Jumlah Diskon</td>

</tr>

<tr>

<td>Total Pembayaran</td>

</tr>

<tr>

<option value="Pilihan" nama="Pilihan">Debit</option>

</select>

</div>

</center>

</td>

</tr>

</table>

</form>

</center>

</body>

</html>

Hasilnya :

Sintaks Pembayaran penjualan :

[14:48, 9/1/2022] Quincy 🎀: <!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<?php

$harga = 20000;

$diskon = 0.05;

$boba = " Chizu Red Velvet ";

$jmlhbyr = $diskon * $harga;

$ttlbyr = $harga - $jmlhbyr;

$kembalian = $ttlbyr - $harga;

<h2>ES TEH INDONESIA</h2>

<table>

<tr>

</td>

</center>

</tr>

<tr>

<td>Nama Pembeli</td>

</tr>

<tr>

</tr>

<tr>

<td>Harga Menu</td>

</tr>

<tr>

<td>Uang Pembayaran</td>

</tr>

<tr>

<td>Jumlah Diskon</td>

</tr>

<tr>

<td>Total Pembayaran</td>

</tr>

<tr>

<option value="Pilihan" nama="Pilihan">Debit</option>

</select>

</div>

</center>

</td>

</tr>

</table>

</form>

</center>

</body>

</html>

[14:49, 9/1/2022] Quincy 🎀: part 1

[14:50, 9/1/2022] Quincy 🎀: <!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<?php

$harga = 20000;

$diskon = 0.05;

$mobil = "Chizu Red Velvet";

$jmlhbyr = $diskon * $harga;

$ttlbyr = $harga - $jmlhbyr;

$Nama = $_POST['nama'];

$uang = $_POST['uang'];

$kembalian = $uang - $ttlbyr;

<h2>ES TEH INDONESIA</h2>

<tr>

<td>Nama Pembeli</td>

</tr>

<tr>

<td>Chizu Red Velvet</td>

</tr>

<tr>

<td>Harga Menu</td>

</tr>

<tr>

<td>Uang Pembayaran</td>

</tr>

<tr>

<td>Jumlah Diskon</td>

</tr>

<tr>

<td>Total Kembalian</td>

</tr>

</table>

</center>

</body>

</html>

Hasilnya :

Sintaks CSS :

[14:50, 9/1/2022] Quincy 🎀: <!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<?php

$harga = 20000;

$diskon = 0.05;

$mobil = "Chizu Red Velvet";

$jmlhbyr = $diskon * $harga;

$ttlbyr = $harga - $jmlhbyr;

$Nama = $_POST['nama'];

$uang = $_POST['uang'];

$kembalian = $uang - $ttlbyr;

<h2>ES TEH INDONESIA</h2>

<tr>

<td>Nama Pembeli</td>

</tr>

<tr>

<td>Chizu Red Velvet</td>

</tr>

<tr>

<td>Harga Menu</td>

</tr>

<tr>

<td>Uang Pembayaran</td>

</tr>

<tr>

<td>Jumlah Diskon</td>

</tr>

<tr>

<td>Total Kembalian</td>

</tr>

</table>

</center>

</body>

</html>

[14:50, 9/1/2022] Quincy 🎀: 2

[14:50, 9/1/2022] Quincy 🎀: @font-face {

font-family: 'indra1';

src: url(../phpbelajar1/font/ubuntu.bold.ttf);

}

margin: 0;

padding: 0;

}

body {

background-color: #FFC4C4;

font-family: 'indra1';

margin-top: 30px;

}

.barang1 .gambar {

margin-top: 50px;

width: 500px;

height: 300px;

}

.barang1 h2{

margin-left: 150px;

font-family: 'indra1';

}

.barang1 h4 {

margin-top: 20px;

margin-left: 160px;

font-family: 'indra1';

color: #EC7272;

}

.barang1 a {

color: black;

text-decoration: none;

}

table {

padding: 2px;

border: 5px solid #FFF5E4;

height: 500px;

width: 500px;

margin-top: 100px;

}

table td {

text-align: center;

}

table .tombol select {

border: none;

background-color: #F7F6DC;

}

.tombol {

display: flex;

justify-content: space-between;

padding: 30px;

}

.tombol a {

text-decoration: none;

color: black;

}

table img{

height: 250px;

}

Thursday, September 15, 2022

MEREVIEW MATERI HTML, CSS, DAN PHP

Wednesday, September 7, 2022

LATIHAN SOAL APLIKASI WEB SERVER DAN PEMROGRAMAN SERVER SIDE SCRIPTING

Friday, September 2, 2022

Operator String PHP

Thursday, September 1, 2022

ARITMATIKA PHP

ARITMATIKA PHP

PHP UPDATE DELETE (RADIO BUTTON)