Sunday, November 2, 2025

Tugas Daring: Membuat Website Pribadi Sederhana dengan Android

 

Tujuan Pembelajaran

  • Siswa memahami konsep dasar web statis (HTML & CSS).

  • Siswa mampu membuat halaman web pribadi sederhana menggunakan perangkat Android.

Alat yang Dibutuhkan

Semua bisa diunduh gratis di Play Store:

  1. Acode – editor HTML & CSS terbaik untuk Android.
    🔗 Alternatif: Spck Editor, Dcoder, atau QuickEdit.

  2. Canva (opsional) – untuk membuat banner/gambar profil.

  3. Browser (Chrome / Firefox) – untuk melihat hasil website.

Langkah-Langkah Pengerjaan

Langkah 1 – Buka Aplikasi Acode

  • Buat file baru:
    👉 index.html

  • Ketikkan kode berikut:

<!DOCTYPE html>
<html>
<head>
  <title>Website Pribadiku</title>
  <style>
    body {font-family: Arial; background-color: #f0f0f0; text-align: center;}
    h1 {color: #2c3e50;}
    img {width: 150px; border-radius: 50%;}
    p {color: #555;}
    .box {background: white; padding: 20px; margin: 20px; border-radius: 10px;}
  </style>
</head>
<body>
  <div class="box">
    <h1>Halo, Saya [Nama Kamu]</h1>
    <img src="foto.jpg" alt="Foto Profil">
    <p>Saya siswa SMK yang suka belajar membuat website!</p>
    <h3>Hobi Saya:</h3>
    <ul>
      <li>Ngoding</li>
      <li>Desain</li>
      <li>Game Edukasi</li>
    </ul>
    <p>Kontak saya: <a href="mailto:emailkamu@gmail.com">emailkamu@gmail.com</a></p>
  </div>
</body>
</html>

Ganti bagian teks sesuai identitas masing-masing.

Langkah 2 – Tambahkan Foto

  • Simpan foto profil di folder yang sama dengan file HTML (nama file: foto.jpg).

Langkah 3 – Lihat Hasilnya

  • Klik tombol ▶️ Run/Preview di Acode.

  • Website pribadi kamu langsung tampil di browser Android!

Langkah 4 – Kirimkan ke Guru

Siswa bisa:

  • Screenshot tampilan websitenya, atau

  • Kirim file index.html melalui Google Classroom / WhatsApp / Drive.

🧩 Tantangan Tambahan (Opsional)

  1. Tambahkan warna latar dan font berbeda.

  2. Buat link ke akun media sosial.

  3. Tambahkan foto galeri atau tabel data diri.

Silahkan mengirim kan tugas di Link dibawah ini :
tugas dikumpulkan di link


 


at 5 comments:

Thursday, October 2, 2025

Langkah-Langkah Menjalankan Web Pendaftaran di Android

 

Pilihan 1: Menggunakan KSWEB (paling mudah untuk pemula)

  1. Install KSWEB

    • Download & install KSWEB: server + PHP + MySQL di Play Store (atau via file APK).

    • Aplikasi ini sudah ada Apache, PHP, dan MySQL.

  2. Buat Folder Project

    • Buka aplikasi KSWEB → masuk ke pengaturan → lihat folder htdocs (biasanya /sdcard/ksweb/htdocs/).

    • Buat folder baru bernama pendaftaran.

  3. Masukkan File Project

    • Salin semua file (index.php, simpan.php, tampil.php, style.css) ke dalam folder pendaftaran.

  4. Buat Database

    • Buka browser di Android → ketik http://localhost:8080/phpmyadmin.

    • Login (default: username = root, password kosong).

    • Buat database db_smk.

    • Jalankan SQL berikut:

      CREATE TABLE pendaftaran(
  id INT AUTO_INCREMENT PRIMARY KEY,
  nama VARCHAR(100),
  nisn VARCHAR(20),
  ttl VARCHAR(50),
  jk VARCHAR(10),
  alamat TEXT,
  jurusan VARCHAR(50)
);

  5. Jalankan Aplikasi

    • Buka browser → http://localhost:8080/pendaftaran/index.php.

    • Isi form, klik Simpan, lalu cek data di tampil.php.

Pilihan 2: Menggunakan Termux (lebih teknis, untuk siswa tingkat lanjut)

  1. Install Termux (unduh dari F-Droid, bukan Play Store).

  2. Update & Install PHP + MySQL + Apache
    Jalankan perintah berikut di Termux:

    pkg update && pkg upgrade
pkg install php mariadb apache2 -y

  3. Jalankan Apache & MySQL

    apachectl start
mysqld_safe &

  4. Atur Database

    mysql -u root
CREATE DATABASE db_smk;
USE db_smk;
CREATE TABLE pendaftaran(
  id INT AUTO_INCREMENT PRIMARY KEY,
  nama VARCHAR(100),
  nisn VARCHAR(20),
  ttl VARCHAR(50),
  jk VARCHAR(10),
  alamat TEXT,
  jurusan VARCHAR(50)
);
EXIT;

  5. Letakkan File Project

    • File project (index.php, simpan.php, tampil.php) letakkan di folder:

      /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/pendaftaran/

  6. Akses di Browser Android

    • Buka browser → http://localhost:8080/pendaftaran/index.php.

Yang Dikumpulkan Siswa

  • Screenshot form pendaftaran.

  • Screenshot phpMyAdmin / tabel pendaftaran.

  • Screenshot tampil.php yang menampilkan data siswa.

  • Folder project dikompres .zip.

at No comments:

Contoh Kode Dasar index.php

Contoh Kode Dasar  index.php 

<!DOCTYPE html>

<html>

<head>

  <title>Form Pendaftaran Siswa SMK</title>

</head>

<body>

  <h2>Pendaftaran Siswa Baru</h2>

  <form action="simpan.php" method="post">

    Nama Lengkap: <input type="text" name="nama"><br>

    NISN: <input type="text" name="nisn"><br>

    Tempat/Tanggal Lahir: <input type="text" name="ttl"><br>

    Jenis Kelamin: 

    <select name="jk">

      <option value="L">Laki-laki</option>

      <option value="P">Perempuan</option>

    </select><br>

    Alamat: <textarea name="alamat"></textarea><br>

    Jurusan: 

    <select name="jurusan">

      <option>TKJ</option>

      <option>RPL</option>

      <option>MM</option>

    </select><br>

    <input type="submit" value="Simpan">

    <input type="reset" value="Reset">

  </form>

</body>

</html>


simpan.php

<?php

$koneksi = mysqli_connect("localhost","root","","db_smk");


$nama = $_POST['nama'];

$nisn = $_POST['nisn'];

$ttl = $_POST['ttl'];

$jk = $_POST['jk'];

$alamat = $_POST['alamat'];

$jurusan = $_POST['jurusan'];


mysqli_query($koneksi,"INSERT INTO pendaftaran 

(nama,nisn,ttl,jk,alamat,jurusan) 

VALUES('$nama','$nisn','$ttl','$jk','$alamat','$jurusan')");


echo "Data berhasil disimpan! <a href='tampil.php'>Lihat Data</a>";

?>

tampil.php
<?php
$koneksi = mysqli_connect("localhost","root","","db_smk");
$data = mysqli_query($koneksi,"SELECT * FROM pendaftaran");
?>

<h2>Data Pendaftar Siswa Baru</h2>
<table border="1">
  <tr>
    <th>No</th><th>Nama</th><th>NISN</th><th>TTL</th>
    <th>JK</th><th>Alamat</th><th>Jurusan</th>
  </tr>
  <?php 
  $no=1;
  while($d=mysqli_fetch_array($data)){ ?>
  <tr>
    <td><?php echo $no++; ?></td>
    <td><?php echo $d['nama']; ?></td>
    <td><?php echo $d['nisn']; ?></td>
    <td><?php echo $d['ttl']; ?></td>
    <td><?php echo $d['jk']; ?></td>
    <td><?php echo $d['alamat']; ?></td>
    <td><?php echo $d['jurusan']; ?></td>
  </tr>
  <?php } ?>
</table>

Tugas yang Dikumpulkan

  • Folder project (index.php, simpan.php, tampil.php).

  • Screenshot form pendaftaran di Android.

  • Screenshot data siswa yang berhasil disimpan.

at No comments:

LKPD Kelas XI RPL 2

 

Tugas Praktik Web Pendaftaran Siswa SMK (Versi Android)

Tujuan

  1. Melatih kemampuan membuat aplikasi web sederhana melalui perangkat Android.

  2. Mempelajari penggunaan editor kode dan server lokal di Android.

  3. Memahami alur input–proses–output aplikasi web.

Instruksi Tugas

  1. Persiapan di Android

    • Install aplikasi:

      • Acode (kode editor)

      • KSWEB atau Termux (server PHP + MySQL)

    • Buat folder project bernama pendaftaran/.

  2. Form Pendaftaran (HTML + CSS)

    • Buat file index.php dengan form berikut:

      • Nama Lengkap

      • NISN

      • Tempat/Tanggal Lahir

      • Jenis Kelamin

      • Alamat

      • Jurusan Pilihan

      • Tombol Simpan dan Reset.

  3. Proses Simpan (PHP + MySQL)

    • Buat database db_smk.

    • Buat tabel pendaftaran dengan field:
      id, nama, nisn, ttl, jk, alamat, jurusan.

    • Buat file simpan.php untuk menyimpan data dari form ke tabel.

  4. Tampilkan Data

    • Buat file tampil.php untuk menampilkan seluruh data pendaftar dalam bentuk tabel.

    • Tambahkan tombol Cetak (opsional).

at No comments:

Wednesday, October 1, 2025

Tugas teori X Rpl 1 (instalasi software sistem dan instalasi software aplikasi)

 1. Jelaskan perbedaan software aplikasi dan software sistem.


2. Sebutkan 5 contoh software aplikasi beserta fungsinya.

3. Sebutkan perbedaan instalasi dual boot dan virtualisasi.


4. Apa keuntungan dan kelemahan menggunakan Virtual Machine untuk instalasi OS?

5. Tuliskan langkah2 instalasi software aplikasi dan instalasi software sistem secara rinci pertahap!


✍️ Ditulis dibuku tugas, difoto dan dikumpulkan di link Drive kalian masing 2

✍️ Jika sdh selesai simpan Drive, silahkan link Drive di kirim ke komentar 


at 11 comments:

Monday, September 29, 2025

Tugas X RPL 2

 Buat Ulasan di blogger tentang Langkah-Langkah Instalasi Software Operasi dan Instalasi Software Aplikasi

at No comments:

Sunday, September 21, 2025

contoh job sheet merakit PC

 JOBSHEET


JOBSHEET

Sekolah : SMKN Takeran

        Paket Keahlian : Rekayasa Perangkat Lunak

        Mata Pelajaran : Dasar Program Keahlian RPL

        Nama : Dhiya’ Akhfiya’ Rosikhuna Fil’ilmi

Kelas : X - RPL 1



Kompetensi Dasar : 3.4 Memahami prosedur

perakitan yang sesuai dengan prosedur di industri perangkat keras Perangkat Komputer(PC), laptop


4.4  Melakukan perakitan dan

pengujian yang sesuai dengan prosedur di industri perangkat keras Perangkat Komputer(PC), laptop


Sub K. Dasar : a. Memahami prosedur

perakitan perangkat keras komputer 


b. Melakukan perakitan

perangkat keras komputer sesuai dengan prosedur



Nama siswa/kelas :Dhiya’ Akhfiya’ Rosikhuna Fil’ilmi/X RPL 1

Hari/Tanggal :Selasa, 09 Agustus 2022



  1. Tujuan 

  1. Peserta praktikum mampu menjelaskan berbagai macam perangkat keras komputer

  2. Peserta praktikum mampu menjelaskan fungsi berbagai macam perangkat keras komputer

  3. Peserta praktikum mampu menjelaskan cara merakit komputer 

  4. Peserta praktikum mampu mendemonstrasikan cara merakit komputer


    B. Keselamatan Kerja 

  1. Peserta praktikum wajib menggunakan gelang anti listrik statis dan alas kaki karet

  2. Peserta praktikum wajib menggunakan alat dan bahan sesuai dengan fungsinya

  3. Bila mendapatkan masalah atau kesulitan tanyakanlah pada instruktur

  4. Tidak bercanda atau makan dan minum pada saat praktik




    C. Alat Dan Bahan 

  1. Peralatan : 1 buah obeng (+/-)

  1 buah gelang anti listrik statis

  buku manual / referensi


  1. Bahan : 1 unit Motherboard

  1 unit Processor + Heatsink Fan

  1 unit Random Access Memory (RAM)

  1 unit Hard Disk Drive (HDD)

  1 unit Optical Disk Drive (ODD)

  1 unit Power Supply Unit (PSU)

  1 unit SATA Data Cable

  1 unit Tower PC Case



  D. Identifikasi Komponen Perangkat Keras 


  1. Motherboard : ASRock / LGA 1700

________________________________________________________________________________

  1. Processor : Intel Core i9-12900K / Alter Lake / 5.0 GHz / 12 Core

________________________________________________________________________________

  1. RAM : HyperX / 8GB / 3200Mhz

________________________________________________________________________________

  1. HDD : Seagate Barracuda / 1TB / RAM

________________________________________________________________________________

  1. ODD : ASUS / Black BC-12B1ST

________________________________________________________________________________

  1. PSU : Corsair  / 850W

________________________________________________________________________________


E. Langkah Kerja 



Kegiatan

Sudah

Belum

Keterangan (Jika terjadi masalah)

1.Pastikan alat dan bahan lengkap


belum

2.Gunakanlah gelang anti listrik statik sebelum memegang komponen perangkat keras


belum

3.Siapkan motherboard,letakkan di atas meja yang bersih dan bebas dari gangguan peralatan atau bahan lainnya


belum

4.pasanglah processor dengan hati hati,pastikan pin masuk ke socket Motherboard dengan baik dan benar


belum

5.Pasanglah heatsink fan processor dan kabel power fan


belum

6.Pasanglah RAM, pastikan pemasangan modul RAM tidak terbalik dan tidak dalam posisi terkunci


belum

7.Pasanglah PSU pada casing,pastikan baut terkunci dengan benar


belum

8.Pasanglah Motherboard pada casing dengan posisi yang benar, pastikan baut terkunci dengan benar


belum

9.Pasanglah kabel power 24 pin pada Motherboard, pastikan terpasang dengan benar dan ketat


belum

10.Pasanglah kabel power 4 pin pada Motherboard,pastikan pasang dengan benar dan ketat


belum

11.Pasanglah ODD pada casing, pastikan terpasang pada posisi yang tepat dan bautnya terkunci dengan ketat dan tepat


belum

12.Pasanglah HDD pada casing,pastikan terpasang pada posisi yang tepat dan bautnya terkunci dengan baik 


belum

13.Pasanglah kabel power SATA pada ODD dan HDD


belum

14.Pasanglah kabel data SATA pada ODD, lalu ke Motherboard


belum

15.Pasanglah kabel data SATA pada HDD, lalu ke Motherboard


belum

16.Pasanglah konektor front panel audio pada Motherboard


belum

17.Pasanglah konektor front panel USB pada Motherboard


belum

18.Pasanglah konektor front panel tombol power, tombol reset, power LED, dan HDD LED pada Motherboard


belum

19.Pasanglah penutup sisi casing dan pastikan bautnya terkunci dengan benar


belum



F. Troubleshooting (Pemecahan Masalah) *jika ada

_____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________





   
at No comments:
Subscribe to: Comments (Atom)

Tugas Daring: Membuat Website Pribadi Sederhana dengan Android

  Tujuan Pembelajaran Siswa memahami konsep dasar web statis (HTML & CSS) . Siswa mampu membuat halaman web pribadi sederhana meng...