Menambahkan Webcam untuk React (Zoom Project)

 Kalian tau zoom? Zoom adalah software untuk melakukan online meeting atau kita bisa menyebutnya e-conference. Mari kita coba buat itu.

Bahan yang dibutuhkan adalah : 

1. Webcam

2. Audio

3. Streaming online


Saya akan membangun sistem Zoom lewat framework Reactjs.


Pencarian bahan pertama : 

Webcam

Diketahui(Reference)

https://www.npmjs.com/package/react-webcam

https://openbase.com/js/jslib-html5-camera-photo

https://openbase.com/js/@wmik/use-media-recorder

https://openbase.com/js/react-html5-camera-photo

https://openbase.com/js/react-cam

https://openbase.com/js/react-camera-media-stream

https://openbase.com/js/react-camera-pro

https://openbase.com/js/webcam-react

https://openbase.com/js/react-user-media

https://openbase.com/js/react-camera-extended


Ditanya (Target)

kita akan mencari tau kemampuan dari library ini dari segi : 

1. Webcam Laptop

2. Kamera HP Android

3. Kamera HP IOS

4. Ambil foto

5. Ambil video


Jawab : 

1. react-webcam

Webcam Laptop : jalan

Kamera HP : belum di tes

HP IOS : belum di tes

Screenshot : jalan

Video : jalan

Karena react-webcam sudah bisa menjalankan semua yang saya perlu maka sepertinya saya tidak perlu masuk lebih jauh haha. DRY (Don't repeat yourself).

Hot Reloading with Docker

Introduction :

Docker is virtual server for an app, OS inside OS. Hot Reload is for development to change instantly while the code change too. 

Problem : 

Docker don't have hot reload

Target : 

Find a way to hot reload in docker.

Theory : 

https://www.freecodecamp.org/news/how-to-enable-live-reload-on-docker-based-applications/

Method : 

Requirement : 

  1. Docker
  2. Nodejs
  3. Git

Implementation :

using link

Conclusion :

it realy works

PENIPUAN!!! QRIS SHOPEE GARANSI MAKMUR MANDIRI, PROMO KEMERDEKAAN

PENIPUAN SHOPEE a/n MAKMUR MANDIRI


Siapa yang tidak tergiur dengan promo apalagi saat hari besar. Saat itu saya selesai rapat tim. seolah olah pihak penipu tau jam sibuk sehingga menelpon pada jam 10 - 12. pikiran saya masih terbebani dengan tugas di kantor. akhirnya saya cuma menuruti perkataan mereka.

Modus penipuannya adalah promo mau habis sehingga diarahkan untuk membayar transfer lewat QRIS. QRIS menurpakan teknologi transfer ke virtual akun seperti Gopay, Dana, ShopeePay.

NAMA QRIS BISA DIGANTI GANTI

Nama dari QRIS bisa diganti - ganti. sehingga bisa saja mereka menggunakan nama sepert PT MAKMUR MANDIRI agar terlihat meyakinkan.

QRIS TIDAK BISA DI REFUND

QRIS sama seperti transfer pada umumnya. tentu kita tidak bisa mengambil kembali uang yang sudah kita transfer. kedepannya lebih baik kita selalu menggunakan pihak ketiga seperti Shopee, Tokopedia, Bli bli atau toko online lain dimana merchant menerima uang ketika barang sudah diterima.





NAMA AKUN TIDAK JELAS

Saya tertipu akun ini 
https://shopee.co.id/y70z3fdtq7?categoryId=100634&itemId=10127292603
nama akunnya y70z3fdtq seperti hasil random nama. si anying ini menjual atas nama PROMO KEMERDEKAAN, padahal akunnya baru dibuat 5 hari.



NOMOR WHATSAPP TIDAK PERLU NOMOR AKTIF

Whatsapp menawarkan encrypt end to end dimana tidak bisa terdeteksi oleh kepolisian sekalipun. Nomor HP yang ada di whatsapp juga tidak perlu aktif. Nomor hp saya sendiri sudah tidak aktif tapi saya masih bisa menggunakan whatsapp.

JANGAN PASRAH!!!

Beberapa upaya yang bisa kita lakukan meskipun tidak bisa membuat uang kita kembali tapi bisa menyelamatkan orang lain dan menjadi membuka pintu rezeki bagi kita nantinya. Berikut cara yang saya sarankan :

  1. Melaporkan akun agar tidak bisa mendapatkan korban baru
  2. Memberikan edukasi dengan update status atau menulis artikel di blog
  3. Share artikel ini jika malas menulis/membuat konten.

Siapapun kalian, dari agama, ras, negara manapun saya yakin penipuan, pembunuhan, perampokan merupakan hal buruk. Alam itu hidup, Tuhan itu ada, separuh makhluk di bumi sudah hilang. terdenganr Fantasi tapi Dia bisa menjadikannya.




APK Size, Android Java, Kotlin, Flutter, React Native

 https://medium.com/android-news/comparing-apk-sizes-a0eb37bb36f


Update : Flutter already reach 4MB

Belajar Deploy SPA(Single Page Application)

 Single page application itu seperti React, Vue dan Angular.

untuk deploy terdapat 2 jenis route. Pertama HashRouter, kedua BrowserRouter

HashRouter contohnya. domain/index.html/#/home

jadi HashRouter itu tidak pindah halaman namun hanya menggunakan tanda # ketika kita ref menuju id.

Broswer router contohnya. domain/home

jadi Browser router itu tidak memperlihatkan index.html nya.


Deploy Github pakai HashRouter

Deploy Nginx, Apache Server, XAMPP, LAMPP menggunakan BrowserRouter.

Like us on Facebook