PWEB

Posts

UTS PWEB 2018

Nama : Reza Adipatria Maranatha NRP : 05111740000186 Kelas : PWEB C UTS hari ini saya diberi tugas untuk membuat sebuah report online untuk memasukkan data siswa saya membuat database dengan nama pendaftaran_siswa dan tabel calon_siswa berikut hasil run dari web saya : Tampilan awal Tampilan untuk memasukkan data Tampilan untuk Edit data Tampilan setelah di hapus datanya Tampilan sebelum di hapus Source code Index.php <!DOCTYPE html> <html> <head> <title>E-Report | SMAK ST LOUIS 1</title> </head> <style type="text/css"> nav{ text-align: center; } nav ul{ display: table;margin: 0 auto; } body{ background-color: #ff9900; } div{ background-color: #ffcc80; padding: 5px; } </style> <body> <div> <header> <h3 align="center">E-Repo...

CRUD

Nama : Reza Adipatria Maranatha NRP : 05111740000186 Kelas : PWEB C Tugas kali ini saya membuat sebuah test website crud dengan menggunakan database Berikut hasil web saya : Tampilan untuk list siswa Tampilan untuk menambahkan siswa baru Tampilan jika sudah menambahkan siswa baru Source Code <?php $server = "localhost"; $user = "root"; $password = ""; $nama_database = "pendaftaran_siswa"; $db = mysqli_connect($server, $user, $password, $nama_database); // echo "Berhasil bossku"; if( !$db ){ die("Gagal terhubung dengan database: " . mysqli_connect_error()); } ?> index.php <!DOCTYPE html> <html> <head> <title>Pendaftaran siswa baru|| SMA PetaniCoding</title> </head> <body style="text-align: center;"> <header> <h...

Form Tagihan Air PHP

Nama : Reza Adipatria Maranatha NRP : 05111740000186 Kelas : PWEB C Tugas kali ini saya membuat sebuah form tagihan air yang datanya kita olah dan tampilkan menggunakan PHP atau Hypertext Preprocessor. Berikut hasil dari web saya : Ini adalah tampilan depan form nya Ini merupakan Invoice apabila pelanggan telah melakukan submit form tersebut Source Code Index.php : <!DOCTYPE html> <html> <head> <title>Perusahaan Daerah Air Mandi</title> <link rel="stylesheet" href="test.css"/> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="leftcontainer"> ...

Tugas Membuat Forms

Tugas kali ini saya membuat sebuah Form Registrasi untuk web berita saya untuk form yang saya buat, saya membuat nya dalam bentuk Modal, yaitu adalah pop-up jika tombol register di klik Berikut adalah hasil dari apa yang saya buat Ini adalah website berita saya Kemudian jika tombol register di klik akan muncul form pop-up Berikut adalah source code nya : HTML: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">...

Tugas Web Berita

Di tugas kali ini saya mendapat tugas untuk membuat sebuah web berita, kami diberi contoh yaitu web www.techinasia.com berikut hasil dari apa yang telah saya buat kemudian berikut adalah source code nya : HTML : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">Companies</a></li> <li><a href="#">Events</a></li> </ul> <div class = "co...

HTML and CSS

Hari ini saya belajar menggunakan HTML dan CSS untuk membuat sebuah website static berikut hasil nya HTML : <html> <head> <title>Belajar Membuat Layout dengan HTML dan CSS</title> <link rel="stylesheet" href="custom.css"/> </head> <body> <div class="header"> <div class="jarak"> <h2>Belajar Membuat Layout dengan HTML dan CSS</h2> </div> </div> <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="content"> <div class="jarak">  ...

PWEB CURRICULUM VITAE

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <style type="text/css"> body, html{ height: 100%; margin: 0; } .profil{ border-radius: 50%; } table{ border-spacing: 0; } p{ font-family: TW Cen MT; } img.a{ vertical-align: text-bottom; } img.b{ vertical-align: text-top; } .judul{ font-size: 20px; color: white; } .tulis{ font-size: 15px; color: white; } </style> <title>My Personal Blog</title> </head> <body background="img/Picture1.jpg" style="background-size:cover;"> <br><br><br><br><br> <table width="55%" align="center" style="vertical-align: middle"> <tr> <td ...