Game Interaktif Informatika Kelas 7 : Pengembangan Artefak Komputasional

💻

🎨

🔧

⚡

🚀

💻 Pengembangan Artefak Komputasional

Informatika Kelas 7 - Belajar Membuat Karya Digital Kreatif

🏆 Digital Creator 🎨 Innovation Master ⚡ Makey Makey Expert

📚

Konsep Artefak

Video pembelajaran dan foto contoh artefak komputasional

🔧

Tools & Simulator

Demo interaktif IDE, Makey Makey, dan tools pengembangan

🎨

Project Builder

Simulasi pembuatan synthesizer air dengan Makey Makey

🖼️

Galeri Artefak

Koleksi foto dan video contoh artefak komputasional

👥

Kolaborasi Digital

Demo tools kolaborasi seperti GitHub dan Google Drive

🧠

Kuis Visual

Kuis dengan gambar dan simulasi interaktif

📚 Konsep Artefak Komputasional

🎬 Video: Apa itu Artefak Komputasional?

💡 Definisi Artefak Komputasional:

Objek yang diciptakan melalui berpikir komputasional:

🖥️ Kode program, aplikasi, situs web
🎨 Foto/gambar, audio, video
📊 Presentasi dan dokumen digital

🎯 Fokus Pengembangan:
✅ Keefektifan dan efisiensi
🎨 Estetika dan daya tarik
💡 Kreativitas dan inovasi
🔄 Proses kreatif dan iteratif

📸 Jenis-Jenis Artefak Komputasional

💻

Software & Aplikasi

Program komputer, mobile apps, web applications

Contoh: Game, kalkulator, chat app

🎬

Multimedia

Video, audio, animasi, grafik digital

Contoh: Video edukasi, musik digital

🎮

Interaktif

Game, simulasi, presentasi interaktif

Contoh: Educational games, VR experience

⚡

Hardware Projects

Proyek elektronik, IoT, robotika

Contoh: Arduino projects, Makey Makey

🌐

Web & Digital

Website, blog, platform digital

Contoh: Portfolio, e-learning site

🎨

Creative Digital

Digital art, 3D models, design

Contoh: Logo design, 3D printing

🚀 Progress Pembelajaran

0%

Selesaikan semua modul untuk menjadi Digital Creator!

🔧 Tools & Simulator Pengembangan

🎬 Video: Tools Pengembangan Artefak

🛠️ Tools Pengembangan:

💻 IDE (Integrated Development Environment):
Visual Studio Code, Scratch, App Inventor

🎬 Video & Audio Editing:
Adobe Premiere, Audacity, Canva

👥 Kolaborasi:
GitHub, Google Drive, Office 365

⚡ Hardware:
Makey Makey, Arduino, 3D Printer

💻 Simulator IDE (Integrated Development Environment)

📁 MyProject.py - Visual Studio Code 🔴 🟡 🟢

# Program Kalkulator Sederhana

print("=== KALKULATOR DIGITAL ===")

angka1 = float(input("Masukkan angka pertama: "))

operator = input("Pilih operator (+, -, *, /): ")

angka2 = float(input("Masukkan angka kedua: "))

if operator == "+":

hasil = angka1 + angka2

elif operator == "-":

hasil = angka1 - angka2

elif operator == "*":

hasil = angka1 * angka2

elif operator == "/":

hasil = angka1 / angka2

print(f"Hasil: {angka1} {operator} {angka2} = {hasil}")

⚡ Simulator Makey Makey

🎮 Interactive Circuit Board

Klik pin untuk mensimulasikan koneksi dengan benda konduktif!

🔌 MAKEY MAKEY

Make anything into a key!

W

A

S

D

F

G

SPACE

←

↑

↓

→

💡 Cara Kerja: Hubungkan pin dengan benda konduktif (buah, air, aluminium foil) untuk membuat input keyboard kreatif!

📸 Galeri Tools Pengembangan

🐱

Scratch Programming

Visual programming untuk pemula

💻

Visual Studio Code

IDE populer untuk web development

🎨

Canva Design

Tool design grafis online

🐙

GitHub

Platform kolaborasi kode

🔧

Arduino IDE

Programming microcontroller

🎭

Blender 3D

3D modeling dan animasi

🎨 Project Builder: Synthesizer Air

🎬 Video: Membuat Synthesizer dengan Makey Makey

🎵 Project Synthesizer Air:

🎯 Tujuan: Membuat alat musik digital menggunakan air

🛠️ Alat yang dibutuhkan:
• Makey Makey board
• 6-8 gelas berisi air
• Kabel jumper
• Laptop/komputer
• Software musik (Scratch/GarageBand)

🔬 Konsep Ilmiah:
Air sebagai konduktor listrik untuk input digital

🚀 Langkah-Langkah Pembuatan

1

📋 Persiapan Alat dan Bahan

Siapkan Makey Makey, gelas air, kabel, dan laptop

📸 Foto: Setup lengkap di meja kerja

2

💧 Setup Gelas Air

Isi 6-8 gelas dengan air, beri jarak yang cukup

📸 Foto: Gelas air tersusun rapi

3

🔌 Koneksi Makey Makey

Hubungkan kabel dari pin Makey Makey ke setiap gelas

📸 Foto: Kabel terhubung ke air

4

💻 Programming Software

Buat program di Scratch untuk menghasilkan suara berbeda

📸 Screenshot: Kode Scratch

5

🎵 Testing & Kalibrasi

Test setiap gelas, sesuaikan nada dan volume

📸 Video: Demo synthesizer bekerja

6

🎭 Presentasi & Demo

Demonstrasikan karya dan jelaskan cara kerjanya

📸 Foto: Presentasi di depan kelas

🎵 Simulator Synthesizer Air

🎮 Virtual Water Synthesizer

Klik gelas air untuk memainkan nada! Setiap gelas menghasilkan nada berbeda.

Do (C4)

261.63 Hz

Re (D4)

293.66 Hz

Mi (E4)

329.63 Hz

Fa (F4)

349.23 Hz

Sol (G4)

392.00 Hz

La (A4)

440.00 Hz

Si (B4)

493.88 Hz

Do (C5)

523.25 Hz

💡 Cara Kerja: Air berfungsi sebagai konduktor yang menghubungkan sirkuit ketika disentuh, mengaktifkan input keyboard yang memicu suara!

🖼️ Galeri Artefak Komputasional

🎬 Video Showcase Artefak

🎬

Student Game Projects

Koleksi game buatan siswa menggunakan Scratch

🎬

Makey Makey Innovations

Proyek kreatif dengan Makey Makey dari berbagai sekolah

🎬

Digital Art Gallery

Karya seni digital siswa menggunakan berbagai tools

📸 Foto Proyek Siswa

🎹

Piano Buah

Makey Makey + buah-buahan = piano unik!

🎮

Educational Game

Game edukasi matematika dengan Scratch

🤖

Arduino Robot

Robot sederhana dengan sensor dan LED

🌐

Portfolio Website

Website portofolio siswa dengan HTML/CSS

🎬

Stop Motion Animation

Animasi stop motion dengan tema lingkungan

📱

Mobile App Prototype

Prototype aplikasi dengan App Inventor

🎭

3D Model

Model 3D untuk printing dengan Tinkercad

🎵

Digital Music

Komposisi musik digital dengan GarageBand

📊

Interactive Presentation

Presentasi interaktif dengan Prezi

🏆 Hall of Fame - Karya Terbaik

🏆

Most Innovative Project

Smart Garden dengan IoT sensors

🥇 Gold Award

🎨

Most Creative Design

Interactive Story Game

🥈 Silver Award

⚙️

Best Technical Implementation

Weather Station with Data Logging

🥉 Bronze Award

👥 Kolaborasi Digital

🎬 Video: Tools Kolaborasi untuk Developer

🤝 Tools Kolaborasi:

📁 Google Drive & Docs:
Berbagi file, edit bersama real-time

🐙 GitHub:
Version control, kolaborasi kode

💼 Office 365:
Suite produktivitas untuk tim

💬 Slack & Discord:
Komunikasi tim developer

📸 Demo Tools Kolaborasi

🐙

GitHub Collaboration

Version control dan code sharing

📁

Google Drive

File sharing dan real-time editing

🎨

Figma Design

Collaborative design tool

📋

Trello Project

Project management board

💻 Simulasi GitHub Workflow

🐙 GitHub Repository: student-projects ⭐ 24 🍴 8

📁 Repository Structure:

📂 student-projects/
├── 📂 makey-makey-projects/
│ ├── 🎹 fruit-piano/
│ └── 🎵 water-synthesizer/
├── 📂 scratch-games/
│ ├── 🎮 math-adventure/
│ └── 🌍 eco-quest/
├── 📂 web-projects/
│ └── 🌐 portfolio-sites/
└── 📄 README.md

🧠 Kuis Visual Artefak Komputasional

Skor: 0

Pertanyaan: 1 dari 10