Wednesday

18-06-2025 Vol 19

Export HTML Tables to PowerPoint with WebView2 and VSTO

Tech News May 24, 2025

Cara Mengekspor Tabel HTML ke PowerPoint dengan WebView2 dan VSTO (Panduan Lengkap)

Mengekspor tabel HTML ke PowerPoint secara otomatis dapat menjadi tugas yang menantang, terutama jika Anda perlu mempertahankan pemformatan dan struktur tabel dengan tepat. Artikel ini akan memandu Anda melalui proses menggunakan WebView2 dan VSTO (Visual Studio Tools for Office) untuk mencapai tujuan ini secara efisien dan efektif. Kami akan membahas langkah demi langkah, mulai dari pengaturan lingkungan pengembangan hingga penulisan kode yang diperlukan.

Mengapa WebView2 dan VSTO?

Sebelum kita masuk ke detail teknis, mari kita pahami mengapa WebView2 dan VSTO adalah pilihan yang baik untuk tugas ini:

  • WebView2: Memberikan lingkungan peramban yang terintegrasi ke dalam aplikasi desktop Anda. Hal ini memungkinkan Anda untuk merender HTML, CSS, dan JavaScript di dalam aplikasi Anda, menjadikannya ideal untuk menangani tabel HTML yang kompleks.
  • VSTO: Memungkinkan Anda untuk membangun add-in untuk Microsoft Office, seperti PowerPoint. Ini memberikan akses ke model objek PowerPoint, memungkinkan Anda untuk membuat dan memanipulasi presentasi secara terprogram.

Target Audiens

Artikel ini ditujukan untuk pengembang yang:

  • Memiliki pengalaman dasar dengan C# dan .NET.
  • Familiar dengan konsep HTML dan CSS.
  • Ingin mengotomatiskan ekspor tabel HTML ke PowerPoint.

Prasyarat

Sebelum memulai, pastikan Anda memiliki prasyarat berikut:

  • Visual Studio: Visual Studio 2019 atau yang lebih baru diinstal dengan beban kerja “.NET desktop development”.
  • WebView2 Runtime: WebView2 Runtime diinstal pada sistem Anda. Anda dapat mengunduhnya dari situs web resmi Microsoft.
  • Microsoft Office: Microsoft PowerPoint diinstal.
  • .NET Framework atau .NET: Target .NET Framework 4.7.2 atau yang lebih baru, atau .NET 6 atau yang lebih baru.

Kerangka Artikel

  1. Pengaturan Lingkungan Pengembangan
    • Membuat Proyek VSTO PowerPoint Add-in.
    • Menambahkan Referensi WebView2.
    • Konfigurasi Awal Proyek.
  2. Merender Tabel HTML dengan WebView2
    • Membuat Kontrol WebView2.
    • Memuat Tabel HTML ke WebView2.
    • Mengambil Konten Tabel HTML.
  3. Memanipulasi PowerPoint dengan VSTO
    • Menambahkan Slide Baru.
    • Membuat Tabel PowerPoint.
    • Mengisi Tabel PowerPoint dengan Data dari HTML.
    • Memformat Tabel PowerPoint.
  4. Kode Lengkap dan Penjelasan
    • Kode C# Lengkap untuk VSTO Add-in.
    • Penjelasan Langkah demi Langkah.
  5. Optimasi dan Pertimbangan Tingkat Lanjut
    • Menangani Tabel HTML yang Kompleks.
    • Penanganan Error dan Validasi.
    • Opsi Pemformatan Lanjutan.
    • Implementasi Multi-Threading.
  6. Kesimpulan
    • Ringkasan.
    • Langkah Selanjutnya dan Sumber Daya Tambahan.

1. Pengaturan Lingkungan Pengembangan

Bagian ini memandu Anda melalui proses pengaturan lingkungan pengembangan yang diperlukan untuk membuat VSTO PowerPoint Add-in yang berinteraksi dengan WebView2.

1.1. Membuat Proyek VSTO PowerPoint Add-in

  1. Buka Visual Studio.
  2. Pilih “Create a new project”.
  3. Cari “PowerPoint VSTO Add-in” dan pilih template tersebut.
  4. Beri nama proyek Anda (misalnya, “HTMLTableToPPT”) dan pilih lokasi.
  5. Klik “Create”.
  6. Pada jendela berikutnya, pilih framework target (misalnya, “.NET Framework 4.7.2” atau “.NET 6”).
  7. Klik “Create”.

1.2. Menambahkan Referensi WebView2

  1. Di Solution Explorer, klik kanan pada proyek Anda dan pilih “Manage NuGet Packages…”.
  2. Buka tab “Browse”.
  3. Cari “Microsoft.Web.WebView2”.
  4. Pilih paket dan klik “Install”.
  5. Terima perjanjian lisensi.

1.3. Konfigurasi Awal Proyek

  1. Buka file `ThisAddIn.cs` (atau `ThisAddIn.vb` jika Anda menggunakan Visual Basic).
  2. Tambahkan namespace berikut di bagian atas file: 
    using Microsoft.Web.WebView2.WinForms;
using PowerPoint = Microsoft.Office.Interop.PowerPoint;
using Office = Microsoft.Office.Core;
  3. Pastikan proyek Anda menargetkan arsitektur yang sesuai (x86 atau x64) yang sesuai dengan instalasi Office Anda. Anda dapat mengubah ini di Project Properties -> Build -> Platform target.

2. Merender Tabel HTML dengan WebView2

Bagian ini berfokus pada cara menggunakan WebView2 untuk merender tabel HTML dan mengekstrak kontennya.

2.1. Membuat Kontrol WebView2

  1. Di Solution Explorer, klik kanan pada proyek Anda dan pilih “Add” -> “New Item…”.
  2. Pilih “Windows Forms Control” dan beri nama (misalnya, “WebView2Control.cs”).
  3. Klik “Add”.
  4. Buka file `WebView2Control.cs`.
  5. Tambahkan kontrol WebView2 ke kelas kontrol: 
    private WebView2 webView;

public WebView2Control()
{
    InitializeComponent();
    webView = new WebView2();
    webView.Dock = DockStyle.Fill;
    Controls.Add(webView);
    InitializeWebView2Async();
}

private async Task InitializeWebView2Async()
{
    await webView.EnsureCoreWebView2Async(null);
}
  6. Pastikan untuk menambahkan `using Microsoft.Web.WebView2.WinForms;` di bagian atas file.
  7. Di `InitializeComponent()`, tambahkan baris berikut: 
    this.webView = new Microsoft.Web.WebView2.WinForms.WebView2();
this.SuspendLayout();
//
// webView
//
this.webView.Dock = System.Windows.Forms.DockStyle.Fill;
this.webView.Location = new System.Drawing.Point(0, 0);
this.webView.Name = "webView";
this.webView.Size = new System.Drawing.Size(150, 150);
this.webView.TabIndex = 0;
this.webView.ZoomFactor = 1D;
this.webView.Source = new System.Uri("about:blank", System.UriKind.Absolute);
this.webView.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom)
| System.Windows.Forms.AnchorStyles.Left)
| System.Windows.Forms.AnchorStyles.Right)));
this.webView.CreationProperties = null;

this.Controls.Add(this.webView);
this.ResumeLayout(false);
  8. Bangun proyek Anda. Sekarang Anda seharusnya melihat kontrol `WebView2Control` di Toolbox.

2.2. Memuat Tabel HTML ke WebView2

  1. Buka file `ThisAddIn.cs`.
  2. Tambahkan sebuah instance dari kontrol `WebView2Control` ke kelas `ThisAddIn`: 
    private WebView2Control webView2Control;
  3. Di metode `ThisAddIn_Startup`, inisialisasi dan tambahkan kontrol ke formulir sementara: 
    private void ThisAddIn_Startup(object sender, System.EventArgs e)
{
    webView2Control = new WebView2Control();
    // Buat formulir sementara untuk menampung WebView2
    Form tempForm = new Form();
    tempForm.Controls.Add(webView2Control);
    tempForm.Width = 800;
    tempForm.Height = 600;
    tempForm.FormBorderStyle = FormBorderStyle.None; // Hindari menampilkan formulir
    tempForm.Show(); // Tampilkan formulir, tetapi segera sembunyikan
    tempForm.Hide();

    // Muat HTML (contoh)
    string htmlContent = @"
<table border='1'>
    <tr>
        <th>Nama</th>
        <th>Usia</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>30</td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>25</td>
    </tr>
</table>";

    webView2Control.webView.NavigateToString(htmlContent);
}

2.3. Mengambil Konten Tabel HTML

  1. Tambahkan metode untuk mengekstrak data tabel dari WebView2: 
    private async Task<string[][]> GetTableDataFromWebView2()
{
    // Tunggu WebView2 selesai memuat
    await webView2Control.webView.EnsureCoreWebView2Async();
    await webView2Control.webView.CoreWebView2.ExecuteScriptAsync("window.getTableData = function() { var table = document.querySelector('table'); if (!table) return null; var data = []; var rows = table.rows; for (var i = 0; i < rows.length; i++) { var rowData = []; var cells = rows[i].cells; for (var j = 0; j < cells.length; j++) { rowData.push(cells[j].innerText); } data.push(rowData); } return data; };");

    string jsonResult = await webView2Control.webView.CoreWebView2.ExecuteScriptAsync("getTableData();");

    // Hapus tanda kutip ganda di awal dan akhir dan ubah escape sequence
    jsonResult = jsonResult.Trim('"').Replace("\\\"", "\"");

    // Deserialize JSON
    string[][] tableData = Newtonsoft.Json.JsonConvert.DeserializeObject<string[][]>(jsonResult);
    return tableData;
}
  2. Anda perlu menginstal Newtonsoft.Json melalui NuGet Package Manager.
  3. Tambahkan `using Newtonsoft.Json;` di bagian atas file `ThisAddIn.cs`.

3. Memanipulasi PowerPoint dengan VSTO

Bagian ini menjelaskan cara menggunakan model objek PowerPoint melalui VSTO untuk membuat tabel dan mengisi data yang diekstrak dari WebView2.

3.1. Menambahkan Slide Baru

  1. Tambahkan kode berikut ke metode `ThisAddIn_Startup` (atau di tempat lain di mana Anda ingin menambahkan slide): 
    PowerPoint.Presentation presentation = Globals.ThisAddIn.Application.ActivePresentation;
PowerPoint.Slide slide = presentation.Slides.Add(presentation.Slides.Count + 1, PowerPoint.PpSlideLayout.ppLayoutBlank);

3.2. Membuat Tabel PowerPoint

  1. Tambahkan kode untuk membuat tabel PowerPoint pada slide yang baru ditambahkan: 
    async Task CreatePowerPointTable(string[][] data)
{
    PowerPoint.Presentation presentation = Globals.ThisAddIn.Application.ActivePresentation;
    PowerPoint.Slide slide = presentation.Slides[presentation.Slides.Count];

    int rows = data.Length;
    int cols = data[0].Length;

    float left = 50;
    float top = 100;
    float width = 600;
    float height = 300;

    PowerPoint.Shape shape = slide.Shapes.AddTable(rows, cols, left, top, width / cols, height / rows);
    PowerPoint.Table table = shape.Table;

    // Isi data
    for (int i = 1; i <= rows; i++)
    {
        for (int j = 1; j <= cols; j++)
        {
            table.Cell(i, j).Shape.TextFrame.TextRange.Text = data[i - 1][j - 1];
        }
    }
}

3.3. Mengisi Tabel PowerPoint dengan Data dari HTML

  1. Panggil metode `GetTableDataFromWebView2` dan `CreatePowerPointTable` dari metode `ThisAddIn_Startup`: 
    private async void ThisAddIn_Startup(object sender, System.EventArgs e)
{
    webView2Control = new WebView2Control();
    // Buat formulir sementara untuk menampung WebView2
    Form tempForm = new Form();
    tempForm.Controls.Add(webView2Control);
    tempForm.Width = 800;
    tempForm.Height = 600;
    tempForm.FormBorderStyle = FormBorderStyle.None; // Hindari menampilkan formulir
    tempForm.Show(); // Tampilkan formulir, tetapi segera sembunyikan
    tempForm.Hide();

    // Muat HTML (contoh)
    string htmlContent = @"
<table border='1'>
    <tr>
        <th>Nama</th>
        <th>Usia</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>30</td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>25</td>
    </tr>
</table>";

    webView2Control.webView.NavigateToString(htmlContent);

    // Dapatkan data dan buat tabel
    string[][] tableData = await GetTableDataFromWebView2();
    await CreatePowerPointTable(tableData);
}

3.4. Memformat Tabel PowerPoint

Anda dapat menyesuaikan pemformatan tabel PowerPoint lebih lanjut menggunakan model objek PowerPoint. Berikut adalah beberapa contoh:

  • Mengubah warna latar belakang sel: 
    table.Cell(1, 1).Shape.Fill.ForeColor.RGB = System.Drawing.ColorTranslator.ToOle(System.Drawing.Color.LightBlue);
  • Mengubah warna font: 
    table.Cell(1, 1).Shape.TextFrame.TextRange.Font.Color.RGB = System.Drawing.ColorTranslator.ToOle(System.Drawing.Color.White);
  • Menambahkan border: 
    table.Borders[PowerPoint.PpBorderType.ppBorderBottom].Weight = PowerPoint.MsoWeight.msoWeightThick;
table.Borders[PowerPoint.PpBorderType.ppBorderBottom].Color.RGB = System.Drawing.ColorTranslator.ToOle(System.Drawing.Color.Black);

4. Kode Lengkap dan Penjelasan

Bagian ini menyajikan kode C# lengkap untuk VSTO Add-in, bersama dengan penjelasan langkah demi langkah.

4.1. Kode C# Lengkap untuk VSTO Add-in

```csharp
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Xml.Linq;
using PowerPoint = Microsoft.Office.Interop.PowerPoint;
using Office = Microsoft.Office.Core;
using System.Windows.Forms;
using Microsoft.Web.WebView2.WinForms;
using System.Threading.Tasks;
using Newtonsoft.Json;

namespace HTMLTableToPPT
{
public partial class ThisAddIn
{
private WebView2Control webView2Control;

private void ThisAddIn_Startup(object sender, System.EventArgs e)
{
webView2Control = new WebView2Control();
// Buat formulir sementara untuk menampung WebView2
Form tempForm = new Form();
tempForm.Controls.Add(webView2Control);
tempForm.Width = 800;
tempForm.Height = 600;
tempForm.FormBorderStyle = FormBorderStyle.None; // Hindari menampilkan formulir
tempForm.Show(); // Tampilkan formulir, tetapi segera sembunyikan
tempForm.Hide();

// Muat HTML (contoh)
string htmlContent = @"
<table border='1'>
<tr>
<th>Nama</th>
<th>Usia</th>
</tr>
<tr>
<td>John Doe</td>
<td>30</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>25</td>
</tr>
</table>";

webView2Control.webView.NavigateToString(htmlContent);

Task.Run(async () =>
{
// Dapatkan data dan buat tabel
string[][] tableData = await GetTableDataFromWebView2();
await CreatePowerPointTable(tableData);
});
}

private async Task<string[][]> GetTableDataFromWebView2()
{
// Tunggu WebView2 selesai memuat
await webView2Control.webView.EnsureCoreWebView2Async();
await webView2Control.webView.CoreWebView2.ExecuteScriptAsync("window.getTableData = function() { var table = document.querySelector('table'); if (!table) return null; var data = []; var rows = table.rows; for (var i = 0; i < rows.length; i++) { var rowData = []; var cells = rows[i].cells; for (var j = 0; j < cells.length; j++) { rowData.push(cells[j].innerText); } data.push(rowData); } return data; };"); string jsonResult = await webView2Control.webView.CoreWebView2.ExecuteScriptAsync("getTableData();"); // Hapus tanda kutip ganda di awal dan akhir dan ubah escape sequence jsonResult = jsonResult.Trim('"').Replace("\\\"", "\""); // Deserialize JSON string[][] tableData = JsonConvert.DeserializeObject<string[][]>(jsonResult); return tableData; } async Task CreatePowerPointTable(string[][] data) { PowerPoint.Presentation presentation = Globals.ThisAddIn.Application.ActivePresentation; PowerPoint.Slide slide = presentation.Slides[presentation.Slides.Count]; if (data == null || data.Length == 0 || data[0].Length == 0) { MessageBox.Show("Tidak ada data tabel yang ditemukan."); return; } int rows = data.Length; int cols = data[0].Length; float left = 50; float top = 100; float width = 600; float height = 300; PowerPoint.Shape shape = slide.Shapes.AddTable(rows, cols, left, top, width / cols, height / rows); PowerPoint.Table table = shape.Table; // Isi data for (int i = 1; i <= rows; i++) { for (int j = 1; j <= cols; j++) { table.Cell(i, j).Shape.TextFrame.TextRange.Text = data[i - 1][j - 1]; } } } private void ThisAddIn_Shutdown(object sender, System.EventArgs e) { if (webView2Control != null) { webView2Control.Dispose(); } } #region Kode yang dihasilkan VSTO ///

/// Metode yang diperlukan untuk dukungan Designer - jangan memodifikasi
/// isi metode ini dengan menggunakan editor kode.
///

private void InternalStartup()
{
this.Startup += new System.EventHandler(ThisAddIn_Startup);
this.Shutdown += new System.EventHandler(ThisAddIn_Shutdown);
}

#endregion
}
}
```

```csharp
using Microsoft.Web.WebView2.WinForms;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace HTMLTableToPPT
{
public partial class WebView2Control : UserControl
{
public WebView2 webView;

public WebView2Control()
{
InitializeComponent();
webView = new WebView2();
webView.Dock = DockStyle.Fill;
Controls.Add(webView);
InitializeWebView2Async();
}

private async Task InitializeWebView2Async()
{
await webView.EnsureCoreWebView2Async(null);
}
}
}
```

```csharp
namespace HTMLTableToPPT
{
partial class WebView2Control
{
///

/// Required designer variable.
///

private System.ComponentModel.IContainer components = null;

///

/// Clean up any resources being used.
///

/// true if managed resources should be disposed; otherwise, false. protected override void Dispose(bool disposing)
{
if (disposing && (components != null))
{
components.Dispose();
}
base.Dispose(disposing);
}

#region Component Designer generated code

///

/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
///

private void InitializeComponent()
{
this.webView = new Microsoft.Web.WebView2.WinForms.WebView2();
this.SuspendLayout();
//
// webView
//
this.webView.CreationProperties = null;
this.webView.Dock = System.Windows.Forms.DockStyle.Fill;
this.webView.Location = new System.Drawing.Point(0, 0);
this.webView.Margin = new System.Windows.Forms.Padding(2, 2, 2, 2);
this.webView.Name = "webView";
this.webView.Size = new System.Drawing.Size(150, 150);
this.webView.TabIndex = 0;
this.webView.ZoomFactor = 1D;
this.webView.Source = new System.Uri("about:blank", System.UriKind.Absolute);

//
// WebView2Control
//
this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
this.Controls.Add(this.webView);
this.Margin = new System.Windows.Forms.Padding(2, 2, 2, 2);
this.Name = "WebView2Control";
this.Size = new System.Drawing.Size(150, 150);
this.ResumeLayout(false);
}

#endregion

public Microsoft.Web.WebView2.WinForms.WebView2 webView;
}
}
```

4.2. Penjelasan Langkah demi Langkah

  1. Membuat Proyek VSTO: Membuat proyek VSTO PowerPoint Add-in di Visual Studio.
  2. Menambahkan Referensi WebView2: Menambahkan referensi NuGet package untuk `Microsoft.Web.WebView2.WinForms`.
  3. Membuat Kontrol WebView2: Membuat kontrol Windows Forms yang membungkus kontrol WebView2. Ini dibuat sebagai control terpisah untuk mempermudah pengelolaan lifecycle WebView2.
  4. Memuat HTML ke WebView2: Memuat konten HTML tabel ke kontrol WebView2 menggunakan metode `NavigateToString`. Sebuah form sementara digunakan agar WebView2 dapat di inisialisasi dan digunakan secara background tanpa mengganggu tampilan PowerPoint.
  5. Mengekstrak Data Tabel: Menggunakan JavaScript yang dieksekusi di WebView2 untuk mengekstrak data tabel dan mengembalikannya sebagai string JSON. JSON ini kemudian di-deserialize menjadi array 2D.
  6. Membuat Tabel PowerPoint: Membuat tabel PowerPoint baru di slide yang baru ditambahkan dan mengisi sel-selnya dengan data yang diekstrak.
  7. Memanggil Metode: Memastikan bahwa semua panggilan asynchronous dilakukan dengan benar menggunakan `async` dan `await` untuk mencegah blocking UI thread.

5. Optimasi dan Pertimbangan Tingkat Lanjut

Bagian ini membahas optimasi dan pertimbangan tingkat lanjut untuk menangani skenario yang lebih kompleks.

5.1. Menangani Tabel HTML yang Kompleks

  • CSS Styling: WebView2 akan merender tabel dengan CSS yang ditentukan dalam HTML. Pastikan CSS Anda kompatibel dengan PowerPoint.
  • Tabel Bertingkat: Kode di atas tidak menangani tabel bertingkat. Anda mungkin perlu memodifikasi logika ekstraksi data JavaScript untuk menangani skenario ini.
  • Gambar dan Media Lain: Jika tabel Anda berisi gambar atau media lain, Anda perlu mengekstrak dan menyertakannya secara terpisah di PowerPoint.

5.2. Penanganan Error dan Validasi

  • Pemeriksaan Null: Tambahkan pemeriksaan null untuk memastikan bahwa data yang diekstrak dari WebView2 valid sebelum Anda mencoba membuat tabel PowerPoint.
  • Penanganan Exception: Bungkus kode Anda dalam blok `try-catch` untuk menangani pengecualian apa pun yang mungkin terjadi selama proses.
  • Validasi Data: Validasi data sebelum memasukkannya ke dalam tabel PowerPoint untuk mencegah kesalahan atau crash.

5.3. Opsi Pemformatan Lanjutan

  • Tema: Gunakan tema PowerPoint untuk menjaga konsistensi visual.
  • Font: Atur font yang sesuai untuk memastikan keterbacaan.
  • Ukuran Sel: Sesuaikan ukuran sel berdasarkan konten untuk menghindari pemotongan.

5.4. Implementasi Multi-Threading

Untuk meningkatkan responsivitas aplikasi, pertimbangkan untuk melakukan operasi yang berjalan lama (seperti ekstraksi data dan pembuatan tabel) pada thread latar belakang. Gunakan `Task.Run` atau `BackgroundWorker` untuk mencapai ini.

Task.Run(async () =>
{
    // Dapatkan data dan buat tabel
    string[][] tableData = await GetTableDataFromWebView2();
    await CreatePowerPointTable(tableData);
});

6. Kesimpulan

Artikel ini telah memberikan panduan langkah demi langkah tentang cara mengekspor tabel HTML ke PowerPoint menggunakan WebView2 dan VSTO. Dengan menggunakan WebView2 untuk merender HTML dan VSTO untuk memanipulasi PowerPoint, Anda dapat mengotomatiskan proses ini dan memastikan bahwa tabel Anda diekspor secara akurat dan efisien.

Langkah Selanjutnya dan Sumber Daya Tambahan

```

omcoding

Related Posts
May 22, 2025 Tech News by omcoding

How long do you guys think it take to fluently code in C?

Berapa Lama Waktu yang Dibutuhkan untuk Mahir dalam Pemrograman C? Panduan Komprehensif Bahasa C adalah salah satu bahasa pemrograman yang…
May 21, 2025 Tech News by omcoding

🎉 react-emoji-toggle-button is available now!

🎉 React Emoji Toggle Button Kini Tersedia: Ekspresikan Dirimu dengan Lebih Mudah! 🎉 Apakah Anda seorang pengembang React yang ingin…
May 26, 2025 Tech News by omcoding

3 Dosa Besar Kominfo: Korupsi BTS, PDNS dan Judol

3 Dosa Besar Kominfo: Korupsi BTS, PDNS, dan Judi Online (Judol) Kementerian Komunikasi dan Informatika (Kominfo), sebagai garda depan pembangunan…
May 27, 2025 Tech News by omcoding

What Australians Need to Know About the PGPA Act

Apa yang Perlu Diketahui Orang Australia Tentang Undang-Undang PGPA? Panduan Lengkap Undang-Undang Pengelolaan Keuangan dan Akuntabilitas Publik 2013 (PGPA Act)…
May 21, 2025 Tech News by omcoding

Why Django 5.2’s Composite Primary Keys Are a Game-Changer for Complex Apps

Mengapa Kunci Primer Komposit Django 5.2 Mengubah Segalanya untuk Aplikasi Kompleks Django, kerangka kerja web Python tingkat tinggi, terus berkembang…
May 26, 2025 Tech News by omcoding

CSS Pseudo-classes Cheat Sheet 🔍

CSS Pseudo-classes Cheat Sheet: Panduan Lengkap untuk Developer Pseudo-classes CSS adalah kunci untuk menambahkan gaya dinamis dan interaktif ke elemen…
May 27, 2025 Tech News by omcoding

Understanding Choreography in Event-Driven Architecture (EDA)

Memahami Koreografi dalam Arsitektur Berbasis Peristiwa (EDA) Arsitektur Berbasis Peristiwa (Event-Driven Architecture – EDA) telah menjadi pola arsitektur yang semakin…
May 22, 2025 Tech News by omcoding

mdka v1.5 is out – HTML to Markdown converter developed with Rust

mdka v1.5 Rilis: Konverter HTML ke Markdown Berbasis Rust yang Lebih Cepat dan Efisien Kabar gembira bagi para pengembang, penulis,…
May 22, 2025 Tech News by omcoding

Token Efficiency Traps: The Hidden Costs of Zero-Shot vs. Few-Shot Prompting

Token Efficiency Traps: The Hidden Costs of Zero-Shot vs. Few-Shot Prompting Large Language Models (LLMs) have revolutionized how we interact…
May 28, 2025 Tech News by omcoding

Agile Scrum – The Easy Guide to Self-Learning

Agile Scrum: Panduan Mudah Belajar Mandiri (2024) Agile Scrum adalah kerangka kerja populer untuk mengelola dan menyelesaikan proyek yang kompleks.…

Leave a Reply

Your email address will not be published. Required fields are marked *