Tuesday 27 February 2024

PPDB MTs Muslimin Citapen Tahun Pelajaran 2024-2025

PPDB MTs Muslimin Citapen TP 2024-2025
Siswa-siswi MTs Muslimin Citapen sedang upacara.* Foto: Kang Ghiels

PPDB MTs Muslimin Citapen Tahun Pelajaran 2024-2025. Madrasah Tsanawiyah Muslimin Citapen adalah lembaga pendidikan yang berada di bawah naungan Yayasan Pendidikan Pesantren Islam (YPPI) Al-Furqon Citapen. Beralamat di Kampung Sukalilah No. 3, RT 04 RW 07, Desa Citapen, Kecamatan Cihampelas, Kabupaten Bandung Barat, Provinsi Jawa Barat Kode Pos 40562.

Profil MTs Muslimin Citapen:

Tahun berdiri : 1986

NSM : 121232170017

NPSN : 20279404

Status Akreditasi : A

Status dalam KKM : Anggota KKM 1 Cihampelas

No Telepon : (022) 86675409

E-mail: mtscitapen@yahoo.co.id

Tahun ajaran baru 2024-2025, MTs Muslimin Citapen menerima peserta didik baru (PPDB) yang sudah dimulai dari Januari hingga Juli.

Segera daftarkan siswa-siswi SD/MI anda lewat PPDB MTs Muslimin Citapen Tahun Pelajaran 2024-2025, bisa langsung ke alamat di bawah ini:

Kampung Sukalilah No. 3, RT 04 RW 07, Desa Citapen, Kecamatan Cihampelas, Kabupaten Bandung Barat, Provinsi Jawa Barat Kode Pos 40767.

Atau menghubungi nomor telefon (022) 86675409

Atau anda bisa mengunduh brosurnya di bawah ini:

Download Brosur

Demikianlah profil singkat PPDB  MTs Muslimin Citapen, semoga bermanfaat.***

Tuesday 13 February 2024

5 Code Editor Online Paling Mudah Digunakan (dilengkapi Snippet)

5 Code Editor Online Paling Mudah Digunakan (dilengkapi Snippet). Bagi sobat yang suka membuat program komputer atau lebih populer disebut coding, kebutuhan code editor tidak diragukan lagi dapat mempercepat dan mempermudah pembuatan program.

Code editor online memberikan kemudahan plus karena tinggal pakai, tidak perlu ribet instalasi editor atau interpreter di komputer/PC sobat.

Ada beberapa code editor online yang mudah digunakan dan populer di kalangan pengembang karena dilengkapi dengan snippet (semacam jalan pintas).

Berikut adalah beberapa di antaranya:

1. CodePen (https://codepen.io)

Code Pen

CodePen sangat mudah digunakan untuk membuat dan berbagi kode HTML, CSS, dan JavaScript. Didukung juga dengan snippet sehingga memudahkan penggunaannya. CodePen memiliki antarmuka yang intuitif dan fitur kolaboratif yang memungkinkan pengguna untuk berbagi proyek dengan mudah.

2. OneCompiler (https://onecompiler.com)

One Compiler

OneCompiler adalah platform daring yang menyediakan editor kode online untuk berbagai bahasa pemrograman.

Selain dapat menyunting kode di editor ini, sobat juga bisa melihat pratinjau yang menampilkan hasil dari kode HTML dan melihat tampilan halaman webnya.

Anda bisa juga menambahkan catatan untuk menyimpan informasi atau instruksi tambahan, selain juga membagikan kode dengan orang lain ditambah opsi mengunduh kode HTML yang telah Anda tulis.

3. JSFiddle (https://jsfiddle.net)

JS Fiddle

JSFiddle adalah editor kode online yang memungkinkan pengguna untuk membuat proyek dan snippet JavaScript, HTML, dan CSS. JSFiddle menyediakan tampilan real-time dari kode yang ditulis dan memungkinkan pengguna untuk menyimpan dan berbagi proyek dengan mudah.

Didukung juga dengan pembuatan dan berbagi kode snippet dalam pengembangan web.

4. JSBin (https://jsbin.com)

JS Bin

Mirip dengan JSFiddle, merupakan editor coding online untuk HTML, CSS, and JavaScript, didukung dengan pembuatan dan pengaturan snippet, selain itu juga memiliki fitur kolaborasi. 

5. OnlineGDB (https://www.onlinegdb.com)

online GDB

Sebuah compiler dan debugger online gratis untuk bahasa pemrograman C/C++. Dan juga mendukung bahasa lainnya seperti HTML, Java, Python, dan banyak lagi.

 

Semua editor kode ini memiliki antarmuka yang intuitif dan menyediakan lingkungan pengkodean yang mudah digunakan bagi pengembang dari berbagai tingkat pengalaman.***

 

 

Monday 15 January 2024

Ekstrakurikuler TIK: Perkenalan Pemrograman Web (HTML) untuk MTs/SMP

Siswa MTs Muslimin Citapen sedang Belajar coding html.*
Siswi MTs Muslimin Citapen sedang belajar program web html.*

Ekstrakurikuler TIK, Perkenalan Pemrograman Web (HTML) untuk Siswa SMP/MTs. Praktek ekstrakulikuler TIK ini hanya untuk memperkenalkan siswa SMP/MTs dengan program pembuatan web dengan HTML.

Penyampaiannya tidak terlalu mendetail, hanya memperkenalkan code editor dan beberapa fungsi tag untuk memacu minat siswa terhadap bahasa pemrograman.

1. Apa itu HTML ?

HTML adalah singkatan dari Hypertext Markup Language, yaitu bahasa markup, jadi sebenarnya HTML bukanlah bahasa pemrograman.

Disebut bahasa markup karena berisi serangkaian markup yang biasa disebut tag yang berfungsi untuk memberi tahu browser bagaimana sebuah konten web akan ditampilkan. Apakah konten akan dijadikan paragraf, judul (heading), list, atau link.

HTML pertama kali diciptakan oleh Tim Berners-Lee pada 1992.

2. Menuliskan code HTML dengan Notepad

Menampilkan kata “Hello World!” ke layar browser menggunakan Notepad sebagai code editor (tempat menulis code)

Persiapkan web browser, misalnya Chrome

Membuat folder kerja agar file tidak tercecer ke mana-mana

Buat folder di Desktop beri nama “html”

Di dalam folder “html” buat folder baru beri nama “latihan1”

Simpan file Notepad yang masih kosong: File > Save > ke folder “latihan1”, beri nama “halaman1.html”, Save as type : All Files.

Ketikan struktur dasar html di bawah ini:


<!doctype html>

<html>

<head>

<title></title>

</head>

<body>

</body>

</html>


· Tag <!doctype html> berfungsi untuk memberi tahu browser akan menggunakan html versi berapa (dalam hal ini versi 5)

· Tulisan di antara kurung siku disebut satu tag, <html> disebut tag html, kebanyakan berpasangan yaitu tag pembuka <html> dan tag penutup </html>.

· Apa yang akan dituliskan harus di antara tag <head>…</head> dan tag <body>…</body>

· Contoh tulis “Hello Word!” di antara tag <body>…</body>. Tampilkan di browser dengan cara double klik pada nama file “latihan1.html”.

· Browser bisa menampilkan kalimat ini, namun belum bisa menentukan apakah sebagai paragraf, heading, atau link.

· Tambah tulisan di bawahnya : “Selamat datang di perkenalan Pemrograman Web”

· Kemudian Save, tampilkan di browser dengan cara refresh, tulisan akan satu baris karena browser tidak mengetahui kedua kalimat itu sebagai apa.

· Supaya browser bisa mengenalinya, kita harus menambah tag paragraf <p>…</p> di antara kedua kalimat tersebut, sehingga browser akan mengetahui ada dua paragraf.

· Baris <title>…</title> gunanya untuk memberikan judul dari halaman.

· Tulis di antara tag <title>…</title> tulisan: “Pemrograman Web” kemudian Save dan tampilkan di Browser (refresh).

3. Menggunakan code editor Sublime Text

· Kunjungi situs web www.sublimetext.com pilih menu Download, pilih versi terbaru aplikasi ini kemudian pilih sistem operasi Windows 32 bit atau 64 bit.

· Kalau sudah di-download silakan lakukan instalasi di komputer. Jangan lupa simpan di Taskbar dengan men-drag dari menu Start.

· Buat folder baru: “latihan2”

· Jalankan aplikasi Sublime Text. Buat file baru > New File > Save > simpan di folder “latihan2” dengan nama “halaman1.html”.

· Cara mempercepat menulis struktur dasar code html dengan Sublime Text adalah dengan cara:

Ketikkan “html” kemudian tekan tombol Tab, maka otomatis muncul struktur dasar html secara lengkap.

· Langsung saja tulis judul halaman “Pemrograman Web” di antara <title>…</title> .

· Di antara tag <body>…. </body>  tulis “p” lalu tekan Tab maka otomatis tag paragraf akan tampil, tinggal tulis paragrafnya: “Hello World!”

· Tulis lagi “p” tekan Tab isikan “Selamat datang di perkenalan Pemrograman Web”

Lengkapnya sbb:

<!DOCTYPE html>

<html>

<head>

<title>Pemrograman Web</title>

</head>

<body>

<p>Hello World!</p>

<p>Selamat datang di perkenalan Pemrograman Web</p>

</body>

</html>

Untuk melihat hasilnya, di-Save terlebih dahulu dengan memijit tombol Ctrl + S, kemudian klik kanan > Open in Browser, maka di halaman browser akan tampil tulisan:

Hello World!

Selamat datang di perkenalan Pemrograman Web

· Untuk memperbesar huruf (Font) atau mengubah skema warna (Color Scheme) di Sublime Text, klik menu Preferences > pilih yang diinginkan. Skema warna default “Monokai”.

· Untuk melihat folder dan file tekan menu View > Sidebar >Show Side Bar.

4. Tag yang bisa disimpan di antara <body>…</body>

· Teks :

paragraf <p>

Heading (judul) <h1>,<h2>,<h3>,<h4>,<h5>,<h6>

· Pendukung teks :

menambah baris baru <br>

menambah garis horisontal <hr>

cetak tebal <b>

cetak miring <i>

garis bawah <u>

penekanan <em>, <strong>

· gambar : <img>

· link : <a>

· list : <ul>,<ol>,<li> …

· komentar :

<!-- komentar --> tidak akan tampil di browser

· Struktur tag :

<nama tag atribut=”nilai”>

Contoh: <body bgcolor=”lightblue”>

5. Membuat daftar (List) terurut/tak terurut

· Buat folder baru “latihan3”, buat file baru “list.html”

· Buat struktur dasar html

· Judul halaman “HTML List”

· Tulis di body judul To Do List dengan heading <h3>

· Buat daftar terurut <ol></ol> dengan list item:

<li> Bangun pagi</li>

<li> Sarapan</li>

<li> Tidur lagi</li>

Agar urutan angka berubah gunakan atribut type=”a” atau “A”, “I” , “i”

· Buat daftar tak terurut <ul></ul> dengan judul “Saat bangun saya akan

<li> makan bubur</li>

<li> makan nasi</li>

<li> minum kopi</li>

Agar urutan bullet berubah gunakan atribut type=”disc” atau “square”, “circle”

Lengkapnya sbb:

<!DOCTYPE html>

<html>

<head>

<title>HTML List</title>

</head>

<body>

<h3>To Do List</h3>

<ol type="a">

<li>Bangun pagi</li>

<li>Sarapan</li>

<li>Tidur lagi</li>

</ol>

<h3>Saat sarapan saya akan</h3>

<ul type="circle">

<li>makan bubur</li>

<li>minum kopi</li>

<li>makan nasi</li>

</ul>

</body>

</html>

6. Cara Membuat tautan atau Hyperlink

· Buat folder baru “latihan4”, buat file baru “halaman1.html”

· Buat struktur dasar html

· Judul halaman “Hyperlink – Halaman1”

· Shortcut membuat hyperlink : ketik “a” lalu tekan tombol Tab

Lengkapnya sbb:

<!DOCTYPE html>

<html>

<head>

<title>Hyperlink - Halaman 1</title>

</head>

<body>

<p>klik <a href="http://google.com">di sini</a> untuk mengetahui info lebih lanjut</p>

</body>

</html>

7. Cara Menyisipkan Gambar

· Menggunakan tag <img src=” “> dengan menulis “img” dan menekan Tab

· Buat folder baru “latihan5”, buat file baru “image.html”

· Kopikan sebuah gambar ke dalam folder “latihan5” misalnya nama file gambar: logo.png

· Buat struktur dasar html

· Judul halaman “image”

Lengkapnya sbb:

<!DOCTYPE html>

<html>

<head>

<title>Image</title>

</head>

<body>

<img src=”logo.png“>

</body>

</html>

Demikian semoga bermanfaat.

Tulisan ini disarikan dari: kanal Youtube Web Programming Unpad

Monday 25 December 2023

Cara Upload Nilai ke RDM (Rapor Digital Madrasah)

 

tampilan website Rapor Digital Madrasah Kemenag

Cara Upload Nilai Siswa ke Rapor Digital Madrasah (RDM) - Ada dua cara untuk menginput nilai-nilai siswa ke aplikasi Rapor Digital Madrasah (RDM), yaitu langsung dimasukkan secara manual satu per satu, atau mengisikan sekaligus dengan cara meng-upload daftar nilainya.

Cara pertama tentunya sangat ribet dan memakan waktu yang tidak sebentar, sementara cara kedua sangat simpel dan tidak memakan waktu lama, kita tinggal meng-upload sekaligus seluruh nilai siswa.
Dalam tutorial kali ini penulis akan menjelaskan cara yang kedua, bagaimana caranya simak sampai selesai.


Login ke RDM dengan menuliskan IP address di browser

Pertama yang harus dilakukan adalah men-download template-nya, jadi kita harus login dulu ke RDM-nya, untuk masuk ke RDM seorang guru atau wali kelas harus menuliskan IP address di kolom peramban (browser), mengisikan username berupa NUPTK, PegID atau bisa juga dengan NIK, dan juga password.

IP address, Username dan password biasanya sudah diberi tahu oleh operator sekolah masing-masing.


Menuju halaman dashboard dan memilih rombel

Setelah login berhasil kita dibawa ke halaman Dashboard yang berisi data diri guru/wali kelas. Klik bagian mata pelajaran yang akan diisi nilainya, kolom ini berada di bagian kiri. Misalnya kita sebagai guru informatika, kita klik INFO-Informatika, maka akan muncul rombongan kelas (rombel) misalnya VII A, VII B, VII C.

Klik salah satu rombel (misalnya VII A) maka kita akan dibawa ke halaman Beranda yang berisi Rincian Kelas, di baris atas ada menu Beranda, Bobot, dan Penilaian.


Menuju Beranda dan meng-klik menu Penilaian

Untuk mengambil atau mengunduh template nilai klik menu Penilaian. Maka akan diarahkan ke halaman Penilaian Kurikulum Merdeka yang berisi data siswa dan nilai yang masih kosong. Di sebelah kanan atas ada menu Sumatif, PAS/PAT, Kirim.

Jadi ada dua template nilai yang akan kita download yaitu template nilai Sumatif (harian) dan template nilai PAS/PAT.


Klik menu Sumatif, pilih Export, tentukan lokasi penyimpanan

Pertama klik Sumatif maka akan muncul halaman Nilai Sumatif Lingkup Materi, di mana terdapat menu Kembali, Tambah, Upload, dan Export. Nah tombol Export inilah yang harus diklik untuk mengunduh template, setelah diklik otomatis meminta lokasi penyimpanan di laptop atau PC, jangan lupa semua rombel diambil templatenya.


Mengisi nilai Sumatif (SUM) dan hasil Penilaian Akhir Semester (PAS)

Template yang kita dapatkan bisa dibuka dan diisi dengan nilai Sumatif 1 (SUM1), nilai Sumatif 1 (SUM2) dan seterusnya, jangan lupa tulis Materi di setiap penilaian sumatif.

Untuk template nilai PAS kita hanya mengisi 1 sheet nilai hasil Penilaian Akhir Semester (PAS1).

Bila kedua template ini sudah diisi lengkap dengan nilai-nilai siswa kelas VII A, lanjutkan dengan template kelas VII B, VII C, dan seterusnya.

Template-template ini sudah siap untuk di-upload, simpan di lokasi yang mudah dicari, di flashdisk atau di desktop laptop.


Login ulang dan tentukan bobot nilainya

Lakukan login ulang ke RDM (kecuali belum logout). Klik mapel > kelas. Sebelum mengupload tentukan dulu bobot nilainya: misalnya 70% sumatif dan 30% PAS, klik tombol Simpan.


Meng-upload nilai siswa di menu Penilaian

Klik menu Penilaian > Sumatif > Upload > akan muncul jendela Upload Nilai, klik pada area dengan logo panah di dalam awan (Letakkan File atau Klik Disini untuk upload) lalu cari template nilai sumatif yang sudah diisi lalu klik Open, tunggu sampai muncul notifikasi progress, sukses dan tanda centang di bawah status. Bila notifikasi sudah muncul klik tombol Close, otomatis semua nilai sumatif terisi semua.

Giliran nilai PAS: klik menu PAS/PAT > klik Upload, tahapannya akan sama seperti pada upload nilai sumatif.

Begitulah kira-kira cara meng-upload nilai siswa ke RDM. Semoga bermanfaat.***


Sunday 26 November 2023

7 Situs Web Penyedia Sumber Belajar Animasi untuk Anak


Scratch web penyedia belajar animasi anak

7 Situs Web Penyedia Sumber Belajar Animasi untuk Anak -Berikut adalah daftar 7 situs web yang menyediakan sumber belajar animasi untuk anak-anak:

  1. Scratch (https://scratch.mit.edu/)

    • Scratch adalah platform pemrograman visual yang memungkinkan anak-anak membuat animasi, permainan, dan proyek kreatif lainnya tanpa harus menguasai pemrograman tradisional.
  2. ABCmouse (https://www.abcmouse.com/)

    • ABCmouse menyediakan pembelajaran interaktif untuk anak-anak, termasuk sumber belajar animasi yang memudahkan mereka untuk membuat dan mengedit karakter animasi.
  3. Tynker (https://www.tynker.com/)

    • Tynker adalah platform pembelajaran pemrograman untuk anak-anak. Tynker menawarkan modul belajar animasi yang menyenangkan dan interaktif.
  4. Khan Academy Kids (https://kids.khanacademy.org/)

    • Khan Academy Kids menyediakan sumber daya pembelajaran yang menyenangkan dan interaktif, termasuk video pembelajaran animasi yang dirancang khusus untuk anak-anak.

  1. Stop Motion Studio (https://www.cateater.com/)

    • Stop Motion Studio adalah aplikasi yang memungkinkan anak-anak membuat animasi stop-motion dengan mudah. Di sini pengguna dapat mengambil gambar, menambahkan efek, dan membuat cerita sendiri.

  1. PBS Kids ScratchJr (https://pbskids.org/scratchjr/)

    • PBS Kids ScratchJr merupakan versi Scratch yang dirancang khusus untuk anak-anak prasekolah. Memberikan dasar pemrograman dan animasi dengan cara yang ramah anak-anak.

    • Blockly Games menggunakan pemrograman visual untuk mengajarkan konsep-konsep dasar pemrograman kepada anak-anak melalui permainan yang menyenangkan dan menantang.

Pastikan untuk mengevaluasi setiap platform sesuai dengan kebutuhan dan keamanan anak-anak, serta memberikan pengawasan selama proses pembelajaran animasi.***