Posts

EAS Pemrograman Web 2021

Image
  EAS Pemrograman Web 2021 Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D   Membuat Aplikasi Sekolah Soal 1. Definisikan fitur dari aplikasi yang akan dibangun 2. Rancang aplikasi menggunakan Figma 3. Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban 1. Definisikan Fitur yang akan Dibangun Pada Website sekolah ini, terdapat 4 role. Untuk pembagiannya adalah sebagai berikut. - Admin Student Management = Create, Read, Update, Delete (CRUD) data akun siswa Parent Creation = Create, Read, Update, Delete (CRUD) data akun orang tua E-Payslip Generation = Pembuatan slip pembayaran elektronik Complete Dashboard = Navigasi ke dashboard lengkap - Teacher Exam Management = Create, Read, Update, Delete (CRUD) data ujian siswa Assignment Management =...

Tugas 10 - PWeb uploud foto

Image
  Tugas 10 - Uploud Foto Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Pada penugasan Pemrograman Website kali ini belajar tentang cara menggunakan membuat form pendaftaran siswa baru ini untuk homepagenya ini untuk mendaftar ini untuk list yang sudah daftar link web : link web link Github : link Github

tugas 9 - PWeb Pendaftaran Siswa

Image
  Tugas 9 - Buat Pendaftaran Siswa Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Pada penugasan Pemrograman Website kali ini belajar tentang cara menggunakan membuat form pendaftaran siswa baru ini untuk homepagenya ini untuk mendaftar ini untuk list yang sudah daftar link web : link web link Github : link Github

Tugas 8 - Pweb JQuery

Image
  Tugas 8 - JQuery Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Pada penugasan Pemrograman Website kali ini belajar tentang cara menggunakan jQuery pada sebuah aplikasi sederhana dan form dengan menggunakan jQuery Validation. Aplikasi pertama adalah mengetikkan sebuah judul buku dan di-submit sehingga judul buku baru tersebut muncul pada select. Tampilannya terlihat seperti berikut: Selanjutnya, form yang menerapkan beberapa rules validation. Tampilannya terlihat seperti berikut: link web : link JQuery link Github : link Github

Tugas 7 - PWeb Ajax

Image
  Tugas 7 - Ajax Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Pada penugasan Pemrograman Website kali ini belajar tentang cara menggunakan AJAX (Asynchronous Javascript And XML). Untuk program website kali ini saya membuat website menggunakan AJAX untuk request data dan website menggunakan AJAX untuk filter alamat daerah di Indonesia. Dalam pembuatan aplikasi website ini menggunakan file HTML, CSS, dan PHP. Tampilan Website: link web : link Ajax link Github : link Github

Tugas6 - Pweb bootsrap

Image
  Tugas 6 - Bootstrap Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Di postingan ini, saya akan membuat halaman login dan send message menggunakan Bootstrap. seperti tugas yang di minta pada matkul P.Web link web : link Form-bootsrap link Github : link Github

Tugas 5 - PWeb

Image
  Tugas 5 - Form Vaksin Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Disini saya mengerjakan Tugas Pemrograman Web Kelas D. Disini saya akan menjelaskan sedikit perihal penugasannya. Disini diminta membuat sebuah Form Validasi dengan menambahkan javascript. Disini saya menggunakan html,css, js biasa. Hasilnya adalah sebagai berikut link web : link Form link Github : link Github

Tugas 4 - Pweb

Image
  Tugas 4 - Katalog ToPPi Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Pada penguasan Pemograman Web kali ini, saya membuat website website toko online yang menjual Pakaian Pria bernama "ToPPi". Dalam website ini saya hanya menggunakan HTML dan CSS. Terdapat Header, Body, dan Footer dalam setiap halaman website. Tampilan website. Tampilan halaman About: link web : link ToPPi link Github : link Github

tugas 3-Pweb

Image
  Tugas 3 - Warung Tegal Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Kali ini saya akan menjelaskan untuk pembuatan web warung tegal 1. Menyalin html Yang pertama kali saya lakukan adalah menyalin file html yang terdapat di contoh ini . Kemudian saya mencari gambar yang mirip seperti di warung tegal. dan hasilnya seperti ini. 2. Menambahkan slideshow Kemudian saya memutuskan menambahkan slideshow gambar makanan dibawah navbar. Saya menggunakan referensi ini dalam pembuatannya. Saya menyalin kode html, css, dan js dari referensi tersebut, kemudian menyesuaikannya dengan keperluan saya. dan hasilnya seperti ini. 3. Menambahkan video Selanjutnya saya juga memutuskan untuk menambahkan video. Video yang saya gunakan akan diputar dari Youtube sehingga tidak perlu meng-host videonya. Pertama saya menambahkan div baru dan meletakkan section course didalamnya. Div itu kemudian saya atur stylenya supaya float di kiri dan kemudian saya membuat section baru deng...

Tugas 2 P.web

Image
  Tugas 2 - Biodata Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Tugas kali ini saya akan membuat Biodata dengan menggunakan HTML. Kali ini saya membuat biodata tentang data diri saya dengan menggunakan HTML yang dimana dalam pengerjaan tugas ini sendiri saya menerapkan fungsi-fungsi dasar yang ada di HMTL link web : link Biodata link Github : link Github

Tugas 1 P.WEB - CV

Image
  Tugas 1 - CV Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D      Pada tugas ini kita membuat sebuah cv yang harus menggunakan HTML,CV merupakan sebuah tulisan yang berisikan daftar riwayat hidup dan gambaran hidup anda, jadi pada kali ini saya menggunakan CV dengan HTML dan CSS, isi dari website saya sendiri terdapat beberapa profile seperti : 1. Biodata Diri 2. Deskripsi Diri 3. Skill yang saya kuasai 4. Personal profile saya 5. contact pada tugas ini saya menggunakan sublime dan tools sebagai berikut : 1. HTML sebagai structure language dalam website development dan juga konten dari website ini 2. CSS sebagai desain yang ditambahkan kedalam HTML untuk membentuk layout,style pada gambar ini saya memperkenalkan nama saya dan foto profil saya. Dengan latar background laptop pada gambar ini saya menjelaskan tentang saya. pada gambar ini saya memperliatkan skill saya. pada gambar ini saya memberi tau kontak saya yang bisa dihubungi ...

ETS PW 2021 - 3 - Web Apps

Image
  ETS PW 2021 - 3 - Web Apps Nama : I Kadek Ricky Suirta NRP : 05111840000146 Kelas : P.Web D Soal 1. Jelaskan istilah-istilah berikut kemudian berikan contohnya html element html tag CSS Selector Ajax 2. Auto 2000 adalah sebuah perusahaan penjualan mobil-mobil merk Toyota. Selain menjual mobil Auto 2000 juga melayani servis dan perbaikan kendaraan purna jual. Manajemen menghendaki para pelanggan yang sudah membeli mobil di showroomnya kelak juga menjadi pelanggan bengkel untuk servis dan perawatan kendaraannya. Auto 2000 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 pada customer care nt di perusahaan. Pada saat ini, kegiatan yang dilakukan pada customer care untuk mengelola data informasi kepada pelanggan dir...

ETS P.web

  ETS P.WEB Nama : I Kadek Ricky Suirta NRP : 08111840000146 Kelas : P.Web D Soal 1. Jelaskan dan berikan contoh - front end web apps - back end web apps - full stack developer 2. Tuliskan skill yang dibutuhkan untuk membangun aplikasi web 3. Apa yang dimaksud client side dan server side, ilustrasikan penjelasanmu 4.Buatlah sebuah front end web yang berisi Home -Halaman home adalah halaman utama yang akan dibuka pertama kali saat pengunjung membuka website. Halaman ini berisi menu, foto, teks, dan tabel. Download CV Berisi daftar portofolio dan link yang pernah dikerjakan, dan juga CV yang dipunyai. Contact Halaman contact adalah halaman yang berisi form untuk menghubungi pemilik website. Aboutme Halaman about adalah halaman yang berisi informasi lengkap tentang website. Lengkapi link dengan social media anda Jawaban 1.Jelaskan dan berikan contoh - Front end Bagian front-end dari sebuah website adalah bagian yang langsung dilihat oleh user. User juga bisa ...

Tugas 6 -Tugas Aplikasi Profil Menggunakan Code Igniter

Image
Nama : I Kadek Ricky Suirta NRP : 05111840000146 1. Membuat project web terlebih dahulu menggunakan Framework CodeIgniter4 ini. Untuk syntax-nya, kalian bisa lihat gambar berikut 2. Kemudian masuk ke folder project yang sudah dibuat dan jalankan server project kita dengan menggunakan syntax sebagai berikut 3. Lalu, untuk membukanya, kalian perlu membuka browser dan pergi ke "localhost:8080", pastikan CodeIgniter kalian terbuka dan menampilkan halaman default seperti berikut 4. Kemudian kita bisa menambahkan script HTML pada view yang telah kita buat (profilku.php).Agar tampilan dari laman profil diri yang saya buat lebih menarik, saya mengubah code tersebut menjadi seperti berikut : (identitas beberapa emang di samarkan) 5. Maka, kita bisa mengakses halaman profil kita dengan mengetikkan "localhost:8080/profilku" dan akan menampilkan halman sebagai berikut

Tugas 7 -MEMBUAT APLIKASI DENGAN FITUR CRUD MENGGUNAKAN CODE IGNITER

Image
Nama : I Kadek Ricky Suirta NRP : 05111840000146 1. Download code igniter 3 link disini . Setelah itu extract dan beri nama sesuai projctnya 2. Lalu buka project yang sudah di beri nama di Visual Studio Code. Setelah itu lakukan configurasi pada autoload.php untuk memanggil libraries "database" dan helper "url" 3. Setelah itu configurasi di databse.php untuk membuat database 4. Lalu configurasi pada config.php untuk mengganti base urlnya menjadi ' http://localhost/crud ' 5. Pada routes.php mengubah controller dengan memberi nama "home" 6. Lalu masuk ke controller lalu menambahkan home.php dan di beri code seperti berikut 7. Setelah masuk pada view lalu menambahkan file home.php 8. Pada view menambah folder master, dan membuat header.php dan footer.php untuk bootstrap 4 9. Dapat melakukan create 10. Selanjutnya kita akan membuat fitur update dan delete - Kita membuat file update.php pada view seperti gambar berikut ...