Sebagai seorang profesional di bidang teknologi dan manajemen, serta memiliki ketertarikan di bidang pendidikan, aku ingin punya website pribadi yang dapat menampilkan data profil dan portfolio yang selalu mutakhir, tanpa perlu login ke CMS atau menyentuh kode setiap kali memperbarui informasi.

Akhirnya, tercetus proyek sederhana namun efisien:

mustofin.com — website statis dengan data dinamis dari Google Sheets API

🧩 Arsitektur Solusi

Google Sheets (data profil & portfolio)
         ↓ API via Google Apps Script
Website Statis (HTML + Tailwind + JS)
         ↓
Hosted on GitHub Pages

🟢 GitHub Pages digunakan sebagai hosting statis — gratis, cepat, dan mudah di-deploy langsung dari repository.
🟢 Google Sheets berperan sebagai “database ringan” yang bisa diperbarui kapan saja.
🟢 Google Apps Script menyediakan endpoint API untuk mengubah data Sheet menjadi JSON.
🟢 Vanilla JavaScript + TailwindCSS untuk menampilkan data di halaman web.

⚙️ Langkah Implementasi

1️⃣ Merancang Tampilan Web Profil & Portofolio

Pertama yang dilakukan adalah membuat struktur dan tampilan website utama.

/index.html          → Beranda dan hero section
/about.html          → Profil & pengalaman (CV Online) → diambil dari Google Sheets)
/portfolio.html      → Daftar proyek dan hasil karya → diambil dari Google Sheets
/blog                → redirect ke hashnode
/community.html      → Keterlibatan di komunitas
/class.html          → Kelas & Produk Digital → embed mayar.id
/contact.html        → Kontak email dan sosial media

Tampilan menggunakan TailwindCSS agar tetap ringan tanpa framework besar.

2️⃣ Merancang Google Sheet sebagai Database

Membuat satu Google Sheet dengan beberapa sheet (tab) seperti: Portfolio, Profile, Experience, Education, Licenses, Skills, dan Master.

3️⃣ Membuat API dari Google Apps Script

Selanjutnya, menulis Google Apps Script untuk membaca data dari Sheet dan mengembalikannya dalam format JSON.

function doGet(e) {
  try {
    const page = e.parameter.page;
    let result;
    if (page === 'about') {
      result = getProfileData();
    } else {
      result = getPortfolioData(e);
    }

    return createJsonResponse(result);

  } catch (error) {
    return createJsonResponse({ error: "An unexpected error occurred.", details: error.message }, 500);
  }
}

Kemudian:

1. Klik Deploy → New Deployment → Web App

2. Pilih Execute as: Me (your account)

3. Pilih Who has access: Anyone

4. Klik Deploy dan salin URL API seperti:

https://script.google.com/macros/s/.../exec

4️⃣ Menampilkan Data ke Website

Di halaman about.html dan portfolio.html ditambah kode JavaScript untuk memanggil API dari Google Apps Script tadi, lalu menampilkan hasilnya ke halaman web.

function fetchFromAPI() {
                grid.innerHTML = `<div class="loader-container col-span-3"><div class="loader"></div><p class="text-center text-gray-500">Memuat portofolio...</p></div>`;

                fetch(apiUrl)
                    .then(response => {
                        if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
                        return response.json();
                    })
                    .then(response => {
                        if (response.status === 'success' && response.data.length > 0) {
                            // Simpan data dan timestamp ke cache
                            const itemToCache = {
                                data: response.data,
                                timestamp: new Date().getTime()
                            };
                            localStorage.setItem(CACHE_KEY, JSON.stringify(itemToCache));

                            // Inisialisasi halaman dengan data baru
                            initializePage(response.data);
                        } else {
                            grid.innerHTML = '<p class="col-span-3 text-center text-gray-500">Tidak ada data portofolio untuk ditampilkan.</p>';
                            filterContainer.style.display = 'none';
                        }
                    })
                    .catch(error => {
                        console.error('Error fetching portfolio data:', error);
                        grid.innerHTML = '<p class="col-span-3 text-center text-red-500">Gagal memuat data. Silakan coba muat ulang halaman.</p>';
                        filterContainer.style.display = 'none';
                    });
            }

5️⃣ Membuat Fitur Tambahan: Download CV Otomatis

Fitur terakhir yang dibuat adalah fitur Generate CV berdasarkan data profil yang sudah update di google sheet. Fitur dipasang langsung di file Google Sheet karena ada data sensitif yang akan tampil di CV hasil generate.

Hal pertama yang harus dilakukan untuk fitur ini adalah membuat template CV menggunakan google doc.

Lalu membuat google apps script untuk generate CV

function generateCvPdf() {
  const data = getProfileDataFull();
  const { profile, experience, education, licenses, skills } = data;

  experience.reverse();
  education.reverse();

  const templateFile = DriveApp.getFileById(CV_TEMPLATE_ID);
  const newFileName = `CV - ${profile.full_name || 'Resume'}.pdf`;
  const outputFolder = DriveApp.getFolderById(FOLDER_OUTPUT_ID);

  // Hapus file lama jika ada dengan nama yang sama agar tidak menumpuk
  const oldFiles = outputFolder.getFilesByName(`${newFileName}.pdf`);
  while (oldFiles.hasNext()) {
    oldFiles.next().setTrashed(true);
  }

  const tempFile = templateFile.makeCopy(newFileName);
  const docId = tempFile.getId();

  try {
    const doc = DocumentApp.openById(docId);
    const body = doc.getBody();

    // 1. Ganti placeholder simpel (Profile)
    for (const key in profile) {
      body.replaceText(`{{${key}}}`, profile[key] || '');
    }

    // 2. Ganti placeholder daftar (Skills)
    const skillsText = skills.map(s => s.skill_name).join(' • ');
    body.replaceText(`{{skills}}`, skillsText);

    // 3. Proses bagian berulang dengan data yang urutannya sudah benar
    processParagraphSection(body, experience, 'exp', 'start_date', 'description'); 
    processParagraphSection(body, education, 'edu', 'institution_name', 'end_year');
    processTableSection(body, licenses, 'lic', 'certification_name');

    // Hapus placeholder yang tidak terisi agar bersih
    body.replaceText("\\{\\{.*?\\}\\}", "");

    doc.saveAndClose();

     // Buat file PDF di folder tujuan
    const pdfFile = outputFolder.createFile(tempFile.getAs(MimeType.PDF)).setName(`${newFileName}.pdf`);
    return pdfFile;
  } catch (error) {
    Logger.log(`Gagal membuat PDF: ${error.toString()}\n${error.stack}`);
    return ContentService.createTextOutput(`Gagal membuat PDF: ${error.toString()}`);
  } finally {
    // Pastikan file sementara selalu dihapus
    DriveApp.getFileById(docId).setTrashed(true);
  }
}

Fitur dipanggil melalui custom menu di google sheet, agar hanya kita yang memiliki akses.

6️⃣ Deployment

Untuk deploy website, menggunakan github page agar gratis, lalu beli domain mustofin.com untuk custom domain dari github page.

💡 Hasil Akhir

Dengan kombinasi GitHub Pages + Google Sheets API, akhirnya berhasil membangun:

• 🌐 Website profesional dengan domain custom (mustofin.com)

• ⚙️ Konten dinamis (profil & portofolio) tanpa CMS

• 💰 Tanpa biaya hosting

• 💡 Low maintenance, mudah diperbarui langsung dari Google Sheets

Bangun solusi kecil yang memberikan nilai nyata dan dapat berkembang secara iteratif.

1. Apa yang Kamu Jual?

   Pertanyaan pertama yang langsung aku lontarkan. Ya, benar, mencari pekerjaan itu sama seperti berjualan. Dan yang menarik adalah, apa yang dijual? Jawaban ini akan berpengaruh dari cara kita berusaha maupun hal yang lain. Apakah jawabannya adalah skill tertentu yang kita jual? Sayangnya kurang tepat. Karena yang kita harusnya bukan sekedar skill, melainkan “solusi”. Sebagai contoh, alih-alih menjual kemampuan desain, maka akan lebih baik jika yang kita jual adalah solusi bagi perusahaan yang mempunyai masalah dalam hal desain marketing mereka agar omsetnya meningkat.

   Contoh lain, jika dalam menyusun profil linkedin, alih-alih menjelaskan jobdesc kita di pengalaman kerja, maka akan lebih menjual jika yang kita cantumkan justru adalah masalah yang berhasil kita selesaikan saat menjabat peran tersebut. Karena perusahaan tidak hire karyawan karena skillnya, melainkan karena perusahaan tersebut sedang memiliki sebuah masalah, dan mencari calon karyawan yang bisa membantu menyelesaikan masalah tersebut. Yah meski ujung-ujungnya juga tetap butuh skill untuk menyelesaikan hal tersebut, hanya saja berbeda cara pandang.

2. Kebanyakan orang sekitarmu meminta bantuanmu tentang Apa, yang bahkan mereka berani bayar?

   Sebenernya skill, pengalaman dan pendidikannya sangat mumpuni. Jadi sudah ada diskusi kalau butuh meningkatkan personal brand agar lebih bisa dapat pekerjaan. Namun, alih-alih membahas brand persona apa yang ingin dibangun, aku coba arahkan pembahasannya ke sebenernya seperti apa persepsi orang terhadap kita saat ini. Karena tujuan utama branding adalah tentang persepsi, maka daripada kita terlalu effort untuk membangun brand baru, mengapa kita tidak memperkuat brand yang sudah ada saat ini. Meng-utilize persepsi orang yang sudah terbangun akan lebih cepat menghasilkan daripada harus membangun persepsi baru.

3. “Perbanyak Daun terlebih dahulu. Tanaman belum bisa berbuah kalau daunnya baru satu.”

   Mungkin ini sedikit filosofis. Daun berfungsi untuk fotosintesis dari cahaya matahari yang dia dapatkan. Dan untuk menghasilkan 1 biji buah saja, dia harus memperbanyak daunnya terlebih dahulu agar bisa menerima sebanyak mungkin cahaya. Saat daunnya sudah cukup banyak, maka buah pertama akan muncul, lalu disusul buah-buah selanjutnya. Jika cahaya matahari kita ibaratkan kesempatan dalam mendapatkan rezeki, termasuk pekerjaan, maka daun juga bisa kita ibaratkan jumlah dan jenis upaya yang telah kita bangun. Bangun upaya, bangun channel, bangun relasi, bangun wadah, untuk siap menerima kesempatan sebaik mungkin. Sebagai salah satu contoh, tidak sedikit contoh kasus berhasilnya seseorang mendapatkan pekerjaan atau proyek melalui relasinya yang banyak. Karena sudah terjalin trust, maka dia bisa mendapatkan pekerjaan tanpa harus melalui proses seleksi yang rumit.

4. Solusi mungkin sangat dekat dan sangat sederhana. Hanya kita yang belum sadar Aja.

   Saat sudah mulai memahami hal besar apa yang ingin dilakukan dan mulai membahas langkah teknis, sering kali yang terpikirkan adalah langkah hebat, besar, ideal dan keren. Sebagai contoh, ketika ingin membangun studi kasus, sering kali mencoba mencari-cari kasus yang dimiliki oleh orang lain atau perusahaan lain untuk bisa diangkat. Akhirnya mencoba mencari dan masih belum menemukan poin yang diinginkan. Namun, alih-alih mencari studi kasus orang lain yang belum tentu dapat, kita bisa mengangkat studi kasus kita sendiri terlebih dahulu. Kita bisa awali dari diri sendiri, dari hal yang terkecil, remeh dan mungkin selama ini kita pandang tidak penting. Karena seringkali, solusi itu dekat dan sederhana, kitanya aja yang belum menyadarinya, atau tidak mau mengakuinya.

5. Tugas kita cuman berusaha. Udah ada yang Maha Ngatur.

   Ini soal mental dan menata ekspektasi. Jangan sampai kita merasa, kalau kita udah berusaha keras, maksimal, banyak hal yang sudah kita lakukan dan ideal, maka serta merta kita harus berhasil. Karena jika gagal, bisa-bisa kita akan menyalahkan usaha dan proses yang sudah kita lakukan dengan baik. Jangan lupa, ada Yang Ngatur. Selama kita udah berusaha yang terbaik, kalau belum berhasil, ya karena belum waktunya aja. Dan biasanya saat waktunya tiba, akan ada hal yang jauh lebih baik yang kita dapatkan, yang mungkin tidak kita duga sama sekali. Pun juga sebaliknya, kalau usaha kita belum maksimal, maka jangan bilang belum berhasil karena belum waktunya, tapi fokus perbaiki diri dulu. Karena tugas kita adalah berusaha yang terbaik.

6. Lalu, apa Langkah yang harus dilakukan?

   Di penghujung obrolan, aku ditanya, “lalu langkah awal apa yang harus dilakukan?” Dan pertanyaan itu tidak aku jawab, dan malah aku tanya balik 😂. Lalu aku jelaskan, kalau semua yang aku share dan omongkan, itu adalah subjektifitasku saja, dan bisa banget kalau itu bias, maka jadikanlah sebatas referensi aja. Untuk langkah selanjutnya? Hanya kita sendiri yang paling tau apa yang paling bisa kita lakukan saat ini. Jadi tentuin sendiri, cobain, evaluasi.

Obrolan semalam mungkin hanya berlangsung singkat, tapi semoga bisa membantu untuk mendapatkan yang terbaik. Semoga apa pun yang ada dalam doa kita, dapat terkabulkan. Aamiin…

🤔 Apa sih E-Marketing itu?

E-Marketing, atau yang punya nama lengkap Electronic Marketing, merupakan pendekatan pemasaran yang memanfaatkan teknologi digital untuk menjangkau dan berinteraksi dengan konsumen secara lebih efektif dan efisien. Kotler dan Keller (2012) dalam bukunya “Marketing Management” menjelaskan bahwa marketer dapat menggunakan Internet sebagai saluran informasi dan penjualan yang ampuh. Internet memperluas jangkauan geografis pemasar untuk memberi tahu pelanggan dan mempromosikan produk di seluruh dunia.

Ada beberapa contoh E-Marketing, seperti:

1. SEO (Search Engine Optimization)
   Proses mengoptimalkan situs web agar mendapatkan peringkat tinggi di mesin pencari seperti Google, Bing, atau Yahoo

2. SMM (Social Media Marketing)
   pemanfaatan media sosial seperti Facebook, Twitter, Instagram, atau YouTube untuk membangun merek, meningkatkan kesadaran, dan berinteraksi dengan audiens.

3. Email Marketing
   pengiriman pesan email yang dipersonalisasi dan relevan kepada pelanggan potensial atau saat ini untuk meningkatkan loyalitas, konversi, dan penjualan.

4. Content Marketing
   pembuatan dan distribusi konten yang bermanfaat, informatif, atau menghibur kepada audiens sasaran untuk menarik perhatian, membangun kepercayaan, dan mendorong tindakan.

5. Influencer Marketing
   kolaborasi dengan orang-orang yang memiliki pengaruh besar di media sosial atau industri tertentu untuk mempromosikan produk atau layanan kepada pengikut mereka.

6. Video Marketing
   penggunaan video untuk menyampaikan pesan merek, produk, atau layanan kepada audiens sasaran.

(Sumber: BMG Indonesia, 2024)

Lalu, bagaimana tim film ‘Jumbo’ memaksimalkan strategi E-Marketing?

🎬 Studi Kasus: E-Marketing Film Animasi Indonesia ‘Jumbo’ (2025)

Keberhasilan film ‘Jumbo’ tidak lepas dari strategi E-Marketing yang inovatif dan kolaboratif.

Pemaksimalan Content Marketing

Visinema merilis trailer dan poster resmi ‘JUMBO’ melalui platform media sosial resminya, @visinemastudios. Hal tersebut menciptakan antusiasme sebelum penayangan . Langkah ini memperkenalkan karakter dan cerita kepada audiens secara luas (Suara.com, 2025).

Bukan hanya dengan merilis trailer, akun media sosial resmi juga digunakan untuk membagikan konten interaktif, termasuk cuplikan film, aktivitas di balik layar, dan kampanye yang mendorong partisipasi penggemar.

Kolaborasi dalam Influencer Marketing

Dalam melakukan campaign, Visinema berkolaborasi dengan Gushcloud, agency di bidang Influencer Marketing. Ada enam influencer yang digandeng Gushcloud untuk menciptakan sensasi di awal pada Gala Premiere – Family Day Out, yang diselenggarakan pada 16 Maret 2025. Enam influencer tersebut meliputi: Amel Carla, Tiara Dalimunthe, Ricko Ramli, Aldi Bemby, Fadyah Syifa, dan Yogi Saputra, semuanya dipandu oleh Gushcloud dan divisi talent-nya, Fast Fluence (Marketing Interactive, 2025).

Untuk memperluas kampanye, Gushcloud menyelenggarakan pemutaran khusus bersama Abe Cekut, seorang influencer anak yang digemari. Bersama dengan teman-teman sekelas, guru, dan keluarga di XXI Malang, momen itu diabadikan dalam sebuah video (Marketing Interactive, 2025).

Bukan hanya dengan mengajak influencer ikut menonton film agar menarik perhatian, namun juga strategi influencer marketing ini dilakukan dengan cara lain yang menarik, yaitu dengan mengajak influencer terkenal untuk menjadi pengisi suara. Beberapa influencer yang terlibat untuk mengisi suara seperti Ariel NOAH, Bunga Citra Lestari, dan Cinta Laura Kiehl. Hal tersebut tidak hanya menambah daya tarik film, tetapi juga memperluas jangkauan promosi melalui basis penggemar mereka di media sosial (Prudensi.com, 2025).

Alhasil…

Film JUMBO mencatatkan lebih dari 1 juta penonton, menjadikannya film animasi lokal terlaris sepanjang masa di Indonesia.

✍️ Kesimpulan

Keberhasilan film JUMBO sebagai film animasi lokal terlaris sepanjang masa di Indonesia, dengan lebih dari 1 juta penonton, tidak hanya ditentukan oleh kualitas film itu sendiri, tetapi juga oleh penerapan strategi E-Marketing yang cerdas, terintegrasi dan kolaboratif.

Dengan memanfaatkan berbagai pendekatan digital seperti content marketing (melalui trailer dan konten interaktif di media sosial), influencer marketing (melalui kolaborasi dengan influencer serta penempatan mereka sebagai pengisi suara), dan kerja sama dengan agensi seperti Gushcloud, JUMBO berhasil menciptakan antusiasme tinggi dan menjangkau audiens yang luas, terutama generasi muda dan keluarga.

Penerapan strategi E-Marketing yang efektif ini membuktikan bahwa digital marketing bukan hanya alat promosi pelengkap, tetapi menjadi faktor kunci dalam kesuksesan komersial industri hiburan, khususnya film. JUMBO menjadi contoh nyata bagaimana pemanfaatan internet dan media sosial dapat memperkuat merek, memperluas jangkauan pasar, dan meningkatkan daya tarik konsumen secara signifikan.

📚 Referensi:

• https://harian.disway.id/read/866428/jumbo-jadi-film-animasi-terlaris-sepanjang-masa-di-indonesia-sukses-raih1jutapenonton

• Kotler, P., & Keller, K. L. (2012). Marketing management (14th [ed.]). Prentice Hall.

• https://bmgindonesia.com/id/blog/digital-marketing/jenis-digital-marketing

• https://www.suara.com/entertainment/2025/02/13/132320/film-animasi-jumbo-rilis-official-trailer-dan-poster-tayang-lebaran-2025

• https://prudensi.com/visinema-studios-siapkan-jumbo-sebagai-evergreen-ip-animasi-indonesia

• https://www.marketing-interactive.com/gushcloud-hosts-special-screenings-to-support-jumbo-s-box-office-success

Artikel ini merupakan bagian dari tugas individu di mata kuliah Manajemen Pemasaran.

Nama: Misbakhul Mustofin
NIM: 24071000038
Kelas: B

Yuk, kita kupas tuntas

Apa Sih Intinya?

Di penelitian ini, mereka bikin eksperimen sederhana tapi jenius:

• Mereka buat akun baru di TikTok dan Instagram.

• Lalu, posting 10 konten bertema alam (kayak bunga, pemandangan indah, gitu deh).

• Setelah itu, mereka lihat mana platform yang lebih jago menyebarkan konten ke orang-orang yang memang suka hal-hal kayak gitu.

Hasilnya?
Konten di TikTok dapet ratusan view, sedangkan di Instagram… yah, bisa dibilang kurang nendang.

Kok Bisa TikTok Lebih Jago?

Simpelnya, algoritma TikTok itu kayak sahabat yang ngerti kamu banget.
Dia tahu kamu suka apa, lalu dikasih terus konten yang sesuai minatmu — bahkan dari akun yang belum kamu follow!
Sementara Instagram masih lebih banyak nunjukkin konten dari akun yang udah kamu ikuti. Jadi, butuh waktu lebih lama buat menjangkau orang baru.

Dalam dunia marketing, ini ibarat memilih:

• TikTok: kamu promosi ke orang yang memang tertarik.

• Instagram: kamu promosi ke orang-orang yang sudah kenal kamu.

Lalu, Gimana Caranya Buat Naikkan Omzet?

Kalau kamu mau boost penjualan, berikut trik praktisnya berdasarkan hasil riset ini:

🔹 Main Agresif di TikTok
Buat konten yang fun, relatable, dan gampang nyangkut di hati orang. Konten kamu bisa cepat viral walaupun akun kamu masih sepi pengikut!

🔹 Bangun Trust di Instagram
Gunakan Instagram buat branding. Upload konten yang rapi, storytelling tentang produkmu, dan kasih bukti testimoni pelanggan supaya makin terpercaya.

🔹 Konten Adalah Raja
Di TikTok, kamu harus fokus ke konten bukan ke follower. Karena algoritmanya suka banget bantuin "anak baru" kalau kontennya keren.

🔹 Konsisten Itu Kunci
Algoritma butuh sinyal. Makin sering kamu posting konten yang engaging, makin besar peluang kamu masuk FYP (TikTok) atau Explore (Instagram).

So, TikTok atau Instagram?

Jawabannya... kenapa nggak dua-duanya?

• Pakai TikTok buat menjaring audiens baru, memperluas pasar.

• Pakai Instagram buat mempertahankan dan mempererat hubungan dengan pelanggan.

Kalau dua platform ini dimanfaatkan dengan strategi yang tepat, bukan cuma view yang naik, omzet kamu juga bisa melejit!

Kesimpulan

Di era serba cepat ini, algoritma media sosial bisa jadi sahabat terbaik (atau musuh terbesar) buat bisnismu.
Pahami cara kerja mereka, lalu susun strategi marketing yang smart.
Ingat, jualan sekarang bukan cuma soal produk bagus, tapi juga bagaimana caranya produkmu ditemukan di tengah keramaian dunia digital.

Siap tempur di TikTok dan Instagram? 🎯
Let's make your brand the next viral sensation!

Referensi

• Bishqemi, K., & Crowley, M. (2022). TikTok Vs. Instagram: Algorithm Comparison. Journal of Student Research, Vol. 11(1). https://www.jsr.org/hs/index.php/path/article/view/2428

Artikel ini merupakan bagian dari tugas individu di mata kuliah Manajemen Pemasaran.

Nama: Misbakhul Mustofin
NIM: 24071000038
Kelas: B