QuizWeb TKJ Sezon 1

Proses membuat

dan mengembangkan aplikasi berbasis web

yang dapat diakses melalui browser bisa

berupa halaman informasi, layanan interaktif,

hingga sistem e-commerce. Merupakan pengertingan dari...

• Analisa Data

• Pemrograman Web

• Logika Algoritma

• Teknik Informatika

• Sistem Operasi

Kontennya

ditulis langsung dalam

file HTML dan CSS,

tanpa koneksi ke

database atau serverside

scripting merupakan website...

• Statik

• Dinamis

• Responsif

• Informatif

• Linear

Berikut teknologi umum untuk website statik...

• CSS3: Flexbox, Grid

  CSS Media Query

• Framework: Bootstrap,

  TailwindCSS, Foundation

• HTML & CSS murni

  Kadang ditambah JavaScript

  untuk efek animasi ringan

• Back-End: PHP, Python,

  Node.js, Ruby

• Front-End: HTML, CSS,

  JavaScript

  Database: MySQL,

  PostgreSQL, MongoDB

Konten

dapat berbeda

tergantung siapa yang

mengakses, kapan

diakses, atau interaksi

yang dilakukan

pengguna merupakan website...

• Dinamis

• Dynamite

• Animasi

• Statik

• Responsif

Berikut teknologi umum website dinamis....

• Back-End: PHP, Python,

  Node.js, Ruby

  Front-End: HTML, CSS,

  JavaScript

  Database: MySQL,

  PostgreSQL, MongoDB

• HTML & CSS murni

  Kadang ditambah JavaScript

  untuk efek animasi ringan

• CSS3: Flexbox, Grid

• CSS Media Query

• Framework: Bootstrap,

  TailwindCSS, Foundation

Website yang

secara otomatis

menyesuaikan

tampilannya

berdasarkan

ukuran dan jenis

perangkat merupakan website....

• Dinamis

• Statik

• Random

• Reformasi

• Responsif

Berikut teknologi umum website responsif...

• HTML & CSS murni

  Kadang ditambah JavaScript

  untuk efek animasi ringan

• Back-End: PHP, Python,

  Node.js, Ruby

• CSS3: Flexbox, Grid

  CSS Media Query

  Framework: Bootstrap,

  TailwindCSS, Foundation

• Front-End: HTML, CSS,

  JavaScript

• Database: MySQL,

  PostgreSQL, MongoDB

Mudah dibuat untuk pemula dan Tidak cocok untuk situs yang

butuh interaksi pengguna merupakan salah satu kelebihan dan kekurangan website...

• Responsif

• Dynamite

• Dinamis

• Informatif

• Statik

Interaktif dan dapat disesuaikan

dengan pengguna juga Rentan jika sistem keamanan

tidak diperhatikan merupakan salah satu kelebihan dan kekurangan website...

• Responsif

• Dynamite

• Dinamis

• Informatif

• Statik

Hemat biaya (tidak perlu dua

versi website) dan Butuh pengujian di berbagai

resolusi perangkat merupakan salah satu kelebihan dan kekurangan website...

• Responsif

• Dynamite

• Dinamis

• Informatif

• Statik