Forem: Raymond Wangsa Putra

Device Memory API

Raymond Wangsa Putra — Fri, 11 Oct 2024 09:50:41 +0000

What is this?

This is one of Web APIs that can be used to get how much memory this device got

Compatibility?

Per this article is written, it only support Chrome, Edge, and Opera

How to use it?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Device Memory API Example</title>
</head>
<body>
    <h1>Device Memory API Example</h1>
    <p id="memory-info"></p>

    <script>
        if ('deviceMemory' in navigator) {
            const memory = navigator.deviceMemory;
            document.getElementById('memory-info').textContent = `This device has approximately ${memory} GB of RAM.`;
        } else {
            document.getElementById('memory-info').textContent = 'Device Memory API is not supported on this browser.';
        }
    </script>
</body>
</html>

My observation?

One unique thing I observe it shows I only have 8GBs of RAM while running it on a 16GBs device

Study Summarizer

Raymond Wangsa Putra — Fri, 12 Apr 2024 16:36:43 +0000

This is a submission for the Cloudflare AI Challenge.

What I Built

AI Meeting Summarization models are advanced tools that can automatically process and evaluate large quantities of transcribed audio meeting data, providing useful insights.

Here is a brief overview of this model:

Transcription: Speech-to-text or automatic transcription models transform audio meeting data into a text format that is easier to handle.
Summary: AI-driven summarization models enhance the process even more. They condense extensive discussions into succinct synopses, encompassing essential elements, resolutions, and results. Envision a virtual assistant who attentively captures and comprehends the entirety of your discussion, subsequently delivering a concise and condensed overview, sparing you the arduous task of sorting through extensive hours of meeting recordings.
Precision and Insight: These models are supported by cutting-edge cloudfare AI research. They can recognize pivotal moments, emphasize actionable tasks, and discern between discussions centered on addressing issues and discussions centered on achieving desired results.
Application: The teams can utilize these meeting summaries to help them in the development process. AI summary simplifies the process by recognizing trends, tracking project progress, and assuring stakeholder agreement.
To put it simply (pun intended), AI Meeting Summarization models enable developers and product teams to extract significant insights from audio content, thereby enhancing the efficiency of meetings and improving the quality of decision-making. Next time you find yourself overwhelmed with meeting notes, contemplate delegating the task to artificial intelligence! 🎙️🤖

Demo

URL Demo link

My Code

RayWP / cf-summarizer

Raymond's submission for Cloudflare AI Challenge

Class Recording Summarizer

Introduction

This project is a summarizer for audio recordings. The idea is meant to be used for lectures, meetings, or any other audio recording that you would like to summarize. The summarizer will take an audio file as input and output a summary of the audio file. The summarizer will use speech-to-text to convert the audio file to text and then use a summarization algorithm to summarize the text. The summarizer will output the summary and generate questions for the student to practice. The summarizer will also have a feature to generate a quiz for the student to take. The quiz will be generated based on the summary and will test the student's understanding of the material.

Features

Summarize audio recordings
Generate questions for the student to practice

Technologies

Cloudflare Workers
Cloudflare Pages
Cloudflare AI speech-to-text
Cloudflare AI summarization

How to deploy

Clone the repository
Deploy the…

View on GitHub

Journey

This is the first time I use Cloudflare (after my friends always talk about it). I browse through Worker Documentation to grasp understanding Worker. I browse through models and I decide to make API of my idea using Workers. After testing it using Postman, I feel amazed (wow this is cool). But, I see other submission make Front-end, then I decide to learn about Pages. Since, I am not very good at making Front-end from scratch, I use Vanilla HTML to make form to upload file and show the Worker AI result. But, when I connect between Pages and Worker, I constantly get CORS. I was frustrated because I consistently forgot how to fix this CORS thing. But, I finally managed to solve it (I'm proud of myself lol). Then I decide to add Questions generation, I tried playgrounds to test different Text Generation, and I learn new thing about "Role" which can alter the output template, cool stuff.

Then, I realize there is Pages Function, I hope to explore it for my next Cloudflare project. I also learn how to process .wav file for Whisper model to use (thanks to Cloudflare tutorial).

Multiple Models and/or Triple Task Types
The model I use:

Programming Language Official Docs and Update

Raymond Wangsa Putra — Tue, 13 Dec 2022 03:51:26 +0000

C/C++

C/C++ Features Updates: CPP Reference

C#

C# Feature Proposal: csharplang
C# New Features: What's new in CSharp
C# Official Blog: DevBlogs

ECMAScript

ES Proposals: tc39/proposal
ES Implementations: proposals.es

F-Sharp(F#)

Comment by: https://dev.to/edelsora
F# Feature Proposal: fsharp
F# Official Blog: DevBlogs

Java 🍵

JEP (Java Enhancement Proposal): Java JEP
Java Version "X" Features: JDK Projects
JVM and JEP "X" Comparisons: Chris Who Code
Java Weekly Reading: Baeldung Weekly Review

PHP

PHP Request For Comments: PHP-RFC
PHP RFC Implemented: RFC-IMPL

... more to come
Comments down below if you know similar website for other programming languages

This is what i would do as a college student

Raymond Wangsa Putra — Tue, 30 Aug 2022 15:08:52 +0000

Years into college taught me stuffs, in this post we are going to review it together.

1. Read Papers/Thesis/Books

Life is about learning, and reading is a way of learning. It is true that we have search engines like Google, we are one click away from the information around the world, but reading books server information on higher level. Reading papers/thesis/books will give you so much insight on many things, on many perspectives, and way of thinking. I have seen an Art graduate that become a better developer than me (I am a Software Engineer graduate) through reading books. I have seen self-taught developers through reading book. Try to read some books or research papers, one page a day will do. Believe it, you will find some keywords that you have never seen before.

2. Join community to gain more keywords/insight (DSC, MLSA, local community)

Did i mention "keywords"? Yes. Knowing keywords is important. I hate it when people say "just google it".

"Searching in Google is easy, knowing what to search is hell"

Knowing the right keywords to search is key to find answer to our problems. Knowing new keywords let us know that such thing does exist. Therefore, increasing your knowledge.
Where to find those new keywords? join some local communities (Developer telegram group, local developer community) or global communities (Microsoft Learn Student Ambassadors, Google Developer Student Club, Reddit, etc). Not necessarily need to be active, just listen to what they talk about and you will learn one or two new keywords.

3. Be curious and research on your own

Only knowing about the keywords is not good enough. You need to search and research about it (this is the right time to Google it), get stuck? ask the communities. Compare one tech with another. For example, today you learn new keywords about "gRPC" and "Kafka". Ask yourself "what is it?", "what is the alternative to this tech?", "when do we use this?", and so on.

4. Join competition/hackathon, you always win either way

Joining competition as student gives you many competitive advantages. We have nothing to lose as most of university/student level competition have free or cheap registration fee, we have nothing to lose as we are about to start our journey into professional career. Either win or lose, we actually win. When you lose, you get experiences, you get knowledge (as some competitions provide workshops), you get to know new friends, you get to see what does a competition feel like. When you win, you get all what you get when you lose and prize money. So, W W situation right there

5. Google keyword => Product name/company + "for students"

eg: "AWS/GCP/Azure for students"
Who don't like free stuffs? we all do. Some big companies provide free account of their service/software for students. For example Azure, AWS, Google Cloud, Github Education, and so on. Even Youtube has Premium Discount for students, so.. just try your luck.

6. Have fun and Tinker with your friends

Sometimes, being in college can cause some stress. Have some time for yourself to have a picnic or trips, even better do it with your friends. Other way you could do to relieve college stress is tinkering with the resources I mentioned in the previous sections, even better if you do it with your friends. Growing together.

These all the things i would do if i can turn back time to the good old days. Keeping knowledge only to yourself is probably not a fun thing, share it, tell it, and learn it together. Happy Learning.

what content would you like me to write?, comment down below :D

Storing in cloud, must try

Raymond Wangsa Putra — Thu, 10 Mar 2022 05:56:19 +0000

Which cloud?

Any cloud storage as long as it's not the cloud that can cause rain. Google Drive, OneDrive, Dropbox, you name it.

Origin

Once upon a time, a friend of mine told me "Cloud is a new best friend". So I was thinking to give it a try. Back then, I thought separating disks is enough for data backup (Like drive C: and D:); but in fact, your local disk could be corrupted, your laptop could be stolen, your data could be lost. Since at the time I am writing this, I was a final-year student that love my Final Year Project so much, I can't afford to lose my data, I need backup.

What did I do?

I connected my Office Apps (Word, Excel, PowerPoint, etc.) to OneDrive. Here are some resources that could help you achieve similar setup:

"Why OneDrive?"
Because as a student, I was granted 1TB of OneDrive space.

You don't like Microsoft? There are other options you could also try like these ones.

What do I feel good about?

1. Place-less working

Ever since I put my important docs such as Thesis, Internship Report, and other I-can't-lose documents, I can do it from anywhere anytime, because it is synced in the cloud.
For example, at home, I can do my Thesis with my Desktop PC, but when I go out somewhere I can bring my laptop along and access the work from the cloud or even access it from my mobile phone.
When I store my docs in the cloud, I can save them, turn off my PC, and just walk away with my laptop because the data is in the cloud.
If I store it in my PC's local disk, I should copy-paste it to my laptop first before going out, or maybe store it in a flash drive that I should carry around (more stuff to be carried).

2. Safety(?)

At least, physical safeness is pretty much guaranteed.
Imagine a scenario where your house get robbed and the Cloud Data Center get robbed.
In your house, you could lost your laptop or PC, leading to loss of data.
In the Cloud Data Center, even if they get robbed (which is unlikely to happen), your data are guaranteed to be duplicated across multiple instances to fulfil the Service Level Agreement, Standard Operation Procedure, and Disaster Prevention.
This also points back to my previous point about flash drive, I might lose my flash drive too, it's small-in-shape.
Some Cloud Storage provider even provide version rollback and history of editing. If you are working on a document that involves several people, this feature will be useful to find who is making bad changes and praise the one that is making good changes.

Onedrive Version History

My Concerns

1. I need internet

Since the docs are stored in the cloud, of course you will need internet access to synchronize the data between your local disk and the cloud storage. If I am about go out, I need to make sure that I have internet-data to access my data in the cloud (at least to download it, edit it locally, and then upload it again).

2. Small-small no problem

Since it requires internet connection, I do not recommend uploading a big-chunk of data, like movies or anime collections, to the Cloud Storage because I personally live in an area that doesn't have a high-speed internet speed. That is why, so far I only use it to backup documents, Excel files, or PowerPoint slides. I only upload videos or pictures to the Cloud Storage when I want to share it.
Internet is not the only problem, the price is also the problem. Some Cloud Storage offer 1-15 GB of storage at free tier. This might not be a problem if you only use it to store documents, Excel files, or PowerPoint slides, but if you use Cloud Storage as a backup solution, you will need more than 15 GB, especially if you are storing videos or pictures.

Conclusion

So far, I use cloud storage to store my important documents in hope they will be physically safer and less chance of getting corrupted. For storing videos and pictures I still use local disk (HDD or SSD). If you want to back-up some precious memories to cloud then it's also okay, it's your choice at the end of the day.

What do you think about Cloud Storage? Let's discuss below.

Wajib tahu, Github Education

Raymond Wangsa Putra — Tue, 19 Oct 2021 03:05:18 +0000

Prolog

Mahasiswa itu suka yang gratis-gratis

Kira-kira begitu kalimat yang sering kita dengar untuk mewakili mahasiswa (atau paling tidak, murid yang belum punya penghasilan).
Mulai dari yang sederhana seperti ditraktir teman buat beli cemilan, atau dapat beasiswa buat kuliah.

Untuk mahasiswa IT, salah satu masalah biaya yang juga dihadapi adalah bayar hostingan untuk project. Baik itu project portofolio ataupun project kuliah. Kalau project kuliah, mungkin gak berat biayanya karena patungan. Kalau project portofolio mungkin agak berat kalau bayar sendiri lagi, bisa habis 300-400 ribu per tahun (pengalaman pribadi)

Masalah lain yang dihadapi juga berupa biaya online course yang ngeri-ngeri sedap. Ada anak yang mau skillnya level up, tapi belum punya biaya untuk online course.

Lah bang, kan ada freecodecamp, Javatpoint, GeeksForGeeks buat belajar coding

Iya memang benar, tapi menurut saya Javatpoint dan GeeksForGeeks itu buat yang udah ngerti, dan itu nggak ada learning path dan sertifikatnya (incaran mahasiswa, hahaha), juga nggak ada mentornya. Biasanya carinya Udemy atau Coursera, tapi keluar uang lagi.

GitHub Education to the rescue

Untuk menjawab permasalah keluar biaya yang tadi, sebenarnya ada satu solusi yang menarik, GitHub Education

GitHub Education adalah fasilitas/perks/tawaran dari GitHub. Github Education menawarkan fasilitas untuk
mahasiswa dan guru diseluruh dunia yang bisa diperbarui license atau paketnya secara tahunan (selama anda masih menjadi mahasiswa). Untuk mahasiswa ada yang namanya GitHub Student Developer Pack.
Mungkin kalian pernah liat di TikTok yang sharing tentang Canva Pro gratis buat mahasiswa, nah ini nama packnya. Tetapi, gak cuma Canva sebenarnya banyak fasilitas lain yang bisa dipakai buat Mahasiswa IT ataupun non-IT. Berikut akan saya bahas perks/fasilitas yang menurut saya The Best

1. Hosting

Anak IT, itu pasti suka kalau dikasih hostingan gratis. Untuk deploy web project portofolio buat cv? bisa. Untuk deploy web kuliah? bisa.
Ada beberapa fasilitas hosting yang diberikan dalam pack, seperti DigitalOcean, Microsoft Azure. Dua fasilitas ini diberikan dalam bentuk credit/saldo sebanyak 100$, DigitalOcean dan Microsoft Azure merupakan penyedia layanan cloud dimana ngehosting web kalian dengan mudah. Ini cocok buat yang ada project kuliah harus deploy ke web, tapi deploynya cuma butuh 2-3 minggu aja atau sampai semester selesai.
Teman-teman bisa pelajari cara deploy web ke Azure dan DigitalOcean melalui 2 link dibawah:
DigitalOcean with React
Azure with NodeJS/Python

2. Domain name

Untuk membuat website/project portofolio yang kelihatan professional, domain name juga harus keren dong. Di GitHub Education sendiri memberikan fasilitas layanan hosting seperti Name, Namecheap, dan .tech. Setiap fasilitas diberikan free 1 tahun domain name. Lumayan ada 3 penyedia domain name, 1 tahun klaim 1x, bisa untuk 3 tahun kuliah, atau klaim fasilitasnya sewaktu udah mau lulus jadi domain namenya tetap hidup selama setahun setelah kita lulus kuliah.

3. Code Editor dan IDE Premium

Beberapa IDE premium memiliki fasilitas yang sangat membantu produktifitas developer. Salah satunya adalah JetBrains yang memiliki banyak product. Produk premium dari JetBrains seperti IntelliJ idea Pro dan DataGrip memiliki fitur yang sangat berguna seperti autocomplete yang mantap. Selain itu, untuk anak IT yang ingin punya project web tapi belum terlalu mahir CSS bisa menggunakan Bootstrap Studio yang memungkinkan kita mendesain tampilan web Bootstrap hanya dengan melakukan drag-and-drop saja. Dua tools ini sudah saya gunakan dan memang sangat membantu sekali.
Untuk developer tools lainnya bisa dilihat disini

4. Platform belajar premium

Tentu saja sebagai mahasiswa kita harus melakukan level-up skill kita. Untuk penggiat Data Science ada 3 bulan gratis belajar di DataCamp, untuk penggiat Front-End ada FrontendMaster. Beberapa course premium ini menurut saya akan sangat membantu teman-teman semua, karena teman-teman pasti akan membuat project untuk memenuhi tuntutan course yang ada, sangat baik untuk perkembangan portofoliod dan CV.

Epilog

Nah, kira-kira itu review saya sedikit tentang GitHub Education. Secara personal, saya belum mencoba semuanya, tetapi saya usahakan untuk memaksimalkan fasilitas yang ada. Perkembangan teknologi semakin canggih, dan kita juga harus mengembangkan diri kita. Oleh karena itu, jangan lewatkan kesempatan seperti ini. Course yang ada juga bisa diklaim saat liburan sehingga kita bisa belajar meski kuliah sedang libur. Saat mengaktifkan GitHub Education pack, fasilitas yang ada tidak langsung terklaim semua, jadi setelah mengaktifkan GitHub Education pack, bisa dipilih fasilitas mana yang mau dipakai terlebih dahulu.
Untuk melakukan aktivasi GitHub Education, harap mempersiapkan Kartu Mahasiswa atau Surat Keterangan Mahasiswa aktif yang ada tanggal expirednya sehingga menunjukkan anda sebagai mahasiswa.

Untuk melakukan pendaftaran bisa langsung dilakukan di sini.
Jika belum memiliki akun GitHub silahkan membuat di sini.
Video tutorial referensi pendaftaran GitHub Education bisa dilihat di sini
List lengkap fasilitas di sini

Sekian dulu tulisan dari saya, jika ada pertanyaan saya akan senang untuk membantu, jangan lupa juga untuk menyebarkan tulisan ini ke teman-teman anda, agar Indonesia memiliki lebih banyak developer yang hebat.

Contact

Twitter
LinkedIn