PBKK - 6 - CodeIgniter Hello World

Nama : Richie Seputro

NRP : 5025211213

Kelas : Pemrograman Berbasis Kerangka Kerja A

Tahun Ajaran : 2023/2024 (Semester Gasal)

Link Repository : https://github.com/richiesuper/pbkk-ci-1

Penjelasan :

Pada kesempatan kali ini, saya belajar mengenai framework pemrograman web bernama CodeIgniter. CodeIgniter memungkinkan kita untuk melakukan pemrograman web berbasis bahasa pemrograman PHP yang bersifat dinamis, lightweight, reliable, dan tentunya mudah dikembangkan dan di-maintain oleh developer. Untuk tugas kali ini kami hanya diarahkan untuk membuat aplikasi "Hello, world" menggunakan framework CodeIgniter. Saya memutuskan untuk menggunakan CodeIgniter versi 4.

Pertama, kita perlu mendapatkan skeleton / starting point untuk development dengan framework CodeIgniter ini. Run command berikut untuk mengunduh starting point project:

composer create-project codeigniter4/appstarter <nama_project>

Selanjutnya, lakukan perintah / command di bawah untuk menyalakan web server.

Kemudian, bukalah link yang diberikan, yaitu http://localhost:8080. Akan ditampilkan laman seperti di bawah.

Selanjutnya, buka file Routes.php dan tambahkan route GET baru dengan endpoint /hello. Sandingkan route tersebut dengan controller Home dan action hello.

Kemudian, tambahkan action 'hello' ke controller Home seperti di bawah.

Sekarang, tambahkan view baru bernama hello.php yang akan menampilkan laman Hello World.

Terakhir, buka route yang telah kita definisikan di browser dan lihatlah hasilnya. Terlihat bahwa laman Hello World sukses dibuat dan ditampilkan.

 

PBKK - Kuis 1

Nama: Richie Seputro

NRP: 5025211213

Kelas: PBKK A (2023/Ganjil)

Kuis 1:

Soal:

1. Jelaskan struktur framework , dan apa saja kegunaanya dalam pengembangan Perangkat Lunak?
2. Dalam pembuatan aplikasi, dikenal dengan Universal Windows Platform. Digunakan untuk membuat aplikasi yang mempunyai karakteristik seperti apa? Jelaskan sertai dengan contoh.
3. Untuk memperjelas jawaban no 2, Buatlah desain aplikasi Koleksi Album foto yang bisa menghimpun foto, deskripsi , informasi foto diambil/ metadata, dan juga bisa menghapus maupun update.
   
   
   
4. Implementasikan soal no 4, kemudian buat video tutorial pengerjaannya, upload di Youtube, dan embedded di blog dokumentasi.

Jawaban:

1. Framework adalah kerangka kerja yang digunakan programmer dalam membuat sebuah aplikasi / sistem. Kerangka kerja biasanya tersusun dengan struktur yang standar dan mudah dipahami, developer hanya perlu memahami kegunaan dari suatu modul / fungsi / API untuk menggunakannya dalam project, tidak perlu untuk memahami implementasi kode / logikanya. Framework terstruktur sebagai berikut:
1. Komponen inti: contohnya manajemen memori, exception handling, assertion, linking tools, dan lain-lain.
2. API: contohnya dalam Windows, ada WinAPI yang mana memberikan kemudahan pengguna untuk menggunakan fungsi bawaan dari Windows dengan memanggil API yang disediakan.
3. Library / Tools: biasanya adalah fungsi-fungsi atau method atau class yang sudah diimplementasikan berbagai fungsionalitas, sehingga programmer hanya perlu memakainya saja.
4. Organisasi Modul: Biasanya framework-framework mengharuskan programmer mengikuti arahan penempatan file dan juga dependency. Hal ini membuat framework menjadi konsisten dan mudah dipakai serta di-migrasi-kan

Sedangkan, untuk kegunaannya dalam Software Development / Pengembangan Perangkat Lunak adalah sebagai berikut:

1. Peningkatan Produktivitas: Framework melepaskan programmer dari tanggungan untuk membuat kode. Programmer hanya perlu belajar fungsi-fungsi umum dari framework untuk membangun aplikasi. Hal ini tentu menghemat waktu yang sangat besar.
   

2. Konsistensi dan Standarisasi: Framework mengharuskan pengembang untuk mengikuti standar dan pedoman tertentu, sehingga memastikan konsistensi dalam pengembangan perangkat lunak.

3. Reusabilitas Kode: Pengembang dapat menggunakan kembali komponen-komponen framework yang telah ada, menghemat waktu dan upaya pengembangan.

4. Skalabilitas dan Kinerja: Framework yang baik dirancang untuk mendukung skalabilitas aplikasi, memungkinkan perangkat lunak untuk menangani beban kerja yang berat dengan efisien.
   

5. Pemeliharaan yang Mudah: Struktur framework yang baik dan dokumentasi yang komprehensif membuat pemeliharaan dan pengembangan lebih mudah, bahkan jika ada perubahan atau penambahan fungsionalitas di masa mendatang.

6. Keamanan: Beberapa framework menyertakan mekanisme keamanan yang dapat membantu melindungi perangkat lunak dari ancaman keamanan.

 2. UWP / Universal Windows Platform digunakan untuk membuat aplikasi yang memiliki      ciri-ciri sebagai berikut:

1. Dibuat untuk platform Windows 10 ke atas.
   
2. Aplikasi dimaksudkan untuk bisa mengatur tampilan / layout / scaling secara otomatis mengikuti layar device secara dinamis.
3. Merupakan aplikasi yang didesain agar resource-resource komputer dialokasikan dengan aman dan terstruktur. Tidak ada resource yang dipakai jika tidak diotorisasi.
4. Aplikasi membutuhkan fitur yang disediakan oleh API Windows.
5. Aplikasi akan dipublikasikan ke Microsoft Store (contoh untuk dimonetisasi).
6. Aplikasi harus bisa diinstal maupun diuninstal tanpa menimbulkan efek buruk ke komputer
7. Aplikasi terintegrasi dengan berbagai aplikasi bawaan Windows lainnya, misal Windows Maps, Cortana, dll.
8. Aplikasi diprogram dalam C#, C++, Visual Basic, dan JavaScript. Untuk UI, gunakan WinUI, XAML, HTML, atau DirectX.

     Contoh: Aplikasi Restaurant Reviewer. Aplikasi ini harus bisa scaling tampilan dengan dinamis mengikuti resolusi layar dan harus tampak bagus. Aplikasi ini membutuhkan sumber daya Windows seperti Windows Location Service dan Windows Maps. Aplikasi ini diupload ke Windows Store dan harganya gratis, namun ada tier premium yang menyediakan informasi lebih mendetil mengenai restoran yang ada.

3. Berikut desain Koleksi Album Foto yang akan diimplementasikan:

 4. Berikut video implementasi dari nomor 3:

 

 

PBKK - 5 - MAUI Monkey Finder

Nama : Richie Seputro

NRP : 5025211213

Kelas : Pemrograman Berbasis Kerangka Kerja A

Tahun Ajaran : 2023/2024 (Semester Gasal)

Link Repository : https://github.com/richiesuper/PBKK-5-MAUI-MonkeyFinder


Penjelasan :

Pada kesempatan kali ini, saya membuat aplikasi .NET MAUI yang berupa aplikasi multiplatform yang bertemakan binatang, khususnya kera / monyet. Aplikasi akan menampilkan tombol untuk menampilkan daftar monyet atau juga bisa langsung menampilkan monyet terdekat (secara lokasi). Ketika kita menekan tombol Get Monkeys, akan ditampilkan list monyet yang ada. Jika kita tekan salah satu item dari list tersebut, maka akan ditampilkan halaman penjelasan yang lebih detil mengenai kera / monyet tersebut. Di halaman tersebut terdapat tombol Show on Map yang mana bila ditekan akan membuka aplikasi Maps Windows dan mencarikan lokasi dengan query nama monyet tersebut. Jika tombol Find Closest ditekan, maka program akan menampilkan jenis / nama monyet terdekat secara lokasi. Ketika saya mencoba menekan tombol itu, ditampilkan bahwa monyet terdekat adalah jenis Proboscis Monkey Borneo yang mana memang cukup dekat secara lokasi karena berada di Pulau Kalimantan.

Dokumentasi:

Tampilan awal ketika program dijalankan

Tampilan setelah menekan tombol Get Monkeys

Tampilan setelah menekan salah satu list item, yaitu monyet Baboon

Tampilan setelah menekan tombol Show on Map. Terlihat app Maps Windows di kanan.

Tampilan setelah menekan tombol Find Closest. Terlihat bahwa monyet Borneo-lah yang terdekat.