Tugas Pemrograman Web Lanjut

Sabtu, 21 Maret 2020

Pertemuan III

Rabu 4 Maret 2020

Materi yang dibahas dalam pertemuan ini adalah:

A.Pernyataan Bersyarat (IF)

Digunakan untuk menyeleksi apakah suatu pernyataan akan dikerjakan atau tidak.

Jika kondisi TRUE maka pernyataan dikerjakan, sebaliknya jika kondisi FALSE maka pernyataan tidak dikerjakan.

B. Pernyataan Berulang

Digunakan untuk mengeksekusi pernyataan secara berulang selama kondisi bernilai TRUE

Jenis pernyataan berulang :

1.FOR : Untuk perulangan yang sudah pasti

2.WHILE, DO-WHILE : Untuk perulangan yang belum pasti

C.PHP-MYSQL

PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web.

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang multialur, multipengguna.

LATIHAN 1

Studi Kasus:

Merancang Sistem Informasi Penjualan Barang di Toko ABC

Langkah-langkah umum mengembangkan suatu sistem informasi:

1. Rancangan Interface

Rancangan antar muka program yang digunakan untuk media transaksi antara pemakai(user) dengan program. Yang dimaksud ialah “Menu/Tampilan Utama”.

Langkah-langkahnya ialah:

Buka notepad
Ketik struktur html untuk merancang tampilan utama
Save

2. Rancangan Basis Data (Database)

Menentukan entitas
Relasi entitas (objek yang independen)
Struktur tabel

Langkah-langkah merancang Database

1. Aktifkan Xampp Control Panel

2. Aktifkan Apache dan MYSQL

Membuat database dari MYSQL dapat dilakukan dengan cara:

Mode Grafis

Langkah-langkahnya:

1. Buka Web Browser

2.Ketikkan http://localhost/phpmyadmin

3. Ciptakan databse dengan cara:

· Klik database
· Pada isian database name ketikkan dbtoko abc
· klik create
· Maka akan tampil seperti berikut:

4. Ciptakan Tabel

· Klik database dbtokoabc
· Pada isian create table ,isi nama dan numbr of column
· klik go
· Isi data Name,Type,Size dan Index sesuai dengan struktur tabel

Terimakasih untuk kunjungan anda
Please like, comment and share
Semoga Bermanfaat dan selamat mencoba :)

Pertemuan II

Rabu, 26 Februari 2020

Materi yang dibahas pada pertemuan ini adalah:

1.Variabel

Adalah pengenal (identifier) yang nilainya bisa diubah-ubah selama eksekusi program.

Syarat penamaan variabel:

Diawali tanda $
Diikuti abjad (A...Z, a...z ), _ (underscore)
Diikuti angka (0.....9)
Tidak berisikan karakter spesial (%, <, >, +, -, *, / )

Contoh:

<?php

$a=5;

$a=10;

$a=$a+100;

echo "nilai a=$a";

2.Operator

Adalah simbol yag digunakan untu mengoperasikan operang.

Jenis-jenis operator:

= : pemberian nilai
+, -, *, /, %, ^ : aritmatika
<, >, <=, >=, ==, != : relasi
|| (or), && (and), !(not) : logika
++ (increament), -- (decreament)
+= , *=, %=, ^= : penyingkatan

Ex: A+=5 sama dengan A=A+5

3.Pernyataan : Pernyataan Bersyarat (IF), Switch, Pernyataan Berulang (DO, DO-WHILE)

SOAL 1

Butalah kode php untuk menentukan besar pembayaran untuk suatu item barang yang dibeli dari toko ABC.

Langkah-langkah :

1. Buka aplikasi notepad (atau bisa juga dengan editor lainnya)

2. Ketikkan kode program dibawah :

<?php

$nama="sabun";

$harga=7000;

$banyak=10;

$bayar=$harga*$banyak;

echo "<h1>PT.ABC</h1>";

echo "<hr>";

echo "<h2>Pembelian Barang</h2>";

echo "Nama Barang : $nama<br>";

echo "Harga Barang : $harga<br>";

echo "Banyak Barang : $banyak<br>";

echo "bayar sebesar : Rp.$bayar";

</body>

3. Save kode program di C/xampp/htdocs ,simpan dengan ekstensi .php dan save as type ubah menjadi all files

4. Jalankan kode php tersebut dengan membuka web browser yang ada, lalu ketikkan di web bowser http://localhost/P2.1.php *sesuai nama file yang dismpan

5. Maka outputnya akan tampil seperti ini:

SOAL 2

Buatlah form untuk menginput nama barang, harga dan banyak barang

Langkah-langkah :

1. Buka aplikasi notepad (atau bisa juga dengan editor lainnya)

2.Ketikkan kode program dibawah :

<html>

<head>

</head>

<table>

<tr>

PEMBELIAN BARANG

</td>

</tr>

<tr>

</tr>

<tr>

<td>harga</td>

</tr>

<tr>

<td>banyak</td>

</tr>

<tr>

</td>

</tr>

</table>

</form>

</body>

</html>

3. Save kode program di C/xampp/htdocs ,simpan dengan ekstensi .php dan save as type ubah menjadi all files

4. Jalankan kode php tersebut dengan membuka web browser yang ada, lalu ketikkan di web bowser http://localhost/P2.2.html *sesuai nama file yang disimpan

5. Maka outputnya akan tampil seperti ini :

SOAL 3

Ibu membeli beberapa jenis barang dari toko ABC seperti di bawah ini

1. buku, 3 lusin , harga 50.000/lusin

2. pulpen, 1 lusin, harga 70.000/lusin

3. odol, 5 buah, harga 7.000/buah

-Rancanglah form untuk menginput pembelian yang dilakukan ibu.

-Buat kode php untuk menentukan jumlah bayar yang harus di berikan ibu.

Langkah- langkahnya:

1. Buka aplikasi notepad (atau bisa juga dengan editor lainnya)

2.Ketikkan kode program dibawah :

- Kode html untuk Form -

<html>

<head>

<title>pertemuan2 latihan2 </title>

</head>

<table>

<tr>

PEMBELIAN BARANG

</td>

</tr>

<tr>

</tr>

<tr>

<td>harga</td>

</tr>

<tr>

<td>banyak</td>

</tr>

<tr>

</tr>

<tr>

<td>harga</td>

</tr>

<tr>

<td>banyak</td>

</tr>

<tr>

</tr>

<tr>

<td>harga</td>

</tr>

<tr>

<td>banyak</td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

- Kode phpnya -

<?php

$nama1=$_GET["txtitem1"];

$harga1=$_GET["txtharga1"];

$banyak1=$_GET["txtbanyak1"];

$bayar1=$harga1*$banyak1;

$nama2=$_GET["txtitem2"];

$harga2=$_GET["txtharga2"];

$banyak2=$_GET["txtbanyak2"];

$bayar2=$harga2*$banyak2;

$nama3=$_GET["txtitem3"];

$harga3=$_GET["txtharga3"];

$banyak3=$_GET["txtbanyak3"];

$bayar3=$harga3*$banyak3;

$totalbayar=$bayar1+$bayar2+$bayar3;

echo "Nama Barang 1 : $nama1<br>";

echo "Harga Barang 1 : $harga1<br>";

echo "Banyak Barang 1 : $banyak1<br>";

echo "Nama Barang 2 : $nama2<br>";

echo "Harga Barang 2 : $harga2<br>";

echo "Banyak Barang 2 : $banyak2<br>";

echo "Nama Barang 3 : $nama3<br>";

echo "Harga Barang 3 : $harga3<br>";

echo "Banyak Barang 3 : $banyak3<br>";

echo "bayar sebesar : Rp.$totalbayar";

</body>

3. Save kode program di C/xampp/htdocs ,simpan dengan ekstensi .html untuk kode htmlnya dan .php untuk kode php nya dan save as type ubah menjadi all files

4. Jalankan kode php tersebut dengan membuka web browser yang ada, lalu ketikkan di web bowser http://localhost/P2.3.html *sesuai nama file yang dismpan

5. Maka outputnya akan tampil seperti ini:

Terimakasih untuk kunjungan anda
Please like, comment and share
Semoga Bermanfaat dan selamat mencoba :)

Rabu, 18 Maret 2020

Pertemuan I

Rabu 19 Februari 2020

Materi yang dibahas dalam pertemuan ini adalah:

1. Mengenal web server (apache,IIS)

2. Mengenal Application server (PHP,Java,ASP,Phyton,Perl)

3. Mengenal Database server (Mysql, Interbase, Oracle, Sysbase)

LATIHAN 1

Mengenal Web Server

Dalam mengenal web server adapun yang perlu dilakukan ialah:

I.Mengaktifkan web server( dalam hal ini menggunakan apache)

Langkah-langkah:

1. Klik Xamp control panel

2. Klik start pada baris apache

3. Jika pada status ada ket: Running maka web server sudah aktif sekaligus application server

II. Menguji keaktifan web server dan application server

Langkah-langkah:

1. Buka web browser(Opera,IE,GC,NN,AS)

2. Pada baris alamat ketikkan http://localhost.

Jika ada tampilan seperti gambar dibawah ini maka web server dan app server sudah aktif

*Localhost->lokasi web server ada di komputer kita

*Remotehost -> web server ada di komputer lain

III. Menulis & Menjalankan kode PHP

Langkah-langkah:

1. Buka editor (Notepad,Adobe Macromedia Dreamweaver, Notepad++, Word)

2. Ketik kode berikut:

<?php

echo "FIKOM";

3. Simpan kode di c:\xampp\htdocs

4. Save dengan nama seseuai keinginan (cotoh: web1.1.php) dan jangan lupa untuk mengganti save as type menjadi “ All File”

IV. Menjalankan kode PHP

Langkah-langkah:

1. Aktifkan web browser

2. Pada baris alamat ketikkan http://localhost/web1.1.php ( nama file yang telah disimpan)

LATIHAN 2

Menyisipkan kode php dalam kode HTML

Langkah – langkah:

Buka Notepad
Ketikkan kode berikut:

<html>

<head>

<title> Pertemuan I </title>

</head>

<h1> FIKOM </h1>

<?php

echo "<h1>Unika Medan<h1>";

</body>

</html>

Save file di seperti langkah diatas
Untuk menjalankan nya aktifkan web browser. Pada baris alamat ketikkan http://localhost/P1.php (sesuai nama file anda). Maka akan tampil seperti ini:

LATIHAN 3

Melakukan operasi aritmatika

Langkah- langkah:

Buka Notepad
Ketikkan kode berikut:

<?php

$a=5; $b=10;

$c=$a+$b;

echo"$a+$b=$c";

Save dan jalankan file seperti langkah langkah yang sudah dijelaskan diatas

Maka akan tampil seperti ini:

Atau agar tampilan web kita semakin menarik, kita boleh mengatur warnanya seperti berikut, dengan menambahkan css:

<html>

<head>

<style>

{

Background-color: orange;

Font size:50pt;

Color: silver;

}

</style>

</head>

<body>

<?php

$a=5; $b=10;

$c=$a+$b;

echo"$a+$b=$c";

</body>

</html>

*Dalam menjalankan operasi ariitmatika kita harus menggunakan dolar ( $ ) untuk variabel nya

LATIHAN 4

Buatlah form untuk menginput 2 buah bilangan yaitu bilA dan bil B dan buatlah kode php untuk menjumlahkan kedua bilangan tersebut

Langkah- langkah:

Buka Notepad
Ketikkan kode berikut:

<html>

<head>

<title> Pertemuan1.4 </title>

</head>

<body>

(form action: untuk menghubungkan kode ini dengan kode yang satunya)

<table>

<tr>

INPUT BILANGAN

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</td>

</tr>

</table>

</form>

</body>

</html>

Save dengan nama p14.php

Buka file notepad yang baru lalu ketik kode berikut:

<?php

$a=$_GET["txta"];

$b=$_GET["txtb"];

$c=$a+$b;

echo "$a+$b=$c";

Save seperti biasa
Jalankan kode dengan megetikkan http://localhost/P14.php
Tampilan nya akan seperti ini

Input angka kedalam form, klik proses maka akan tampil seperti berikut

Terimakasih untuk kunjungan anda
Please like, comment and share
Semoga Bermanfaat dan selamat mencoba :)