1. Tugas 2 Rekayasa Web membahas tentang responsive web design, bootstrap, indexing database, dan JSON.
2. Responsive web design digunakan untuk membuat tampilan website menyesuaikan dengan ukuran device, bootstrap merupakan framework untuk membangun desain web secara responsif, sedangkan indexing database dan JSON digunakan untuk mempercepat query data dan pertukaran data.
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLDian Arifin
油
PHP dan MySQL digunakan untuk membangun situs web dinamis. PHP adalah bahasa skrip server-side untuk membuat halaman web dinamis, sedangkan MySQL adalah sistem manajemen basis data relasional yang digunakan PHP untuk menyimpan dan mengelola data website. CSS digunakan untuk mengatur tampilan dan tata letak konten HTML, sedangkan HTML mendefinisikan struktur dan konten dokumen web. XML digunakan untuk menyimpan dan mentransfer data antar sistem dengan fle
CMS digunakan untuk mengelola konten seperti web, gambar, file audio, dan lainnya. CMS memungkinkan pengelolaan, pengontrolan, versi, dan penerbitan situs web dengan mudah tanpa pengetahuan teknis. CMS mengurangi pekerjaan perawatan situs web.
1211510555 irfan adi rifangga tugas2_kuIrfanRifangga
油
Dokumen tersebut membahas tentang XML, JSON, dan perbedaan antara XML dan HTML. XML digunakan untuk mengolah metadata tentang struktur dan maksud data, sedangkan JSON digunakan untuk pertukaran data antar aplikasi. XML dan HTML memiliki tujuan yang berbeda, di mana XML fokus pada data dan HTML pada penampilan.
Dokumen tersebut membahas tentang XML, JSON, dan perbedaan antara XML dan HTML. XML digunakan untuk mengolah metadata sedangkan HTML digunakan untuk menampilkan format teks. JSON digunakan untuk mentransmisikan data melalui jaringan.
Dokumen tersebut membahas tentang XML, JSON, dan perbedaan antara XML dan HTML. XML digunakan untuk mengolah metadata sedangkan HTML digunakan untuk menampilkan format teks. JSON digunakan untuk mentransmisikan data terstruktur melalui jaringan.
Dokumen tersebut membahas tentang rekayasa web dan mencakup pertanyaan mengenai XML, JSON, perbedaan HTML dan XML, JavaScript, serta istilah front end dan back end pada pengembangan perangkat lunak. Jawaban mencakup contoh-contoh kode dan penjelasan mengenai masing-masing topik.
WWW merupakan layanan informasi global yang memungkinkan pengguna untuk membaca dan menulis melalui komputer yang terhubung ke internet berdasarkan empat konsep dasar: hypertext, pengenal sumber daya, klien-server, dan bahasa markup. Halaman web dapat diakses dengan mengetikkan URL atau mengikuti tautan hypertext, kemudian permintaan akan dikirim ke server web untuk mengembalikan konten halaman tersebut ke browser pengguna.
Dokumen tersebut membahas tentang XML, JSON, dan perbedaan antara XML dan HTML. XML digunakan untuk mengolah metadata, sedangkan JSON digunakan untuk pertukaran data. XML fokus pada struktur data, sementara HTML fokus pada tampilan.
Dokumen ini membahas tentang CSS (Cascading Style Sheets) yang memungkinkan memisahkan konten dari tampilan dalam pembuatan website. CSS digunakan untuk mendesain tampilan dokumen seperti font, layout, dan elemen lainnya. Dokumen ini juga menjelaskan manfaat CSS seperti memudahkan pengaturan tampilan, mempercepat loading website, dan mudah merubah tampilan hanya dengan mengubah file CSS. Terdapat tugas untuk mengaplikasikan CSS
Teks tersebut membahas beberapa konsep terkait pemrograman web seperti MVC, XML, JSON, AJAX, CSRF, dan WebSocket. MVC digunakan untuk memisahkan komponen utama aplikasi seperti manipulasi data, antarmuka pengguna, dan kontrol. XML digunakan untuk menyimpan data secara terstruktur sedangkan JSON lebih ringkas untuk pertukaran data. AJAX memungkinkan pertukaran data tanpa segarkan halaman. CSRF adalah teknik men
Bootstrap adalah kerangka kerja CSS open source yang digunakan untuk membuat desain tampilan website dan aplikasi web. Ia menyediakan komponen seperti navigasi, tombol, tipografi dan formulir untuk membangun antarmuka pengguna. Bootstrap juga memiliki fitur JavaScript untuk membantu pengembangan sisi front-end.
MVC adalah konsep pemrograman yang memisahkan komponen utama aplikasi menjadi model, view, dan controller. JSON dan XML digunakan untuk pertukaran data, sedangkan AJAX memungkinkan pertukaran data tanpa merefresh halaman. WebSocket memungkinkan komunikasi real-time melalui koneksi TCP tunggal."
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
1. MVC adalah konsep pemisahan komponen utama aplikasi menjadi model, view, dan controller. Model berhubungan dengan basis data, view menangani presentasi, dan controller mengatur interaksi antara keduanya.
2. XML digunakan untuk menyimpan data secara terstruktur sedangkan JSON lebih ringkas untuk pertukaran data antar sistem.
3. AJAX memungkinkan pertukaran data di latar belakang tanpa merefresh halaman dengan menggunakan JavaScript dan XML/
Form HTML digunakan untuk meminta masukan dari pengguna ke server. Tag <form> membentuk kerangka form sementara tag <input> menyediakan elemen antarmuka. Metode GET mengirim data lewat URL sedangkan POST secara terpisah. CSS digunakan untuk mengontrol tampilan halaman web dan dapat dimasukkan secara internal, eksternal atau tergabung.
Dokumen ini membahas penggunaan CSS untuk mengatur tampilan halaman web. Beberapa cara yang dijelaskan meliputi menyesuaikan format teks paragraf pertama, membuat menu menjadi link yang berubah warna saat dihover, menambahkan konten di sidebar kanan, dan menambahkan judul pada header dengan menggunakan CSS. Dokumen ini juga menyimpulkan bahwa penggunaan CSS untuk mengatur tampilan web bergantung pada logika masing-masing pengode.
1. Responsive web design adalah teknik untuk membuat tampilan website dapat beradaptasi dengan ukuran dan orientasi perangkat pengguna.
2. Bootstrap adalah framework CSS yang menyediakan komponen antarmuka dan sarana untuk membangun layout halaman secara mudah dan rapi.
3. Index pada database digunakan untuk mempercepat proses pencarian data dan mencegah penurunan kinerja server ketika skala database menjadi sangat besar.
Dokumen ini membahas tentang CSS (Cascading Style Sheets) yang memungkinkan memisahkan konten dari tampilan dalam pembuatan website. CSS digunakan untuk mendesain tampilan dokumen seperti font, layout, dan elemen lainnya. Dokumen ini juga menjelaskan manfaat CSS seperti memudahkan pengaturan tampilan, mempercepat loading website, dan mudah merubah tampilan hanya dengan mengubah file CSS. Terdapat tugas untuk mengaplikasikan CSS
Teks tersebut membahas beberapa konsep terkait pemrograman web seperti MVC, XML, JSON, AJAX, CSRF, dan WebSocket. MVC digunakan untuk memisahkan komponen utama aplikasi seperti manipulasi data, antarmuka pengguna, dan kontrol. XML digunakan untuk menyimpan data secara terstruktur sedangkan JSON lebih ringkas untuk pertukaran data. AJAX memungkinkan pertukaran data tanpa segarkan halaman. CSRF adalah teknik men
Bootstrap adalah kerangka kerja CSS open source yang digunakan untuk membuat desain tampilan website dan aplikasi web. Ia menyediakan komponen seperti navigasi, tombol, tipografi dan formulir untuk membangun antarmuka pengguna. Bootstrap juga memiliki fitur JavaScript untuk membantu pengembangan sisi front-end.
MVC adalah konsep pemrograman yang memisahkan komponen utama aplikasi menjadi model, view, dan controller. JSON dan XML digunakan untuk pertukaran data, sedangkan AJAX memungkinkan pertukaran data tanpa merefresh halaman. WebSocket memungkinkan komunikasi real-time melalui koneksi TCP tunggal."
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
1. MVC adalah konsep pemisahan komponen utama aplikasi menjadi model, view, dan controller. Model berhubungan dengan basis data, view menangani presentasi, dan controller mengatur interaksi antara keduanya.
2. XML digunakan untuk menyimpan data secara terstruktur sedangkan JSON lebih ringkas untuk pertukaran data antar sistem.
3. AJAX memungkinkan pertukaran data di latar belakang tanpa merefresh halaman dengan menggunakan JavaScript dan XML/
Form HTML digunakan untuk meminta masukan dari pengguna ke server. Tag <form> membentuk kerangka form sementara tag <input> menyediakan elemen antarmuka. Metode GET mengirim data lewat URL sedangkan POST secara terpisah. CSS digunakan untuk mengontrol tampilan halaman web dan dapat dimasukkan secara internal, eksternal atau tergabung.
Dokumen ini membahas penggunaan CSS untuk mengatur tampilan halaman web. Beberapa cara yang dijelaskan meliputi menyesuaikan format teks paragraf pertama, membuat menu menjadi link yang berubah warna saat dihover, menambahkan konten di sidebar kanan, dan menambahkan judul pada header dengan menggunakan CSS. Dokumen ini juga menyimpulkan bahwa penggunaan CSS untuk mengatur tampilan web bergantung pada logika masing-masing pengode.
1. Responsive web design adalah teknik untuk membuat tampilan website dapat beradaptasi dengan ukuran dan orientasi perangkat pengguna.
2. Bootstrap adalah framework CSS yang menyediakan komponen antarmuka dan sarana untuk membangun layout halaman secara mudah dan rapi.
3. Index pada database digunakan untuk mempercepat proses pencarian data dan mencegah penurunan kinerja server ketika skala database menjadi sangat besar.
Dokumen tersebut membahas tentang konsep MVC, JSON, XML, AJAX, dan WebSocket. Secara ringkas, MVC adalah arsitektur pemrograman yang memisahkan kode menjadi tiga komponen yaitu model, view, dan controller. JSON dan XML digunakan sebagai format pertukaran data, sementara AJAX dan WebSocket memungkinkan komunikasi asinkron antara klien dan server.
MVC memisahkan logika penanganan tampilan, pengontrolan, dan model agar perangkat lunak mudah dirawat dan dikembangkan. AJAX memungkinkan pertukaran data di belakang layar tanpa memuat ulang halaman. WebSocket memungkinkan komunikasi dua arah antara klien dan server.
Ringkasan dokumen:
Makalah ini membahas Microsoft Access, program aplikasi basis data relasional dari Microsoft. Ia menjelaskan sejarah, versi, penggunaan, dan fitur-fitur Microsoft Access serta cara pengembangan dan pengoperasiannya.
Web PPDB ini digunakan untuk pendaftaran siswa SD yang akan melanjutkan ke SMP di Kabupaten Jember. Web ini memiliki fitur login untuk admin dan siswa, form pendaftaran, serta manajemen data peserta dan sekolah oleh admin."
Dokumen tersebut membahas pengertian front end dan back end development. Front end development bertugas mengembangkan tampilan website yang dapat dilihat pengguna, sedangkan back end development bertugas mengatur proses jalannya website dan pengambilan data dari database."
Teknologi JSP memungkinkan pengembangan halaman web dinamis secara mudah dan cepat dengan memisahkan presentasi dan konten melalui bahasa pemrograman Java. JSP merupakan teknologi web server-side yang mendukung fitur-fitur seperti sesi dan kuki untuk menangani interaksi pengguna.
RSS (Realy Simple Syndication) merupakan salah satu Teknologi Metadata yang dapat digunakan pengguna internet untuk mengakses informasi tanpa harus mengunjungi (secara langsung) situs yang bersangkutan. RSS dapat diakses dengan pembaca RSS (RSS Reader), namun terdapat keterbatasan dimana RSS Reader hanya bisa digunakan oleh satu user saja dan selain itu pengembang web tidak dapat memasukkan web mereka ke dalam daftar RSS Reader dengan mudah karena harus meminta persetujuan dari Pembuat RSS Reader tersebut.
1. 1
TUGAS 2 REKAYASA WEB
NAMA : RIAN SAPUTRA
NIM : 1211510639
DOSEN : ANDRY SUNANDAR
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS BUDI LUHUR
JAKARTA 2015
2. 2
1. Responsive Web Design
Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout
website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun
orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses
melalu SmartPhone misalnya, itu akan berbeda tampilannya. Responsive Web Design Untuk
mengetes tampilan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya
melalui mobile device ataupun device lainnya, namun cukup dengan meminimize browser
saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan
website kita pada layar mobile device.
a. Kelebihan dan Keukrangan
Teknik ini sudah mulai banyak digunakan dikalangan web desainer luar maupun
lokal dan memiliki beberapa keuntungan, salah satunya adalah penghematan penggunaan sub
domain, yang tadinya kalau mengakses harus menggunakan kata mobile atau m didepan
domainnya, sekarang cukup dengan mengetik nama domainnya saja dan tampilan akan
menyesuaikan dengan device yang digunakan. Keuntungan yang paling utama tentu saja
dapat mengurangi jumlah development menjadi satu saja untuk dipakai semua devices. Lalu
kelemahan dari teknik ini adalah jika digunakan pada website yang bertujuan untuk
menampilkan gambar saja, seperti website fotografi misalnya. Resource gambar yang diload
oleh device kita akan sama dengan yang diload dikomputer kita. Untuk itu kita perlu
memperhatikan apakah website yang kita buat cocok untuk dipakaikan teknik Responsive ini.
3. 3
2. Bootstrap
Bootstrap merupakan sebuah Framework CSS, yang menyediakan kumpulan
komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa
untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan
sarana untuk membangun layout seperti HTML, CSS dan Javascript siap pakai dan mudah
untuk dikembangkan.
Bootstrap berfungsi untuk membangun desain web secara responsif. Artinya,
tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang
kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun
dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk
tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web
yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa
membangun web dinamis ataupun statis. Halaman dengan mudah dan rapi, serta modifikasi
pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan
senada dengan komponen-komponen lainnya. Mengutip pengembang yang menciptakan
Bootstrap, Bootstrap dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan
untuk membangun website sederhana dengan mudah.
3. Indexing Database
Index Database adalah sebuah objek sistem database yang dapat mempercepat proses
pencarian (query) data. Penggunaan index pada database merupakan salah satu teknik
pembuatan database yang baik. Hal ini terutama sangat berguna pada implementasi database
dengan skala VLDB (Very Large Database) atau OLDB (Online Large Database).
Saat database dibuat tanpa menggunakan index, maka kinerja server database dapat
menurun secara drastis. Hal ini dikarenakan resource komputer banyak digunakan untuk
4. 4
pencarian data atau pengaksesan query SQL dengan metode table-scan. Index pada kolom-
kolom tabel database mempunyai fungsi seperti indeks kamus atau buku. Hal ini membuat
pencarian data akan lebih cepat dan tidak banyak menghabiskan resource komputer.
Index merupakan struktur data tersendiri yang tidak bergantung kepada struktur tabel.
Setiap index terdiri dari nilai kolom dan penunjuk (atau ROWID) ke baris yang berisi nilai
tersebut. Penunjuk tersebut secara langsung menunjuk ke baris yang tepat pada tabel,
sehingga menghindari terjadinya full table-scan. Akan tetapi lebih banyak index pada tabel
tidak berarti akan mempercepat query. Semakin banyak index pada suatu tabel menyebabkan
kelambatan pemrosesan perintah-perintah DML (Data Manipulation Language), karena
setiap terjadi perubahan data maka index juga harus disesuaikan.
Berikut ini adalah beberapa alasan kenapa index diperlukan:
Kolom sering digunakan dalam klausa WHERE atau dalam kondisi join
Kolom berisi nilai dengan jangkauan yang luas
Kolom berisi banyak nilai null
Beberapa kolom sering digunakan dalam klausa WHERE atau dalam kondisi join
Tabel berukuran besar dan sebagian besar query menampilkan data kurang dari 2-4%.
Perlu kita perhatikan bahwa terdapat beberapa kondisi dimana tidak diperlukan kehadiran
index, yaitu ketika:
Table kecil
Kolom tidak sering digunakan sebagai kondisi dalam query
Kebanyakan query menampilkan data lebih dari 2-4% dari seluruh data
Table sering di-update
5. 5
4. JSON (Javascript Object Notation)
JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan,
mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate)
oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript,
Standar ECMA-262 Edisi ke-3 - Desember 1999. JSON merupakan format teks yang tidak
bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang
umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl,
Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa
pertukaran-data.
Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu
koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada
pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan
tradisional format XML.
Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara
spesifik, edisi ketiga standar ECMA-262, Desember 1999 [1]) dan umumnya digunakan
dengan bahasa tersebut, JSON dianggap sebagai format data yang tak tergantung pada suatu
bahasa. Kode untuk pengolahan dan pembuatan data JSON telah tersedia untuk banyak jenis
bahasa pemrograman. Situs json.org menyediakan daftar komprehensif pengikatan JSON
yang tersedia, disusun menurut bahasa. JSON terbuat dari dua struktur:
Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan sebagai objek
(object), rekaman (record), struktur (struct), kamus (dictionary), tabel hash (hash table),
daftar berkunci (keyed list), atau associative array.
6. 6
Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini
dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence).
Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya,
semua bahasa pemprograman moderen mendukung struktur data ini dalam bentuk yang sama
maupun berlainan. Hal ini pantas disebut demikian karena format data mudah dipertukarkan
dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur data ini.