🗄️ Pembelajaran Informatika - SMA Kelas 11

🏠 Kembali ke Beranda

Selamat Datang di Kelas 11 SMA!

Di kelas 11, kita akan belajar pengembangan web, framework, dan teknologi terbaru. Siapkan diri Anda untuk menjadi developer handal!

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

📚 Materi Pembelajaran (8 Bab)

Bab 1: Framework Python - Flask/Django

Framework Python untuk membangun aplikasi web yang powerful!

Flask:

  • Lightweight framework
  • Flexible dan easy to learn
  • Cocok untuk proyek kecil-menengah

Django:

  • Full-stack framework
  • Built-in admin panel
  • Security yang kuat

Contoh Flask:

from flask import Flask app = Flask(__name__) @app.route("/") def home(): return "Hello World!" if __name__ == "__main__": app.run(debug=True)

📹 Video Tutorial:

Bab 2: RESTful API Development

Membuat API yang mengikuti standar REST!

Prinsip REST:

  • Stateless
  • Client-Server
  • Cacheable
  • Uniform Interface

Metode HTTP:

  • GET: Mengambil data
  • POST: Membuat data baru
  • PUT: Mengupdate data
  • DELETE: Menghapus data

Contoh:

# Flask API @app.route('/api/siswa', methods=['GET']) def get_siswa(): return jsonify(siswa_list) @app.route('/api/siswa', methods=['POST']) def add_siswa(): data = request.json siswa_list.append(data) return jsonify({"message": "Added"})

📹 Video Tutorial:

Bab 3: Frontend Development - React

React adalah library JavaScript untuk membangun UI yang interaktif!

Konsep React:

  • Component: Blok UI yang dapat digunakan kembali
  • Props: Data yang dikirim ke component
  • State: Data internal component
  • JSX: Syntax extension untuk JavaScript

Contoh:

function App() { const [nama, setNama] = useState("Budi"); return (

Halo, {nama}

); }

📹 Video Tutorial:

Bab 4: Database NoSQL

Mengenal database NoSQL seperti MongoDB!

Perbedaan SQL vs NoSQL:

  • SQL: Relational, structured data
  • NoSQL: Non-relational, flexible schema

MongoDB:

  • Document-based
  • JSON-like documents
  • Scalable dan flexible

Contoh:

// Insert data db.siswa.insertOne({ nama: "Budi", kelas: "11A", umur: 17 }); // Find data db.siswa.find({kelas: "11A"}); // Update data db.siswa.updateOne( {nama: "Budi"}, {$set: {kelas: "11B"}} );

📹 Video Tutorial:

Bab 5: Authentication dan Authorization

Sistem keamanan untuk mengelola akses pengguna!

Topik:

  • JWT: JSON Web Token
  • OAuth: Open Authorization
  • Session: Manajemen sesi
  • Password Hashing: Enkripsi password

Contoh JWT:

import jwt # Create token token = jwt.encode( {"user_id": 123}, "secret_key", algorithm="HS256" ) # Verify token data = jwt.decode( token, "secret_key", algorithms=["HS256"] )

📹 Video Tutorial:

Bab 6: Cloud Computing Dasar

Mengenal layanan cloud dan deploy aplikasi!

Layanan Cloud:

  • IaaS: Infrastructure as a Service
  • PaaS: Platform as a Service
  • SaaS: Software as a Service

Provider:

  • AWS (Amazon Web Services)
  • Google Cloud Platform
  • Microsoft Azure
  • Heroku

📹 Video Tutorial:

Bab 7: DevOps Dasar

Praktik pengembangan software yang efisien!

Konsep DevOps:

  • Continuous Integration (CI)
  • Continuous Deployment (CD)
  • Docker containerization
  • GitHub Actions

Docker:

# Dockerfile FROM python:3.9 WORKDIR /app COPY . . RUN pip install -r requirements.txt CMD ["python", "app.py"] # Build image docker build -t myapp . # Run container docker run -p 5000:5000 myapp

📹 Video Tutorial:

Bab 8: Proyek Akhir - Web App Lengkap

Membuat aplikasi web lengkap dengan frontend dan backend!

Spesifikasi:

  • RESTful API
  • Frontend dengan React
  • Database MongoDB
  • Authentication JWT
  • Deploy ke cloud

Langkah:

  1. Desain sistem
  2. Buat backend API
  3. Buat frontend
  4. Integrasi
  5. Deploy

📹 Video Tutorial:

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

📋 Ringkasan Materi

Di kelas 11 ini, Anda telah belajar 8 bab:

  1. Framework Python - Flask/Django
  2. RESTful API Development
  3. Frontend Development - React
  4. Database NoSQL
  5. Authentication dan Authorization
  6. Cloud Computing Dasar
  7. DevOps Dasar
  8. Proyek Akhir - Web App Lengkap

🎯 Kompetensi yang diharapkan: Siswa dapat membuat aplikasi web lengkap dengan Python, React, dan cloud deployment.

Iklan 728x90 - Pasang Kode AdSense Anda Di Sini

Quiz

🏆 Leaderboard Semua Quiz