Minggu, 18 Februari 2024

RPS Pemrograman Aplikasi

Mata Kuliah : Pemrograman Aplikasi

Pemrograman Aplikasi dengan HTML: Dasar-Dasar dan Penerapannya

HTML (Hypertext Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan merancang halaman web. HTML memainkan peran yang sangat penting dalam dunia pemrograman web karena tanpa HTML, sebuah halaman web tidak akan dapat ditampilkan di browser. Artikel ini bertujuan untuk membahas dasar-dasar HTML sebagai materi kuliah dalam pemrograman aplikasi.

1. Apa Itu HTML?

HTML adalah bahasa markup yang digunakan untuk menyusun struktur dasar sebuah halaman web. HTML memungkinkan pengembang web untuk menyisipkan teks, gambar, tautan, form, tabel, dan elemen-elemen lainnya yang akan ditampilkan di browser. HTML tidak seperti bahasa pemrograman, karena HTML hanya bertugas untuk mendefinisikan elemen-elemen halaman dan bagaimana elemen-elemen tersebut ditata.

2. Struktur Dasar HTML

Setiap dokumen HTML memiliki struktur dasar yang harus ada agar dapat dikenali oleh browser. Struktur dasar HTML terdiri dari beberapa elemen penting:

  • <!DOCTYPE html>: Menandakan bahwa dokumen ini adalah HTML5.
  • <html>: Elemen utama yang membungkus seluruh konten halaman.
  • <head>: Bagian dari dokumen HTML yang berisi metadata, seperti judul halaman dan referensi ke file CSS dan JavaScript.
  • <title>: Menentukan judul halaman yang muncul di tab browser.
  • <body>: Berisi semua konten yang akan ditampilkan kepada pengguna, seperti teks, gambar, dan tautan.

Contoh struktur HTML sederhana:

<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

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

    <title>Contoh Halaman HTML</title>

</head>

<body>

    <h1>Selamat Datang di Halaman Web</h1>

    <p>Ini adalah contoh penggunaan HTML untuk membuat halaman web.</p>

</body>

</html>

3. Elemen HTML yang Paling Umum

HTML menggunakan berbagai elemen atau tag untuk mengatur konten di halaman web. Berikut adalah beberapa elemen HTML yang paling sering digunakan:

ü  <h1> hingga <h6>: Digunakan untuk membuat heading (judul). <h1> adalah heading terbesar, sementara <h6> adalah yang terkecil.

ü  <p>: Digunakan untuk membuat paragraf teks.

ü  <a>: Digunakan untuk membuat hyperlink.

ü  <img>: Menampilkan gambar di halaman.

ü  <ul> dan <ol>: Digunakan untuk membuat daftar tak terurut (unordered list) dan daftar terurut (ordered list).

ü  <form>: Digunakan untuk membuat form input bagi pengguna.

Contoh elemen-elemen HTML:

<h2>Daftar Belanja</h2>

<ul>

    <li>Apel</li>

    <li>Pisang</li>

    <li>Jeruk</li>

</ul>

4. Pengenalan Atribut HTML

Atribut HTML memberikan informasi tambahan kepada elemen HTML. Atribut ditulis di dalam tag pembuka dan biasanya memiliki format nama="nilai". Beberapa atribut yang sering digunakan adalah:

ü  href: Atribut untuk menentukan alamat URL di tag <a>.

ü  src: Atribut untuk menentukan sumber gambar di tag <img>.

ü  alt: Atribut untuk memberikan deskripsi alternatif jika gambar gagal dimuat.

ü  id dan class: Digunakan untuk memberikan identifikasi atau kelas untuk penataan CSS.

Contoh penggunaan atribut:

<a href="https://www.google.com">Kunjungi Google</a>

<img src="gambar.jpg" alt="Gambar Contoh">

5. Pemrograman Aplikasi dengan HTML

HTML bukan hanya tentang menyusun halaman statis, tetapi juga dapat diintegrasikan dengan CSS dan JavaScript untuk membuat aplikasi web yang lebih dinamis dan interaktif. Berikut ini adalah beberapa penerapan HTML dalam pengembangan aplikasi:

ü  Formulir Pengguna: HTML digunakan untuk membuat formulir pengumpulan data, seperti formulir login, registrasi, dan feedback.

ü  Tabel Data: HTML memungkinkan pembuatan tabel untuk menampilkan data dalam format yang rapi.

ü  Integrasi dengan CSS dan JavaScript: CSS digunakan untuk mengatur desain dan tata letak halaman, sementara JavaScript digunakan untuk menambahkan interaktivitas.

Contoh form login dengan HTML:

<form action="/submit" method="POST">

    <label for="username">Username:</label>

    <input type="text" id="username" name="username">

    <label for="password">Password:</label>

    <input type="password" id="password" name="password">

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

</form>

6. Praktik Terbaik dalam Pemrograman HTML

Untuk memastikan aplikasi web berjalan dengan baik dan efisien, berikut adalah beberapa praktik terbaik dalam pemrograman HTML:

ü  Validasi HTML: Gunakan alat validasi HTML untuk memastikan kode Anda bebas dari kesalahan dan kompatibel dengan berbagai browser.

ü  Aksesibilitas: Pastikan bahwa halaman web dapat diakses oleh semua pengguna, termasuk mereka yang memiliki disabilitas.

ü  SEO (Search Engine Optimization): Gunakan elemen seperti <meta> dan struktur URL yang baik untuk meningkatkan peringkat halaman web di mesin pencari.

ü  Penggunaan Elemen Semantik: Gunakan elemen semantik seperti <article>, <section>, dan <footer> untuk meningkatkan pemahaman mesin pencari dan aksesibilitas.

7. Kesimpulan

HTML adalah dasar dari setiap aplikasi web, dan memahami penggunaannya sangat penting untuk pengembangan aplikasi berbasis web. Dengan pemahaman yang baik tentang struktur dan elemen HTML, Anda dapat mulai membangun halaman web statis dan mengintegrasikannya dengan CSS dan JavaScript untuk menciptakan aplikasi web yang lebih dinamis dan interaktif.

Dengan penguasaan HTML, Anda dapat mulai merancang antarmuka pengguna untuk aplikasi yang lebih kompleks, termasuk penggunaan formulir untuk pengumpulan data, tabel untuk penyajian data, serta integrasi dengan teknologi modern seperti CSS dan JavaScript untuk menciptakan pengalaman pengguna yang menyenangkan.



untuk download RPS Mata Kuliah >>>>>> download RPS

Senin, 12 Februari 2024

Algoritma dan Pemrograman




Apa yang anda ketahui tentang Algoritma ? Apa saja ciri-ciri Algoritma yang baik? yuk kita bahas di kolom komentar ya


Selasa, 06 Februari 2024

RPS Algoritma dan Pemrograman UIN Gusdur



Salah satu kewajiban seorang Dosen pada perguruan Tinggi ialah Mengajar. Mengajar merupakan satu dari tiga kewajiban Tridharma Perguruan Tinggi. Mata kuliah Algoritma dan Pemrograman merupakan salah satu Mata Kuliah yang ada pada Prodi Tadris Matematika UIN  Gusdur Pekalongan. Mata Kuliah ini membahas mengenai bahasa Algoritma dan pemrograman.  Bahasa pemrograman yang digunakan dalam pembelajaran ini ialah C++. dimana C++  merupakan Bahasa pemrograman yang menjadi salah satu bahasa yang paling banyak digunakan hingga saat ini. Sejak di rilis pertama kali tahun 1985 oleh Bjarne Stroustrup, C++ berkembang menjadi multi purpose programming language yang bisa dipakai untuk membuat berbagai aplikasi, terutama aplikasi desktop.

Bahasa C++ sendiri adalah pengembangan dari bahasa C yang sudah lebih dulu populer. Salah satu perbedaan mendasar antara C dan C++ ada di dukungan ke pemrograman berorientasi object (object oriented programming). Bahasa C++ sudah mendukung pemrograman berbasis object yang diperlukan untuk membuat aplikasi kompleks. Bahasa C++ juga menjadi inspirasi dari banyak bahasa pemrograman modern, terutama C#, Java, PHP dan JavaScript. Jika anda sudah mempelajari bahasa C++, akan sangat mudah beralih ke bahasa pemrograman tersebut.



Adapun Capaian Pembelajaran (CP) Mata Kuliah Algoritma dan pemrograman sesuai uraian SKL (Standar Kompetensi Lulusan) dan CPL (Capaian Pembelajaran Lulusan) Prodi Jenjang Sarjana pada PTK dan FAI pada PT yang disusun oleh Direktorat Pendidikan Tinggi Keagamaan Islam Dirjen Pendis Kemenag ialah sebagai berikut : 

 

CP Prodi :


S.9.    Menunjukkan sikap bertanggungjawab atas pekerjaan di bidang keahliannya secara mandiri;

S.18.  Menginternalisasi semangat kemandirian/kewirausahaan dan inovasi dalam pembelajaran bidang Matematika pada satuan pendidikan sekolah/madrasah (SMP/MTs/SMA/MA/MK/MAK);

P.15. Menerapkan teknologi informasi dan komunikasi dalam perencanaan pembelajaran, penyelenggaraan pembelajaran, evaluasi pembelajaran dan pengelolaan pembelajaran matematika;

P.19.   Menguasai integrasi teknologi, pedagogi, muatan keilmuan dana/atau keahlian, serta komunikasi dalam pembelajaran matematika;

KU.1. Mampu menerapkan pemikiran logis, kritis, sistematis, dan inovatif dalam kontek pengembangan atau implementasi ilmu pengetahuan dan  teknologi yang memperhatikan dan menerapkan nilai humaniora yang sesuai dengan bidang keahliannya;

KU.10. Menunjukkan kemampuan literasi informasi, media dan memanfaatkan teknologi informasi dan komunikasi untuk pengembangan keilmuan dan kemampuan kerja;

KK.3.  Mampu memanfaatkan teknologi informasi dan komunikasi secara efektif dan berdaya guna untuk pembelajaran bidang matematika;


CP-MK:

Setelah menyelesaikan mata kuliah ini, mahasiswa diharapkan mampu menganalisis dan merancang algoritma serta membuat program (khususnya menggunakan tipe data dasar) dengan menggunakan salah satu bahasa pemrograman


download RPS

Selasa, 28 November 2023

Memahami IMRaD: Struktur Utama dalam Penulisan Artikel Ilmiah

Dalam dunia akademik, kualitas sebuah artikel ilmiah tidak hanya ditentukan oleh kebaruan temuan, tetapi juga oleh cara penelitian tersebut disajikan. Informasi yang baik harus disusun secara sistematis agar pembaca dapat memahami masalah penelitian, menilai ketepatan metode, mencermati hasil, dan mengikuti proses interpretasi penulis. Salah satu struktur yang paling luas digunakan untuk tujuan tersebut adalah IMRaD.

IMRaD merupakan akronim dari Introduction, Methods, Results, and Discussion. Huruf “a” ditulis kecil karena berasal dari kata penghubung and dan bukan merupakan bagian tersendiri dalam struktur artikel. Format ini banyak digunakan dalam artikel penelitian empiris, terutama pada bidang kesehatan, sains, teknologi, pendidikan, ilmu sosial, dan berbagai disiplin lain yang menyajikan data penelitian secara terstruktur.

 Mengapa Struktur IMRaD Penting?

IMRaD tidak sekadar menjadi format teknis dalam penulisan artikel. Struktur ini mencerminkan alur dasar proses penelitian ilmiah. Penelitian dimulai dengan identifikasi masalah, dilanjutkan dengan pemilihan metode, pengumpulan dan analisis data, penyajian hasil, serta penafsiran terhadap temuan.

International Committee of Medical Journal Editors menjelaskan bahwa struktur IMRaD membantu mengorganisasi laporan penelitian ke dalam bagian-bagian yang memiliki fungsi berbeda, tetapi saling berkaitan. Dengan struktur ini, pembaca dapat mengikuti logika penelitian secara lebih mudah, mulai dari alasan penelitian dilakukan hingga makna ilmiah dari hasil yang diperoleh.

Introduction: Menjelaskan Masalah dan Tujuan Penelitian

Bagian Introduction atau pendahuluan memberikan dasar bagi keseluruhan artikel. Pada bagian ini, penulis menjelaskan konteks masalah, pentingnya topik yang diteliti, perkembangan penelitian sebelumnya, dan kesenjangan pengetahuan yang masih belum terjawab.

Pendahuluan yang baik tidak hanya memuat informasi umum. Bagian ini harus mengarahkan pembaca menuju persoalan penelitian secara bertahap. Penulis perlu menunjukkan apa yang telah diketahui, apa yang belum diketahui, serta alasan penelitian baru perlu dilakukan.

Pada bagian akhir pendahuluan, tujuan penelitian biasanya dinyatakan secara jelas. Dalam beberapa artikel, penulis juga mencantumkan pertanyaan penelitian atau hipotesis yang akan diuji.

Secara umum, bagian Introduction menjawab pertanyaan:

Mengapa penelitian ini perlu dilakukan?

Methods: Menjelaskan Cara Penelitian Dilaksanakan

Bagian Methods menjelaskan prosedur yang digunakan untuk menghasilkan data dan menjawab pertanyaan penelitian. Informasi dalam bagian ini harus cukup rinci agar pembaca dapat menilai validitas penelitian dan, apabila diperlukan, melakukan replikasi.

Isi bagian metode dapat berbeda sesuai pendekatan penelitian. Namun, secara umum, bagian ini mencakup desain penelitian, lokasi dan waktu penelitian, populasi dan sampel, subjek atau informan, instrumen, teknik pengumpulan data, prosedur pelaksanaan, serta teknik analisis data.

Dalam penelitian kuantitatif, bagian metode dapat memuat variabel, teknik sampling, pengujian instrumen, dan analisis statistik. Dalam penelitian kualitatif, bagian ini dapat mencakup pemilihan informan, teknik wawancara, observasi, dokumentasi, prosedur pengodean, dan pemeriksaan keabsahan data.

Bagian Methods pada dasarnya menjawab pertanyaan:

Bagaimana penelitian ini dilakukan?

Results: Menyajikan Temuan Penelitian

Bagian Results menyajikan hasil yang diperoleh setelah data dikumpulkan dan dianalisis. Temuan dapat disampaikan dalam bentuk uraian, tabel, grafik, diagram, gambar, maupun hasil pengujian statistik.

Pada bagian ini, penulis berfokus pada penyajian fakta. Hasil sebaiknya disusun berdasarkan tujuan penelitian, pertanyaan penelitian, hipotesis, atau urutan analisis yang telah ditetapkan. Penyajian yang terstruktur membantu pembaca menemukan informasi utama tanpa harus menafsirkan data yang tidak relevan.

Tabel dan gambar dapat digunakan untuk memperjelas informasi, tetapi tidak seharusnya hanya mengulang seluruh isi narasi. Narasi perlu menyoroti temuan yang paling penting, sedangkan tabel atau grafik memberikan rincian data yang mendukung.

 

Bagian Results menjawab pertanyaan:

Apa yang ditemukan dalam penelitian?

Discussion: Menafsirkan Makna Temuan

Bagian Discussion merupakan ruang bagi penulis untuk menjelaskan arti dari hasil penelitian. Pada bagian ini, temuan tidak hanya disajikan, tetapi dianalisis dan dihubungkan dengan teori, konsep, serta penelitian terdahulu.

Pembahasan yang baik menjelaskan apakah hasil penelitian mendukung atau berbeda dari temuan sebelumnya. Penulis juga perlu menerangkan faktor-faktor yang mungkin menyebabkan persamaan atau perbedaan tersebut.

Selain interpretasi hasil, bagian pembahasan dapat mencakup kontribusi teoretis, implikasi praktis, keterbatasan penelitian, serta rekomendasi untuk penelitian berikutnya. Penulis perlu menjaga agar interpretasi tetap didasarkan pada data dan tidak melampaui ruang lingkup penelitian.

 

Bagian Discussion menjawab pertanyaan:

Apa makna dari hasil penelitian tersebut?

 

Hubungan Antarbagian dalam IMRaD

Keempat bagian dalam IMRaD membentuk satu kesatuan yang saling berhubungan. Pendahuluan merumuskan masalah dan tujuan. Metode menjelaskan cara tujuan tersebut dicapai. Hasil menyajikan temuan yang diperoleh. Pembahasan menafsirkan arti dan kontribusi temuan tersebut.

 

Hubungan ini dapat diringkas sebagai berikut:

Introduction: mengapa penelitian dilakukan;

Methods: bagaimana penelitian dilaksanakan;

Results: apa yang ditemukan;

Discussion: apa makna dari temuan tersebut.

 

Apabila hubungan antarbagian tersusun dengan baik, artikel akan memiliki alur argumentasi yang jelas. Sebaliknya, ketidaksesuaian antara tujuan, metode, hasil, dan pembahasan dapat mengurangi kekuatan ilmiah sebuah naskah.

Manfaat IMRaD dalam Publikasi Ilmiah

Penggunaan struktur IMRaD memberikan sejumlah manfaat bagi penulis, pembaca, editor, dan penelaah jurnal. Bagi penulis, format ini membantu mengorganisasi gagasan dan data secara terarah. Bagi pembaca, IMRaD mempermudah pencarian informasi tertentu tanpa harus membaca seluruh artikel dari awal.

Bagi editor dan penelaah, struktur yang konsisten memudahkan evaluasi terhadap kejelasan masalah, ketepatan metode, validitas hasil, dan kekuatan interpretasi. Struktur ini juga mendukung transparansi penelitian karena setiap tahap dijelaskan pada bagian yang sesuai.

Meskipun demikian, IMRaD bukan aturan yang sepenuhnya kaku. Beberapa jurnal dapat menggabungkan bagian hasil dan pembahasan atau menambahkan bagian khusus, seperti tinjauan pustaka, kesimpulan, implikasi, dan keterbatasan penelitian. Oleh karena itu, penulis tetap perlu mengikuti pedoman jurnal yang dituju.

Kesimpulan

IMRaD merupakan struktur utama dalam penulisan artikel penelitian yang terdiri atas Introduction, Methods, Results, and Discussion. Struktur ini membantu menyajikan penelitian secara sistematis, logis, transparan, dan mudah ditelaah.

Melalui IMRaD, pembaca dapat memahami alasan penelitian dilakukan, prosedur yang digunakan, hasil yang diperoleh, serta makna ilmiah dari temuan tersebut. Karena kemampuannya dalam merepresentasikan alur penelitian secara jelas, IMRaD telah menjadi salah satu format yang paling luas digunakan dalam komunikasi dan publikasi ilmiah internasional.

Referensi :

1. International Committee of Medical Journal Editors. (n.d.). Preparing a manuscript for submission to a medical journal. ICMJE. 

2. Jawaid, S. A., & Jawaid, M. (2019). How to write introduction and discussion. Saudi Journal of Anaesthesia, 13(Suppl 1), S18–S19. 

3. Sollaci, L. B., & Pereira, M. G. (2004). The introduction, methods, results, and discussion (IMRAD) structure: A fifty-year survey. Journal of the Medical Library Association, 92(3), 364–367.