Skip to main content

Membuat Kalkulator BMI Swift dan UIKIT #IOSDEV

halo semuanya, kali ini saya mau membagikan project kecil kecilan saya yang terinspirasi dari apps di appstore, kali ini saya mau membuat kalkulator BMI menggunakan swift dan UIKIT, kalkulator BMI adalah kalkulator untuk mengukur apakah berat badan kita termasuk kedalam kurus, normal, gemuk atau obesitas, dengan memanfaatkan UIKIT saya akan menyajikan kalkulator dengan tampilan lebih interaktif. berikut tampilan kalkulatornya.




kalkulator ini memiliki beberapa komponen yaitu :

1. slider
2. label
3. segmented control

slider kita gunakan untuk mengatur angka yang ingin di inputkan oleh user, kita batasi sesuai dengan berat dan tinggi manusia pada umumnya.

label kita gunakan untuk menampilkan hasil dari input user dan memberikan judul dari komponen tertentu.

segmented control digunakan untuk memberikan efek dark dan light mode seperti aplikasi telegram dan twitter.

oke lanjut saja ke langkah2nya.

1. buat project xcode dengan nama BMICalculator
2. lalu siapkan semua komponen sesuai UI pada gambar aplikasi di atas
note: untuk emoticon menggunakan label component
3. tambahkan constraint (bila perlu)
4. tambahkan kode program seperti berikut





untuk UIKIT, posisikan komponen kalian seperti ini.

bills macbook

pastikan outlet dan action kalian terkoneksi, apabila belum silahkan koneksikan.

dan jika selesai, run aplikasinya dan selesai sudah. :) goodluck guys. smoga bermanfaat


Popular posts from this blog

Mengapa .env File Laravel Tidak Terupload / Tercommit ke Git

.env file atau bisa kita bilang "environment file" atau file yang berisi variable constan untuk memberikan value secara global ke dalam aplikasi kita. file ini berisi variable dan value yang sensitif yang membuatnya sangat riskan atau beresiko apabila di ketahui oleh orang yang tidak bertanggung jawab. contoh  seperti berikut ini file .env di atas memiliki informasi sensitif seperti host, user dan password dari database kita. maka dari itu kita sebagai developer harus pintar-pintar untuk memperlakukan .env file ini, secara default apabila kita upload ke hosting atau vps file .env ini tidak akan bisa di akses secara global dari host kita, karna letak root host kita ada di folder public yang notabene berada di satu level ke atas folder dari posisi .env. jadi user awam tidak akan bisa mengakses dari host kita eg : http://angon.dev/.env . nah kalo ke git gmn? apabila kita menggunakan version controller seperti github, gitlab, bitbucket. secara default git akan mem...

Laravel Route : Pengertian Router Resource

bill.web.id, Router laravel adalah kode program yang di gunakan untuk mendefinisikan url pada project laravel kita. router memanfaatkan htaccess untuk membuat url project kita sangat seo friendly. berbada dengan CI, router pada laravel sangat customable, berapapun level url slash nya tidak berpengaruh dengan controller dan method yang di panggil. contoh Route :: get ( $uri , $callback ) ; $uri : di isi oleh url yang ingin kita buat $callback : di isi oleh nama class dan atau method dari controller Baca Juga : Laravel Library : Chatter Forum Laravel Library tentu hal ini sangat menguntungkan bagi para pengamat seo, bahwa nama url sangat berpengaruh terhadap SEO,  seperti kita tau search engine mengidentifikasi url dari nama yang tersemat di dalam urlnya, jadi pengalamatan url yang bagus akan berdampak pada kemudahan halaman kita akan terindeks search engine. Router sendiri memiliki banyak metode, tiap metode berasosiasi pada HTTP VERB , http verb ...

Laravel Database : Membuat Jutaan Data Dummy Menggunakan Faker Generator di Laravel

faker generator adalah salah satu library magic yang build in di laravel, dengan menggunakan library ini kita bisa membuat puluhan, ratusan bahkan jutaan data dummy dengan hanya sekali pukul. udah kebayang belom? kalo belom kita langsung aja masuk ke praktiknya. like foolest people gonna smart when use faker oke guys, lets do this. pertama tama, liat diagram berikut yak, biar runtut langkah langkahnya naah langkah runtutnya kurang lebih seperti ini  create migration->model->faker->seeder->execute->test oke guys, mari kita buat migrationnya, studi kasus yang mau kita buat adalah membuat artikel blog dengan table sederhana seperti berikut 1. ketikkan perintah berikut di terminal php artisan make:migration artikel  2. buka file migrationnya di folder database>migration>[nama migration] 3. ketikkan perintah berikut di terminal php artisan migrate oke guys hasilnya nanti akan seperti ini setelah lang...