MSIM4203 - Modul 03 | Sabs UTDocs

Instalasi dan Penggunaan draw.io

Modul ini membahas instalasi dan penggunaan software draw.io untuk membuat diagram dan flowchart. draw.io tersedia dalam versi online dan desktop.

A. Mendapatkan Software draw.io

draw.io dapat diakses secara gratis baik sebagai aplikasi online maupun desktop. Untuk versi desktop, unduh dari https://about.draw.io/integrations/. Proses instalasi melibatkan pengunduhan file .exe (untuk Windows) dan menjalankannya sebagai administrator.

B. Fitur Dasar draw.io

Setelah instalasi, pengguna dapat membuat diagram baru (Create New Diagram) atau membuka diagram yang sudah ada (Open Existing Diagram). Aplikasi ini juga mendukung berbagai bahasa, termasuk Bahasa Indonesia.

draw.io memiliki 6 menu utama:

File: Mengatur dokumen (new, save, open, export).
Edit: Mengedit objek (undo, redo, cut, copy, paste, duplicate).
View: Mengatur tampilan lembar kerja (page view, grid, zoom in/out).
Arrange: Mengatur posisi dan orientasi objek (to Front, to Back, Group, Ungroup, Rotate).
Extras: Berisi fitur tambahan lain.
Help: Bantuan penggunaan aplikasi.

D. Bekerja dengan Objek Flowchart

Menambahkan Objek: Pilih objek dari palet Flowchart (misalnya, Terminator, Process) dan seret ke lembar kerja.
Menghubungkan Objek: Aktifkan objek, lalu klik tanda panah yang muncul untuk menarik koneksi ke objek lain.
Menambahkan Teks: Klik dua kali pada objek untuk menambahkan atau mengedit teks di dalamnya.
Mengubah Ukuran Objek: Pilih objek, lalu seret bulatan kecil berwarna biru di sekeliling objek untuk mengubah ukurannya.

Instalasi dan Penggunaan IDE Eclipse untuk Java

Bagian ini membahas instalasi dan penggunaan IDE Eclipse untuk pengembangan program Java.

A. Apa itu IDE Eclipse?

Eclipse adalah Integrated Development Environment (IDE) lintas platform yang mendukung berbagai bahasa pemrograman, meskipun awalnya dirancang untuk Java. Eclipse menyediakan fitur yang mempercepat pengembangan perangkat lunak, seperti dokumentasi dan pengujian.

B. Mengunduh IDE Eclipse

Untuk mendapatkan versi Eclipse, kunjungi https://www.eclipse.org/downloads/packages/installer. Pilih versi yang diinginkan (misalnya, Eclipse SimRel) dan unduh file instalasinya.

C. Instalasi IDE Eclipse

Pastikan file instalasi (eclipse-inst-win64.exe) sudah terunduh dan komputer terkoneksi internet.
Jalankan sebagai administrator.
Pilih paket "Eclipse IDE for Java Developers".
Pilih lokasi instalasi (misalnya, C:\eclipse\java-2018-09).
Setelah instalasi selesai, klik "LAUNCH" untuk menjalankan Eclipse.
Pilih lokasi workspace (tempat file proyek Java akan disimpan).

D. Membuat Program Java Pertama di Eclipse

Jalankan Eclipse.
Pilih File → New → Java Project. Beri nama Aplikasi_Pertama.
Dalam proyek Aplikasi_Pertama, klik kanan pada folder src dan pilih New → Class. Beri nama HaloJava.

Masukkan kode berikut ke dalam file HaloJava.java:

public class HaloJava {
    public static void main(String[] args) {
        System.out.println("Halo Java");
    }
}

Simpan file (File → Save atau Ctrl+S).
Jalankan program (Run → Run atau Ctrl+F11).
Output "Halo Java" akan muncul di tab Console.

E. Shortcut Penting di Eclipse

Eclipse menyediakan berbagai shortcut untuk mempercepat pekerjaan:

Alt+Shift+N: Membuat file baru/proyek baru.
Ctrl+S: Menyimpan file.
Ctrl+F11: Menjalankan program.
Ctrl+D: Menghapus baris atau beberapa baris.
Ctrl+/: Membuat/membatalkan komentar.
Ctrl+H: Membuka dialog pencarian.
Ctrl+E: Navigasi antar editor.
Ctrl+Shift+O: Mencari ruang kerja untuk referensi.
Ctrl+I: Pergi ke baris tertentu.
Ctrl+F: Pencarian.
Ctrl+Q: Pergi ke lokasi editing terakhir.

Poin Penting

draw.io adalah software gratis untuk membuat diagram dan flowchart, tersedia versi online dan desktop.
Versi desktop draw.io didownload dari https://about.draw.io/integrations/.
Menu utama draw.io meliputi File, Edit, View, Arrange, Extras, dan Help.
Objek flowchart dapat ditambahkan, dihubungkan, diberi teks, dan diubah ukurannya di draw.io.
Eclipse adalah IDE populer untuk pengembangan Java dan mendukung berbagai platform.
Eclipse menyediakan fitur IntelliSense untuk membantu penulisan kode dan mengurangi kesalahan.
Untuk membuat program Java "Halo Java" di Eclipse, buat Java Project, Class, tambahkan main method beserta System.out.println("Halo Java");, lalu jalankan.
Berbagai shortcut di Eclipse seperti Ctrl+S, Ctrl+F11, Ctrl+D, Ctrl+/ meningkatkan efisiensi coding.

## Tes Formatif 1 — Kegiatan Belajar 1

<SoalFormatif
  nomor={1}
  kb="Kegiatan Belajar 1"
  soal={[
    {
      no: 1,
      pertanyaan:
        "Berikut adalah fitur yang ada pada software draw.io, kecuali...",
      opsi: [
        { key: "A", text: "tersedia secara online" },
        { key: "B", text: "online mendukung HTML5" },
        { key: "C", text: "penyimpanan berkas online dan offline" },
        { key: "D", text: "tersedia hanya berbayar" },
      ],
      jawaban: "D",
      alasan:
        "draw.io disediakan secara bebas dan gratis, baik versi online maupun offline (desktop).",
    },
    {
      no: 2,
      pertanyaan: "Fungsi hotkey Ctrl+N adalah untuk...",
      opsi: [
        { key: "A", text: "menyimpan file" },
        { key: "B", text: "membuka file" },
        { key: "C", text: "membuat file baru" },
        { key: "D", text: "preview file" },
      ],
      jawaban: "C",
      alasan:
        "Ctrl+N adalah shortcut umum untuk membuat file baru di banyak aplikasi, termasuk draw.io.",
    },
    {
      no: 3,
      pertanyaan:
        "Menu yang berfungsi untuk mengolah dokumen, misalnya membuka dokumen lama, menyimpan dengan nama lain, mencetak dokumen adalah...",
      opsi: [
        { key: "A", text: "File" },
        { key: "B", text: "Edit" },
        { key: "C", text: "View" },
        { key: "D", text: "Arrange" },
      ],
      jawaban: "A",
      alasan:
        "Menu File umumnya mengelola operasi dasar dokumen seperti new, open, save, save as, dan print.",
    },
    {
      no: 4,
      pertanyaan:
        "Fungsi untuk membuat suatu objek berada di paling atas dari tumpukan objek yang lain adalah...",
      opsi: [
        { key: "A", text: "toBack" },
        { key: "B", text: "toFront" },
        { key: "C", text: "toLeft" },
        { key: "D", text: "toRight" },
      ],
      jawaban: "B",
      alasan:
        "Fungsi toFront digunakan untuk mengubah urutan tumpukan objek agar objek terpilih berada di paling depan.",
    },
    {
      no: 5,
      pertanyaan:
        "Sub menu yang berfungsi untuk mengatur objek secara berkelompok adalah...",
      opsi: [
        { key: "A", text: "Group" },
        { key: "B", text: "Ungroup" },
        { key: "C", text: "Layout" },
        { key: "D", text: "Navigation" },
      ],
      jawaban: "A",
      alasan:
        "Sub menu Group (Ctrl+G) berfungsi untuk mengelompokkan beberapa objek menjadi satu kesatuan.",
    },
  ]}
/>

<SoalFormatif
  nomor={2}
  kb="Kegiatan Belajar 2"
  soal={[
    {
      no: 1,
      pertanyaan:
        "Berikut adalah fitur yang ada pada software Eclipse, kecuali...",
      opsi: [
        { key: "A", text: "berbasis open source" },
        { key: "B", text: "IntelliSense" },
        { key: "C", text: "Cross Platform" },
        { key: "D", text: "berbayar" },
      ],
      jawaban: "D",
      alasan: "Eclipse adalah IDE open source dan gratis, tidak berbayar.",
    },
    {
      no: 2,
      pertanyaan: "Hotkeys Ctrl+S di Eclipse berfungsi untuk...",
      opsi: [
        { key: "A", text: "menyimpan file" },
        { key: "B", text: "membuka file" },
        { key: "C", text: "membuat file baru" },
        { key: "D", text: "mencetak file pada printer" },
      ],
      jawaban: "A",
      alasan:
        "Ctrl+S adalah shortcut standar untuk menyimpan file di sebagian besar aplikasi, termasuk Eclipse.",
    },
    {
      no: 3,
      pertanyaan:
        "Shortcut Eclipse untuk menghapus baris atau beberapa baris adalah...",
      opsi: [
        { key: "A", text: "Ctrl+/" },
        { key: "B", text: "Ctrl+D" },
        { key: "C", text: "Ctrl+H" },
        { key: "D", text: "Ctrl+E" },
      ],
      jawaban: "B",
      alasan:
        "Shortcut Ctrl+D digunakan untuk menghapus baris atau beberapa baris yang terpilih di Eclipse.",
    },
    {
      no: 4,
      pertanyaan:
        "Untuk membuat komentar atau membatalkan komentar, shortcut yang digunakan adalah...",
      opsi: [
        { key: "A", text: "Ctrl+/" },
        { key: "B", text: "Ctrl+D" },
        { key: "C", text: "Ctrl+H" },
        { key: "D", text: "Ctrl+E" },
      ],
      jawaban: "A",
      alasan:
        "Shortcut Ctrl+/ toggles (mengaktifkan/menonaktifkan) komentar pada baris kode yang terpilih di Eclipse.",
    },
    {
      no: 5,
      pertanyaan:
        "Berikut adalah aplikasi-aplikasi yang termasuk kategori IDE, kecuali...",
      opsi: [
        { key: "A", text: "Netbeans" },
        { key: "B", text: "Eclipse" },
        { key: "C", text: "BlueJ" },
        { key: "D", text: "draw.io" },
      ],
      jawaban: "D",
      alasan:
        "draw.io adalah aplikasi untuk membuat diagram dan flowchart, bukan Integrated Development Environment (IDE) untuk pengembangan perangkat lunak.",
    },
  ]}
/>

MSIM4203 - Modul 03