Tuesday, July 23, 2024

Menambahkan aktifitas Al-Qur'an di Guru Teladan


Untuk menambahkan aktivitas Alquran maka bapak ibu guru silakan klik Ruang Quran dan klik binaan saya. 



Jika menu Ruang Quran tidak ada maka segera lapor ke bagian administrasi untuk di update data bapak ibu guru.

Selanjutnya klik Binaan Saya.

Maka  ditampilkan list atau daftar dari binaan bapak ibu guru. 




Pilih nama sesuai dengan aktivitas yang akan bapak ibu guru isi, klik aktivitas Alquran maka akan ditampilkan riwayat riwayat aktivitas Alquran.


Pada binaan yang bapak ibu guru pilih di situ ditampilkan mulai dari tanggal kapan dia melaksanakan kegiatan tersebut kemudian ada tilawah, hafalan di rumah hafalan baru, tugas dan penilaian. 

Pada kolom tilawah : ditampilkan riwayat tilawah binaan setiap tanggal tersebut.

Pada kolom hafalan di rumah  :  ditampilkan hafalan yang dilakukan di rumah serta tugas-tugas yang dilakukan atau ditugaskan sebelumnya.

Pada kolom hafalan baru : ditampilkan nama-nama surat yang dihafal pada tanggal tersebut.

Pada kolom tugas : ditampilkan tugas yang diberikan pada tanggal tersebut beserta keterangannya.

Pada kolom penilaian : ditampilkan nilai dari aktivitas yang dilakukan pada tanggal tersebut.

Bagaimana menambahkan aktifitas Al-Qur'an Binaan?

Untuk menambahkan aktivitas bapak ibu guru dapat mengklik tombol Buat Formulir yang ada pada pojok kanan atas. Setelah mengklik buat formulir maka akan ditampilkan formulir untuk diisi pada aktivitas Alquran. 



Tanda pagar biru (#) merupakan aktivitas atau riwayat Alquran yang dilakukan pada tanggal-tanggal sebelumnya.


Mengisi formulir aktivitas Al-qur'an :



Pada formulir aktivitas Alquran yang pertama input tanggal, tanggal tersebut merupakan tanggal binaan melakukan aktivitas ini. Dapat dipilih sesuai dengan tanggal bapak ibu guru melakukan aktivitas Alquran. 

Pada formulir ini ada berbagai macam inputan yang wajib diisi oleh bapak ibu guru namun disesuaikan dengan aktivitas yang dilakukan :



1.  Bacaan Quran atau jilid (tilawah) : merupakan aktivitas binaan membaca / Tilawah Alquran atau jilid. Bapak ibu guru dapat memilih suratnya atau jilidnya dari ayat ke berapa halaman dan penilaian pada tilawah tersebut.



2. Hafalan dari rumah : hafalan dari rumah dapat bapak ibu guru isi jika binaan melakukan hafalan dari rumah, bapak ibu guru bisa pilih hafalan suratnya dari ayat sekian kemudian halaman penilaian dan murojaah di rumah beserta halaman murojaahnya.



3. Hafalan baru : hafalan baru ini dimasukkan ketika binaan melakukan atau menghafal Surah baru. Bapak ibu guru dapat memilih surat ayat yang halaman berapa dan penilaian dari hafalan tersebut.



4. Tugas : tugas-tugas ini terdiri dari (tugas hafalan), bapak ibu guru dapat mengisi jilid atau surahnya ayat berapa ke berapa, selain tugas hafalan juga ada (tugas tilawah dan tugas murojaah).



5. Penilaian : Pada bagian informasi dapat bapak ibu guru baca bahwasanya ada beberapa form penilaian : 

    a. penilaian tajwidnya itu ada range dari 1 sampai 10 silakan bapak ibu guru isi sesuai dengan kondisi         Ananda pada saat itu mengenai tajwid, selanjutnya pada keterangan tajwid bapak ibu guru dapat            mengisi keterangan sesuai dengan nilai yang diberikan. 

    b. penilaian makhorijul huruf penilaian sama memiliki range 1 sampai 10 dan bapak         ibu guru             dapat menambahkan keterangannya.

     c. penilaian sikap silakan diisi sesuai dengan kondisi pada saat ibu guru melakukan aktivitas                     tersebut.



6. keterangan guru : silakan bapak ibu guru isi sesuai dengan kondisi binaan bapak ibu guru.

Selanjutnya jika semua form sudah terisi silakan klik simpan untuk menyimpan semua data yang telah bapak ibu guru isi sebelumnya. 

Catatan: Harap diperhatikan semua data yang telah diisi valid dan semua data sudah benar. Semua form di atas tidak semuanya wajib diisi dapat disesuaikan dengan aktivitas Alquran yang dilakukan pada saat itu. Sekian dan terima kasih jika ada pertanyaan dapat menghubungi penanggung jawab Alquran.

Bagaimana menambah / melepas binaan? Klik tautan berikut : Menambah/Melepas Binaan

Menambah dan melepas binaan pada Guru Teladan.

 Untuk menambahkan binaan dapat mengakses menu Ruang Quran seperti gambar berikut : 




Jika menu Ruang Quran tidak ada maka segera lapor ke bagian administrasi untuk di update data bapak ibu guru.

Setelah muncul menu Quran maka selanjutnya klik menu Binaan Saya.



Di dalam menu binaan tersebut akan ditampilkan list atau daftar dari binaan bapak ibu guru.



Untuk menambahkan binaan dapat mengklik tombol tambah binaan yang berada di pojok kanan atas.



Akan ditampilkan data siswa yang diurut berdasarkan nama sesuai abjad. 



Untuk memilih siswa sebagai binaan, Silakan cari nama siswa tersebut kemudian centang pada pilih binaan kemudian Scroll di paling bawah ada tombol Simpan silakan diklik. 



Jika Masih banyak yang mau ditambahkan silakan dapat mencari nama tersebut dengan klik pilih binaan dan melakukan proses seperti yang sebelumnya.


Bagaimana jika nama siswa kita tidak ada? nah ada beberapa kemungkinan: 

1. Siswa pada kelas tersebut belum dimasukkan, bapak ibu guru dapat mengkonfirmasi pada bagian administrasi sesuai jenjang masing-masing.

2. Siswa tersebut sebelumnya sudah dipilih sebagai binaan salah satu mentor, maka dari itu mentor yang sebelumnya harus melepaskan siswa tersebut agar dapat ditambahkan oleh mentor yang baru.

Untuk melepas binaan klik menu Ruang Quran binaan saya kemudian akan ditampilkan daftar dari binaan bapak ibu guru.


Selanjutnya Pilihlah nama yang akan dilepas setelah itu klik Lepas pada tombol aksi di bagian kanan dan akan muncul konfirmasi apakah anda yakin melepas binaan ini? Jika sudah yakin klik ya lepas, jika tidak maka tekan tidak kembali



Setelah binaan tersebut dilepas maka binaan tersebut akan ada di daftar siswa dan sudah dapat ditambahkan oleh mentor yang lain Sekian dan terima kasih.

Monday, July 22, 2024

Ruang UKS - Bagaimana menginput ketika ada pemeriksaan?

Untuk mengakses uks pertama harus login dulu pada sistem kemudian dapat mengakses menu ruang uks.



Setelah itu klik data pemeriksaan di dalam menu data pemeriksaan akan ditampilkan data-data pemeriksaan yang sudah dilakukan sebelumnya di situ hanya ditampilkan maksimal 50 data terakhir.



Kemudian Bagaimana cara menambahkan pemeriksaan baru tetap pada menu data pemeriksaan Klik tombol lakukan pemeriksaan pada pojok kanan atas.



Kemudian akan ditampilkan data kelas dan jumlah siswanya setelah itu tanyakan pada siswa yang bersangkutan kelasnya berapa misalkan dia menyebutkan kelas 7.1 maka klik Lihat Siswa dan dapat dilakukan pencarian pada menu search jika tidak ditemukan namanya setelah mendapatkan namanya Klik tombol periksa 



Pada menu periksa ini akan ditampilkan beberapa Tab atau tabulasi : 





Tab pemeriksaan pada tampilan pemeriksaan ini ditampilkan menginput beberapa data sesuai kondisi pasien misalkan di situ tertera beberapa data yakni yang pertama nama siswa akan terpilih otomatis kemudian kelas juga akan pilih otomatis usia usia akan terisi otomatis oleh sistem jika itu tidak benar data tersebut maka anda harus mengkonfirmasi pada bagian administrasi untuk perbaikan. Namun tetap bisa dilakukan pemeriksaan dengan cara menginput manual sesuai dengan usia pasien 



Selanjutnya Anda diminta untuk menginput tinggi badan, berat badan, kemudian suhu tubuh, setelah itu keluhan, diagnosa, tindakan, catatan dan ada pertanyaan Apakah masih bisa melanjutkan aktivitas pembelajaran atau tidak tinggal dipilih yang masih bisa atau tidak lakukan penjemputan sekarang seperti itu, setelah itu kirim Pemberitahuan kepada orang tua atau wali, jika itu darurat langsung kirim jika tidak Jangan kirim artinya pasien masih bisa melanjutkan aktivitasnya di sekolah. Setelah semua terisi maka tekan proses. 

Selanjutnya pada menu riwayat pemeriksaan akan ditampilkan riwayat pemeriksaan pasien sebelum-sebelumnya. Menu profil untuk melihat profil Ananda di situ ada nama NISN kemudian jenjangnya apa dan kontak orang tua.

Wednesday, February 28, 2024

Belajar Pemograman PHP (Membuat Aplikasi Perhitungan Rumus matematika/fisika) sederhana.

  


1. Buat Folder baru dalam project masing masing dengan nama 'aplikasiku'.

2. Buka sublime text dan buka project masing masing.

3. buat file baru dengan nama index.php (dalam folder aplikasiku)

tulis kode berikut dalam index.php


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Aplikasi</title>

    <style>

        body {

            margin: 0;

            font-family: 'Arial', sans-serif;

            background-color: #f4f4f4;

        }


        header {

            background-color: #3498db;

            color: #fff;

            text-align: center;

            padding: 15px;

        }


        .frame {

            border: 2px solid #3498db;

            border-radius: 10px;

            overflow: hidden;

            background-color: #fff;

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

            margin: 20px;

        }


        .button-container {

            text-align: center;

            padding: 20px;

        }


        .app-button {

            display: inline-block;

            padding: 15px 30px;

            margin: 15px;

            font-size: 18px;

            text-align: center;

            text-decoration: none;

            background-color: #3498db;

            color: #fff;

            border: none;

            border-radius: 5px;

            cursor: pointer;

            transition: background-color 0.3s ease;

        }


        .app-button:hover {

            background-color: #2980b9;

        }


        footer {

            background-color: #3498db;

            color: #fff;

            text-align: center;

            padding: 10px;

            position: fixed;

            bottom: 0;

            width: 100%;

        }

    </style>

</head>

<body>


<header>

    <h1>Aplikasiku</h1>

</header>


<div class="frame">

    <br>

    <center>Silakan pilih apa yang ingin kamu kerjakan!</center><br>

    <div class="button-container">

        <a href="form.php" class="app-button">Luas Segitiga</a>

        <a href="#" class="app-button">Luas Lingkaran </a>

        <a href="#" class="app-button">Luas Ketupat</a>

        <br>

        <a href="#" class="app-button">Luas Persegi</a>

        <a href="#" class="app-button">Luas Persegi Panjang</a>

        <a href="#" class="app-button">Luas Layangan</a>

        <!-- Tambahkan tombol-tombol aplikasi sesuai kebutuhan -->

    </div>

</div>


<footer>

    &copy; 2024 Aplikasiku Karya Aisyah

</footer>

</body>

</html>


4. Buat file baru dengan nama disesuaikan dengan rumus apa yang akan dibuat , dapat menggunakan kode dibawah ini sebagai contoh :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tombol Aplikasi</title>
    <style>
        body {
            margin: 0;
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4;
        }

        header {
            background-color: #3498db;
            color: #fff;
            text-align: center;
            padding: 15px;
        }

        .frame {
            border: 2px solid #3498db;
            border-radius: 10px;
            overflow: hidden;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: 20px;
        }

        .button-container {
            text-align: center;
            padding: 20px;
        }

        .app-button {
            display: inline-block;
            padding: 15px 30px;
            margin: 15px;
            font-size: 18px;
            text-align: center;
            text-decoration: none;
            background-color: #3498db;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .app-button:hover {
            background-color: #2980b9;
        }

        footer {
            background-color: #3498db;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        form {
            padding: 20px;
        }

        label {
            display: block;
            margin-bottom: 10px;
        }

        input {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-sizing: border-box;
        }

        button {
            background-color: #3498db;
            color: #fff;
            border: none;
            padding: 15px 30px;
            font-size: 18px;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: #2980b9;
        }
    </style>
</head>
<body>

<header>
    <h1>Tombol Aplikasi</h1>
</header>

<div class="frame">
    <form>
        <label for="appName">Masukan A :</label>
        <input type="text" id="appName" name="a" required>

        <label for="appLink">Masukan B:</label>
        <input type="url" id="appLink" name="b" required>

        <button type="submit">Hitung</button>
    </form>

    <div class="button-container">
        <a href="index.php" class="app-button">Kembali</a>
        
        <!-- Tambahkan tombol-tombol aplikasi sesuai kebutuhan -->
    </div>
</div>

<footer>
    &copy; 2024 Tombol Aplikasi
</footer>

</body>
</html>

Selamat mengerjakan.

Wednesday, January 31, 2024

Membuat Kalkulator Sederhana dengan PHP

 


Kali ini saya akan membuat kalkulator cendekia, kenapa namanya kalkulator cendekia? karena yang membuat adalah anak anak SMP Cendekia Ambon.

1. Buat file dengan nama index.php.

<!DOCTYPE html>

<html>

<head>

<title>Kalkulator Cendekia</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

Disini Coding PHP

<div class="kalkulator">

<h2 class="judul">KALKULATOR CENDEKIA</h2>

<a class="brand" href="https://www.ydprog.com">By. Aisyah</a>

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

<input type="number" required name="bil1" class="bil" autocomplete="off" placeholder="Kas Maso Angka Pertama">

<input type="number" required name="bil2" class="bil" autocomplete="off" placeholder="Kas Maso Angka Kedua">

<select class="opt" required name="operasi">

<option value="">Pilih Dolo</option>

<option value="tambah">(+)Tamba Akang</option>

<option value="kurang">(-)Kurang Akang</option>

<option value="kali">(x)Kali Akang</option>

<option value="bagi">(/)Bage Akang</option>

</select>

<input type="submit" name="hitung" value="ITONG" class="tombol">

</form>

<?php if(isset($_POST['hitung'])){ ?>

<input type="text" value="<?php echo $hasil; ?>" class="bil">

<?php }else{ ?>

<input type="text" placeholder="Dia Pung Hasil Disini" value="Dia Pung Hasil Disini" class="bil">

<?php } ?>

<br>

<br>

<a href="index.php" type="reset" class="kosong">KAS KOSONG KAKA</a>

</div>

</body>

</html>


2. Buat file dengan nama 'proses.php'

<?php 

if(isset($_POST['hitung'])){

$bil1 = $_POST['bil1'];

$bil2 = $_POST['bil2'];

$operasi = $_POST['operasi'];

switch ($operasi) {

case 'tambah':

$hasil = $bil1+$bil2;

break;

case 'kurang':

$hasil = $bil1-$bil2;

break;

case 'kali':

$hasil = $bil1*$bil2;

break;

case 'bagi':

$hasil = $bil1/$bil2;

break;

}

}

?>

3. Buat Cssnya , simpan file css dengan nama 'style.css'

body{

background: #F2F2F2;

font-family: sans-serif;

}

 

.kalkulator{

width: 335px;

background: #4B0082;

margin: 100px auto;

padding: 10px 20px 50px 20px;

border-radius: 5px;

box-shadow: 0px 10px 20px 0px #D1D1D1;

}

 

.bil{

width: 300px;

margin: 5px;

border: none;

font-size: 16pt;

border-radius: 5px;

padding: 10px;

}

 

.opt{

font-size: 16pt;

border: none;

width: 215px;

margin: 5px;

border-radius: 5px;

padding: 10px;

}

.tombol{

background: #EC5159;

border-top: none;

border-right: none;

border-left: none;

border-radius: 5px;

padding: 10px 20px;

color: #eee;

font-size: 15pt;

border-bottom:4px solid #BF3D3D;

}


.kosong{

background: #FFFF00;

border-top: none;

border-right: none;

border-left: none;

border-radius: 5px;

padding: 5px 100px;

color: #BF3D3D;

font-size: 10pt;

border-bottom:4px solid #FFFF00;

}

 

.brand{

color: #eee;

font-size: 11pt;

float: right;

text-decoration: none;

margin: 12px;

}

 

.judul{

text-align: center;

color: #eee;

font-weight: normal;

}


Setelah itu jalankan dengan mengakses : 

localhost/nama/project . Contoh localhost/aini/kalkulator/


Catatan : Ganti pada index.php pada bagian 'Disini Coding PHP' dengan include ''proses.php".