Quiz 1 : PWEB A

Marsa Aushaf Rafi / 05111940000220 

Dokumentasi Source Code :

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<html>
    
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: black;
}

* {
  box-sizing: border-box;
}

.header {
  padding: 60px;
  text-align: center;
  background: #08bdf5;
  color: white;
  font-size: 30px;
}

.container {
  padding: 16px;
  background-color: white;
}

input[type=text], input[type=number] {
  width: 100%;
  border-radius: 15px;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=number]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

.registerbtn {
  background-color: #ffb805;
  border-radius: 25px;
  color: white;
  padding: 16px 20px;
  margin: 8px 8px 8px 8px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

a {
  color: dodgerblue;
}

.footer {
  background-color: #000000;
  color: #f1f1f1;
  text-align: center;
}
        </style>
    </head>
    <body>
        <form>
            <div class="header">
                <h1>Formulir Registrasi</h1>
                <p>Pendaftaran peserta EntrepreNURSE</p>
            </div>
            <div class="container">
              <h3>Biodata Peserta</h3>
              <hr>
              <input type="text" placeholder="Nama Lengkap - Gelar" required>
              <input type="text" placeholder="Asal Instansi / Kota" required>
              <input type="text" placeholder="Alamat" required>
              <input type="number" placeholder="Kodepos" required>
              <input type="text" placeholder="Provinsi" required>
              <input type="number" placeholder="Telepon / Handphone" required>
              <input type="text" placeholder="Email" required>
              <input type="text" placeholder="Sponsor" required>
              <hr>
              <h3>Biodata Perusahaan</h3>
              <hr>
              <input type="text" placeholder="Nama Perusahaan" required>
              <input type="text" placeholder="Alamat Perusahaan" required>
              <input type="text" placeholder="Nama Kontak Personal" required>
              <input type="number" placeholder="Telepon Personal" required>
              <input type="text" placeholder="Email Perusahaan" required>
              <hr>
              <p>Dengan mendaftar ini, anda setuju dengan  <a href="#">Ketentuan & Persyaratan</a> kami.</p>
          
              <button type="submit" class="registerbtn">Register dan Kirim Bukti Transfer</button>
            </div>
            
            <div class="container footer">
              <p>Butuh Bantuan? <a href="#">Panggil</a>.</p>
              <p></p>
            </div>
          </form>

          <script type="text/javascript">
          </script>
        
    </body>
</html>


Foto Website :




Comments

Post a Comment

Popular posts from this blog

EAS MPPL

Image
Anggota Kelompok : Marsa Aushaf Rafi / 05111940000220 Ghifari Astaudi’Ukumullah / 05111940000012 Pertanyaan : 1. Berdasarkan deskripsi di atas buatlah prototipe/ desain aplikasinya. (dikerjakan di jam kuliah secara perorangan) 2. Buatlah Perencanaan Pr oyek Pembuatan Aplikasi beserta biaya yang dibutuhkan 3.  Bagaimana penanganan manajemen resikonya? 4. Presentasikan , rekam, dan upload ke youtube perencanaan proyek yang telah dibuat. Jawaban : (1) Prototype Aplikasi pada Link Figma :  link prototype/desain aplikasi (2)  Perencanaan Pr oyek Pembuatan Aplikasi     (2.1) Deskripsi Produk                                  (2,2) Manajemen Ruang lingkup          (2,3) Manajemen Waktu          (2,4) Manajemen Biaya (3) Manajemen Resiko Proyek (4) Video Presentasi
Read more

Tugas 1 - MPPL : Dokumentasi Proyek(Dummy)

Image
Nama : Marsa Aushaf Rafi NRP : 05111940000220 Kelas : MPPL - B Tahun : 2022 Dummy proyek CRUD Definisi Proyek Fungsi CRUD adalah sebuah kriteria dasar untuk memastikan sebuah framework atau API dapat mengikuti perkembangan teknologi. Bagi para back-end developer, istilah CRUD pasti sudah tak asing lagi. Umumnya konsep ini digunakan untuk mengembangkan aplikasi yang bersifat dinamis seperti database. CRUD terdiri dari create, read, update dan delete yang biasanya digunakan dalam pemograman untuk membaca, menyisip, memanipulasi, mengedit dan menghapus data tabel. kebanayakan fungsi ini digunakan dalam sistem informasi perusahan atau instansi lainya. (Dengan tambahan ReactJS untuk tampilan) Solusi Proyek Karena pada proyek diatas tidak disebutkan data spesifik pada CRUD maka saya akan memberikan permisalan website CRUD data siswa dan pembayaran SPP untuk administrasi keuangan/guru sekolah. berikut prosedur pelaksanaan proyek tersebut : Melakukan perancangan penggambaran alur data dan logi
Read more