Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pretest Praktikum Pemrograman Web

    Diunggah oleh

    DzikriRamadhan
    117 tayangan4 halaman
    Pretest praktikum umsida

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Pretest praktikum umsida

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    117 tayangan4 halaman

    Pretest Praktikum Pemrograman Web

    Diunggah oleh

    DzikriRamadhan
    Pretest praktikum umsida

    Hak Cipta:

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

    PRETEST PRAKTIKUM PEMROGRAMAN WEB

    1. Jelaskan tentang pemrograman web statis dan dinamis serta berikan contohya.
    2. Apa yang anda ketahui tentanng HTML, CSS, Javascript dan PHP.Jelaslan dan berikan
    Contohnya.
    3. Carilah instansi atau perusahaan untuk dibuatkan web kemudian buatlah layout serta
    analisa kebutuhan informasi yang akan ditampilkan di Web tersebut.
    JAWABAN
    1. - Website Statis adalah sebuah website yang hanya mampu menampilkan front page saja
    atau singkatnya website yang sifatnya tetap atau tidak berubah-ubah. Untuk mengupdate
    website statis, menambah content dan hal-hal yang berhubungan dengan penambahan
    content harus anda lakukan di lokal komputer karena website statis ini tidak memiliki
    halaman administrator atau lebih singkatnya website statis tidak memiliki database
    sebagai tempat penyimpanan content. Bahasa pemrograman website statis biasanya
    menggunakan bahasa HTML dan CSS. Software yang sering di gunakan dalam membuat
    website statis adalah Front Page dan Dream Weaver atau dengan menulis langsung kode
    HTML nya di Notepad tanpa menggunakan data base seperti Mysql dan PHP.

    Contoh dari web statis adalah web yang berisi profil perusahaan. Di sana hanya ada
    beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten
    langsung diletakan dalam file HTML saja.

    - Website Dinamis adalah Web yang content atau isinya dapat berubah - ubah setiap saat.
    Karena dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi
    user yang menggunakan web dinamis tersebut. Untuk perubahan content atau isi
    dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus
    memiliki keahlian khusus pada bagian scripting web tersebut. Ketika kita akan mengubah
    content atau isi dari sebuah web dinamis kita hanya perlu masuk kebagian control panel
    atau bagian administrator web yang telah disediakan oleh script web dinamis. Sebuah
    website dinamis biasanya dibuat menggunakan CMS (Compact Management System)
    tertentu dengan penyimpanan data di data base (seperti Mysql) dan Biasanya web ini
    tersusun dari bahasa pemograman yaitu HTML, CSS, PHP, JavaScript serta berhubungan
    dengan database MySQL

    Contoh website dinamis adalah pada website portal berita seperti detik.com yang bisa di
    update kapanpun dengan mudah dan cepat.

    2. – HTML merupakan singkatan dari Hyper Text Markup Language. HTML merupakan
    bahasa pengkodean yang digunakan untuk menghasilkan dokumen-dokumen hypertext
    untuk digunakan di WWW (World Wide Web) atau menampilkan sebuah halaman
    dokumen web. HTML terlihat seperti bahasa pengkodean lama, yang diawali dan diakhiri
    dengan command-command HTML dimana menunjukkan bagaimana keluarannya pada
    saat dijalankan pada sebuah web browser.
    Yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya
    elemen HTML yang disebut juga dengan command HTML dan biasa disebut dengan tag
    yang digunakan untuk menentukan tampilan dari dokumen HTML. Setiap dokumen
    HTML diawali dan diakhiri dengan tag HTML.

    Contoh script HTML :


    <html>
    <head>
    <title>Hallo Informatika</title>
    </head>
    <body bgcolor = “black”>
    <p style=“color:white”>Halo</p>
    </body>
    </html>

    - CSS kepanjangan dari Cascading Style Sheet (CSS) adalah salah satu bahasa
    pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam
    sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat kita gunakan
    dalam mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, warna
    border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks,
    margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS bisa juga diartikan
    sebagai bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.
    Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama
    dengan format yang berbeda.

    Contoh Script CSS

    <html>
    <head>
    <style type="text/CSS">
    body{background:#ffffff;}
    h1{color:red;text-align:center;}
    p{font-family:arial;font-size:18px;}
    </style>
    </head>
    <body>
    <h1>Contoh CSS</h1>
    <p>Ini adalah bagian penulisan paragrap.</p>
    </body>
    </html>
    - JAVASCRIPT merupakan bagian dari 3 teknologi penting yang harus dikuasai
    programmer web, yakni HTML untuk konten (isi dari website), CSS untuk tampilan
    (presentation), dan JavaScript untuk interaksi (behavior). JavaScript merupakan
    bahasa script, yaitu bahasa yang tidak memerlukan kompiler untuk dapat
    menjalankanya, tetapi cukup dengan Interpreter. Tidak perlu ada proses kompilasi
    terlebih dahulu agar program dapat dijalankan. karena untuk menjalankan JavaScript,
    kita hanya membutuhkan aplikasi text editor, dan web browser. JavaScript memiliki
    fitur: high-level programming language, client-side, loosely tiped, dan berorientasi
    objek.
    Contoh script Javascript :
    1. Script HTML yang akan dimasukkan ke javascript
    <html>
    <head>
    <title>Belajar Javascript</title>
    </head>
    <body>
    <div id=”contoh”> Mari Belajar Javascript </div>
    </body></html>

    2. Script Javascript yag akan digunakan


    <!DOCTYPE html><html>
    <head>
    <title>Belajar Javascript</title>
    </head>
    <body>
    <div id=”contoh”> Contoh </div>
    <script>
    document.getElementById(“contoh”).innerHTML = “Mari Belajar
    Javascript!!”;</script>
    </body>
    </html>

    - PHP merupakan singkatan dari PHP Hypertextcessor. Ia merupakan bahasa berbentuk


    skrip yang ditempatkan dalam server dan diproses di server. Hasilnyalah yang
    dikirimkan ke client, tempat pemakai menggunakan browser. Secara khusus PHP
    dirancang untuk membentuk web dinamis. Artinya ia bias membentuk suatu tampilan
    berdasarkan permintaan terkini. Sebagai contoh adalah anda bisa menampilkan isi
    database ke halaman web.

    Contoh Script PHP :

    <html>
    <title>::Belajar PHP::</title>
    </head>
    <body>
    Selamat belajar kode PHP.<br>
    <?php
    $nama = “Tofa Riyadi”;
    Printf(“ Hello, %s”, $nama);
    ?>
    </body>
    </html>

    3. Pada Toko Mebel informasi yang dibutuhkan untuk ditampilkan di web adalah
    1. macam-macam mebel yang dipasarkan antara lain mebel ruang tamu, mebel ruang
    kerja, mebel kamar tidur, dan mebel ruang makan.
    2. Kontak yang dihubungi untuk customer
    3. Informasi tentang perusahaan mebel tersebut.

    Anda mungkin juga menyukai