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 HTML, CSS (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

Posting Komentar

Postingan populer dari blog ini

TUGAS 7 PEMROGRAMAN BERORIENTASI OBJEK (B) BAGIAN I - Login Panel

  Tugas kali ini sedikit memodifikasi aplikasi LoginPanel dengan implementasi GUI dengan komponen AWT dan Swing milik Bapak Fajar Baskoro dan disadur dari link berikut . Aplikasi ini merupakan aplikasi sederhana untuk melakukan proses login. Username dan password telah di-set sebelumnya pada aplikasi, sehingga jika salah satu inputan entah username atau password salah, maka akan muncul "Login Denied!". Jika benar, akan memunculkan "Login Granted!". Ada 1 class yang dipakai dalam aplikasi ini: Login , sebagai class untuk melakukan proses login serta pengecekan username dan password. Lalu, aplikasi ini juga menggunakan beberapa library/package: Java.awt.* , untuk proses inputan dalam sebuah program yang telah dijalankan. Java.awt.event.* , untuk proses deklarasi dari class event yang berisi komponen program yang digunakan untuk mengambil semua file dari package event pada java.awt. Java.awt.swing.* , untuk mendeklarasikan sebuah komponen grafis dengan perintah yang di...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya

TUGAS 5 REKAYASA KEBUTUHAN (A) - Spesifikasi Kebutuhan Aplikasi Moka

Tugas kali ini melakukan analisis kebutuhan aplikasi  Moka (berdasarkan video berikut ).  Moka merupakan sebuah aplikasi yang memanfaatkan metode Point of Sale yaitu metode menggabungkan perangkat lunak dan perangkat keras yang membentuk suatu sistem dengan tujuan untuk memudahkan transaksi dengan pelanggan. Moka menyediakan perangkat lengkap bagi para penjual agar bisa menjalankan seluruh bisnis. Layaknya standar aplikasi POS, pelaku UMKM dapat melakukan beragam hal seputar penjualan, mulai dari membuat kategori barang, stok, harga, keterangan tambahan, dan membuat laporan bisnis dengan cepat dan secara real-time di mana pun dan kapan pun. Kebutuhan Fungsional (SKPL-UC01) Sistem menyediakan fitur login (01:13) (SKPL-UC02) Sistem menyediakan fitur register (01:13) (SKPL-UC03) Sistem menyediakan sejumlah opsi jenis usaha (01:35) (SKPL-UC04)  Sistem menyediakan fitur untuk mengelola menu (01:50) (SKPL-UC05) Sistem menyediakan fitur untuk melakukan pengelolaan shift ka...
Posting Komentar
Baca selengkapnya