Jumat, 02 Juni 2017

Final Project - Pemrograman Web Kelas D

Hi semua! Bagaimana kabar? Kali ini saya akan mengepost dokumentasi dari Final Project kelompok saya pada mata kuliah Pemrograman Web.

Kami, ditugaskan oleh dosen kami (Pak Fajar Baskoro) untuk membuat web pendaftaran menyerupai web pendaftaran SBMPTN.

Kami telah membuat web tersebut dengan fitur-fitur, yaitu dari mendaftarkan diri hingga dapat mengeprint kartu peserta masing-masing.

Berikut hasil screenshotnya:

Pertama yaitu halaman depan web SBMPTNnya
 Untuk mendapatkan KAP dan PIN kita harus mengisi data singkat terlebih dahulu sebelum membayar
Setelah itu kita akan disuruh membayar untuk mendapat KAP dan PIN
Setelah membayar, buka email kita, maka kita akan dapat KAP dan PIN, lalu log-in di web pendaftaran SBMPTN

Lalu, pastinya mengisi biodata lengkap (termasuk mengupload pas foto) lalu memilih universitas dan jurusan yang dituju
Lalu kita bisa mengeprint kartu peserta kita dengan menekan tombol print
Tidak hanya itu, kami juga melengkapi fitur dengan fitur print data peserta SBMPTN (yang sangat dibutuhkan panitia untuk absen nantinya)
Itu dia dokumentasi dari final project kami. Jika kalian mau mencoba menggunakan web yang kami buat, bisa coba langsung di adebeda.me dan adebeda.me/view/list-peserta untuk melihat data pesertanya:).

Pemrograman Web Kelas D
Anggota Kelompok:
- Muflich Kamil (5115100093)
- Ahmad Ibnu Fajar (5115100133)
- R. Sidqi Tri Priwi (5115100153)

Read More..

Sabtu, 01 April 2017

Evaluasi Tengah Semester - Pemrograman Web Kelas D

Selamat malam semua! :)

Kali ini saya ingin mengepost mengenai desain web sederhana yang telah saya buat. :)

Saya membuat suatu web mengenai "Save the Children".

Save the Children sendiri merupakan organisasi nyata yang menaungi anak-anak yang aslinya berasal dari Inggris. Seiring berjalannya waktu Save the Children sudah mengembangkan sayapnya dan sudah memiliki kantor cabang di berbagai negara di dunia.

Berikut desain web yang telah saya buat:

                                                                         Home:



About Us: 


Gallery:



Contact Us:


Nama: R. Sidqi Tri Priwi
NRP: 5115100153
Kelas: Pemrograman Web D



Read More..

Jumat, 10 Maret 2017

Tugas 3 Pemrograman Web Kelas D

Code:
<!DOCTYPE html>
<html>
    <head>
        <title>Formulir Registrasi Lomba Cerdas Cermat</title>
        <style type="text/css">
            body {
                font-size: 40px;
                font-family: "Comic Sans MS";
            }
            h1 {
                color: red;
            }
            td {
                padding: 15px;
                padding-bottom: 2px;
                padding-top: 2px;
            }
            #registrasi input, select{
                width: 300px;
                border: 1px solid #000099;
                border-radius: 5px;
                font-size: 20px;
                padding: 5px;
            }
            #registrasi input[value="Daftar"]{
                height: 70px;
                width: 120px;
                color: white;
                background-color: #339966;
                cursor:pointer;
            }
            #registrasi input[value="Daftar"]:hover{
                background-color: #67A8FF;
            }
            #registrasi input[value="Batal"]{
                height: 70px;
                width: 120px;
                color: white;
                background-color: ##cc0000;
                cursor:pointer;
            }          
            #registrasi input[value="Batal"]:hover{
                background-color: #FF6666;
            }  
        </style>
        <script>
            function popUp(){
                window.alert("Terima kasih, Anda sudah terdaftar!:)");
            }
        </script>
    </head>
    <body>
       
        <form id="registrasi" method="get">
            <table align="center" >
                <tr>
                    <td colspan="2" align="center"><h2>Formulir Registrasi Lomba Cerdas Cermat</h2></td>
                </tr>
                <tr>
                    <td>Nama Peserta</td>
                    <td><input type="text" name="Nama Peserta"/>  </td>
                </tr>
                <tr>
                    <td>NISN</td>
                    <td><input type="text" name="NISN" list="NISN"/> 
                        <datalist id="NISN">
                            <option value="00001">
                            <option value="00002">
                            <option value="00003">
                            <option value="00004">
                            <option value="00005">
                        </datalist>
                    </td>
                </tr>
                <tr>
                    <td>Mata Pelajaran</td>
                    <td><input type="text" name="Mata Pelajaran" list="Mata Pelajaran"/> 
                        <datalist id="Mata Pelajaran">
                            <option value="Matematika">
                            <option value="Fisika">
                            <option value="Kimia">
                            <option value="Biologi">
                        </datalist>
                    </td>
                </tr>
                <tr>
                    <td>Tingkat Sekolah</td>
                    <td><input type="text" name="Tingkat Sekolah"/>   </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="Daftar" onclick="popUp()"/>
                        <input type="submit" value="Batal"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

Hasil:


Nama : R. Sidqi Tri P.
NRP : 5115100153
Kelas : Pemrograman Web D
Read More..
Related Posts Plugin for WordPress, Blogger...