Giter Club home page Giter Club logo

kalkulembu-mobile-fe's Introduction

Kalkulembu

Apa Itu Kalkulembu?

Kalkulembu adalah sebuah aplikasi Android yang dapat digunakan untuk monitoring sapi di peternakan. Kalkulembu dikembangkan dalam rangka Capstone Project DTETI FT UGM tahun 2023.

Fitur-Fitur

Monitoring sapi di peternakan

  • Melihat data sapi di tiap peternakan:
    • Banyak sapi
    • Nama sapi
    • Foto sapi
    • Bobot sapi
    • Kondisi kesehatan sapi
    • Jenis kelamin sapi
  • Melihat grafik pertumbuhan setiap sapi melalui bobot badannya.

Kamera dan galeri

  • Mengambil foto sapi menggunakan kamera smartphone.
  • Memilih usia dari sapi yang diambil fotonya.
  • Mengunggah foto sapi yang baru saja diambil atau melalui galeri foto.

Manajemen akun dan profil pengguna

  • Log in/log out akun pengguna
  • Mengedit data profil pengguna: foto profil, nama, nomor telepon
  • Berganti ke peternakan lain yang dimiliki pengguna

Lain-lain

  • Jenis rilis: Preview
  • Tanggal rilis: 17 November 2023 (aplikasi di-build kembali untuk keperluan dokumentasi pada tanggal 28 Januari 2024)
  • Versi: 1.0.0 (versi Capstone Expo)
  • Platform: Android
  • Tech stack: React Native Expo
  • Referensi ke backend:

Menjalankan Aplikasi

User account credentials

Karena limitasi aplikasi saat Capstone Expo, pengguna hanya dapat masuk ke dua akun placeholder:

Menggunakan smartphone atau emulator Android

  1. Buka tab Releases
  2. Unduh file kalkulembu.apk
  3. Jika perlu, nyalakan pengaturan "Install unknown apps" di smartphone maupun emulator Android yang digunakan.
  4. Jika perlu, matikan Play Protect untuk sementara.
  5. Install file .apk
  6. Jalankan aplikasi seperti biasa

Menjalankan Local Development Server dengan Expo Go

Prerequisites:

Langkah-langkah:

  1. Clone repository ini ke komputer lokal Anda.

  2. Buka terminal di folder root dari hasil clone di komputer Anda, kemudian jalankan npm install dan npx expo install

  3. Setelah langkah 2 selesai, jalankan npx expo start

  4. Kode QR akan muncul di terminal. Hal ini berarti dev server lokal di komputer Anda telah berjalan. Tekan "s" pada keyboard untuk berganti mode antara Expo Go/development build sesuai dengan kebutuhan Anda. Sebagai alternatif, Anda dapat menambahkan flag --go atau --dev-client di langkah 3 untuk memilih mode Expo Go/development build dari awal.

    image

  5. Pindai kode QR di terminal dengan smartphone Anda. Anda akan dialihkan ke aplikasi Expo Go.

  6. Jika menggunakan emulator, tekan "a" pada keyboard untuk membuka aplikasi di emulator Android Anda.

  7. Aplikasi akan terbuka.

Troubleshooting

Apakah aplikasi ini tidak dapat dijalankan di komputer Anda?

Biasanya, masalah ini disebabkan oleh package yang belum ter-install ataupun belum ter-update. Jalankan npm install dan npx expo install di terminal Anda untuk meng-install dan meng-update aplikasi.

Apakah Anda hanya melihat layar putih di smartphone Anda?

Kemungkinan besar terdapat masalah di koneksi Anda, sehingga smartphone atau emulator Anda tidak dapat terhubung ke development server. Anda dapat mencoba menggunakan tunneling untuk menjalankan development server Anda. Masalah ini juga kami hadapi selama proses pengembangan aplikasi untuk Capstone Expo, dan kadang terjadi karena menggunakan Wi-Fi publik, menggunakan firewall, maupun karena pengaturan emulator yang kurang tepat.

Ikuti langkah-langkah di dokumentasi Expo: Tunneling di Expo CLI atau lihat langkah-langkah berikut:

  • Install package @expo/ngrok dengan command npm i -g @expo/ngrok
  • Jalankan development server melalui URL tunnel dengan command npx expo start --tunnel

Sesuai dengan dokumentasi Expo, tunneling lebih lambat daripada dev server lokal. Akan tetapi, menggunakan tunneling dapat memitigasi masalah koneksi yang mungkin Anda hadapi.

Tim B_14

kalkulembu-mobile-fe's People

Contributors

daffaromero avatar vallentinawf avatar dindasabela avatar mazzziid avatar itsluthfi avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.