Scribd Logo
Unggah

Selamat datang di Scribd!

  • Membuat Pop Up Tanggal Dengan HTML

    Diunggah oleh

    NAMA DEPAN NAMA BELAKANG
    8 tayangan7 halaman

    Judul Asli

    MEMBUAT_POP_UP_TANGGAL_DENGAN_HTML

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan7 halaman

    Membuat Pop Up Tanggal Dengan HTML

    Diunggah oleh

    NAMA DEPAN NAMA BELAKANG

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 7

    MEMBUAT POP UP TANGGAL DENGAN HTML

    Teuku Raif, Muhammad Ropianto

    1910128262097@uis.ac.id, ropianto@uis.ac.id

    UTS PEMROGRAMAN INTERNET


    TAHUN AKADEMIK GENAP 2020/2021
    PROGRAM STUDI TEKNIK INFORMATIKA
    FAKULTAS TEKNIK UNIVERSITAS IBNU SINA

    A. PENDAHULUAN

    Kode praktis adalah bagaimana menampilkan pop up tanggal. Biasanya disebut


    juga dengan datepicker. Kode berikut ini hanya berjalan pada HTML dan tentu saja
    browsernya juga harus mendukung HTML.

    Saya sudah mencoba trik ini pada browser Mozilla FireFox versi 49.0.1 tetapi
    tidak berfungsi, sedangkan pada Google Chrome versi 54.0.2840.71 bisa berjalan
    normal dan dapat menampilkan pop up tanggal.

    Dengan bantuan kode praktis ini, maka penggunaan plugin atau library datepicker
    bisa dikurangi atau bahkan ditiadakan, karena sudah disediakan oleh HTML.

    1.1 Tujuan dan Manfaat

    Untuk melaksanakan UTS ini adapun tujuannya adalah :

    1. Mengenal HTML
    2. Membuat Pop Up Tanggal di HTML
    3. Menyelesaikan UTS

    Setelah menyelesaikan UTS ini Adapun manfaatnya adalah :


    1. Dapat memahami HTML
    2. Penggunaan tanggal di form HTML lebih simple dan praktis.
    3. Selesainya UTS mata kuliah Pemrograman Berbasis Internet.

    1.2 Coding HTML


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pop Up Tanggal</title>
    <title>Menampilkan Pop Up Tanggal</title>
    </head>
    <body>
    <h1>Formulir Biodata Mahasiswa</h1>
    <form>
    <table>
    <tr>
    <td><label for="nama">Nama Lengkap</label></td>
    <td><input type="text" name="nama"></td>
    </tr>
    <tr>
    <td><label for="npm">NPM</label></td>
    <td><input type="number" name="npm"></td>
    </tr>
    <tr>
    <td><label for="tgl_lahir">Tanggal Lahir</label></td>
    <td><input type="date" name="tgl_lahir" required></td>
    </tr>
    <tr>
    <td><input type="submit" value="Kirim">
    </tr>
    </table>
    </form>
    </body>
    </html>
    1.3 Hasil

    Berikut hasil coding Pop Up Tanggal HTML.

    Gambar 2.1 Pop Up Tanggal


    B. TINJAUAN PUSTAKA
    2.1 Sistem Informasi
    2.1.1 Pengertian Sistem
    Sistem adalah kumpulan orang yang saling bekerja sama dengan
    ketentuan-ketentuan aturan yang sistematis dan terstruktur untuk membentuk satu
    kesatuan yang melaksanakan suatu fungsi untuk mencapai tujuan. Sistem memiliki
    beberapa karakteristik atau sifat yang terdiri dari komponen sistem, batasan sistem,
    lingkungan luar sistem, penghubung sistem, batasan sistem, lingkungan luar sistem,
    penghubung sistem, masukan sistem, keluaran sistem, pengolahan sistem dan sasaran
    sistem. (Anggraeni, E. Y. 2017).

    2.1.2 Pengertian Informasi


    Informasi adalah data yang diolah menjadi lebih berguna dan berarti bagi
    penerimanya, serta untuk mengurangi ketidakpastian dalam proses pengambilan
    keputusan mengenai suatu keadaan. (Anggraeni, E. Y. 2017).

    2.1.3 Pengertian Sistem Informasi


    Sistem Informasi merupakan suatu kombinasi teratur dari orang-orang,
    hardware, software, jaringan komunikasi dan sumber daya data yang mengumpulkan,
    mengolah, dan menyebarkan informasi dalam sebuah organisasi. (Anggraeni, E. Y.
    2017).

    2.2 Program
    Program adalah kumpulan instruksi yang digunakan untuk mengatur komputer
    agar melakukan suatu tindakan tertentu. Tanpa adanya program komputer hanyalah
    perangkat keras (hardware) yang tidak bisa melakukan apa-apa. (Sukma Indrayana, A.,
    & Sidik, R., 2017).

    Program merupakan kata, ekspresi, atau pernyataan yang disusun dan


    dirangkai menjadi satu kesatuan prosedur, yang berupa urutan langkah, untuk
    menyelesaikan masalah yang diimplementasikan dengan menggunakan bahasa
    pemrograman sehingga dapat dieksekusi oleh komputer. Standar Penyusunan
    Program:

    1. Kebenaran logika dan penulisan.


    2. Waktu minimum untuk penulisan program.
    3. Kecepatan maksimal eksekusi program.
    4. Ekspresi penggunaan memori.
    5. Kemudahan merawat dan mengembangkan program.
    6. User friendly.
    7. Probability
    8. Pemrograman modular.

    2.3 Internet
    Internet (International Network) adalah sebuah jaringan komputer yang terdiri dari
    berbagai macam ukuran jaringan komputer di seluruh dunia. Menurut Randy dan Elliot
    menyatakan Internet itu seperti “Information Superhighway” (Jalan Raya Informasi).
    Internet merupakan jaringan komputer global yang terbuka dan menghubungkan ribuan
    jaringan komputer, melalui sambungan telepon umum atau pribadi (pemerintah maupun
    swasta).

    Menurut Bride, internet adalah “jaringan komputer global yang terbuka dan
    menghubungkan ribuan jaringan komputer, melalui sambungan telepon umum maupun
    pribadi (pemerintah maupun swasta)”. Masih menurut Bride, Internet merupakan hasil
    kerjasama antar jaringan komputer di seluruh dunia, baik yang berasal dari badan usaha
    komersial, dari lembaga pendidikan, maupun dari organisasi-organisasi lainnya.

    Secara garis, internet merupakan sebuah jaringan yang saling berhubungan antara
    satu sama lainnya untuk keperluan komunikasi dan menyebarkan informasi dengan
    perangkat komputer. Bahkan untuk saat ini internet tidak saja terhubung pada perangkat
    komputer saja tapi juga pada handphone / android. (Wibawanto, A. 2018).
    2.4 XAMPP
    Menurut Wicaksono (2008). XAMPP juga dapat disebut sebuah server virtual,
    yang dapat membantu melakukan preview sehingga dapat dimodifikasi website tanpa
    harus online atau terakses dengan internet.
    Dapat disimpulkan XAMPP adalah sebuah software yang berfungsi untuk
    menjalankan website berbasis PHP dan menggunakan pengolah data MYSQL di
    komputer lokal. XAMPP berperan sebagai server web pada komputer lokal.
    (Widyawati, E. (2016).
    2.5 HTML
    Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk
    membuat suatu situs web atau homepage. Setiap dokumen dalam web ditulis dalam
    format HTML. Semua format dokumen, hyperlink yang dapat diklik, gambar,
    dokumen multimedia, form yang dapat diisi dan sebagainya didasarkan atas HTML.

    Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut
    sebagai markup language yakni bahasa yang mengandung kode penanda yang
    disebut tag HTML yang digunakan untuk mengatur format tampilan suatu dokumen.
    Kode ini diselipkan ke dalam teks HTML, berfungsi untuk mengontrol format dan
    layout dalam dokumen, menunjuk ke suatu hyperlink dan lain-lain. Tag HTML ini
    menggunakan simbol khusus untuk menandakan suatu instruksi dari kode yang
    diberikan. (Setiawan, 2017)

    2.6 HTML FORM

    Form adalah suatu cara untuk menjadikan halaman web menjadi lebih interaktif,
    karena akan mendapatkan umpan balik dari pengunjung situs web. Form dapat
    digunakan untuk membuat buku tamu, formulir pemesanan, survei, meminta komentar
    dan lain sebagainya.
    ( Josi, A., 2017).
    C. PENUTUP

    3.1 Kesimpulan

    1. HTML adalah kerangka dari sebuah web sehingga jika tidak ada HTML maka
    web pun tidak bisa berdiri.
    2. Pop Up Tanggal pada HTML diciptakan untuk lebih interaktif dengan
    pengguna.

    3.2 Saran
    Saya sebagai penulis, menyadari bahwa jurnal ini banyak sekali kesalahan dan
    sangat jauh dari kesempurnaan. Tentunya, penulis akan terus memperbaiki makalah
    dengan mengacu pada sumber yang dapat dipertanggungjawabkan nantinya.

    D. DAFTAR PUSTAKA

    Anggraeni, E. Y. (2017). Pengantar sistem informasi. Penerbit Andi.

    Sukma Indrayana, A., & Sidik, R. (2017). Aplikasi Grosir Pada Toko Rsidik Bungursari
    Tasikmalaya. JURNAL MANAJEMEN INFORMATIKA (JUMIKA), 4(2).

    Wibawanto, A. (2018). Penggunaan Internet dalam Perpustakaan. Pustakaloka, 10(2),


    191-203.
    Josi, A. (2017). Penerapan Metode Prototyping Dalam Pembangunan Website Desa
    (Studi Kasus Desa Sugihan Kecamatan Rambang). Jurnal Teknologi Informasi
    Mura, 9(1).
    Setiawan, D. (2017). Buku Sakti Pemrograman Web: html, css, php, mysql & javascript.
    Anak Hebat Indonesia.
    Widyawati, E. (2016). Rancang Bangun Aplikasi Kependudukan Berbasis Web Di Desa
    Kedungrejo Waru-Sidoarjo. Jurnal Manajemen Informatika, 6(1).

    Anda mungkin juga menyukai