Langsung ke konten utama

ETS PEMROGRAMAN WEB (D) - Web Apps

SOAL

  1. Jelaskan istilah-istilah berikut kemudian berikan contohnya!
    • HTML element
    • HTML tag
    • CSS selector
    • AJAX

  2. Auto2000 adalah sebuah perusahaan penjualan mobil-mobil merk Toyota. Selain menjual mobil, Auto2000 juga melayani servis dan perbaikan kendaraan purna jual.
    • Manajemen menghendaki para pelanggan yang sudah membeli mobil di showroom-nya kelak juga menjadi pelanggan bengkel untuk servis dan perawatan kendaraannya. Auto2000 menginginkan kegiatan perawatan kendaraan para pelanggannya terus dilakukan secara kontinyu di bengkel-bengkel tempat pelanggan membeli kendaraannya.
    • Oleh karena itu, perusahaan membutuhkan sebuah sistem informasi yang dapat mengelola hubungan antara perusahaan dengan pelanggan agar dapat dimanfaatkan customer care perusahaan.
    • Pada saat ini, kegiatan yang dilakukan pada customer care untuk mengelola data informasi kepada pelanggan dirasakan kurang efektif oleh perusahaan.
    • Buatlah desain front end penanganan pelayanan pelanggan dan implementasikan desainnya!
    • Kemudian demo dalam bentuk video tutorial!

JAWABAN

  1. Jawaban terlampir pada dokumen berikut.


  2. Hasil pengerjaan:
    • Web ini dibuat menggunakan HTMLCSS (Bootstrap & Custom), JavaScript dan jQuery. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai Netlify.

    • Konten dari website:
      • Main page, berisi halaman depan yang memuat konten penjualan mobil-mobil merk Toyota milik Auto2000.

    • Tampilan website:
      • Navbar dan header

      • Service section

      • Search car section


      • Car recommendation section

      • About number section

      • Footer

      • Bubble chat


    • Source code: di sini

    • Demo:

Komentar

Postingan populer dari blog ini

TUGAS 3 PEMROGRAMAN WEB (D) - Warung Tegal

Tugas kali ini membuat website Warung Makan Tegal. Dalam proses pengerjaannya, menggunakan  HTML ,   CSS ,   dan JavaScript serta  VSCode  sebagai  text editor . Di website ini, saya mengaplikasikan penggunaan embed video dari Youtube dan image carousel atau slideshow . Laman website-nya dapat diakses pada  link berikut . Untuk  hosting  web sendiri memakai  Netlify . Konten dari website: Main page , berisi daftar makanan, masakan populer, kontak dari warung tegal, serta menu apa saja yang tersedia di dalam website. Tampilan Website Main page Source Code index.html style.css

ETS REKAYASA KEBUTUHAN (A) - GoToko

Pada Evaluasi Tengah Semester (ETS) kali ini melakukan analisis kebutuhan aplikasi GoToko . Sebelum kita menganalisis lebih jauh tentang GoToko, kita perlu mengetahui terlebih dahulu apa saja kebutuhan yang harus digali untuk sebuah aplikasi perangkat lunak. Kebutuhan Fungsional Kebutuhan fungsional adalah kebutuhan dari penggunaan software yang harus dibangun oleh developer ke dalam produk agar pengguna dapat menyelesaikan tugas mereka, sehingga memenuhi persyaratan bisnis. Kebutuhan fungsional menyatakan apa yang harus dilakukan oleh sistem. Kebutuhan fungsional juga sangat bergantung dari jenis perangkat lunak, pengguna sistem, dan jenis sistem yang perangkat lunak tersebut gunakan. Kebutuhan Non-Fungsional Kebutuhan non fungsional merupakan kebutuhan yang menggambarkan bagaimana sistem berkerja ke depannya.  Kebutuhan non-fungsional menjelaskan tentang constraint atau standar yang harus dipatuhi oleh sistem. Kebutuhan non-fungsional juga mendefinisikan karakteristik dari kuali...

TUGAS 8 PEMROGRAMAN WEB (D) - jQuery Sederhana

Tugas kali ini membuat website yang mengimplementasikan jQuery . jQuery adalah sebuah library JavaScript yang diperlukan sebagai solusi karena terdapat beberapa perbedaan implementasi JavaScript dari satu web browser dengan web browser lain. Di sini terdapat 2 aplikasi, yaitu tambah data ke dalam sebuah kolom select , dan satu lagi validasi form. Dalam proses pengerjaannya, menggunakan HTML , CSS (Bootstrap & Custom) , dan JavaScript (internal) . Laman website-nya dapat diakses pada link berikut . Untuk hosting web sendiri memakai Netlify . Konten dari website: Main page , berisi halaman untuk redirect aplikasi implementasi jQuery mana yang akan dicoba/dipilih. Tambah page , berisi halaman aplikasi tambah data untuk suatu kolom select . Validasi page , berisi halaman aplikasi validasi form. Tampilan Website Main page Tambah page (sebelum ditambah) Tambah page (setelah ditambah) Setelah buku dientri, maka datanya akan masuk ke list kolom select "Daftar Buku". Jika e...