EAS Pemrograman Web 2021

 





Membuat Aplikasi Sekolah

  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.


EAS Manajemen Proyek PL 2021

 

Perhatikan Studi Kasus Di Bawah ini ...






  1. Definisikan Produk Perangkat Lunak yang ditawarkan Sridhar Vembu
  2. Buatlah manajemen ruang lingkup
  3. Buat pembiayaan proyek
  4. Buat Pengelolaan waktu pengerjaan
  5. Tentukan Manajemen resikonya

Boleh dikerjakan berkelompok, pengumpulan dalam bentuk dokumen di embedded di blog dan video presentasi Youtube. 




PHP - Manajemen User

Membuat Login Multi User Level Dengan PHP dan MySQLi

Apa yang di maksud dengan &#8220;<em>Login Multi User Level mungkin pertanyaan ini lah yang muncul di fikiran teman-teman. tapi mungkin ada juga teman-teman yang sengaja mencari tutorial ini. karena ingin membuat login multi user level.

Sebelumnya di jelaskan dulu apa itu login multi level. Login multi user level adalah proses login yang memiliki validasi level dari seorang user saat login. kenapa harus membuat validasi level user ? karena pasti setiap user atau pengguna sistem memiliki hak akses yang berbeda-beda.

Intinya adalah login multi user level adalah beberapa user dengan hak akses yang berbeda bisa melakukan login pada 1 form login. dan jika berhasil melakukan login, maka user yang login tersebut akan di arahkan ke halaman dashboard nya masing-masing.

Misal nya user yang login adalah user yang memiliki hak akses sebagai, maka saat user tersebut berhasil melakukan login, maka akan di alihkan ke dashboardatau jika user yang login adalah user yang memiliki hak akses pegawai, maka akan di alihkan ke halaman dashboardpegawai.






Level user 
  •  Admin
  •  Pegawai 
  •  Pengurus

File Back End yang perlu dibuat :

  • index.php
  • style.css
  • cek_login.php
  • halaman_admin.php
  • halaman_pegawai.php
  • halaman_pengurus.php</li>
  • koneksi.php
  • logout.php







https://www.malasngoding.com/membuat-login-multi-user-level-dengan-php-dan-mysqli/


ETS PW 2021 - 3 - Web Apps

 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 dirasakan kurang efektif oleh perusahaan.

Buatlah desain front end penanganan pelayanan pelanggan
Implementasikan desainnya, kemudian demo dalam bentuk video tutorial

ETS PW 2021 - Front End Web

 


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

 


 

ETS PW 2021 - Memprogram user interface

Soal

1. Jelaskan istilah-istilah berikut kemudian berikan contohnya

  • html element
  • html tag
  • CSS Selector
  • Ajax

2. Apa yang dimaksud URI, URL dan URN, berikan contoh dan ilustrasinya

3. Buatlah halaman web, menggunakan desain di bawah ini :


ETS 2021 - Manajemen Proyek Perangkat lunak

 


Soal

  1. Ambil suatu contoh proyek perangkat lunak yang sudah ada. Deskripsikan, kemudian analisa kesalahan-kesalahan yang terjadi pada manajemen proyek
  2. Jelaskan dan berikan contoh , cara mengukur keberhasilan suatu proyek perangkat lunak.
  3. Gambarkan proses manajemen proyek, kemudian jelaskan
  4. Siapa saja yang termasuk dalam stakeholder proyek, dan apa peran masing-masing pihak?


Study Kasus

Sebuah perusahaan konsultan dipercaya untuk menangani proyek penyediaan sistem video training untu sebuah perusahaan. Pekerjaan ini direncanakan selesai dalam 4 bulan. Proyek didanai sebesar Rp 200 jt. Buatlah

  • Buatlah deskripsi produk aplikasi
  • Tentukan fitur yang akan dibangun
  • Prototipe aplikasi
  • Work Breakdown Struktur
  • Jadwal Pengerjaan Proyek
  • Rencana Penggunaan anggaran pendanaan
  • Kurva S pengendalian proyek



Mengontrol Kemajuan Proyek - Kurva S

Kurva S Pengendalian memiliki penting dalam sebuah proyek karena kurva S Pengendalian dapat mengetahui kemajuan harian serta melacak catatan sebelumnya tentang apa yang telah terjadi. Dengan adanya Kurva S Pengendalian, maka seseorang dapat melihat kesimpulan lengkap mulai dari berapa banyak keuntungan, berapa banyak penjualan dalam periode tertentu, hingga kemajuan dari tahun ke tahun dengan membandingkannya dengan tahun sebelumnya. 



Dalam membuat Kurva S, satu hal yang perlu kamu ingat adalah waktu. Kurva S harus memiliki periode waktu dalam satu axis atau sumbu sehingga sesuatu dapat dibandingkan selama periode waktu dengan sangat mudah. 

Penggunaan Kurva S dapat membantu kita untuk menyajikan data menjadi lebih mudah dimengerti dengan proses yang lebih cepat. Selain itu, Kurva S juga memiliki kegunaan lainnya, antara lain:

  1. Kurva S dapat menjadi alat manajemen proyek yang penting dan dapat digunakan oleh siapa saja karena tersedia pada Microsoft Excel.
  2. Kurva S dapat digunakan terutama pada data yang berkaitan dengan erat dengan waktu. Kurva S dapat membantu usernya untuk menganalisis data pada rentang periode tertentu. 
  3. Pada pemodelan data keuangan dan arus kas, Kurva S juga dapat digunakan secara luas untuk melihat progress keuangan, pemetaan akun keuangan, hingga perbandingan anggaran.
  4. Kurva S dapat digunakan dalam pembangunan proyek dan memproyeksi sebuah model.
  5. Kurva S dapat digunakan tidak hanya untuk nilai kuantitatif, namun juga kualitatif. 
  6. Bagi kamu yang ingin mengelaborasi dua data, Kurva S dapat digunakan sebagai kurva sumbu ganda, yakni kurva yang dapat dikombinasikan dengan kombinasi grafik lainnya.
  7. Dengan scatter graph dan line graph, Kurva S dapat berguna untuk berbagai macam tujuan. 

EAS Struktur Data

 


Final Project Struktur Data

1. Tuliskan Judul dan Deskribsi  yang dikerjakan
2. Tuliskan anggota kelompok, NRP dan kelas.
3. Tuliskan Link Dokumentasinya




EAS PBKK C - 2021

 


Final Project PBKK C

1. Tuliskan Judul dan Deskribsi proyek yang dikerjakan
2. Tuliskan anggota kelompok, NRP dan kelas.
3. Tuliskan Link Dokumentasinya

EAS PBKK B - 2021

 


Final Project PBKK B

1. Tuliskan Judul dan Deskribsi proyek yang dikerjakan
2. Tuliskan anggota kelompok, NRP dan kelas.
3. Tuliskan Link Dokumentasinya

EAS PBKK A -2021

 



Final Project PBKK A

1. Tuliskan Judul dan Deskribsi proyek yang dikerjakan
2. Tuliskan anggota kelompok, NRP dan kelas.
3. Tuliskan Link Dokumentasinya

Penggunaan Struktur Data dan Implementasinya untuk penyelesaian Persoalan

 Struktur Data Graf

Buatlah contoh bagan pertandingan sepakbola dengan sistem gugur yang diikuti oleh 10 klub dimana pada akhir turnament tersisa 1 peserta sebagai juara ! , dan tentukan jumlah pertandingan yang terjadi ! 



Solusi : 

Bagan pertandingan sistem gugur adalah contoh pohon biner teratur, sehingga kita dapat membuat contoh bagannya sebagai berikut : 


Dalam pohon biner berlaku i = t – 1 , dimana i menyatakan banyak simpul cabang dan t menyatakan banyaknya daun. Dengan rumus di atas maka dapat diketahui banyaknya pertandingan = 8 – 1 = 7 pertandingan. 

Paper


Struktur Data Linked List

Penggunaan linked list untuk kompresi data teks


Penggunaan Array dalam Proses Pencarian String Kalimat



Ruang Lingkup Final Project / EAS :


  • Ide,/ deskripsi problem yang akan diselesaikan
  • Model / gambaran struktur data,
  • implementasi program,
  • laporan dalam bentuk makalah , paper,
  • video presentasi sebagai demo


Referensi :

https://informatika.stei.itb.ac.id/~rinaldi.munir/Matdis/2006-2007/Makalah/

Penggunaan Struktur Data - Graf

 

Aplikasi Konigsberg Bridge Problem (Teka-Teki Jembatan Konigsberg) yang berawal muncul dari penduduk sebuah kota bernama yang dahulu bernama Konigsberg di Jerman. Dalam sejarahnya, seorang matematikawan Swiss yang bernama Leonhard Euler menulis jurnal pada tahun 1736 mengenai teori Graf dengan judul “Seven Bridge of Konigsberg”. Analisis Euler tersebut membahas ada atau tidak adanya struktur yang menghubungkan daratan kota Konigsberg atau Kaliningrad, Rusia dan sebuah pulau kecil yang dihubungkan oleh tujuh buah jembatan. Graf yang memiliki komponen dasar berupa simpul dan sisi, yang kemudian dapat membentuk graf terbuka dan graf

tertutup dengan sejumlah lintasan dan sirkuit, telah mengahpus tanda tanya besar dalam penyelesaian Teka-Teki

Jembatan Konigsberg dan berbagai masalah yang serupa dengannya. “Dalam era digital, teori Graf bermanfaat untuk menciptakan link yang ada di internet, algoritme, transportasi, kecerdasan buatan, dan GPS.


Referensi :

https://informatika.stei.itb.ac.id/~rinaldi.munir/Matdis/2006-2007/Makalah/Makalah0607-84.pdf

https://www.itb.ac.id/news/read/56994/home/peran-dan-aplikasi-teori-graf-dalam-kehidupan-sehari-hari

https://informatika.stei.itb.ac.id/~rinaldi.munir/Matdis/2006-2007/Makalah/

CRUD - Toko Online

Dalam pembuatan website seperti toko online, CRUD (Create, Read, Update dan Delete) merupakan dasar dalam membuat website dinamis. Dimana pengguna ataupun admin dapat menambah, menampilkan, mengubah dan menghapus data yang ada di dalam website tersebut.

Komponen Toko Online

  • Membuat Halaman Utama Toko Online
  • Register dan Login Member
  • Order Member
  • Logout Session
  • Halaman Admin - Produk
  • Halaman Admin - Invoice





Absensi





Tanggal 24 Nov 2023 - Quiz Framework CI - kelas Offline 

Referensi




Hash Table

Hashing merupakan teknik yang digunakan untuk menyusun dan mengakses elemen data dalam List dengan waktu yang relatif konstan melalui manipulasi key untuk mengidentifikasi lokasi dalam List.

Hash function merupakan fungsi yang digunakan untuk memanipulasi key dari elemen data dalam List untuk mengidentifikasi lokasi aslinya di list. Fungsi ini akan memetakan list data yang ukurannya berubah-ubah ke ukuran tetap. Nilai kembalian dari fungsi hash disebut dengan Hash Values.

Hash table adalah sebuah struktur data yang terdiri atas sebuah tabel dan fungsi yang bertujuan untuk memetakan nilai kunci yang unik untuk setiap record menjadi angka (hash) lokasi record tersebut dalam sebuah tabel. 

Keunggulan dari struktur hash table ini adalah waktu aksesnya yang cukup cepat, jika record yang dicari langsung berada pada angka hash lokasi penyimpanannya. Akan tetapi pada kenyataannya sering sekali ditemukan hash table yang recordrecordnya mempunyai angka hash yang sama (bertabrakan).

Karena pemetaan hash function yang digunakan bukanlah pemetaan satu-satu, (antara dua record yang tidak sama dapat dibangkitkan angka hash yang sama) maka dapat terjadi bentrokan (collision) dalam penempatan suatu data record. Untuk mengatasi hal ini, maka perlu diterapkan kebijakan resolusi bentrokan (collision resolution policy) untuk menentukan lokasi record dalam tabel. Umumnya kebijakan resolusi bentrokan adalah dengan mencari lokasi tabel yang masih kosong pada lokasi setelah lokasi yang berbentrokan. 

Hash table menggunakan memori penyimpanan utama berbentuk array dengan tambahan algoritma untuk mempercepat pemrosesan data. Pada intinya hash table merupakan penyimpanan data menggunakan key value yang didapat dari nilai data itu sendiri. Dengan key value tersebut didapat hash value. Jadi hash function merupakan suatu fungsi sederhana untuk mendapatkan hash value dari key value suatu data. Yang perlu diperhatikan untuk membuat hash function adalah:

–       ukuran array/table size(m),
–       key value/nilai yang didapat dari data(k),
–       hash value/hash index/indeks yang dituju(h).

Berikut contoh penggunaan hash table dengan hash function sederhana yaitu memodulus key value dengan ukuran array : h = k (mod m)

Misal kita memiliki array dengan ukuran 13, maka hash function : h = k (mod 13).

Dengan hash function tersebut didapat :

Perhatikan range dari h untuk sembarang nilai k.

Maka data 7 akan disimpan pada index 7, data 13 akan disimpan pada index 0, dst..

Untuk mencari kembali suatu data, maka kita hanya perlu menggunakan hash function yang sama sehingga mendapatkan hash index yang sama pula.

Misal : mencari data 25 → h = 25 (mod 13) = 12

Namun pada penerapannya, seperti contoh di atas terdapat tabrakan (collision) pada k = 13 dan k = 39. Collision berarti ada lebih dari satu data yang memiliki hash index yang sama, padahal seperti yang kita ketahui, satu alamat / satu index array hanya dapat menyimpan satu data saja.

Untuk meminimalkan collision gunakan hash function yang dapat mencapai seluruh indeks/alamat. Dalam contoh di atas gunakan m untuk me-modulo k. Perhatikan bila kita menggunakan angka m untuk me-modulo k maka pada indeks yang lebih besar dari dan sama dengan m di hash table tidak akan pernah terisi (memori yang terpakai semakin kecil), kemungkinan terjadi collision juga semakin besar.

Karena memori yang terbatas dan untuk masukan data yang belum diketahui tentu collision tidak dapat dihindari.






Graph

Graph merupakan representasi data yang tidak kontigu/ non linear, dengan adanya penanda keterkaitan/hubungan antara dua data. Sebuah data dilambangkan/disebut sebagai sebuah node atau vertex, dan keterkaitan antar data disebut sebagai edge.


Pada gambar di atas vertices V = {0,1,2,3,4} dan satu set edges E = {01, 12, 23, 34, 04, 14, 13}.

Graphs digunakan untuk menggambarkan dan memecahkan problem pada dunia nyata. Sebagai contoh  Graphs graph digunakan untuk menggambarkan jaringan/ networks. Bentuk jaringan antara lain rute antar kota, jaringan telepon dalam suatu daerah, jaringan listrik, jaringan komputer. Graphs juga digunakan untuk memodelkan hubungan data dalam social networks seperti linkedIn, Facebook. Sebagai contoh di Facebook, setiap orang menggambarkan vertex/ node. Setiap node memuat informasi mengenai  person id, name, gender, locale etc.







Referensi





Binary Search Tree

 Binary tree adalah struktur data non linier bentuk khusus dari pohon umum (general tree) yang diilhami dari pohon yang kita lihat sehari-hari. Namun, karena ini merupakan pohon imajiner maka bentuknya bisa dibolak-balik sesuai yang kita inginkan.


 Pohon umum di gambar 1 memiliki 7 simpul (7 nodes), yaitu A, B, C, D, E, F, dan G. Setiap simpul bisa memiliki hubungan dengan 0, 1, 2, 3, atau berapapun simpul lain. Yang dikatakan hubungan adalah garis yang menghubungkan simpul tersebut dengan simpul-simpul di bawahnya. Karena ketidakpastian banyaknya simpul yang dapat berhubungan dengan simpul lain, maka akan menimbulkan kesulitan jika akan dilakukan komputerisasinya. Kalau masing-masing dipatok (default) dengan penyediaan sebanyak 5 hubungan dari masing-masing simpul, maka, jika akhirnya hanya digunakan 1 sampai 3 saja, berakibat terjadinya pemborosan penggunaan memori. Sebaliknya, jika hanya disediakan 3 hubungan dari setiap simpul tetapi pada akhirnya banyak yang memiliki hubungan dengan lebih dari 3 simpul lain, maka akan terjadi loosing data.

Gambar 1

Operasi dalam binary tree : 
  1. insert(data)
  2. inOrderTraverse()
  3. preOrderTraverse()
  4. postOrderTraverse()
  5. search(data)
  6. remove(data)






Link




CRUD dalam CI

CRUD merupakan singkatan dari Create, Read, Update dan Delete. CRUD biasanya dipakai dalam fitur operasional simpan data dari suatu form. Fungsi ini untuk membuat input data ke database, menampilkan data dari database, mengedit - mengupdate dapa pada database, serta menghapus data yang tidak terpakai dari database.




Slide




Kehadiran Zoom





Video Zoom



Latihan

Membuat Model untuk menyimpan data karyawan. 

Monitoring







Link

MVC dan Routing CI

Evaluasi Tengah Semester Struktur Data 2021

 Soal :

1. Jelaskan perbedaan struktur data primitif dengan Non primitif, berikan contohnya dalam program sederhana.

2. Jika diketahui notasi infiks = “A + B * C ^ D – E / F” bagaimana bentuk notasi postfiks dari notasi infiks tersebut jika menggunakan operasi stack. Tuliskan dalam bentuk program , dan tampilkan screenshotnya

3. Pada sebuah Bank, setiap nasabah yang datang diminta untuk mengambil antrian. Antrian tersebut memuat urutan layanan nasabah, dan jenis layanan yang dibutuhkan, apakah CS atau Teller.



a. Untuk membuat aplikasinya, struktur data apa yang tepat.

b. Tuliskan dan gambarkan struktur data untuk memuat informasinya

c. Implementasikan aplikasi antrian tersebut. (Link Antrian Bank)

4. Buatlah dokumentasi dalam bentuk source code , screenshot hasil, dan video Demo Presentasi yang dipost ke Youtube , kemudian diembedded di Blog masing-masing. Pengerjaan bisa berkelompok maksimal 3 orang, terakhir dikumpul 9 Mei 2021


Evaluasi Tengah Semester PBKK

 Memiliki sebuah usaha yang dijalankan sendiri terkadang membuat kita bingung untuk mencatat pengeluaran dan pemasukan. Ini adalah masalah yang sering muncul bagi pengusaha-pengusaha kecil maupun berskala besar.

Kesalahan dalam pembukuan sebuah usaha dapat berakibat fatal, dimana kita tidak mengetahui atau menelusuri berapa untung dan rugi dari usaha yang sedang kita jalani. Apalagi akhir-akhir ini banyak bermunculan pengusaha-pengusaha baru yang berjualan secara online.

Adapun aplikasi yang bisa digunakan untuk membantu pembukuan tersebut adalah aplikasi kasir. Aplikasi kasir sering juga disebut dengan aplikasi POS (Point of Sale), yang pada dasarnya memiliki fungsi untuk mencatat segala transaksi dalam sebuah usaha.






Aplikasi kasir terbaik adalah aplikasi yang bisa mencatat segala pemasukan dan pengeluaran, serta stok barang beserta laporan analisisnya. Dimana para pengguna memiliki kemudahan dalam memahami serta mengakses informasi tersebut.

Soal : 
  1. Sebutkan aplikasi POS yang biasa dipakai di masyarakat?
  2. Fitur apa saja yang ada di dalam aplikasi tersebut , buatlah screenshotnya dan jelaskan?
  3. Buat rancangan UI dan navigasi aplikasi POS mu sendiri?
  4. Dengan menggunakan framework .NET implementasikan aplikasi POS yang dirancang.
  5. Buat tutorial pembuatan aplikasi beserta demo penggunaannya di Youtube , kemudian dokumentasikan/ embedded di blog.
Note : 
Boleh dikerjakan kelompok, maksimal 3 orang.
Aplikasi boleh dalam bentuk Desktop, Web, ataupun Mobile
Pengumpulan Terakhir 9 Mei 2021