Standar Operasional Prosedur

Mon, 22 May 2023 00:44:31 +0100

Selamat Datang di Mata Kuliah Praktikum Mobile Computing System.

Silabus

Silabus praktikum merupakan dokumen bab yang berisi panduan terperinci untuk pelaksanaan praktikum. Dokumen ini dirancang untuk membantu praktikan untuk memahami tujuan, teori, dan metode praktikum. Silabus praktikum yang baik akan membantu praktikan dalam mencapai tujuan pembelajaran yang diharapkan. Beberapa bab yang akan dipelajari pada semester ini yaitu:

NO.BAB	TEMA
BAB 1	Widget-Widget Dasar Pada Flutter.
BAB 2	Dinamis UI.
BAB 3	Authentication & Provider.
BAB 4	Application Programming Interface (API).
BAB 5	Thingspeak.
BAB 6	Card Bridge (Backend - Golang).
BAB 7	Servo Controller (Backend - Golang).
BAB 8	Card Reader and Servo Controller
Ujian Tulis
Proyek Akhir

Persyaratan

Pada SOP ini, praktikan akan mempraktekan beebrapa bab pada website ini. Agar praktikum berjalan sesuai prosedur maka Asisten Shift atau Praktikan dapat membaca persyaratan praktikum ini sebelum memulai ke bab praktikum. ada beberapa poin yang harus diketahui yaitu:

Perangkat Android

Fri, 15 May 2026 11:44:30 +0700

Pada bab briefing, praktikan akan diperkenalkan mengenai hal-hal mendasar yang berkaitan dengan proses praktikum Mobile Computing System (MCS), seperti materi, bahasa pemrograman, framework, dan tools yang digunakan selama praktikum berlangsung. Selain itu, pada pertemuan ini, praktikan juga akan diajarkan bagaimana caranya menginstall berbagai keperluan yang dibutuhkan selama praktikum.

Tujuan

TUJUAN

PENJELASAN

Memahami sistem operasi android dan sejarah perkembangannya

">Pada bab briefing, praktikan akan diberikan penjelasan singkat mengenai sistem operasi android, seperti apa itu android, asal mula android, dan perkembangan dari sistem operasi android.

Bahasa Pemrograman

Fri, 15 May 2026 11:44:29 +0700

Dart

Dart merupakan bahasa pemrograman open source berorientasi objek yang dikembangkan oleh Lars Bark dan Kasper Lund di Google pada tahun 2011 yang kemudian diresmikan pada November 2013. Bahasa pemrograman ini awalnya dirancang khusus untuk pengembangan aplikasi website. Namun, seiring dengan berkembangnya zaman bahasa pemrograman ini telah dapat digunakan untuk mengembangkan berbagai aplikasi, seperti perangkat mobile, Internet of Things (IoT), game, server, desktop, dan lain-lain.

Bahasa pemrograman ini mengikuti gaya penulisan C-style yang membuat sintaks dari bahasa ini mirip dengan sintaks yang ada pada beberapa bahasa pemrograman yang berorientasi objek lainnya, seperti Java, C#, JavaScript, Kotlin, dan lain-lain (Swathiga, 2022). Terdapat beberapa fitur yang disediakan oleh bahasa pemrograman ini, yang membuat bahasa pemrograman ini menjadi populer dan banyak digunakan, antara lain:

Framework Open-source

Fri, 15 May 2026 11:44:28 +0700

Flutter

Flutter merupakan sebuah framework open-source yang dikembangkan oleh perusahaan ternama bernama Google pada tahun 2015. Flutter dirancang khusus bagi para developer yang ingin mengembangkan aplikasi mobile berbasis Android atau iOS. Selain itu, Flutter juga dapat digunakan untuk mengembangkan aplikasi berbasis website hingga desktop. Framework ini dapat digunakan dengan mudah oleh programmer yang memiliki pengetahuan terkait bahasa pemrograman dart serta konsep widget dimana seluruh elemen yang terlihat pada aplikasi, seperti text, button, image, dan elemen-elemen lainnya merupakan sebuah widget.

DatabaseMCS

Fri, 15 May 2026 11:44:27 +0700

Firebase

Firebase merupakan sebuah layanan backend yang disediakan oleh Google yang dapat membantu developer dalam mengembangkan aplikasi miliknya. Firebase merupakan platform yang bersifat realtime, artinya ketika terjadi perubahan data pada firebase, maka informasi yang ditampilkan pada setiap perangkat yang terhubung dengan firebase akan diupdate pada saat perubahan data terjadi.

Firebase didirikan oleh Andrew Lee dan James Tamplin pada tahun 2011. Pada saat itu firebase hanya menyediakan satu layanan yang dapat digunakan oleh para pengguna, yakni realtime database. Layanan tersebut merupakan layanan database NoSQL yang seluruh datanya disimpan ke dalam format JSON dan datanya akan disesuaikan secara realtime ke setiap user yang terhubung dengan firebase. Kemudian pada Oktober 2014, firebase diakuisisi oleh Google dan berkembang menjadi layanan pengembangan aplikasi. Saat ini firebase telah memiliki beberapa layanan yang dapat digunakan dalam mengembangkan aplikasi, seperti realtime database, cloud firestore, cloud storage, firebase authentication, firebase analytics, firebase hosting, dan masih banyak lagi layanan yang disediakan oleh firebase.

Aplikasi Pemrograman

Fri, 15 May 2026 11:44:26 +0700

Android Studio

Android studio merupakan software Integrated Development Environment (IDE) resmi yang digunakan dalam pengembangan aplikasi Android. Software ini hadi menggantikan Eclipse sebagai IDE pengembangan aplikasi android sejak perilisannya pada tahun 2014. Software ini bersifat open source dan dapat diunduh di berbagai sistem operasi yang ada, seperti windows, Mac OS, dan linux.

Software ini dilengkapi dengan intellegent code editor yang mampu mengolah dan menganalisis kode secara lengkap yang menjadikan developer semakin produktif. Selain itu, Android Studio dilengkapi dengan code templates dan Github integration yang memudahkan develover Android dalam mengembangkan aplikasi mereka dari sample-sample kode yang telah disediakan ataupun mengimport dari Github. Android Studio dilengkapi dengan emulator yang mencakup semua devices, baik ukuran maupun bentuk. Keunggulan tersebut memudahkan developer untuk melihat hasil project yang telah dikembangkan dari berbagai device yang ada.

Internet of Things

Fri, 15 May 2026 11:44:25 +0700

Internet of Things

Internet of Things (IoT) merupakan sebuah konsep yang memungkinkan terhubungnya perangkat dengan lainnya melalui internet untuk melakukan aktivitas tertentu. Cara kerja IoT pada dasarnya membutuhkan 3 komponen, yaitu sensor, gateway dan cloud sehingga melibatkan pencarian, pengolahan dan pengiriman Awalnya sensor mengambil dan mengumpulkan data yang kemudian akan ditransmisikan ke cloud menggunakan gateway. Gateway dari arah lain juga dapat menjadi trigger bagi output perangkat IoT itu sendiri, seperti menghidupkan atau mematikan. Contoh implementasi dari cara kerja IoT dapat dilihat pada Gambar B.1

Instalasi dan Setup Software Praktikum

Fri, 15 May 2026 11:44:25 +0700

Instalasi dan Setup Flutter SDK

Langkah pertama yang harus dilakukan agar framework Flutter dapat digunakan untuk mengembangkan sebuah software adalah melakukan instalasi terhadap Flutter SDK. Berikut merupakan langkah-langkah dalam proses instalasi Flutter SDK:

Bukalah link berikut untuk mendownload Flutter SDK: https://docs.flutter.dev/install/archive

Materi Widget Dasar Flutter

Sun, 24 Aug 2025 18:41:23 +0700

Pembelajaran yang akan dilakukan pada bab ini adalah pembelajaran mendasar mengenai framework Flutter yang merupakan salah satu jenis framework yang digunakan untuk mengembangkan suatu aplikasi perangkat mobile. Selain pemberian materi, praktikan juga akan melakukan praktek secara langsung untuk mengimplementasikan materi yang telah disampaikan.

Tujuan

TUJUAN

PENJELASAN

Mengetahui dan memahami widget-widget dasar yang ada pada Flutter

">Pada bab ini, praktikan diharapkan dapat mengetahui dan memahami widget-widget dasar dalam membangun aplikasi mobile dengan Flutter.

Prosedur Praktikum

Sun, 24 Aug 2025 18:41:23 +0700

Tampilan Aplikasi

Berikut merupakan tampilan dari aplikasi yang akan dibentuk pada praktikum BAB 1.

Gambar 1.1 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Dalam Mengimplementasikan tampilan dari desain aplikasi di atas, terdapat beberapa langkah yang harus dilewati terlebih dahulu agar proses praktikum dapat berjalan dengan lancar dan terselesaikan sesuai dengan apa yang dituju. Untuk membuat project flutter pada android studio, pilihlah menu New Flutter Project yang terdapat pada halaman utama android studio. Kemudian tentukanlah nama project dan tempat untuk menyimpan file project tersebut. Pastikan nama file diketik dengan format lowercase dan jika nama file lebih dari 1 kata, maka pisahkan dengan format snake_case.

Dinamis UI

Sat, 13 Sep 2025 16:48:46 +0700

Pembelajaran yang akan dilakukan pada bab ini merupakan pembelajaran yang ditingkatkan lagi setelah praktikan mengetahui hal-hal mendasar terkait Flutter. Pada pembelajaran ini akan diajarkan terkait cara membuat tampilan aplikasi yang dinamis dengan menggunakan ListView.builder. UI pada aplikasi akan dibuat secara dinamis berdasarkan data yang tersedia. Gambarannya adalah jika ListView() pada bab 1 berisi widget-widget yang dibuat secara manual maka di bab ini akan mengisikan widget-widget di dalam ListView() dibentuk secara otomatis sesuai dengan data yang tersedia.

Prosedur Praktikum

Sat, 13 Sep 2025 16:48:46 +0700

Tampilan Aplikasi

Berikut merupakan tampilan dari aplikasi yang akan dibentuk pada praktikum bab 2.

Gambar 2.1 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Dalam mengimplementasikan tampilan dari desain aplikasi di atas, terdapat beberapa langkah yang harus dilewati terlebih dahulu agar proses praktikum dapat berjalan dengan lancar dan terselesaikan sesuai dengan apa yang dituju. Langkah-langlah dalam pembuatan project baru sama seperti yang telah dilakukan pada praktikum pertemuan sebelumnya.

Authentication

Mon, 13 Oct 2025 12:06:26 +0700

Pembelajaran yang akan dilakukan pada bab ini merupakan pembelajaran yang berkaitan dengan keamanan sebuah aplikasi. Praktikum kali ini akan memanfaatkan platform pihak ke-3, yakni firebase untuk mengimplementasikan sistem keamanan terhadap sebuah aplikasi. Selain itu, para praktikan juga akan diajarkan tentang bagaimana caranya mengatur struktur project menjadi lebih rapi dengan menggunakan salah satu state management yang disediakan oleh Flutter, yakni Provider. State management sendiri merupakan sebuah cara yang dapat digunakan untuk mengatur, mengelola, dan menangani sebuah state / tindakan secara efisien.

Provider

Mon, 13 Oct 2025 12:06:26 +0700

Provider

Flutter menyediakan banyak package yang dapat digunakan untuk mengimplementasikan state management, antara lain setstate, provider, bloc, getX, dan riverpod. Provider merupakan salah satu package state management yang menawarkan efisiensi, kesederhanaan dan fleksibilitas dalam hal mengelola state yang melibatkan beberapa widget tanpa harus melewati widget secara manual.

Gambar 3.2 Alur Kerja Aplikasi Tanpa Provider

Tanpa menggunakan provider proses flow atau alur state menjadi lebih panjang karena bussines logic tergabung dengan UI. Penggabungan tersebut akan membuat state harus diturunkan secara manual menggunakan constructor atau widget parameter dari widget induk ke widget anaknya (metode ini disebut prop drilling). Semakin kompleks dan dalam susunan hirarki widget pada suatu aplikasi maka semakin banyak level yang harus di lewati state tersebut meskipun diantaranya tidak membutuhkan state tersebut. Hal tersebut akan membuat kode menjadi lebih rumit dan sulit untuk di maintenance. Flow di dalamnya pun menjadi tidak efisien.

Prosedur Praktikum

Sat, 13 Sep 2025 16:48:46 +0700

Tampilan Aplikasi

Berikut merupakan tampilan dari aplikasi yang akan dibentuk pada praktikum bab 3.

Gambar 3.4 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Praktikum yang akan dilakukan pada pertemuan ketiga ini merupakan lanjutan dari praktikum yang telah dilakukan pada pertemuan kedua. Pada praktikum ini, aplikasi yang telah berisikan list kucing akan diberikan halaman tambahan, yakni halaman login dimana pada saat aplikasi dijalankan, pengguna tidak dapat langsung melihat halaman yang berisikan jenis-jenis kucing, melainkan pengguna akan diarahkan ke halaman login terlebih dahulu.

Application Programming Interface

Mon, 13 Oct 2025 12:24:40 +0700

Application Programming Interface (API) adalah cara agar sebuah perangkat lunak atau lebih dapat berkomunikasi dengan server yang berisikan data. Data pada server diambil dan digunakan oleh pengembang aplikasi untuk diolah, API menjadi perantara bagi para developer untuk mengambil data pada server. Jika dianalogikan pada kegiatan di restoran, maka seperti pelanggan yang melihat daftar menu makanan dan memesan makanan kepada restoran tersebut lalu restoran memberikannya, pelanggan tidak tahu bagaimana caranya sebuah makanan disiapkan, begitu juga developer tidak tahu bagaimana data tersebut disiapkan tapi yang penting adalah data didapat oleh developer.

Prosedur Praktikum

Mon, 13 Oct 2025 12:24:40 +0700

Tampilan Aplikasi

Berikut merupakan tampilan dari aplikasi yang akan dibentuk pada praktikum bab 4.

Gambar 4.2 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Dalam mengimplementasikan tampilan dari desain aplikasi di atas, terdapat beberapa langkah yang harus dilewati terlebih dahulu agar proses praktikum dapat berjalan dengan lancar dan terselesaikan sesuai dengan apa yang dituju. Sebelum membuat project flutter yang baru, praktikan diharapkan untuk mengakses halaman website https://newsapi.org/ dan mendaftarkan akun gmail masing-masing untuk mendapatkan API key yang nantinya akan digunakan dalam proses praktikum.

Thingspeak

Mon, 13 Oct 2025 12:31:10 +0700

Pada praktikum MCS bab 5, praktikan akan belajar membuat sebuah aplikasi yang terhubung dengan software yang umum digunakan untuk project Internet of Things (IoT), yakni Thingspeak. Thingspeak merupakan sebuah software opern source yang dapat digunakan untuk mengumpulkan, mengupdate, hingga memantau suatu data melalui Application Programming Interface (API). Aplikasi yang dikembangkan nantinya akan mengambil data API dalam bentuk JSON. JSON memiliki beberapa format data yang dapat digunakan, seperti array of object, array with nested object dan object with array.

Prosedur Praktikum

Mon, 13 Oct 2025 12:31:10 +0700

Tampilan Aplikasi

Berikut merupakan tampilan dari aplikasi yang akan dibentuk pada praktikum bab 5.

Gambar 5.4 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Dalam mengimplementasikan tampilan dari desain aplikasi di atas, terdapat beberapa langkah yang harus dilewati terlebih dahulu agar proses praktikum dapat berjalan dengan lancar dan terselesaikan sesuai dengan apa yang dituju. Sebelum membuat project flutter yang baru, praktikan diharapkan untuk membuat akun Thingspeak terlebih dahulu pada halaman website https://thingspeak.mathworks.com/. Kemudian, daftarkan email masing-masing pada halaman website tersebut.

Card Bridge

Sat, 13 Sep 2025 16:48:46 +0700

Pada praktikum MCS bab 6, praktikan akan belajar tentang bagaimana caranya membangun RESTFUL API sebuah aplikasi backend yang menjadi penghubung antara end user dengan Internet of Things (IoT). Server menjadi connector antara aplikasi android mobile dan IOT yang dibangun berbasis Uniform Resource Locator (URL). Pada praktikum kali ini, server akan berperan sebagai database untuk menyimpan nilai id yang dihasilkan dari RFID.

Tujuan

TUJUAN

PENJELASAN

Memberikan penjelasan tentang bagaimana pengguna terhubung ke server

">Memberikan gambaran umum mengenai alur saat user melakukan koneksi ke dalam server.

Prosedur Praktikum

Sat, 13 Sep 2025 16:48:46 +0700

Prosedur Praktikum

Dalam membangun REST API pada praktikum ini, terdapat beberapa langkah yang harus dilalui terlebih dahulu, sebelum nantinya melakukan pembuatan kode untuk REST API. Berikut merupakan langkah-langkah yang harus dilalui:

Memeriksa seluruh kebutuhan yang diperlukan
- Bahasa Pemrograman Golang (Version 1.23 atau di atasnya)
- Visual Studio Code (Extension Golang dan Code Runner)
- Postgre SQL
- Postman
Untuk memastikan apakah bahasa pemrograman golang telah terinstall pada perangkat, bukalah command prompt dan ketikan perintah go version. Jika perangkat telah terinstall dengan bahasa golang, maka tampilan dari command prompt akan terlihat, seperti pada Gambar 6.4.

Servo Controller

Sat, 13 Sep 2025 16:48:46 +0700

Pada praktikum MCS bab 7, praktikan akan membangun RESTFUL API yang digunakan untuk menggerakan servo. RESTFUL API akan melakukan pemantauan terhadap data yang tersimpan pada database. Jika terdapat perubahan data, maka microcontroller akan menghasilkan output untuk menggerakkan servo.

Tujuan

TUJUAN

PENJELASAN

Membangun database dengan bahasa pemrograman Golang

">Dalam bab ini, praktikan akan diajarkan cara membuat sebuah database dengan menggunakan bahasa pemrograman Golang.

Memahami cara memantau database dari perubahan kondisi servo

">Pada bab ini, database digunakan sebagai media untuk memantau perubahan kondisi servo.

Prosedur Praktikum

Sat, 13 Sep 2025 16:48:46 +0700

Prosedur Praktikum

Memeriksa seluruh kebutuhan yang diperlukan
- Bahasa Pemrograman Golang (Version 1.23 atau di atasnya)
- Visual Studio Code (Extension Golang dan Code Runner)
- Postgre SQL
- Postman
Untuk memastikan apakah bahasa pemrograman golang telah terinstall pada perangkat, bukalah command prompt dan ketikan perintah go version. Jika perangkat telah terinstall dengan bahasa golang, maka tampilan dari command prompt akan terlihat, seperti pada Gambar 6.4.

Card Reader & Servo Controller

Sat, 13 Sep 2025 16:48:46 +0700

Pada praktikum MCS bab 8, praktikan akan membangun sebuah aplikasi yang dapat mengontrol servo dan melihat data id kartu yang masuk ke database melalui sensor Radio Frequency Identification (RFID). Agar dapat mengontrol servo dan membaca id kartu yang masuk, kita akan mengonsumsi data API yang telah dibuat pada pertemuan praktikum bab 6 dan bab 7.

Tujuan

TUJUAN

PENJELASAN

Mengetahui cara mengontrol servo menggunakan kartu RFID

">Pada bab ini, praktikan akan dijelaskan mengenai bagaimana cara untuk menggerakan servo menggunakan kartu RFID.

Prosedur Praktikum

Sat, 13 Sep 2025 16:48:46 +0700

Tampilan Aplikasi

Gambar 8.1 Tampilan Halaman Aplikasi yang Akan diimplementasikan

Penjelasan terkait bagaimana cara aplikasi bekerja akan diterangkan oleh asisten yang mengajar.

Implementasi Aplikasi

Implementasi aplikasi dilakukan dalam 2 lingkup berbeda, yakni lingkup pembangunan tampilan aplikasi menggunakan Flutter dan lingkup konfigurasi terhadap sensor yang digunakan. Sensor yang digunakan pada praktikum ini, antara lain servo dan RFID.

ACSL | Mobile Computing System

Standar Operasional Prosedur

Silabus link

Persyaratan link

Perangkat Android

Tujuan link

Bahasa Pemrograman

Dart link

Framework Open-source

Flutter link

DatabaseMCS

Firebase link

Aplikasi Pemrograman

Android Studio link

Internet of Things

Internet of Things link

Instalasi dan Setup Software Praktikum

Instalasi dan Setup Flutter SDK link

Materi Widget Dasar Flutter

Tujuan link

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Dinamis UI

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Authentication

Provider

Provider link

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Application Programming Interface

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Thingspeak

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Card Bridge

Tujuan link

Prosedur Praktikum

Prosedur Praktikum link

Servo Controller

Tujuan link

Prosedur Praktikum

Prosedur Praktikum link

Card Reader & Servo Controller

Tujuan link

Prosedur Praktikum

Tampilan Aplikasi link

Implementasi Aplikasi link

Silabus

Persyaratan

Tujuan

Dart

Flutter

Firebase

Android Studio

Internet of Things

Instalasi dan Setup Flutter SDK

Tujuan

Tampilan Aplikasi

Implementasi Aplikasi

Tampilan Aplikasi

Implementasi Aplikasi

Provider

Tampilan Aplikasi

Implementasi Aplikasi

Tampilan Aplikasi

Implementasi Aplikasi

Tampilan Aplikasi

Implementasi Aplikasi

Tujuan

Prosedur Praktikum

Tujuan

Prosedur Praktikum

Tujuan

Tampilan Aplikasi

Implementasi Aplikasi