DEV Community: Yong Sopheaktra

A Voice Bot with Alan and Monaca

Yong Sopheaktra — Wed, 20 Jul 2022 02:08:12 +0000

A voice chatbot is a conversational AI communication tool that can capture, interpret, and analyze vocal input given by the speaker to respond in a similar natural language. Users can interact with a voice AI chatbot with voice commands and receive relevant responses. In this article, we will learn how to create a simple voice chatbot mobile application with the help of Alan.

https://medium.com/the-web-tub/a-voice-bot-with-alan-and-monaca-5846d98c2034

Face Mask Detector with ML5.js

Yong Sopheaktra — Thu, 20 Jan 2022 03:11:26 +0000

In this article, we will cover how to build a simple image classification using the ml5.js library to detect whether you are wearing a mask or not. You can also re-train the model to classify the new classes (for example, whether it is a cat or dog, holding a phone or not, etc) on your demand.

https://medium.com/the-web-tub/face-mask-detector-with-ml5-js-b44ca95dc0cc

Create Your First Machine Learning Mobile Application

Yong Sopheaktra — Thu, 20 Jan 2022 03:10:20 +0000

In this article, we will cover how to train the machine learning (ML) model with Teachable Machine, incorporate the model with web and mobile applications, and finally create a simple rock-paper-scissors game to play with a computer. In particular, we will be building an image classification model in which we show our hand to the camera, and the model will predict whether the hand is “rock”, “paper”, or “scissors”.

https://medium.com/the-web-tub/create-your-first-machine-learning-mobile-application-853176e4eaa1

Object Detection with Javascript, the Easy Way!

Yong Sopheaktra — Thu, 20 Jan 2022 03:08:28 +0000

If you are currently looking for an easy way to develop an object detection application using javascript, you are then coming to the right place. In this article, we will walk you step by step on how to build a simple yet elegant application that could detect 80 different classes of objects using just javascript.

https://medium.com/the-web-tub/object-detection-with-javascript-the-easy-way-74fbe98741cf

OCR with Javascript

Yong Sopheaktra — Thu, 20 Jan 2022 03:06:54 +0000

Optical Character Recognition (OCR) is a widespread technology to recognize text inside images. It is used to convert images containing text (typed, handwritten, or printed) into machine-readable text data. In this article, we are going to create a simple OCR application with Google Cloud Version API.

https://medium.com/the-web-tub/ocr-with-javascript-e7639099fba

Build a PWA using Workbox

Yong Sopheaktra — Thu, 20 Aug 2020 02:10:13 +0000

In this article, we will cover how to build a simple news app as Progress Web App (PWA), configure services worker for caching strategies, and offline support using Workbox. The app will simply display a list of random news headlines using NewsAPI and will cache the content so that it can be used without the network.

In case you are new to PWA and would like to learn what is PWA and why we need it, I suggest taking a quick look at this article where the author explains in detail the features and benefits of implementing PWA. In a nutshell, PWAs uses service workers to offer users extra functionalities such as working offline, push notifications, and device hardware access.

Getting Started with Deno

Yong Sopheaktra — Thu, 20 Aug 2020 02:05:58 +0000

TLDR: Deno could replace Node in the next Decades. So come back a decade from now. Otherwise, let’s be the first!

What is Deno?

Deno is a JavaScript (and TypeScript) runtime with secure defaults. Like Node.js, it is also built on V8.

Why Deno?

Deno is secure by default. Unlike Node, you have to specify system access such as a file, network, environment access, etc.
It supports TypeScript out of the box. Thus you don’t need to install the TypeScript compiler separately.
And a lot more. Last but not least, it is created by the same man, Ryan Dahl, who created Node.js a decade ago. So if he decided to create a new one, it would mean …… well, you figured it out yourself. If you have 30mn to spare, watch his presentation about 10 things he regrets about Node.js.

Thank You, PhoneGap!

Yong Sopheaktra — Thu, 20 Aug 2020 02:00:52 +0000

PhoneGap and Cordova

The Adobe PhoneGap has recently announced that they will sunset their tools and services (PhoneGap and PhoneGap Build) on October 1, 2020. PhoneGap will not be actively maintained but will remain free and open sourced whereas the PhoneGap Build service will no longer be available.

Adobe donated the PhoneGap codebase to the Apache Software Foundation for incubation in late 2011. The project was originally named Apache Callback and later renamed to Apache Cordova.

Since the donation of Cordova from Adobe to Apache, the OSS community has formed with lots of participation and contribution from great individuals and companies. The Apache Cordova project has become the de facto standard for HTML5 hybrid application development and plays an important role to bridge between web development and native APIs for major platforms such as iOS and Android.

What is Monaca?

Monaca is a development environment for smartphone and tablet applications provided by Asial Corporation. Monaca makes HTML5 hybrid mobile app development with PhoneGap/Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment.

Keep Your Awesome App and Join Us

To all PhoneGap users, you can continue to develop your application with the technology you love. In response to the end service of PhoneGap Build, we have compiled a step-by-step migration guideline to ensure a smooth transition from PhoneGap to Monaca. We will be providing a free 2-month coupon code THANKPHONEGAP for new users, to help you get started.