Posts

PHP - SQL

Image
  Latihan  7           PHP merupakan    bahasa pemrograman yang dipakai dalam pembuatan dan pengembangan suatu web, u mumnya pada website yang dinamis.  PHP merupakan kepanjangan dari ' Hypertext Preprocessor ' yang terletak pada  server-side  dan biasanya setelah mengeksekusi script php,  server akan memberi respon dalam HTML.  File PHP biasanya berekstensi .php, .php3, .php4, .php5, .phps, maupun .phthml dan  mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll.)     Sedangkan  MySQL merupakan sebuah perangkat lunak  manajemen s istem database yang menggunakan bahasa SQL sebagai bahasa penghubung antara perangkat lunak aplikasi dengan database server. Cara pembuatan website berbasis php-mysql : 1. Siapkan database     a). Create database name :  pendaftaran_siswa     b). Create table seperti ini :     ...

KUIS ETS

Image
Pertanyaan 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya? 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya. 3. Sebuah perusahaan  ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan. 4. Implementasikan desainmu dan buat dokumentasi. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi. Jawaban 1. Website responsive adalah sebuah teknik untuk membuat layout dapat secara otomatis apat menyesuaikan diri sesuai dengan dengan berbagai device ukuran layar pengguna, baik mobile maupun komputer meja. Penyesuaian website responsive ini melibatkan ukuran huruf, user interface, gambar, serta layout yang bisa tam...

Login Bootstrap

Image
  Latihan  6           Bootstrap merupakan sebuah framework yang digunakan sebagai desain template berbasis HTML dan CSS yang bersifat terbuka dan bebas dalam merancang situs web dan aplikasi web. Kerangka kerja ini dapat berisi template seperti tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. Berikut merupakan contoh implementasi pemakaian Boostrap : dan saat kita memilih pada bagian Term and Condition akan muncul seperti berikut : Berikut ini merupakan link Github untuk pembuatan form registrasi-nya : Link Form Login

Pembuatan form dengan Javascript

Image
Latihan  5            JavaScript adalah bahasa pemrograman yang digunakan untuk pengembangan halaman web, aplikasi, server, atau game lebih dinamins dan interaktif oleh web developer. Lalu apa bedanya?? JavaScript adalah script pemrogramannya, HTML berfungsi untuk menyusun struktur website, dan CSS untuk mendesain serta mengatur layout halaman website. Berikut adalah contoh pemakaiain Javascript berserta HTML dan CSS :  Penggunaan Javascript disini yakni sebagai sistem validasi pada server-side saat client memasukkan data-datanya seperti validasi tipe inputan, jumlah inputan yang dimasukkan, dan lainnya. Berikut ini merupakan link Github untuk pembuatan form-nya : https://github.com/lalaladi/PWEB-validasiForm/tree/main  

Merancang desain Undangan Pernikahan

Image
 Tugas 4 Desain undangan yang ingin ditampilkan terdiri dari homepage, profil pasangan, cerita pasangan, galeri, dan buku tamu sehingga akan terlihat seperti berikut :  Lebih jelasnya, desain ini memiliki Frame yang terdiri dari 7 Section yang terbagi menjadi : 1. Section Home berisi informasi acara secara garis besar. 2. Section Kisah Sejarah kedua mempelai  3. Section Profil Pangantin 4. Section untuk informasi Waktu Acara Pernikahan 5. Section Detail Acara 6. Section Galeri Pengantin 7. Section RSVP (Buku Tamu), didalamnya para tamu dapat menginformasikan apakah dapat hadir atau tidak, nama lengkap para tamu, berapa anggota tamu yang akan ikut untuk per keluarga, email, kesan/pesan tamu kepada kedua mempelai Kemudian untuk asset yang digunakan terdiri dari : - Pemakaian beberapa tools seperti rectangle , circle , frame , colors dan lainnya. Semua ini dapat diakses pada  figma - Foto-foto kisah romansa pengantin, saya sarankan menggunakan pinterest untuk penge...

Portofolio Kursus dengan HTML dan CSS

Image
 Latihan 2          HTML dan CSS merupakan unsur terpenting dalam pembuatan website. Kali ini saya akan membuat contoh Web yang menampilkan informasi mengenai kursus coding  yang didalam berisi home, about, blog, testimonials, dan informasi contact.  Untuk lebih jelasnya berikut saya sertakan link github-nya:  https://github.com/lalaladi/Pweb-webcourse

Layout dengan HTML dan CSS

Image
LATIHAN 1        Tampilan Layout sederhana dapat dilakukan dengan menggunakan HTML dan CSS, berikut merupakan salah satu contohnya : Untuk lebih jelasnya, saya sertakan link Github untuk code sebagai berikut : Klik THIS