Scribd
Unggah
12 tayangan9 halaman

Source Kode Lms Pendidikan

Source kode lms Pendidikan

Diunggah oleh

mielnita73
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
12 tayangan9 halaman

Source Kode Lms Pendidikan

Source kode lms Pendidikan

Diunggah oleh

mielnita73
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

Source kode lms Pendidikan

Untuk membuat sebuah Learning Management System (LMS) sederhana untuk mata pelajaran Prakarya,
saya akan memberikan contoh kode dasar menggunakan HTML, CSS, dan PHP (untuk backend
sederhana). Kita akan menciptakan antarmuka untuk materi, kuis, dan forum diskusi yang dapat diakses
oleh siswa.

Berikut adalah gambaran dasar dari LMS untuk mata pelajaran Prakarya:

Struktur Direktori:

/lms

/index.php

/login.php

/dashboard.php

/materi.php

/quiz.php

/forum.php

/styles.css

/script.js

/config.php

/db.php

1. config.php (Konfigurasi Database)

<?php

define('DB_SERVER', 'localhost');

define('DB_USERNAME', 'root');

define('DB_PASSWORD', '');

define('DB_NAME', 'lms_prakarya');

$conn = new mysqli(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);

if ($conn->connect_error) {

die("Connection failed: " . $conn->connect_error);

}
?>

2. db.php (Skrip untuk Query Database)

<?php

include('config.php');

// Fungsi untuk mengambil data materi

function getMateri() {

global $conn;

$sql = "SELECT * FROM materi";

$result = $conn->query($sql);

return $result;

// Fungsi untuk mengambil data quiz

function getQuiz() {

global $conn;

$sql = "SELECT * FROM quiz";

$result = $conn->query($sql);

return $result;

?>

3. index.php (Halaman Login)

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Login LMS Prakarya</title>

<link rel="stylesheet" href="styles.css">


</head>

<body>

<div class="login-container">

<h2>Login LMS Prakarya</h2>

<form action="login.php" method="POST">

<label for="username">Username</label>

<input type="text" id="username" name="username" required>

<label for="password">Password</label>

<input type="password" id="password" name="password" required>

<button type="submit">Login</button>

</form>

</div>

</body>

</html>

4. login.php (Login Backend)

<?php

session_start();

include('db.php');

if ($_SERVER["REQUEST_METHOD"] == "POST") {

$username = $_POST['username'];

$password = $_POST['password'];

// Periksa login di database

$sql = "SELECT * FROM users WHERE username = '$username' AND password = '$password'";

$result = $conn->query($sql);
if ($result->num_rows > 0) {

$_SESSION['username'] = $username;

header('Location: dashboard.php');

} else {

echo "Login gagal!";

?>

5. dashboard.php (Halaman Utama setelah Login)

<?php

session_start();

if (!isset($_SESSION['username'])) {

header('Location: index.php');

exit();

?>

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Dashboard LMS Prakarya</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<div class="dashboard">

<h2>Selamat datang, <?php echo $_SESSION['username']; ?>!</h2>

<nav>

<a href="materi.php">Materi</a>
<a href="quiz.php">Kuis</a>

<a href="forum.php">Forum</a>

</nav>

</div>

</body>

</html>

6. materi.php (Halaman Materi)

<?php

include('db.php');

$result = getMateri();

?>

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Materi Prakarya</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h2>Materi Prakarya</h2>

<div class="materi-list">

<?php while ($row = $result->fetch_assoc()): ?>

<div class="materi-item">

<h3><?php echo $row['judul']; ?></h3>

<p><?php echo $row['deskripsi']; ?></p>

</div>

<?php endwhile; ?>

</div>
</body>

</html>

7. quiz.php (Halaman Kuis)

<?php

include('db.php');

$result = getQuiz();

?>

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Kuis Prakarya</title>

<link rel="stylesheet" href="styles.css">

</head>

<body>

<h2>Kuis Prakarya</h2>

<form action="submit_quiz.php" method="POST">

<?php while ($row = $result->fetch_assoc()): ?>

<div class="quiz-item">

<p><?php echo $row['pertanyaan']; ?></p>

<input type="radio" name="answer[<?php echo $row['id']; ?>]" value="1"> <?php echo


$row['jawaban_1']; ?><br>

<input type="radio" name="answer[<?php echo $row['id']; ?>]" value="2"> <?php echo


$row['jawaban_2']; ?><br>

<input type="radio" name="answer[<?php echo $row['id']; ?>]" value="3"> <?php echo


$row['jawaban_3']; ?><br>

<input type="radio" name="answer[<?php echo $row['id']; ?>]" value="4"> <?php echo


$row['jawaban_4']; ?><br>

</div>
<?php endwhile; ?>

<button type="submit">Kirim Jawaban</button>

</form>

</body>

</html>

8. styles.css (Desain CSS)

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 20px;

background-color: #f4f4f4;

h2 {

color: #333;

a{

margin: 0 10px;

text-decoration: none;

color: #007BFF;

.login-container, .dashboard, .materi-list, .quiz-item {

max-width: 800px;

margin: 0 auto;

background: white;

padding: 20px;

border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);

button {

padding: 10px 20px;

background-color: #4CAF50;

color: white;

border: none;

border-radius: 5px;

cursor: pointer;

button:hover {

background-color: #45a049;

Penjelasan:

1. Halaman Login: Pengguna dapat login dengan username dan password yang disimpan di
database.

2. Dashboard: Setelah login, pengguna diarahkan ke halaman dashboard dengan menu untuk
mengakses materi, kuis, dan forum.

3. Materi: Menampilkan materi pelajaran dalam bentuk daftar yang diambil dari database.

4. Kuis: Menampilkan pertanyaan kuis dengan pilihan jawaban yang dapat dipilih oleh siswa.

5. Backend: Menyimpan data pengguna, materi, kuis, dan hasil kuis di database (MySQL).

Database:

CREATE DATABASE lms_prakarya;

USE lms_prakarya;

CREATE TABLE users (


id INT AUTO_INCREMENT PRIMARY KEY,

username VARCHAR(50),

password VARCHAR(50)

);

CREATE TABLE materi (

id INT AUTO_INCREMENT PRIMARY KEY,

judul VARCHAR(100),

deskripsi TEXT

);

CREATE TABLE quiz (

id INT AUTO_INCREMENT PRIMARY KEY,

pertanyaan TEXT,

jawaban_1 VARCHAR(255),

jawaban_2 VARCHAR(255),

jawaban_3 VARCHAR(255),

jawaban_4 VARCHAR(255),

jawaban_benar INT

);

Cara Penggunaan:

1. Buat database dan tabel sesuai dengan SQL di atas.

2. Simpan kode PHP dan file lainnya sesuai dengan struktur yang dijelaskan.

3. Pastikan server lokal (seperti XAMPP atau WAMP) sudah berjalan.

Ini adalah gambaran dasar LMS untuk mata pelajaran Prakarya. Anda bisa mengembangkan lebih lanjut
dengan fitur seperti forum diskusi, upload materi, dan laporan hasil kuis.

Anda mungkin juga menyukai