Download Aplikasi Catatan Gratis Dengan Template StarLight

Aplikasi Todo list, atau aplikasi catatan ini adalah sebuah aplikasi sederhana yang dibangun menggunakan bahasa pemrograman PHP dan database MySQL. Untuk tampilannya saya menggunakan template starlight yang sudah terintegrasi dengan framework bootstrap dan font awesome untuk memperindah tampilan iconnya.

---

Daftar Isi

1. Fitur Aplikasi
2. Cara Install Aplikasi PHP Di Localhost Komputer
3. Cara Menggunakan Aplikasi
4. Merubah Warna Tabel
5. Menambahkan Kolom Catatan Penting/tidak penting di Jadwal

---

Fitur Aplikasi

Aplikasi ini sangat cocok untuk dijadikan referensi belajar, tugas kelas atau sebagai tugas kelompok mata kuliah pemrograman web. Aplikasi ini terdiri dari 3 halaman utama yaitu dashboard, form input jadwal, dan tabel jadwal. Sedangkan fitur yang terdapat di dalam aplikasi ini adalah

• 1. Menggunakan template Starlight dan terintegrasi dengan bootstrap
• 2. Anda dapat menginputkan tanggal, bulan, tahun, bahkan, jam, menit, dan detik. Dibawahnya terdapat text area untuk menulisakan catatan kegiatan, dan terakhir anda dapat menandai sebagai catatan penting atau tidak penting
• 3. Di halaman tampil jadwal, jadwal akan diurutkan berdasarkan tanggal terkecil lalu catatan kegaitan dan tombol hapus. Untuk catatan-catatan penting tabel akan diberi warna biru muda tanda bahwa catatan tersebut penting.

Anda dapat mendownload source code dan databasenya secara gratis di link berikut ini "download". Aplikasi ini masih sangat sederhana, anda dapat menambahkan fitur-fitur baru seperti login, edit catatan dan sebagainya. Download Aplikasi Catatan Gratis di link berikut ini "download"

Halaman Tampil Jadwal

Halaman Dashboard

Halaman Input Jadwal

Cara Install Aplikasi PHP Di Localhost Komputer

• 1. Download aplikasi pada link berikut ini "download"
• 2. Ekstrak dan letakkan aplikasi di dalam folder htdocs
• 3. Buka webserver control panel, lalu hidupkan web service dan database
• 4. buka browser lalu ketik localhost/phpmyadmin. buat database dengan nama nabil_021160128
• 5. Import database dengan cara klik menu import, lalu klik choose file, cari file jadwal_021160128 lalu klik go
• 6. buka aplikasinya dengan mengetik localhost/catatan/app di kolom url browser

Cara Menggunakan Aplikasi

• 1. buka browser ketik localhost/catatan/app
• 2. buka menu form input isi hari, bulan, tahun, waktu, isi kegiatan, dan tandai penting atau tidak catatan anda, lalu submit
• 3. buka menu jadwal catatan anda akan tampil

Merubah Warna Tabel

• 1. buka folder catatan/app/tabel.php, cari script seperti gambar di bawah ini

<tr <?php if($hasil['penting']=='yes'){echo "bgcolor='#00CED1'";}?>>

• 2. Ubah code bewarna merah dengan warna yang anda inginkan, anda dapat melihat referensi kode warna html di internet

Menambahkan Kolom Catatan Penting/Tidak Penting Di Jadwal

• 1. buka folder catatan/app/tabel.php, blok seluruh script, dan pastekan code di bawah ini

<div class="card pd-20 pd-sm-40">
          <!--<h6 class="card-body-title">Basic Responsive DataTable</h6>
          <p class="mg-b-20 mg-sm-b-30">Searching, ordering and paging goodness will be immediately added to the table, as shown in this example.</p>
            -->
          <div class="table-responsive">
          <div class="table-wrapper">
            <table id="datatable1" class="table display responsive nowrap">
              <thead>
                <tr>
                  <th width="5px">No</th>
                  <th >Tanggal</th>
                  <th >Kegiatan</th>
                  <th >Keterangan</th>
                  <th >act</th>
                </tr>
              </thead>
              <tbody>
              <?php
                include "koneksi.php";
                $no = 1;
                $tampil = mysqli_query($mysqli,"select * from jadwal_021160128 ORDER BY tanggal ASC;");
                while($hasil = mysqli_fetch_array($tampil)){
              ?>
                <tr <?php if($hasil['penting']=='yes'){echo "bgcolor='#00CED1'";}?>>
                <td width="5px"><?php echo $no++; ?></td>
                  <td ><?php echo date('d F Y H:i:s', strtotime($hasil['tanggal']));?></td>
                  <td><?php echo $hasil['kegiatan'];?></td>
                  <td><?php echo $hasil['penting'];?></td>
                  <td >
                      <a onclick="return confirm('apakah anda yakin? ');" href="delete.php?id=<?php echo $hasil['idNoted']; ?>"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button></a>
                    </td>
                </tr>
                <?php
                }
                ?>
                
              </tbody>
            </table>
          </div><!-- table-wrapper -->
        </div><!-- card -->
        

Aplikasi catatan berbasis web dengan menggunakan bahasa pemrograman PHP, database MySQL, dan template starlight. Ada masalah dengan program di atas, berikan komentar anda di bawah ini. Mudah-mudahan bermanfaat bagi kita semua. Klik link berikut untuk mendownload "download"