Aplikasi Mobile Menggunakan Visual Studio Community 2022 dan Net MAUI

Part 1 – Aplikasi Hello Politeknik Takumi Cikarang

Pendahuluan

Pada saat ini, aplikasi mobile sudah merupakan bagian dari kehidupan sehari-hari. Hampir seluruh kegiatan yang kita lakukan setiap hari dilakukan melalui mobile app yang ada di handphone. Untuk yang tertarik ingin mengembangkan sendiri aplikasi mobile untuk sebagai hobi atau tuntutan pekerjaan, mungkin pertanyaannya adalah bagaimana cara membuat aplikasi mobile dan bagaimana untuk memulainya.

Untuk membuat dan mengembangkan aplikasi mobile ada banyak bahasa pemrograman framework yang bisa digunakan seperti Android Studio, Swift, Xamarin, .Net MAUI, JavaScript framework (misal: React Native, Vue.js), dan masih banyak lagi bahasa pemrograman framework lainnya. Untuk artikel tutorial part 1 ini, saya akan memaparkan bagaimana membuat aplikasi mobile sederhana menggunakan Visual Studio Community 2022 dan framework .Net MAUI. Aplikasi tersebut nantinya akan ditampilkan emulator Android.

Instalasi Visual Studio Community 2022

Tahap pertama, anda harus mendownload aplikasi mobile Visual Studio Community 2022 melalui link berikut ini :

https://visualstudio.microsoft.com/downloads/

Didalam web page tersebut, silahkan klik Free Download untuk Community seperti gambar dibawah ini :

Setelah itu, browser anda akan otomatis mengunduh installer. Silahkan klik installer tersebut untuk menginstall Visual Studio Community 2022.

Berikutnya anda akan melihat seperti gambar dibawah ini, silahkan klik tombol “Continue”

Kemudian installer tersebut akan memulai instalasi seperti digambar berikut :

Berikutnya akan menampilkan seperti gambar dibawah ini. Silahkan klik sesuai dari petunjuk gambar dibawah ini :

Setelah instalasi selesai, anda akan diminta untuk login ke Visual Studio Community menggunakan email account dari Microsoft, seperti hotmail.com atau outlook.com. Jika anda belum mempunyai email tersebut, silahkan membuat baru melalui hotmail atau outlook.com.


Memulai Membuat Aplikasi Mobile

Setelah instalasi Visual Studio Community 2022 selesai, silahkan buka aplikasi tersebut dan klik “Create a New Project” seperti gambar dibawah ini :


Berikutnya, ikuti langkah-langkah sesuai urutan gambar di atas. Urutan angka-anga pada gambar diatas dijelaskan berikut ini:

  1. Pastikan opsi yang terpilih adalah C# untuk bahasa pemrograman
  2. Pastikan opsi yang terpilih adalah “All platform” untuk sistem operasi
  3. Pastikan opsi yang terpilih adalah MAUI untuk framework pemrograman
  4. Pastikan opsi yang terpilih adalah .Net MAUI App untuk jenis aplikasi yang akan dibuat
  5. Klik tombol “Next”

Kemudian namakan project yang akan kita buat dengan nama “MauiMobileApp1” dan klik tombol “Next” seperti gambar dibawah ini.

Berikutnya pastikan opsi framework yang terpilih adalah “.NET 6.0 (Long-term support) dan klik tombol “Create” seperti gambar dibawah ini.

Kemudian Visual Studio akan membuat project solution berdasarkan opsi-opsi yang kita pilih diatas.

Gambar diatas adalah tampilan setelah Visual Studio berhasil membuat project solution.

Project solution yang telah dibuat bisa anda jalankan di windows atau IoS atau Android. Untuk di artikel ini, saya akan menjalankan aplikasi di emulator Android. Untuk menjalankan di emulator Android, anda harus install hal tersebut melalui Visual Studio.


Install Emulator Android Melalui Visual Studio

Untuk install emulator Android, klik Tools > Android > Android Device Manager seperti gambar dibawah ini :

Kemudian klik tombol “+ New” seperti gambar dibawah ini :

Berikutnya klik tombol “Create” seperti gambar dibawah ini :

Setelah selesai, anda akan melihat gambar seperti dibawah ini. Kemudian klik tombol “Start” untuk memulai emulator Android.

Anda akan melihat seperti gambar dibawah ini setelah emulator Android berhasil dimulai.


Memodifikasi dan Menjalankan Aplikasi Mobile

Untuk memodifikasi dan menjalankan program, silahkan kembali ke Visual Studio

Di project solution anda akan melihat banyak file. MainPage.xaml adalah form yang akan ditampilkan pertama kali setelah aplikasi dijalankan. Untuk mengubah tampilan form ini, anda bisa mengubah source code di MainPage.xaml sesuai dengan yang dibutuhkan.

Untuk MainPage.xaml.cs, ini adalah bagian dari MainPage.xaml dimana anda bisa mengubah dan mengatur tampilan dan juga event dari form ini.

Umumya, MainPage.xaml disebut sebagai UI (User Interface) dan MainPage.xaml.cs disebut sebagai Backend UI.

Dalam artikel ini, saya akan mengubah hanya bagian UI-nya saja dengan cara mengubah XML tag property pada MainPage.xaml.

Untuk mengubah UI dari MainPage.xaml, silahkan ikuti langkah-langkah dibawah ini sesuai dengan nomor yang ada digambar.

  1. Ubah teks menjadi “Politeknik Takumi”
  2. Ubah teks menjadi “Prodi Teknologi Informasi”
  3. Ubah teks menjadi “Prodi Teknologi Informasi”

Setelah selesai maka aplikasi bisa dijalankan dengan langkah-langkah sebagai berikut :

  • Klik dropdown yang ada disamping kanan dropdown “Any CPU” seperti gambar dibawah ini
  • Kemudian Pilih “Android Emulators” dan kemudian pilih android emulator yang telah anda instal sebelumnya
  • Setelah itu klik tanda segitiga seperti gambar dibawah ini
  • Visual Studio akan memulai kompilasi dan menjalankan aplikasi di android emulator. Anda bisa memonitor proses kompilasi pada output window seperti gambar dibawah ini.
  • Setelah proses kompilasi selesai dan aplikasi telah dijalankan, pada output window anda akan melihat status “Android application is running” dan android emulator menampilkan aplikasi seperti gambar dibawah ini.

Jika anda bisa melihat seperti gambar diatas, maka anda telah berhasil membuat aplikasi mobile “Aplikasi Hello Politeknik Takumi Cikarang”.

Demikian untuk artikel part 1, dan pada artikel selanjutnya saya akan menjelaskan mengenai bagaimana memodifikasi MainPage.xaml.

Salam.


Diterbitkan pada tanggal 11 Agustus 2022

Ketua Prodi Teknologi Informasi
Nurdin Effendi, S.Kom, MTech

penyusunan kurikulum

Penyusunan Kurikulum Politeknik Takumi

Penyusunan Kurikulum Politeknik Takumi Cikarang Bekasi

Kurikulum adalah instrumen yang sangat penting dalam proses pembelajaran dalam institusi pendidikan dari dasar sampai level pendidikan tinggi. Penyusunan Kurikulum Politeknik Takumi juga melibatkan beberapa pihak terkait dalam hal ini Ketua Prodi, Dosen, Politeknik Takumi dan didampingi oleh Direktur Politeknik Takumi Bapak Felix W Handono, M.Kom beserta Yayasan Takumi Bina Karya.


Kegiatan ini dilaksanakan pada 21 Agustus 2022 di Auditorium Sunerra Antero Hotel Jababeka Cikarang, Bekasi. kegiatan dilaksanakan dari pukul 08.00 WIB sampai 16.00 WIB, menghasilkan revisi kurikulum yang sangat ketat untuk mencapai Profil lulusan yang bisa bersaing dan mempunyai standar yang tinggi.

Pengetahuan

Kegiatan tersebut, mendapatkan pengetahuan yang baru bagi para dosen Politeknik Takumi, skema penyusunan, Penentuan bobot SKS, langkah terdistribusi sampai dengan menata kajian mata kuliah dibahas sampai dengan alur pertama ke proses akhir.

tentu hal ini menjadi kegiatan yang sangat aplikatif untuk menunjang para dosen Politeknik Takumi dalam penyusunan Kurikulum, sebelum kegiatan tersebut dimulai, masing-masing prodi sudah menyiapkan draft Kurikulum yang dibuat sebelumnya, untuk dikomparasi, mengetahui letak kesalahan struktur dan penataan kajian mata kuliah, para Dosen Politeknik Takumi berharap agar kegiatan tersebut bisa diadakan kembali untuk beberapa waktu yang akan datang.

Tahapan Penyusunan Kurikulum

  1. Menentukan Profil lulusan
  2. Menentukan Capaian Pembelajaran
  3. Menentukan bahan kajian mata kuliah
  4. Menentukan Kedalaman dan keluasan mata kuliah
  5. Membuat matriks capaian pembelajaran
  6. Sebaran matakuliah
  7. Menghitung bobot SKS mata kuliah
  8. deskripsi mata kuliah
  9. metode pembelajaran
  10. penutup

Dalam tahapan penyusunan kurikulum Politeknik Takumi sangat dinamis. Profil lulusan yang diinginkan berdasarkan kebutuhan Industri, Rekomendasi dari Asosiasi bidang ilmu, Visi dan misi Institusi dan keunikan Program Studi itu sendiri. dengan penyusunan kurikulum ini, alumni Politeknik Takumi diharapkan akan tepat sasaran sesuai dengan standar dan kebutuhan tenaga kerja saat ini.

Acara kegiatan ini berakhir pada pukul 16.00 WIB sore dengan penutupan berfoto bersama.

Kerjasama Perguruan Tinggi

Business contract photo created by pressfoto – www.freepik.com

Perguruan Tinggi di wilayah cikarang sudah melakukan kerjasama untuk meningkatkan kualitas antar perguruan tinggi. selain itu juga bertujuan untuk kegiatan MBKM (Merdeka Belajar Kampus Merdeka). Politeknik takumi juga ikut serta dalam kerjasama dengan perguruan tinggi lain di wilayah Cikarang. tidak hanya itu Politeknik Takumi juga bekerjasama dengan berbagai perusahaan untuk mendukung kegiatan magang dan ketersediaan lapangan pekerjaan di industri.

Dalam hal memenuhi kebutuhan mahasiswa, Politeknik Takumi akan memastikan tampat pemagangan mahasiswa sesuai dengan minat dan bakat mahasiswa itu sendiri. selain itu juga Politeknik Takumi akan memastikan ketersediaan lapangan kerja sesuai dengan keahlian mahasiswa tersebut saat menyelesaikan perkuliahan.

Program studi di Politeknik Takumi juga di pilih untuk memenuhi kebutuhan Industri yang diproyeksikan 10-20 tahun kedepan akan sangat dibutuhkan. antara lain Bisnis digital, Teknologi Informasi, Bahasa Jepang dan Mekatronika. Program Studi ini juga sangat dibutuhkan bukan hanya di Indonesia bahkan di Jepang. Politeknik Takumi sangat mengutamakan kualitas mahasiswa untuk memenuhi kebutuhan tenaga kerja di Jepang. Kurikulumnya juga menyesuaikan standar yang dibutuhkan di dunia Industri baik di Indonesia maupun di Jepang.

Kerjasama Perguruan Tinggi

Politeknik Takumi Bekerjasama dengan beberapa Perguruan Tinggi di cikarang untuk memfasilitasi kegiatan MBKM dan penelitian. mahasiswa Politeknik Takumi nantinya akan bisa mendapatkan perkuliahan bukan hanya di kampus Takumi saja melainkan juga bisa melaksanakan perkuliahan di kampus yang bekerjasama dengan politekni Takumi. Politeknik Takumi juga terus mengembangkan kerjasamanya baik di perguruan tinggi indonesia maupun di Jepang. dengan kata lain nantinya mahasiswa Politeknik Takumi akan bisa melaksanakan MBKM bukan hanya di indonesia tapi juga di negara-negara lainnya.

Kerjasama Perusahaan

Selain bekerjasama dengan perguruan tinggi lain, Politeknik Takumi juga bekerjasama dengan perusahaan di Cikarang untuk memfasilitasi mahasiswa dalam hal pemagangan dan ketersediaan lapangan pekerjaan. salah satu kerjasama yang dilakukan yaitu antara Politeknik Takumi dengan PT Minori. PT Minori merupaka slaah satu perusahaan di bidang penyaluran tenaga kerja ke Jepang. dalam kerjasama ini Politeknik Takumi akan mendapatkan fasilitas untuk mahasiswa yang ingin magang ke jepang ataupun bekerja disana. ini sangat bermanfaat untuk mahasiswa yang punya keinginan magang atau bekerja di Jepang.