{"id":2493,"date":"2025-06-26T18:11:51","date_gmt":"2025-06-26T11:11:51","guid":{"rendered":"https:\/\/filkom.ub.ac.id\/project\/?p=2493"},"modified":"2025-06-26T18:11:51","modified_gmt":"2025-06-26T11:11:51","slug":"upcode-upgrade-with-creative-online-digital-education","status":"publish","type":"post","link":"https:\/\/filkom.ub.ac.id\/project\/2025\/06\/upcode-upgrade-with-creative-online-digital-education\/","title":{"rendered":"UpCode : Upgrade with Creative Online Digital\u00a0Education"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2493\" class=\"elementor elementor-2493\">\n\t\t\t\t<div class=\"elementor-element elementor-element-395d504f e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"395d504f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7881a elementor-widget elementor-widget-text-editor\" data-id=\"5e7881a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/UPCODE-300x300.png\" alt=\"\" width=\"300\" height=\"300\" \/><strong><br \/><\/strong><\/p><p style=\"text-align: center\"><strong>UpCode: Media Pembelajaran Digital Interaktif Berbasis Visual dan Storytelling untuk Pembelajaran Informatika SMA kelas X<\/strong><\/p><p style=\"text-align: center\"><strong>UpCode<\/strong> adalah media pembelajaran interaktif yang dirancang untuk mendukung pembelajaran Informatika di jenjang SMA. Produk ini <strong>bertujuan<\/strong> meningkatkan literasi digital, logika komputasi, dan kesadaran kritis terhadap teknologi. <strong>Solusi<\/strong> yang ditawarkan berupa konten edukatif berbasis visual, storytelling, dan digital yang menarik dan inklusif. Mitra dalam proyek ini adalah <strong>SMAN 1 Tulungagung<\/strong> sebagai pengguna Utama media pembelajaran. Proses pengembangan mengikuti model instruksional <strong>ADDIE<\/strong>, mulai dari analisis kebutuhan hingga evaluasi. Produk yang dihasilkan meliputi <strong>video pembelajaran, infografis statis dan interaktif, narasi digital, dan slide presentasi.<\/strong> Materi disusun sesuai kurikulum terbaru dan kebutuhan peserta didik. Pembuatan produk berlangsung selama tiga bulan. Evaluasi dilakukan melalui uji kelayakan media oleh ahli, uji ahli materi, dan uji coba terbatas kepada peserta didik. Hasil evaluasi menunjukkan bahwa UpCode layak digunakan dan efektif meningkatkan pemahaman siswa terhadap materi Informatika.<\/p><p style=\"text-align: center\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f085bd5 e-flex e-con-boxed e-con e-parent\" data-id=\"f085bd5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08c2bc5 elementor-widget elementor-widget-heading\" data-id=\"08c2bc5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><br>OUR TEAM<br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0c467c e-grid e-con-boxed e-con e-parent\" data-id=\"d0c467c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b87bd6 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"8b87bd6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43-1024x1024.jpeg\" class=\"attachment-large size-large wp-image-6737\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43-1024x1024.jpeg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43-300x300.jpeg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43-150x150.jpeg 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43-768x768.jpeg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-22-at-10.48.43.jpeg 1181w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d179500 elementor-widget elementor-widget-text-editor\" data-id=\"d179500\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Choirul Nisa Akhiri Hartanto<br \/><\/strong>225150601111018<\/p><p data-start=\"138\" data-end=\"182\"><strong>Rekap Pekerjaan :<\/strong><\/p><ul data-start=\"184\" data-end=\"835\"><li data-start=\"184\" data-end=\"305\">Mengelola dan mengoordinasikan seluruh tahapan produksi video pembelajaran berdasarkan storyboard yang telah disusun.<\/li><li data-start=\"306\" data-end=\"413\">Mengatur pembagian tugas, memastikan setiap anggota tim memahami peran dan tenggat waktu masing-masing.<\/li><li data-start=\"414\" data-end=\"570\">Membuat elemen-elemen gambar yang ada pada video pembelajaran.\u00a0<\/li><li data-start=\"571\" data-end=\"705\">Melakukan monitoring pada proses editing video agar ritme, durasi, dan kualitas video sesuai dengan rencana yang telah disepakati.<\/li><li data-start=\"706\" data-end=\"835\">Melaksanakan proses review menyeluruh serta mengoordinasikan revisi untuk menjamin kualitas akhir video sebelum dipublikasikan.<\/li><\/ul><p data-start=\"837\" data-end=\"864\"><strong>Kontribusi Profesional<\/strong><\/p><ul data-start=\"866\" data-end=\"1264\"><li data-start=\"866\" data-end=\"939\">Memastikan proses produksi berjalan terorganisir dan sesuai timeline.<\/li><li data-start=\"940\" data-end=\"1051\">Mengoptimalkan kolaborasi antar anggota tim untuk menghasilkan media pembelajaran yang efektif dan menarik.<\/li><li data-start=\"1052\" data-end=\"1148\">Meningkatkan efisiensi kerja dengan perencanaan yang matang dan komunikasi yang terstruktur.<\/li><li data-start=\"1149\" data-end=\"1264\">Mendukung terciptanya produk video pembelajaran yang berkualitas, sesuai kebutuhan siswa dan tujuan pembelajaran.<\/li><\/ul><p data-start=\"1266\" data-end=\"1285\"><strong>Lesson Learned<br \/><\/strong>Sebagai Project Manager, saya belajar pentingnya membagi tugas dengan baik, berkomunikasi dengan jelas, dan bekerja sama dalam tim. Saya juga memahami bahwa mengatur proyek bukan hanya memimpin, tapi juga mendengarkan dan mencari solusi bersama.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebd63d7 e-grid e-con-boxed e-con e-parent\" data-id=\"ebd63d7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-975d30a elementor-widget elementor-widget-text-editor\" data-id=\"975d30a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"104\" data-end=\"131\">Melina Dyah Anggraini P<\/strong><br data-start=\"131\" data-end=\"134\" \/><span data-start=\"134\" data-end=\"153\">225150601111016<\/span><\/p><p><strong>Rekap Pekerjaan :<\/strong><\/p><ul><li>Melakukan proses editing untuk dua video pembelajaran sesuai dengan naskah storyboard yang telah disusun<\/li><li>Mencari dan menyesuaikan elemen video seperti gambar, transisi, audio, dan efek visual agar sesuai dengan narasi dan tujuan pembelajaran<\/li><li>Menyesuaikan ritme dan durasi video agar nyaman ditonton dan efektif dalam menyampaikan materi<\/li><li>Melakukan review dan revisi untuk memastikan kualitas video sebelum dipublikasikan<\/li><\/ul><p><strong>Kontribusi Profesional<br \/><\/strong><\/p><ul><li>Mengubah materi pembelajaran menjadi media audiovisual yang menarik dan mudah dipahami<\/li><li>Meningkatkan kualitas penyampaian materi dengan penggunaan elemen visual dan audio yang sesuai<\/li><li>Membantu menciptakan suasana belajar yang menyenangkan melalui pengemasan video yang kreatif<\/li><li>Mendukung tim konten dalam menyampaikan pesan pembelajaran secara efektif dan efisien<\/li><\/ul><p style=\"text-align: left\"><strong>Lesson Learned<br \/><\/strong>Sebagai editor video, saya belajar pentingnya ketelitian dalam menyelaraskan visual dengan narasi. Saya juga memahami bahwa setiap elemen dalam video, sekecil apa pun, memiliki peran penting dalam membentuk pengalaman belajar siswa. Melalui proyek ini, saya menyadari bahwa video pembelajaran bukan hanya soal menyusun gambar dan suara, tetapi tentang menyampaikan pengetahuan secara visual yang menyentuh dan bermakna.<strong><br \/><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d33f08 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"9d33f08\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA-1024x1024.jpg\" class=\"attachment-large size-large wp-image-6759\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA-1024x1024.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA-300x300.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA-150x150.jpg 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA-768x768.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/MELINA.jpg 1181w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef42e3b e-grid e-con-boxed e-con e-parent\" data-id=\"ef42e3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4029ba6 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"4029ba6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA-1024x1024.jpg\" class=\"attachment-large size-large wp-image-6763\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA-1024x1024.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA-300x300.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA-150x150.jpg 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA-768x768.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IRBA.jpg 1181w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3653ec7 elementor-widget elementor-widget-text-editor\" data-id=\"3653ec7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"121\" data-end=\"161\"><strong data-start=\"121\" data-end=\"137\">Irba Sakilah<\/strong><br data-start=\"137\" data-end=\"140\" \/>225150600111007<\/p><p data-start=\"163\" data-end=\"184\"><strong>Rekap Pekerjaan\u00a0<\/strong><\/p><ul><li data-start=\"163\" data-end=\"184\">Bertanggung jawab dalam proses pengolahan materi pembelajaran menjadi video narasi digital yang menarik dan informatif.<\/li><li data-start=\"185\" data-end=\"306\">Merancang dan menyusun slide presentasi (PPT) yang mendukung alur narasi video secara visual dan edukatif.<\/li><li data-start=\"185\" data-end=\"306\">Berkoordinasi dengan content writer dan narator untuk memastikan keselarasan antara isi materi, visual, dan narasi suara.<\/li><li data-start=\"185\" data-end=\"306\">Melakukan proses editing video, mulai dari pemotongan, penyusunan visual, penambahan animasi\/transisi, hingga penyelarasan audio.<\/li><\/ul><p data-start=\"676\" data-end=\"704\"><strong>Kontribusi Profesional<\/strong><\/p><ul><li data-start=\"705\" data-end=\"815\">Mengubah materi pembelajaran menjadi media video yang komunikatif dan sesuai dengan karakteristik siswa SMA.<\/li><li data-start=\"817\" data-end=\"948\">Menghasilkan desain slide dan video narasi digital dengan kualitas visual yang konsisten, menarik, dan mendukung pemahaman siswa.<\/li><li data-start=\"817\" data-end=\"948\">Memastikan hasil akhir video memiliki struktur yang jelas, transisi yang halus, serta visual yang inklusif dan responsif terhadap kebutuhan belajar.<\/li><li data-start=\"817\" data-end=\"948\">Berperan dalam finalisasi konten video sebelum dipublikasikan sebagai bagian dari upaya peningkatan kualitas pendidikan digital.<\/li><\/ul><p data-start=\"1234\" data-end=\"1254\"><strong>Lesson Learned<\/strong><\/p><p data-start=\"1255\" data-end=\"1728\">Sebagai video editor, saya belajar bahwa visual yang dirancang dengan tepat dapat mengubah informasi kompleks menjadi sesuatu yang mudah dicerna. Pengalaman ini mengajarkan pentingnya kolaborasi lintas peran, antara penulis naskah, narator, dan editor untuk menciptakan video pembelajaran yang efektif. Saya juga semakin memahami bahwa storytelling visual bukan hanya mendukung isi materi, tetapi juga membangun pengalaman belajar yang menyenangkan dan bermakna bagi siswa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01771f9 e-grid e-con-boxed e-con e-parent\" data-id=\"01771f9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b25049d elementor-widget elementor-widget-text-editor\" data-id=\"b25049d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Amelia Dhea Puspita<\/strong> <br \/>225150600111011<\/p><p><strong>Rekap Pekerjaan<\/strong><\/p><ul><li>Menyusun naskah dan deskripsi materi pembelajaran yang akan dikemas dalam bentuk video, infografis, dan narasi digital<\/li><li data-start=\"605\" data-end=\"672\"><p data-start=\"607\" data-end=\"672\">Melakukan riset materi sesuai kurikulum Informatika jenjang SMA<\/p><\/li><li data-start=\"675\" data-end=\"764\"><p data-start=\"677\" data-end=\"764\">Menyesuaikan gaya penulisan agar komunikatif, inklusif, dan mudah dipahami oleh siswa<\/p><\/li><li data-start=\"675\" data-end=\"764\"><p data-start=\"677\" data-end=\"764\">Bekerja sama dengan desainer dan narator dalam menyelaraskan isi konten dan visual<\/p><\/li><\/ul><p><strong>Kontribusi Profesional<\/strong><\/p><ul><li data-start=\"892\" data-end=\"967\"><p data-start=\"894\" data-end=\"967\">Menerjemahkan materi kurikulum menjadi narasi yang menarik dan edukatif<\/p><\/li><li data-start=\"968\" data-end=\"1058\"><p data-start=\"970\" data-end=\"1058\">Menyediakan konten berkualitas tinggi untuk berbagai format (video, infografis, slide)<\/p><\/li><li data-start=\"1059\" data-end=\"1119\"><p data-start=\"1061\" data-end=\"1119\">Menjaga konsistensi tone dan bahasa antar seluruh materi<\/p><\/li><li data-start=\"1120\" data-end=\"1176\"><p data-start=\"1122\" data-end=\"1176\">Membantu proses validasi konten sebelum dipublikasikan<\/p><\/li><\/ul><p><strong>Lesson learned<\/strong><\/p><blockquote><p>Sebagai content writer, saya belajar meramu konsep informatika yang kompleks menjadi cerita yang bisa dinikmati siswa. Saya juga memahami bagaimana storytelling mampu meningkatkan daya tarik dan pemahaman konten. Proyek ini mengajarkan saya bahwa pendidikan digital bukan sekadar soal teknologi, tapi juga soal cara menyentuh pikiran dan imajinasi.<\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d552007 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d552007\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL-1024x1024.jpg\" class=\"attachment-large size-large wp-image-6764\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL-1024x1024.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL-300x300.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL-150x150.jpg 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL-768x768.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/AMEL.jpg 1181w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af63768 e-grid e-con-boxed e-con e-parent\" data-id=\"af63768\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6cacab elementor-invisible elementor-widget elementor-widget-image\" data-id=\"a6cacab\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA-1024x1024.jpg\" class=\"attachment-large size-large wp-image-6765\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA-1024x1024.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA-300x300.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA-150x150.jpg 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA-768x768.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/IKMA.jpg 1181w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4066bcc elementor-widget elementor-widget-text-editor\" data-id=\"4066bcc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-start=\"134\" data-end=\"153\"><b>Ikmalunisa Annora<br \/><\/b><\/span>225150601111015<\/p><p><strong>Rekap Pekerjaan :<\/strong><\/p><ul><li data-start=\"271\" data-end=\"455\"><p data-start=\"273\" data-end=\"455\">Berperan sebagai narator utama dalam video pembelajaran digital, menyampaikan materi dengan artikulasi yang jelas, intonasi yang tepat, dan penghayatan sesuai konteks pembelajaran.<\/p><\/li><li data-start=\"456\" data-end=\"565\"><p data-start=\"458\" data-end=\"565\">Menyesuaikan tempo dan gaya penyampaian narasi agar selaras dengan kebutuhan visual dan karakter audiens.<\/p><\/li><li data-start=\"566\" data-end=\"708\"><p data-start=\"568\" data-end=\"708\">Melakukan editing pada video narasi digital, khususnya untuk menyelaraskan suara narasi dengan visual dan memastikan alur berjalan lancar.<\/p><\/li><li data-start=\"709\" data-end=\"867\"><p data-start=\"711\" data-end=\"867\">Berkontribusi dalam proses review akhir, serta membantu tim lain dalam aspek teknis ringan seperti pengecekan suara, ritme visual, dan penyesuaian transisi.<\/p><\/li><\/ul><p><strong>Kontribusi Profesional<br \/><\/strong><\/p><ul><li data-start=\"907\" data-end=\"1045\"><p data-start=\"909\" data-end=\"1045\">Menjadi pengisi suara utama yang membawa suasana dan makna pada video pembelajaran, menjembatani konten dengan audiens secara efektif.<\/p><\/li><li data-start=\"1046\" data-end=\"1178\"><p data-start=\"1048\" data-end=\"1178\">Melakukan proses editing pada video narasi digital untuk memastikan keselarasan antara audio, visual, dan transisi berjalan mulus, sehingga menghasilkan video pembelajaran yang informatif dan enak ditonton.<\/p><\/li><li data-start=\"1179\" data-end=\"1277\"><p data-start=\"1181\" data-end=\"1277\">Membangun suasana belajar yang menarik dengan penyampaian narasi yang hidup dan tidak monoton.<\/p><\/li><li data-start=\"1278\" data-end=\"1400\"><p data-start=\"1280\" data-end=\"1400\">Berperan aktif sebagai bagian dari tim, memberikan dukungan teknis dan ide kreatif selama proses produksi berlangsung.<\/p><\/li><\/ul><p><strong>Lesson Learned<br \/><\/strong>Melalui pengalaman menjadi narator sekaligus editor dalam proyek ini, saya belajar bahwa menyampaikan pembelajaran melalui media audiovisual membutuhkan ketelitian, penghayatan, dan kreativitas. Narasi bukan sekadar membacakan teks, tetapi menyampaikan makna secara emosional dan informatif. Proses editing juga membuka wawasan saya tentang pentingnya harmoni antara suara, visual, dan ritme. Saya juga belajar bekerja sama dengan tim, berbagi ide, serta saling mendukung untuk mencapai hasil yang berkualitas dan berdampak dalam proses belajar siswa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9adbf4e e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"9adbf4e\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc55ce elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"afc55ce\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d79921c elementor-widget elementor-widget-text-editor\" data-id=\"d79921c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1>\u00a0<\/h1><h1>OUR CLIENT<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d40e56 e-grid e-con-boxed elementor-invisible e-con e-parent\" data-id=\"4d40e56\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;slideInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee68e3f elementor-widget elementor-widget-image\" data-id=\"ee68e3f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"192\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/LOGO-5.png\" class=\"attachment-large size-large wp-image-2815\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbef2fe elementor-widget elementor-widget-text-editor\" data-id=\"dbef2fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: justify\">SMA Negeri 1 Tulungagung atau yang juga dikenal dengan nama SMARISTA merupakan salah satu sekolah menengah atas negeri yang berada di Kecamatan Tulungagung Kabupaten Tulungagung Provinsi Jawa Timur, sebelah barat pusat Kota Tulungagung. SMAN 1 Tulungagung berdiri sejak tahun 2013. Meski terbilang baru, namun Smarista sudah berhasil mencetek siswa-siswi berpretasi baik di bidang akademik maupun\u00a0non\u00a0akademik.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3acfac5 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"3acfac5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab024e2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ab024e2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0936ff0 elementor-widget elementor-widget-text-editor\" data-id=\"0936ff0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"font-family: Roboto, sans-serif;color: #1a202c\">LATAR BELAKANG &amp; TUJUAN<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d79f8a4 elementor-widget elementor-widget-text-editor\" data-id=\"d79f8a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: Roboto, sans-serif;color: #1a202c\">Pendidikan Informatika di SMAN 1 Tulungagung menjadi bagian penting dalam membentuk keterampilan berpikir komputasional siswa, namun pelaksanaannya menghadapi berbagai tantangan. Sebagai sekolah baru dengan mayoritas siswa dari latar belakang ekonomi menengah ke bawah, keterbatasan perangkat seperti laptop serta minimnya keterampilan dasar penggunaan komputer menjadi hambatan utama. Guru berupaya menyesuaikan metode pembelajaran, seperti fokus pada konsep dasar dan memanfaatkan aplikasi seluler seperti Google Colab, mengingat kondisi laboratorium komputer yang belum optimal. Gaya belajar siswa yang beragam serta keterbatasan akses internet juga memengaruhi efektivitas pembelajaran, yang masih bergantung pada LKS. Oleh karena itu, dibutuhkan media digital interaktif yang ramah seluler, mampu mendukung evaluasi, dan menjembatani kesenjangan antara kurikulum dan fasilitas\u00a0yang\u00a0tersedia.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d29fe6a e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"d29fe6a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40a6c48 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"40a6c48\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdcfdc5 elementor-widget elementor-widget-text-editor\" data-id=\"bdcfdc5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"font-family: Roboto, sans-serif;color: #1a202c\">SOLUSI<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-430f157 elementor-widget elementor-widget-text-editor\" data-id=\"430f157\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p style=\"font-family: Roboto, sans-serif;color: #1a202c\">Mata pelajaran Informatika di SMAN 1 Tulungagung mengalami kendala dalam penyampaian materi dasar akibat keterbatasan perangkat, kurangnya media interaktif, dan kebutuhan belajar yang beragam. Untuk mengatasinya, dikembangkan media pembelajaran digital berbasis web yang dapat diakses melalui ponsel dan laptop. Fitur utamanya mencakup video pembelajaran, simulasi interaktif, soal latihan dengan umpan balik otomatis, serta aksesibilitas seperti teks ke suara dan pengaturan font.\u00a0<\/p><p style=\"font-family: Roboto, sans-serif;color: #1a202c\"><b>Produk ini bertujuan :<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ada5c14 e-grid e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ada5c14\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b6cf9 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"e2b6cf9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-double-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tFaster\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProses pemahaman siswa terhadap konsep Informatika melalui penyampaian materi yang ringkas dan langsung&nbsp;dipraktikkan\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ab8efe elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"5ab8efe\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-thumbs-up\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBetter\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tKualitas pembelajaran dengan menyesuaikan metode dengan gaya belajar siswa yang beragam dan mendukung siswa berkebutuhan&nbsp;khusus\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fae390 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"8fae390\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-double-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCheaper\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProses pembelajaran karena tidak bergantung pada komputer mahal atau koneksi internet&nbsp;terus-menerus\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6087f55 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"6087f55\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-book-open\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDo More\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tProses pembelajaran dengan memberikan pengalaman belajar yang lebih luas dan mandiri melalui fitur interaktif yang tidak dimiliki LKS&nbsp;konvensional\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55b5106 e-flex e-con-boxed e-con e-parent\" data-id=\"55b5106\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5f553d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a5f553d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff7be01 elementor-widget elementor-widget-text-editor\" data-id=\"ff7be01\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"font-family: Roboto, sans-serif;color: #1a202c\">FITUR<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10dd3c1 e-grid e-con-boxed e-con e-parent\" data-id=\"10dd3c1\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2547b03 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"2547b03\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"517\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM.jpg\" class=\"attachment-full size-full wp-image-2542\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM.jpg 809w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM-300x192.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM-768x491.jpg 768w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Video Pembelajaran\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Konten audio-visual yang menyampaikan materi secara sistematis, yang dilengkapi dengan animasi, ilustrasi, atau demonstrasi langsung.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"https:\/\/youtu.be\/op-UiSqNpls\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0174f9 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"c0174f9\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"538\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI-.jpg\" class=\"attachment-full size-full wp-image-2540\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI-.jpg 801w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI--300x201.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI--768x516.jpg 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Narasi Digital\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Gabungan antara narasi dengan gambar, ilustrasi, dan teks, yang menyampaikan materi secara menarik.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"https:\/\/youtu.be\/RyUxZbjfb6E\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-544de15 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"544de15\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"795\" height=\"487\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/SLIDE.jpg\" class=\"attachment-full size-full wp-image-3014\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/SLIDE.jpg 795w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/SLIDE-300x184.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/SLIDE-768x470.jpg 768w\" sizes=\"(max-width: 795px) 100vw, 795px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Slide Pembelajaran\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Materi yang disusun dalam bentuk poin-poin utama, disertai gambar\/diagram untuk digunakan saat penyampaian langsung atau daring oleh guru.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"https:\/\/www.canva.com\/design\/DAGooR4EztQ\/rQ9e3sCfQJxXhfjBUa5Kig\/view?utm_content=DAGooR4EztQ&#038;utm_campaign=designshare&#038;utm_medium=link2&#038;utm_source=uniquelinks&#038;utlId=h3f94a4d5b7\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39c46f3 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"39c46f3\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"491\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO.jpg\" class=\"attachment-full size-full wp-image-2543\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO.jpg 626w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO-300x235.jpg 300w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Infografis\n                        \n                    <\/h3>\n                                                            <div class=\"elementskit-box-style-content\">\n                        Sajian visual berisi informasi penting yang diringkas dalam bentuk gambar, ikon, dan teks singkat.                    <\/div>\n                                    <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"https:\/\/erapor.my.canva.site\/sejarah-perkembangan-komputer\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd217d0 e-flex e-con-boxed e-con e-parent\" data-id=\"fd217d0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f53ed7b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f53ed7b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45579bf elementor-widget elementor-widget-text-editor\" data-id=\"45579bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: center\">&nbsp;OUR PRODUCT<\/h1>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4861a7f e-grid e-con-full e-con e-parent\" data-id=\"4861a7f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6649974 elementor-widget elementor-widget-image\" data-id=\"6649974\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"491\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO.jpg\" class=\"attachment-large size-large wp-image-2543\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO.jpg 626w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFO-300x235.jpg 300w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eec85f2 elementor-widget elementor-widget-image\" data-id=\"eec85f2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"538\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI-.jpg\" class=\"attachment-large size-large wp-image-2540\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI-.jpg 801w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI--300x201.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/NARASI--768x516.jpg 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-477e22e elementor-widget elementor-widget-image\" data-id=\"477e22e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"517\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM.jpg\" class=\"attachment-large size-large wp-image-2542\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM.jpg 809w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM-300x192.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/VIDEO-PEM-768x491.jpg 768w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3081e7a e-grid e-con-boxed e-con e-parent\" data-id=\"3081e7a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfb2590 elementor-widget elementor-widget-video\" data-id=\"bfb2590\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/op-UiSqNpls&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82d1301 elementor-widget elementor-widget-heading\" data-id=\"82d1301\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VIDEO PEMBELAJARAN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97e9cd4 elementor-widget elementor-widget-video\" data-id=\"97e9cd4\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/DkYVtsZR7xw?feature=shared&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-639a1a1 e-flex e-con-boxed e-con e-parent\" data-id=\"639a1a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab7ad3 elementor-widget elementor-widget-spacer\" data-id=\"9ab7ad3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9847d6 e-grid e-con-boxed e-con e-parent\" data-id=\"f9847d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37ce005 elementor-widget elementor-widget-image\" data-id=\"37ce005\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/erapor.my.canva.site\/sejarah-perkembangan-komputer\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2-724x1024.png\" class=\"attachment-large size-large wp-image-2694\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2-724x1024.png 724w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2-212x300.png 212w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2-768x1086.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2-1086x1536.png 1086w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/halaman-awal-2.png 1414w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0fe825b elementor-widget elementor-widget-image\" data-id=\"0fe825b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-724x1024.png\" class=\"attachment-large size-large wp-image-2742\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-724x1024.png 724w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-212x300.png 212w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-768x1086.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-1086x1536.png 1086w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika-1448x2048.png 1448w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Dampak-Sosial-Informatika.png 1587w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a059f40 elementor-widget elementor-widget-image\" data-id=\"a059f40\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/erapor.my.canva.site\/sejarah-perkembangan-komputer%20\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-724x1024.png\" class=\"attachment-large size-large wp-image-2736\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-724x1024.png 724w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-212x300.png 212w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-768x1086.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-1086x1536.png 1086w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT-1448x2048.png 1448w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/INFOSTAT.png 1587w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77af1eb e-flex e-con-boxed e-con e-parent\" data-id=\"77af1eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d7484 elementor-widget elementor-widget-heading\" data-id=\"e4d7484\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">INFOGRAFIS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52e3331 e-flex e-con-boxed e-con e-parent\" data-id=\"52e3331\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ae7c8 elementor-widget elementor-widget-spacer\" data-id=\"b2ae7c8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b76cee e-grid e-con-boxed e-con e-parent\" data-id=\"7b76cee\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eacaf47 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"eacaf47\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma.jpg\" class=\"attachment-full size-full wp-image-3295\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma.jpg 1600w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma-300x169.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma-1024x576.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma-768x432.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/algoritma-1536x864.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Slide Pembelajaran\n                        \n                    <\/h3>\n                                                        <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"#\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fab656 elementor-widget elementor-widget-video\" data-id=\"4fab656\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/RyUxZbjfb6E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63eb39e ekit-equal-height-disable elementor-widget elementor-widget-elementskit-image-box\" data-id=\"63eb39e\" data-element_type=\"widget\" data-widget_type=\"elementskit-image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\n            <div class=\"elementskit-info-image-box ekit-image-box text-center simple-card\" >\n\n                \n                <div class=\"elementskit-box-header image-box-img-center\">\n\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode.jpg\" class=\"attachment-full size-full wp-image-3288\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode.jpg 1600w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode-300x169.jpg 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode-1024x576.jpg 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode-768x432.jpg 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/pseudocode-1536x864.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\n                <\/div>\n                \n                <div class=\"elementskit-box-body ekit-image-box-body\">\n                    <div class=\"elementskit-box-content ekit-image-box-body-inner\">\n                                                <h3 class=\"elementskit-info-box-title\">\n\n                        Slide Pembelajaran\n                        \n                    <\/h3>\n                                                        <\/div>\n\n                                <div class=\"elementskit-box-footer\">\n                    <div class=\"box-footer\">\n                        <div class=\"btn-wraper\">\n                                                            <a href=\"https:\/\/www.canva.com\/design\/DAGosXfisiE\/QPpXuQJARmpEpcRWOsJBVQ\/view?utm_content=DAGosXfisiE&#038;utm_campaign=designshare&#038;utm_medium=link2&#038;utm_source=uniquelinks&#038;utlId=hc5e1404ce3\" class=\"elementskit-btn whitespace--normal\">\n                                    \n                                    \n                                    Learn more                                 <\/a>\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90ed798 e-flex e-con-boxed e-con e-parent\" data-id=\"90ed798\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-853aec1 elementor-widget elementor-widget-heading\" data-id=\"853aec1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">NARASI DIGITAL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ce8ca6 e-flex e-con-boxed e-con e-parent\" data-id=\"6ce8ca6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98e296b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"98e296b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-679ca5a e-grid e-con-boxed e-con e-parent\" data-id=\"679ca5a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a5fee9 elementor-widget elementor-widget-heading\" data-id=\"3a5fee9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DOKUMENTASI<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-996b1c6 e-flex e-con-boxed e-con e-parent\" data-id=\"996b1c6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48307c elementor-widget elementor-widget-elementskit-client-logo\" data-id=\"a48307c\" data-element_type=\"widget\" data-widget_type=\"elementskit-client-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"elementskit-clients-slider  simple_logo_image\" data-config=\"{&quot;rtl&quot;:false,&quot;arrows&quot;:false,&quot;dots&quot;:false,&quot;autoplay&quot;:true,&quot;speed&quot;:1000,&quot;slidesPerView&quot;:4,&quot;slidesPerGroup&quot;:1,&quot;pauseOnHover&quot;:true,&quot;loop&quot;:false,&quot;breakpoints&quot;:{&quot;320&quot;:{&quot;slidesPerView&quot;:1,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:10},&quot;768&quot;:{&quot;slidesPerView&quot;:2,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:10},&quot;1024&quot;:{&quot;slidesPerView&quot;:4,&quot;slidesPerGroup&quot;:1,&quot;spaceBetween&quot;:15}}}\" data-direction=\"\">\n\t\t\t<div class=\"ekit-main-swiper swiper\">\n\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"Title #1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/2-17-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"Title #2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/4-17-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"Title #3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/5-17-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"Title #4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/6-10-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"Title #5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/3-17-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementskit-client-slider-item swiper-slide \">\n\t\t\t\t\t\t\t<div class=\"swiper-slide-inner\">\n\t\t\t\t\t\t\t\t<div class=\"single-client image-switcher\" title=\"List Title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"content-image\">\n\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20.png\" class=\"\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20.png 1920w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20-300x169.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20-1024x576.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20-768x432.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/1-20-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div><!-- .elementskit-clients-slider END -->\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ba56d6 e-flex e-con-boxed e-con e-parent\" data-id=\"5ba56d6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1db318f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1db318f\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed1a15d e-flex e-con-boxed e-con e-parent\" data-id=\"ed1a15d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fceb5f elementor-widget elementor-widget-link-in-bio\" data-id=\"8fceb5f\" data-element_type=\"widget\" data-widget_type=\"link-in-bio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio e-link-in-bio\">\n\t\t\t<div class=\"e-link-in-bio__content\">\n\n\t\t\t\t\t\t<div class=\"e-link-in-bio__identity\">\n\t\t\t\t\t\t\t\t\t<div class=\"e-link-in-bio__identity-image e-link-in-bio__identity-image-profile has-style-circle\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/UPCODE-300x300.png\" class=\"e-link-in-bio__identity-image-element\" alt=\"\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/UPCODE-300x300.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/UPCODE-150x150.png 150w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/UPCODE.png 500w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__bio\">\n\t\t\t\t<h2 class=\"e-link-in-bio__heading\">UpCode<\/h2>\t\t\t\t<h3 class=\"e-link-in-bio__title\">Upgrade with Creative Online Digital\u00a0Education<\/h3>\t\t\t\t\t\t\t\t<p class=\"e-link-in-bio__description\">\u200e \u200e \u200e \u200e \u200e \u200e \u200e \u200e \u200eFakultas Ilmu Komputer                    \u200e \u200e \u200e \u200e \u200e \u200e \u200e \u200e \nUniversitas Brawijaya<\/p>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__icons has-size-small\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a aria-label=\"Email\" class=\"e-link-in-bio__icon-link\" href=\"mailto:nhartanto26@gmail.com\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a href=\"https:\/\/www.instagram.com\/filkomub?igsh=MXdxZ3lsaWk4cndwYQ==\" target=\"_blank\" rel=\"noopener \" aria-label=\"Instagram\" class=\"e-link-in-bio__icon-link\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a href=\"https:\/\/www.tiktok.com\/@filkom.brawijaya?_t=ZS-8xMJfgShmh0&#038;_r=1\" target=\"_blank\" rel=\"noopener \" aria-label=\"TikTok\" class=\"e-link-in-bio__icon-link\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-tiktok\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a href=\"https:\/\/www.facebook.com\/share\/19zrmD47i3\/\" target=\"_blank\" rel=\"noopener \" aria-label=\"Facebook\" class=\"e-link-in-bio__icon-link\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"e-link-in-bio__ctas has-type-button\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/filkom.ub.ac.id\/\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tFilkom UB\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\t\t\t<div class=\"e-link-in-bio__bg\">\n\t\t\t\t<div class=\"e-link-in-bio__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UpCode: Media Pembelajaran Digital Interaktif Berbasis Visual dan Storytelling untuk Pembelajaran Informatika SMA kelas X UpCode adalah media pembelajaran interaktif yang dirancang untuk mendukung pembelajaran Informatika di jenjang SMA. Produk ini bertujuan meningkatkan literasi digital, logika komputasi, dan kesadaran kritis terhadap teknologi. Solusi yang ditawarkan berupa konten edukatif berbasis visual, storytelling, dan digital yang menarik&#8230;<\/p>\n","protected":false},"author":352,"featured_media":8985,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"default","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1,16],"tags":[],"class_list":["post-2493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-capstone","category-instructional-content-creator"],"_links":{"self":[{"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts\/2493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/users\/352"}],"replies":[{"embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/comments?post=2493"}],"version-history":[{"count":95,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts\/2493\/revisions"}],"predecessor-version":[{"id":10815,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts\/2493\/revisions\/10815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/media\/8985"}],"wp:attachment":[{"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/media?parent=2493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/categories?post=2493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/tags?post=2493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}