{"id":5581,"date":"2025-06-26T18:10:41","date_gmt":"2025-06-26T11:10:41","guid":{"rendered":"https:\/\/filkom.ub.ac.id\/project\/?p=5581"},"modified":"2025-06-26T18:10:41","modified_gmt":"2025-06-26T11:10:41","slug":"learnnet-media-pembelajaran-digital-interaktif-untuk-jaringan-komputer","status":"publish","type":"post","link":"https:\/\/filkom.ub.ac.id\/project\/2025\/06\/learnnet-media-pembelajaran-digital-interaktif-untuk-jaringan-komputer\/","title":{"rendered":"LearnNet \u2013 Media Pembelajaran Digital Interaktif untuk Jaringan Komputer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5581\" class=\"elementor elementor-5581\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4031c0a9 e-con-full e-flex e-con e-parent\" data-id=\"4031c0a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68a64b10 elementor-widget elementor-widget-text-editor\" data-id=\"68a64b10\" 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<h3 style=\"text-align: center\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f393.svg\" alt=\"\ud83c\udf93\" \/> LearnNet \u2013 Media Pembelajaran Digital Interaktif<\/h3>\n<table style=\"width: 100%;margin-top: 15px\">\n<tbody>\n<tr><!-- Kolom Gambar Mockup -->\n<td style=\"width: 400px;vertical-align: top\"><img decoding=\"async\" style=\"width: 100%;max-width: 360px;border-radius: 8px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Mockup-LearnNet-1.png\" alt=\"Mockup LearnNet\" \/><\/td>\n<td style=\"vertical-align: top;padding-left: 10px;font-size: 15px;line-height: 1.7\"><strong><span style=\"color: #003366\">LearnNet<\/span><\/strong> adalah produk <em>digital learning media<\/em> interaktif yang dikembangkan oleh mahasiswa Program Studi Pendidikan Teknologi Informasi, Universitas Brawijaya. Proyek ini merupakan bagian dari penyelesaian Capstone Project tahun 2025 dan dirancang untuk menjawab tantangan pembelajaran Informatika jenjang SMA, khususnya pada materi <strong>Jaringan Komputer dan Internet<\/strong> kelas XI.\n\nBerdasarkan hasil analisis kebutuhan dari wawancara dengan guru serta siswa SMAN 1 Campurdarat, ditemukan perlunya media pembelajaran yang lebih menarik, mudah diakses, dan sesuai dengan karakteristik pembelajar masa kini. LearnNet dikembangkan menggunakan <strong>metode ADDIE<\/strong>, melalui tahap Analisis, Desain, Pengembangan, Implementasi, dan Evaluasi secara sistematis.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 style=\"margin-bottom: 25px\"><\/h3>\n<h3 style=\"margin-bottom: 25px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4bc.svg\" alt=\"\ud83d\udcbc\" \/> Tim Pengembang LearnNet<\/h3>\n<table style=\"width: 100%;text-align: center;background-color: #f5f7fa;border-radius: 12px;padding: 30px\">\n<tbody>\n<tr><!-- Sarah -->\n<td style=\"padding: 20px;vertical-align: top;text-align: center\">\n<div style=\"min-height: 460px;flex-direction: column;justify-content: flex-start;text-align: justify\">\n\n<img decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 12px;margin-bottom: 15px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Sarah-LearnNet.png\" width=\"160\" height=\"160\" \/>\n<h4 style=\"margin: 8px 0px 4px;font-size: 16px;text-align: center\"><strong>Sarah Safira Millati<\/strong><\/h4>\n<p style=\"margin: 0px;font-size: 13px;color: #666666;text-align: center\"><em>NIM: 225150600111028<\/em><\/p>\n<p style=\"margin: 6px 0px 4px;font-size: 14.2px;text-align: center\"><span style=\"color: #4591de\"><em><strong>Project Leader &amp; Content Creator<\/strong><\/em><\/span><\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">Mengoordinasi tim, membuat video storytelling, menjadi talent, menyusun infografis &amp; storyboard.<\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">\u201cMelalui proyek ini, saya belajar bagaimana membangun komunikasi yang efektif dalam tim lintas peran, serta memastikan setiap konten yang disusun benar-benar relevan dan sesuai dengan kebutuhan siswa SMA. Proses membuat video storytelling dan infografis juga mengasah kemampuan saya dalam menyampaikan informasi teknis secara visual dan engaging.\u201d<\/p>\n\n<\/div><\/td>\n<td style=\"padding: 20px;vertical-align: top;text-align: center\">\n<div style=\"min-height: 460px;flex-direction: column;justify-content: flex-start\">\n\n<img decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 12px;margin-bottom: 15px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Selma-LearnNet.png\" width=\"160\" height=\"160\" \/>\n<h4 style=\"margin: 8px 0 4px;font-size: 16px\"><strong>Selma Mutiari Andini<\/strong><\/h4>\n<p style=\"margin: 0;font-size: 13px;color: #666\"><em>NIM: 225150600111033<\/em><\/p>\n<p style=\"margin: 6px 0 4px;font-size: 14.2px\"><span style=\"color: #4591de\"><em><strong>Visual &amp; Video Designer<\/strong><\/em><\/span><\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">Mengedit seluruh video pembelajaran, menambahkan animasi, serta menyusun storyboard secara sistematis.<\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">&#8220;Melalui proyek ini, saya belajar bagaimana menyampaikan\u00a0 materi yang cukup kompleks dengan cara yang lebih menarik melalui tampilan visual. Saya juga semakin memahami pentingnya menyesuaikan gaya penyampaian materi agar sesuai dengan karakteristik siswa SMA.&#8221;<\/p>\n\n<\/div><\/td>\n<td style=\"padding: 20px;vertical-align: top;text-align: center\">\n<div style=\"min-height: 460px;flex-direction: column;justify-content: flex-start\">\n\n<img decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 12px;margin-bottom: 15px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Putri-LearnNet.png\" width=\"160\" height=\"160\" \/>\n<h4 style=\"margin: 8px 0 4px;font-size: 16px\"><strong>Putri Yudha Solikhati S.<\/strong><\/h4>\n<p style=\"margin: 0;font-size: 13px;color: #666\"><em>NIM: 225150600111030<\/em><\/p>\n<p style=\"margin: 6px 0 4px;font-size: 14.2px\"><span style=\"color: #4591de\"><em><strong>Learning Content<\/strong><\/em><\/span><\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">Membuat slide interaktif, kuis Quizizz, serta storyboard untuk video pembelajaran.<\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">\u201cSetelah mengerjakan proyek ini, saya belajar menyederhanakan konsep teknis menjadi materi yang lebih komunikatif dan mudah dipahami oleh siswa. Saya juga semakin memahami pentingnya visualisasi dan interaktivitas dalam menjaga keterlibatan siswa selama proses pembelajaran.\u201d<\/p>\n\n<\/div><\/td>\n<td style=\"padding: 20px;vertical-align: top;text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 12px;margin-bottom: 15px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Mauliddyah-Eva-150x150.jpg\" alt=\"\" width=\"160\" height=\"160\" \/>\n<div style=\"min-height: 460px;flex-direction: column;justify-content: flex-start\">\n<h4 style=\"margin: 8px 0 4px;font-size: 16px\"><strong>Mauliddyah Evalyanti<\/strong><\/h4>\n<p style=\"margin: 0;font-size: 13px;color: #666\"><em>NIM: 225150607111042<\/em><\/p>\n<p style=\"margin: 6px 0 4px;font-size: 14.2px\"><span style=\"color: #4591de\"><em><strong>Learning Content<\/strong><\/em><\/span><\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">Membuat konten ajar, soal evaluasi, dan storyboard.<\/p>\n<p style=\"font-size: 13.5px;line-height: 1.6;text-align: justify;padding: 5px 8px\">\u201cSetelah mengerjakan proyek ini, saya belajar menyusun materi pembelajaran secara runtut dan sistematis, serta memastikan setiap bagian konten tetap relevan dan sesuai dengan kebutuhan siswa. Proses ini juga mengajarkan saya pentingnya kesinambungan antara materi, evaluasi, dan media penyampaian.\u201d<\/p>\n\n<\/div><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f3eb.svg\" alt=\"\ud83c\udfeb\" \/> Mitra Kolaborasi<\/h3>\n<table style=\"width: 100%;margin-top: 15px\">\n<tbody>\n<tr><!-- Kolom Gambar -->\n<td style=\"width: 280px;vertical-align: top\"><img decoding=\"async\" style=\"width: 280px;height: auto;border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Gambar-SMAN-1-Campurdarat.png\" alt=\"SMAN 1 Campurdarat\" \/><\/td>\n<td style=\"vertical-align: top;padding-left: 20px;font-size: 14.5px;line-height: 1.6\"><strong>SMAN 1 Campurdarat<\/strong> adalah mitra kolaboratif dalam proyek <strong>LearnNet<\/strong>. Sekolah ini terletak di Kabupaten Tulungagung, Jawa Timur, dan dikenal aktif dalam memanfaatkan teknologi pendidikan. Peran mitra sangat penting dalam menjaga relevansi dan efektivitas media pembelajaran yang dihasilkan. Bentuk kolaborasi yang dilakukan meliputi:\n<ul>\n \t<li>Observasi langsung proses belajar mengajar di kelas<\/li>\n \t<li>Wawancara dan diskusi kebutuhan dengan guru Informatika<\/li>\n \t<li>Pengujian terbatas produk (uji coba media) kepada guru dan siswa<\/li>\n \t<li>Pemberian umpan balik secara langsung terhadap media pembelajaran yang dikembangkan<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><\/h3>\n<h3><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4da.svg\" alt=\"\ud83d\udcda\" \/> Latar Belakang Proyek<\/h3>\n<ul style=\"font-size: 16px\">\n \t<li><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4c9.svg\" alt=\"\ud83d\udcc9\" \/> Banyak siswa SMA kesulitan memahami konsep <strong>Jaringan Komputer dan Internet<\/strong>, terutama topologi, alur transmisi, dan istilah teknis.<\/li>\n \t<li><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4c4.svg\" alt=\"\ud83d\udcc4\" \/> Media pembelajaran di sekolah cenderung konvensional seperti menggunakan metode ceramah.<\/li>\n \t<li><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4f5.svg\" alt=\"\ud83d\udcf5\" \/> Keterbatasan fasilitas dan akses teknologi juga memengaruhi pemahaman materi secara praktis.<\/li>\n \t<li><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f61e.svg\" alt=\"\ud83d\ude1e\" \/> Siswa cenderung merasa bosan, kurang fokus, dan tidak bisa membayangkan penerapan konsep jaringan.<\/li>\n<\/ul>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4a1.svg\" alt=\"\ud83d\udca1\" \/> Solusi &amp; Jenis Media LearnNet<\/h3>\n<p style=\"text-align: center;font-size: 16px;padding: 0px 10px\"><em><strong>LearnNet<\/strong> merupakan gabungan dari berbagai jenis media pembelajaran digital yang dirancang untuk menjawab tantangan belajar di kelas XI SMA. Kontennya disusun melalui pendekatan ADDIE, dan setiap media memiliki fungsi spesifik untuk mendukung pemahaman siswa secara visual dan interaktif.<\/em><\/p>\n\n<table style=\"width: 100%;text-align: center;border-spacing: 20px 20px\">\n<tbody>\n<tr><!-- Video Pembelajaran -->\n<td style=\"background-color: #f5f7fa;padding: 20px;border-radius: 12px;vertical-align: top\">\n<div style=\"font-size: 30px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f3a5.svg\" alt=\"\ud83c\udfa5\" \/><\/div>\n<h3 style=\"margin: 10px 0 10px;font-size: 18px;color: #003366\">Video Pembelajaran<\/h3>\n<p style=\"font-size: 14px;line-height: 1.6\">Video naratif disampaikan oleh guru, dilengkapi ilustrasi untuk menjelaskan materi jaringan seperti topologi dan transmisi data.<\/p>\n<\/td>\n<td style=\"background-color: #f5f7fa;padding: 20px;border-radius: 12px;vertical-align: top\">\n<div style=\"font-size: 30px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f3ac.svg\" alt=\"\ud83c\udfac\" \/><\/div>\n<h3 style=\"margin: 10px 0 10px;font-size: 18px;color: #003366\">Video Storytelling<\/h3>\n<p style=\"font-size: 14px;line-height: 1.6\">Animasi karakter menyampaikan konsep abstrak seperti packet switching melalui alur cerita ringan dan mudah dipahami siswa.<\/p>\n<\/td>\n<td style=\"background-color: #f5f7fa;padding: 20px;border-radius: 12px;vertical-align: top\">\n<div style=\"font-size: 30px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4ca.svg\" alt=\"\ud83d\udcca\" \/><\/div>\n<h3 style=\"margin: 10px 0 10px;font-size: 18px;color: #003366\">Slide Interaktif<\/h3>\n<p style=\"font-size: 14px;line-height: 1.6\">Materi disusun melalui Canva dengan elemen visual, tombol navigasi, serta kuis ringan untuk interaksi belajar mandiri.<\/p>\n<\/td>\n<\/tr>\n<tr><!-- Infografis -->\n<td style=\"background-color: #f5f7fa;padding: 20px;border-radius: 12px;vertical-align: top\">\n<div style=\"font-size: 30px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f5bc.svg\" alt=\"\ud83d\uddbc\ufe0f\" \/><\/div>\n<h3 style=\"margin: 10px 0 10px;font-size: 18px;color: #003366\">Infografis<\/h3>\n<p style=\"font-size: 14px;line-height: 1.6\">Visualisasi materi inti seperti jenis topologi dan alur data secara ringkas, menarik, dan mudah dipahami siswa.<\/p>\n<\/td>\n<td style=\"background-color: #f5f7fa;padding: 20px;border-radius: 12px;vertical-align: top\">\n<div style=\"font-size: 30px\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/2753.svg\" alt=\"\u2753\" \/><\/div>\n<h3 style=\"margin: 10px 0 10px;font-size: 18px;color: #003366\">Quizizz<\/h3>\n<p style=\"font-size: 14px;line-height: 1.6\">Kuis online interaktif berbasis kompetensi, digunakan sebagai evaluasi untuk mengukur pemahaman dan memberikan umpan balik langsung.<\/p>\n<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4d0.svg\" alt=\"\ud83d\udcd0\" \/> Framework Pengembangan Produk<\/h3>\n<p style=\"font-size: 16px\">Pengembangan media pembelajaran <strong>LearnNet<\/strong> dilakukan secara sistematis menggunakan pendekatan <strong>ADDIE<\/strong>, yaitu Analysis, Design, Development, Implementation, dan Evaluation. Setiap tahapan dirancang untuk memastikan konten yang dikembangkan relevan, menarik, serta sesuai dengan kebutuhan guru dan siswa.<\/p>\n\n<ul style=\"font-size: 16px\">\n \t<li><strong><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f50d.svg\" alt=\"\ud83d\udd0d\" \/> Analysis<\/strong> \u2013 Mengidentifikasi kebutuhan siswa dan guru melalui observasi kelas dan wawancara dengan guru Informatika. Ditemukan kesulitan siswa dalam memahami konsep jaringan dan rendahnya minat belajar akibat media yang kurang menarik.<\/li>\n \t<li><strong><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4d0.svg\" alt=\"\ud83d\udcd0\" \/> Design<\/strong> \u2013 Merancang struktur media yang akan dikembangkan, termasuk storyboard untuk video, skema isi slide interaktif, dan format kuis. Pemilihan pendekatan visual dan storytelling disesuaikan dengan karakteristik siswa SMA.<\/li>\n \t<li><strong><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f6e0.svg\" alt=\"\ud83d\udee0\ufe0f\" \/> Development<\/strong> \u2013 Mewujudkan konten pembelajaran dengan tools seperti Canva, CapCut, dan Quizizz. Tim membuat video pembelajaran, animasi storytelling, infografis, serta kuis berbasis kompetensi.<\/li>\n \t<li><strong><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4bb.svg\" alt=\"\ud83d\udcbb\" \/> Implementation<\/strong> \u2013 Melakukan uji terbatas dengan guru dan beberapa siswa kelas XI melalui Google Meet. Guru menilai tampilan media, kelengkapan isi, serta kesesuaian dengan materi pembelajaran.<\/li>\n \t<li><strong><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4c8.svg\" alt=\"\ud83d\udcc8\" \/> Evaluation<\/strong> \u2013 Mengumpulkan umpan balik dari pengguna (guru dan siswa) untuk penyempurnaan. Secara umum, media LearnNet dinilai sangat membantu pemahaman dan meningkatkan keterlibatan siswa dalam belajar.<\/li>\n<\/ul>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9417 aligncenter\" style=\"border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926-1024x510.png\" alt=\"\" width=\"605\" height=\"302\" srcset=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926-1024x510.png 1024w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926-300x150.png 300w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926-768x383.png 768w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926-1536x766.png 1536w, https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-2025-06-23-220926.png 1920w\" sizes=\"(max-width: 605px) 100vw, 605px\" \/>\n<div><\/div>\n<h3 style=\"text-align: center\">Cuplikan Video LearnNet<\/h3>\n<table style=\"width: 100%;margin-top: 15px\">\n<tbody>\n<tr><!-- Thumbnail Video 1: Packet Switching -->\n<td style=\"width: 50%;text-align: center;vertical-align: top\">\n<h6><strong>Packet Switching<\/strong><\/h6>\n<h6><a href=\"https:\/\/youtu.be\/Lt59rrUgDDc\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" style=\"width: 100%;max-width: 360px;border-radius: 8px\" src=\"https:\/\/img.youtube.com\/vi\/Lt59rrUgDDc\/hqdefault.jpg\" alt=\"Packet Switching\" \/><\/a><\/h6>\n<div style=\"margin-top: 8px\"><a style=\"margin: 10px 0;padding: 8px 16px;background-color: #004085;color: white;text-decoration: none;border-radius: 6px;font-size: 14px\" href=\"https:\/\/youtu.be\/Lt59rrUgDDc\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f3ac.svg\" alt=\"\ud83c\udfac\" \/> Click Here<\/a><\/div>\n<div><\/div>\n<div style=\"font-size: 14px\"><\/div>\n<div style=\"font-size: 14px\">Video animasi LearnNet dengan pendekatan <strong>storytelling<\/strong> dan <strong>karakter animasi<\/strong>. Video ini dibuat untuk membantu siswa memahami materi jaringan komputer dengan cara yang lebih menarik dan mudah dipahami.<\/div><\/td>\n<td style=\"width: 50%;text-align: center;vertical-align: top\">\n<h6><strong>Transmisi Data<\/strong><\/h6>\n<h6><a href=\"https:\/\/youtu.be\/gDAfQGgnfhQ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" style=\"width: 100%;max-width: 360px;border-radius: 8px\" src=\"https:\/\/img.youtube.com\/vi\/gDAfQGgnfhQ\/hqdefault.jpg\" alt=\"Transmisi Data\" \/><\/a><\/h6>\n<div style=\"margin-top: 8px\"><a style=\"margin: 10px 0;padding: 8px 16px;background-color: #004085;color: white;text-decoration: none;border-radius: 6px;font-size: 14px\" href=\"https:\/\/youtu.be\/gDAfQGgnfhQ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f3ac.svg\" alt=\"\ud83c\udfac\" \/> Click Here\n<\/a><\/div>\n<div><\/div>\n<div style=\"font-size: 14px\"><\/div>\n<div style=\"font-size: 14px\">Instructional video LearnNet untuk memahami proses transmisi data. Video ini bertujuan agar siswa SMA lebih memahami konsep materi <strong>Transmisi Data<\/strong> yang cukup kompleks melalui penyampaian materi yang disertai dengan gambar <strong>ilustrasi<\/strong> dan juga <strong>kuis singkat<\/strong>.<\/div><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div style=\"text-align: center;margin-top: 20px\"><a style=\"background-color: #003d7a;color: white;padding: 10px 20px;text-decoration: none;border-radius: 8px;font-weight: 600;font-family: 'Segoe UI', sans-serif;font-size: 15px\" href=\"https:\/\/drive.google.com\/drive\/folders\/11PAe6gwKOxfeqWG1SfzPlAdFbYyOP54K\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4e6.svg\" alt=\"\ud83d\udce6\" \/> Produk Lengkap\n<\/a><\/div>\n<h3 style=\"color: #1a202c;font-size: 24px;font-weight: bold\"><\/h3>\n<h3 style=\"color: #1a202c;font-size: 24px;font-weight: bold;text-align: center\"><img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4f8.svg\" alt=\"\ud83d\udcf8\" \/> Dokumentasi <img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/1f4f8.svg\" alt=\"\ud83d\udcf8\" \/><\/h3>\n<table style=\"width: 100%;text-align: center;border-collapse: separate;border-spacing: 12px\">\n<tbody>\n<tr>\n<td style=\"padding: 0\"><img decoding=\"async\" style=\"width: 100%;max-width: 300px;border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Analisis-Kebutuhan-LearnNet-300x169.jpg\" alt=\"Analisis Kebutuhan\" \/><\/td>\n<td style=\"padding: 0\"><img decoding=\"async\" style=\"width: 100%;max-width: 300px;border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Capstone-Graduation-Showcase-LearnNet-300x169.jpg\" alt=\"Capstone Showcase\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0\"><img decoding=\"async\" style=\"width: 100%;max-width: 300px;border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Screenshot-1016-300x169.png\" alt=\"Screenshot LearnNet\" \/><\/td>\n<td style=\"padding: 0\"><img decoding=\"async\" class=\"\" style=\"width: 265px;max-width: 300px;border-radius: 10px\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/WhatsApp-Image-2025-06-23-at-19.51.13-300x214.jpeg\" alt=\"Wawancara LearnNet\" height=\"189\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 style=\"text-align: center\"><\/h3>\n<h3 style=\"text-align: center\">Kontak Tim LearnNet<\/h3>\n<p style=\"text-align: center;font-size: 16px;padding: 0px 10px\">Hubungi tim pengembang <strong>LearnNet<\/strong> melalui email berikut jika memiliki pertanyaan atau ingin mengetahui lebih lanjut tentang proyek ini:<\/p>\n\n<table style=\"width: 100%;text-align: center;background-color: #f5f7fa;border-radius: 12px;padding: 20px;margin-top: 20px\">\n<tbody>\n<tr><!-- SARAH -->\n<td style=\"padding: 20px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 50%\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Sarah-LearnNet.png\" width=\"80\" height=\"80\" \/>\nSarah Safira Millati\nProject Leader\n<a href=\"mailto:sarahsafira@student.ub.ac.id\">sarahsafira@student.ub.ac.id<\/a>\n<a href=\"mailto:sarahsafira.sasa@gmail.com\">sarahsafira.sasa@gmail.com<\/a><\/td>\n<td style=\"padding: 20px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 50%\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Selma-LearnNet.png\" width=\"80\" height=\"80\" \/>\nSelma Mutiari Andini\nVideo Editor\n<a href=\"mailto:selma@student.ub.ac.id\">mutiariselma@student.ub.ac.id<\/a>\n<a href=\"mailto:selma@student.ub.ac.id\">mutiariselma.works<\/a><a href=\"mailto:selma.andini@gmail.com\">@gmail.com<\/a><\/td>\n<td style=\"padding: 20px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 50%\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Putri-LearnNet.png\" width=\"80\" height=\"80\" \/>\nPutri Yudha Solikhati\nLearning Content\n<a href=\"mailto:putri@student.ub.ac.id\">putriyudha898@student.ub.ac.id<\/a>\n<a href=\"mailto:putriyudha.s@gmail.com\">putriyudha898@gmail.com<\/a><\/td>\n<td style=\"padding: 20px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"object-fit: cover;border-radius: 50%\" src=\"https:\/\/filkom.ub.ac.id\/project\/wp-content\/uploads\/sites\/3\/2025\/06\/Mauliddyah-Eva-150x150.jpg\" width=\"80\" height=\"80\" \/>\nMauliddyah Evalyanti\nLearning Content\n<a href=\"mailto:mauliddyaheva@gmail.com\">mauliddyaheva@student.ub.ac.id<\/a>\n<a href=\"mailto:mauliddyaheva@gmail.com\">mauliddyaheva@gmail.com<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\t\t\t\t\t\t\t<\/div>\n\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>LearnNet \u2013 Media Pembelajaran Digital Interaktif LearnNet adalah produk digital learning media interaktif yang dikembangkan oleh mahasiswa Program Studi Pendidikan Teknologi Informasi, Universitas Brawijaya. Proyek ini merupakan bagian dari penyelesaian Capstone Project tahun 2025 dan dirancang untuk menjawab tantangan pembelajaran Informatika jenjang SMA, khususnya pada materi Jaringan Komputer dan Internet kelas XI. Berdasarkan hasil analisis&#8230;<\/p>\n","protected":false},"author":352,"featured_media":5849,"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-5581","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\/5581","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=5581"}],"version-history":[{"count":393,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts\/5581\/revisions"}],"predecessor-version":[{"id":10821,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/posts\/5581\/revisions\/10821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/media\/5849"}],"wp:attachment":[{"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/media?parent=5581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/categories?post=5581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/filkom.ub.ac.id\/project\/wp-json\/wp\/v2\/tags?post=5581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}