Selasa, 04 Februari 2025

Apa itu To-Do- List Membuat Database To Do List In

Apa itu To-Do List?


To-Do List (Lagi Dilakukan) adalah sebuah list atau daftar yang berisi tugas-tugas yang perlu dikerjakan atau diselesaikan. Fungsi utama dari To-Do List adalah membantu individu atau tim untuk menjaga konsentrasi dan produktivitas dalam menjalankan tugas-tugas yang ada.


Fungsi To-Do List


Beberapa fungsi utama dari To-Do List adalah:


1. *Membantu menjaga konsentrasi**: Dengan membuat daftar tugas yang perlu dikerjakan, Anda dapat fokus pada satu hal pada satu waktu dan menghindari kesalahan-kesalahan yang dapat menyebabkan konsentrasi terganggu.

2. **Meningkatkan produktivitas**: Dengan membuat prioritas pada tugas-tugas yang perlu dikerjakan, Anda dapat meningkatkan produktivitas dan menyelesaikan tugas-tugas lebih cepat.

3. **Membantu mengingatkan**: Dengan membuat daftar tugas, Anda dapat mengingatkan diri sendiri tentang tugas-tugas yang perlu dikerjakan dan tidak lupa melakukan hal-hal penting.

4. **Mengurangi stres**: Dengan membuat daftar tugas, Anda dapat mengurangi stres dan khawatir tentang tugas-tugas yang perlu dikerjakan.

5. **Membantu memprioritaskan**: Dengan membuat daftar tugas, Anda dapat memprioritaskan tugas-tugas yang perlu dikerjakan dan fokus pada yang paling penting.


**Cara Membuat To-Do List**


Berikut adalah beberapa cara membuat To-Do List yang efektif:


1. **Tulis semua tugas**: Tulis semua tugas yang perlu dikerjakan.

2. **Prioritaskan tugas**: Prioritaskan tugas-tugas yang perlu dikerjakan berdasarkan kepentingan dan urgensi.

3. **Buat daftar tugas yang terbagi**: Buat daftar tugas yang terbagi menjadi tiga kategori: tugas yang sudah selesai, tugas yang sedang dikerjakan, dan tugas yang perlu dikerjakan.

4. **Atur tanggal dan waktu**: Atur tanggal dan waktu untuk mengerjakan tugas-tugas yang perlu dikerjakan.

5. **Periksa dan perbarui**: Periksa dan perbarui daftar tugas secara teratur untuk memastikan bahwa Anda tidak lupa melakukan tugas-tugas yang perlu dikerjakan.


Dengan menggunakan To-Do List, Anda dapat meningkatkan konsentrasi, produktivitas, dan mengurangi stres.


=========================================================

Mari kita lanjut ke pembehasan inti yaitu membuat Database:

1. instal aplikasi xampp versi 8.0 berikut linknya:

https://www.apachefriends.org/download.html

2. Start Apache dan Mysql:

Berikut Perbedaan Apache dan Xampp
XAMPP dan Apache adalah dua istilah yang sering digunakan dalam pengembangan web, namun memiliki perbedaan yang jelas dalam fungsi dan kegunaan mereka. Berikut adalah penjelasan mengenai perbedaan keduanya:

### 1. **Definisi**

- **Apache**:
  - Apache (Apache HTTP Server) adalah server web open-source yang berfungsi untuk menerima dan merespons permintaan HTTP dari klien (seperti browser). Apache merupakan salah satu server web paling populer dan digunakan untuk menyajikan konten web di internet.
  
- **XAMPP**:
  - XAMPP adalah paket software yang mencakup beberapa komponen, termasuk Apache, MySQL (atau MariaDB), PHP, dan Perl. XAMPP dirancang untuk menjadi solusi pengembangan yang mudah digunakan, memungkinkan pengguna untuk menginstal dan mengkonfigurasi semua komponen yang diperlukan untuk menjalankan aplikasi web secara lokal di komputer mereka.

### 2. **Fungsi**

- **Apache**:
  - Fungsinya adalah sebagai server web yang menyajikan konten kepada pengguna melalui internet atau intranet. Apache mengelola permintaan dari klien dan mengembalikan halaman web, file, dan sumber daya lain yang diminta.

- **XAMPP**:
  - Fungsi utama XAMPP adalah untuk menyediakan lingkungan pengembangan lokal yang menyeluruh. Dengan XAMPP, pengguna dapat dengan mudah menginstal dan menjalankan server web Apache, database MySQL, dan bahasa pemrograman PHP secara bersamaan tanpa perlu konfigurasi yang rumit.

### 3. **Penggunaan**

- **Apache**:
  - Digunakan secara luas di server hosting untuk menyajikan website ke publik. Cocok untuk penggunaan di server produksi.

- **XAMPP**:
  - Umumnya digunakan oleh pengembang untuk tujuan pengembangan dan pengujian aplikasi web secara lokal. Sangat ideal bagi pemula yang ingin belajar tentang pengembangan web.

### 4. **Komponen**

- **Apache**:
  - Hanya merupakan satu komponen yaitu server web.

- **XAMPP**:
  - Merupakan paket yang terdiri dari beberapa komponen:
    - Apache: Server web
    - MySQL/MariaDB: Database management system
    - PHP: Bahasa pemrograman server-side
    - Perl: Bahasa pemrograman (opsional)

### Singkatnya:
- **Apache** adalah server web yang dapat digunakan secara independen untuk menyajikan aplikasi web, sementara **XAMPP** adalah paket yang merupakan solusi all-in-one untuk membantu pengembang menciptakan dan menguji aplikasi web di lingkungan lokal sebelum disebarkan ke server yang menggunakan Apache atau server lainnya.




Selasa, 18 Juni 2024

Daftar Nomor Peserta Penerimaan Siswa Baru SMK Al-Ghifari Banyuresmi

 Daftar Nomor Peserta Penerimaan Siswa Baru SMK Al-Ghifari Banyuresmi

TAHUN AJARAN 2024/2025

LINK pengumuman dishare di grup WhatsApp



Jumat, 22 Maret 2024

LOGO SMK AL-GHIFARI BANYURESMI

 LOGO TERBARU SMK AL-GHIFARI BANYURESMI




REMOVE BAGROUND LOGO





SEMOGA BERMANFAAT
jangan lupa FOLLOW 



DAN subscribe 
https://linktr.ee/officialsmkalghifaribanyuresmi




Senin, 26 Februari 2024

UNZIPPER MAIN

 UNZIPPER MAIN:



https://drive.google.com/file/d/1oxuL61_Dlb4MVXJPi0bm_oZKWm7wV5mx/view?usp=sharing



Kamis, 22 Februari 2024

MODUL UKK RPL PAKET 3

 

MODUL UKK RPL PAKET 3

APLIKASI WEBSITE GALERI FOTO

A.    SEBELUM KE LANGKAH PENGERJAAN SOAL

Kebutuhan software sebelum membuat source code

Pertama : INTSAL APLIKASI XAMPP artinya sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP ServerMySQL database dan Penerjemah bahasa

Kedua : INSTAL APLIKASI VISUAL CODE, SUBLIME TEXT artinya aplikasi teks editor untuk memulai membuat program berbasis website tentunya jika visual code memiliki kelebihan Fungsi error checker yang sangat-sangat membantu ketika lagi nulis/edit kode pemrograman sedangkan sublime text Fungsi auto complete dalam penulisan kode pemrograman.

Ketiga : PAHAMI PERBEDAAN BAHASA PEMOGRAMAN

A.    Membangun situs web menjadi interaktif dan menarik yaitu HTML, CSS, dan JavaScript.

B.     Bahasa Pemograman Tingkat tinggi menggunakan PHP artinya bahasa pemrograman server side scripting yang bersifat open source bekerja membuat, membuka, membaca, menulis, dan membatasi file di server-side, maka skrip PHP diproses di server.

C.     Kerangka Kerja menggunakan Bootsrap 5 karena framework front-end menciptakan tampilan website responsiv fiturnya CSS dan JS.


B.     LANGKAH PENGERJAAN SOAL

Nomor 1 jalan aplikasi XAMPP à Klik star Apache dan Mysql à Run Shell



Menampilkan halaman database


a.       Membuat table user


b.      Membuat table foto dan relasi atribut userid


c.       Membuat table album dan relasi atribut userid


d.      Mengubah struktur table foto tujuannya untuk relasi atribut albumid


e.      Membuat table likefoto dan relasi atribut fotoid or userid


f.        Membuat table komentarfoto dan relasi atribut fotoid or userid


 

 

 

 

 

 

 

 

 

Mengecek hasil output masuk ke laman : http://localhost/phpmyadmin/index.php?route=/database/designer&db=gallery



kemudian save

 

Nomor 2 Membuat Folder baru di dalam htdoct supaya program bisa dijalankan

          Nama folder UKK-Gallery-nama perserta ujian

          Contoh : UKK-Gallery-Risma






Nomor 3 download framework di https://getbootstrap.com/docs/5.0/getting-started/download/

Kemudian extrak menjadi folder dengan nama asset




Nomor 4 jalan aplikasi VISUAL CODE ATAU SUBLIME TEXT

a.       Membuat koding koneksi.php artinya menghubungkan PHP dengan database

<?php

    $conn=mysqli_connect("localhost","root","","gallery")

?>

 

b.      Membuat laman index.php artinya file yang pertama kali di load.

c.       Membuat laman registrasi.php

 

<div class="text-center">

                         <h5>Daftar Akun Baru</h5>

               </div>

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

                         <label class="form-label">Username</label>

                         <input type="text" name="username" class="form-control" required>

                         <label class="form-label">Password</label>

                         <input type="password" name="password" class="form-control" required>

            <label class="form-label">Email</label>

            <input type="email" name="email" class="form-control" required>

            <label class="form-label">Nama Lengkap</label>

            <input type="text" name="namalengkap" class="form-control" required>

            <label class="form-label">Alamat</label>

            <input type="text" name="alamat" class="form-control" required>

                         <div class="d-grid mt-2">

                           <button class="btn btn-primary" type="submit" name="kirim">DAFTAR</button>

                         </div>

               </form>

               <hr>

               <p>sudah punya akun? <a href="login.php">Login Disini</a></p>

               </div>

 

Logo RPL SMK AlGhifari Banyuresmi

LOGO TERBARU JURUSAN RPL

SMK AL-GHIFARI BANYURESMI 







baground putih





Minggu, 18 Februari 2024

Login dan Registrasi Website Galeri UKK

HALAMN REGISTRASI DAN JUDUL WEB GALLERY








aksi_login.php

<?php

include "koneksi.php";

session_start();


$username=$_POST['username'];

$password=md5($_POST['password']);



$sql=mysqli_query($conn,"select * from user where username='$username' and password='$password'");


$cek=mysqli_num_rows($sql);


if($cek==1){

    while($data=mysqli_fetch_array($sql)){

        $_SESSION['userid']=$data['userid'];

        $_SESSION['namalengkap']=$data['namalengkap'];

    }

    header("location:home.php");

}else{

    header("location:login.php");

}




?>

aksi_register.php

<?php

include "koneksi.php";


$username=$_POST['username'];

$password=md5($_POST['password']);

$email=$_POST['email'];

$namalengkap=$_POST['namalengkap'];

$alamat=$_POST['alamat'];


$sql=mysqli_query($conn,"insert into user values('','$username','$password','$email','$namalengkap','$alamat')");


header("location:login.php");



?>

login.php


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="vievport" content="width=device-width, initial-scale=1">
<title>Website Galeri Foto</title>
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container">
    <a class="navbar-brand" href="index.php">Website Galeri Foto</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collaps mt-2" id="navbarNavAltMarkup">
      <div class="navbar-nav me-auto">
        
      </div>
      <a href="register.php" class="btn btn-outline-primary m-1">Daftar</a>
      <a href="login.php" class="btn btn-outline-success m-1">Masuk</a>
    </div>
  </div>
</nav>

<div  class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-4">
      <div class="card">
      <div class="card-body bg-light">
        <div class="text-center">
        <h5>Login Aplikasi</h5>
        </div>
        <form action="aksilogin.php" method="POST">
        <label class="form-label">Username</label>
        <input type="text" name="username" class="form-control" required>
        <label class="form-label">Password</label>
        <input type="password" name="password" class="form-control" required>
        <div class="d-grid mt-2">
          <button class="btn btn-primary" type="submit" name="kirim">Login</button>
        </div>
        </form>
        <hr>
        <p>Belum punya akun? <a href="register.php">daftar disini</a></p>
        </div>
      </div>
      </div>
    </div>
  </div>
</div>

<footer class="d-flex justify-content-center border-top mt-3 bg-light filex-bottom">
<p>&copy; UKK RPL 2024 | AMELIANI</p>
</footer>
<script type="text/javascript" src="asset/js/bootstrap.min.css">"></script>
</body>
</html>

register.php

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="vievport" content="width=device-width, initial-scale=1">
<title>Website Galeri Foto</title>
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container">
    <a class="navbar-brand" href="index.php">Website Galeri Foto</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collaps mt-2" id="navbarNavAltMarkup">
      <div class="navbar-nav me-auto">
        
      </div>
      <a href="register.php" class="btn btn-outline-primary m-1">Daftar</a>
      <a href="login.php" class="btn btn-outline-success m-1">Masuk</a>
    </div>
  </div>
</nav>

<div  class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-4">
      <div class="card">
      <div class="card-body bg-light">
        <div class="text-center">
        <h5>Daftar Akun Baru</h5>
        </div>
        <form action="proses_register.php" method="POST">
        <label class="form-label">Username</label>
        <input type="text" name="username" class="form-control" required>
        <label class="form-label">Password</label>
        <input type="password" name="password" class="form-control" required>
            <label class="form-label">Email</label>
            <input type="email" name="email" class="form-control" required>
            <label class="form-label">Nama Lengkap</label>
            <input type="text" name="namalengkap" class="form-control" required>
            <label class="form-label">Alamat</label>
            <input type="text" name="alamat" class="form-control" required>
        <div class="d-grid mt-2">
          <button class="btn btn-primary" type="submit" name="kirim">DAFTAR</button>
        </div>
        </form>
        <hr>
        <p>sudah punya akun? <a href="login.php">daftar disini</a></p>
        </div>
      </div>
      </div>
    </div>
  </div>
</div>

<footer class="d-flex justify-content-center border-top mt-3 bg-light fixed-bottom">
<p>&copy; UKK RPL 2024| AMELIANI</p>
</footer>
<script type="text/javascript" src="assets/js/bootstrap.min.css">"></script>
</body>
</html>



LATIHAN PPG - PELATIHAN MANDIRI

Empati secara kognitif diperoleh melalui Resertive Learning Kemampuan individu dalam memberikan respons atau tindakan sesuai dengan perasaan...