Scribd Logo
Unggah

Selamat datang di Scribd!

  • Persiapan Usp Informatika: Guru: Ista Rahma Nissa, S.Kom

    Diunggah oleh

    kabir maulana
    13 tayangan58 halaman

    Judul Asli

    Untitled

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    13 tayangan58 halaman

    Persiapan Usp Informatika: Guru: Ista Rahma Nissa, S.Kom

    Diunggah oleh

    kabir maulana

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 58

    PERSIAPAN USP

    INFORMATIKA
    Guru : Ista Rahma Nissa, S.Kom
    TOPIK MATERI

    01 03
    PENGANTAR MIKROKONTROLER
    OFFICE

    02 04
    DAMPAK SOSIAL WEB
    TIK PROGRAMMING
    01
    PENGANTAR OFFICE
    1Q
    MS. WORD

    Microsoft office word merupakan sistem pengolah kata


    yang digunakan untuk pembuatan dan pengeditan
    dokumen.

    Contoh dari penggunaan Ms. Word ini ada pembuatan


    surat, makalah, jurnal, dan lain-lain.
    1Q
    MS. EXCEL

    Microsoft Office Excel merupakan system pengolah


    angka dan berfungsi untuk melakukan perhitungan
    aritmatika dan statistika sehingga dapat membantu
    menyelesaikan permasalahan-permasalahan yang berbau
    logika dan matematika.

    Contoh dari penggunaan Ms. Word ini ada pencatatan


    keuangan, penyusunan anggaran keuangan, pembuatan
    laporan dalam bentuk tabel, grafik maupun diagram.
    1Q
    MS. POWERPOINT

    Microsoft Power Point berfungsi sebagai sarana untuk


    mempermudah melakukan presentasi dalam bentuk slide
    dengan fitur audio, video dan animasi serta template yang
    akan dipergunakan
    FORMAT DASAR APLIKASI OFFICE
    TITLE BAR
    1Q
    MENU BAR
    3Q
    GROUP
    1Q
    02
    DAMPAK SOSIAL TIK
    5Q 1E
    MACAM-MACAM TEKNOLOGI

    Bidang Ekonomi Bidang Informasi


    e-money dan e-commerce situs internet

    Bidang Pangan Bidang Komunikasi


    Aplikasi chatting
    Teknologi Pangan

    (Teknik dan prinsip dalam


    pemrosesan bahan pangan)
    03
    MIKROKONTROLER
    MIKROKONTROLER

    MIKRO CONTROLLER

    Kecil Pengendali
    1Q

    MIKROKONTROLER

    Komputer kecil yang dikemas


    dalam bentuk chip dan dirancang
    untuk melakukan tugas dan
    operasi tertentu
    1Q

    MIKROKONTROLER

    Robot adalah contoh paling umum


    dalam penggunaan mikrokontroler.
    Otak dari robot adalah
    mikrokontroler.
    MIKROKONTROLER

    Contoh lain penggunaan


    mikrokontroler dalam kehidupan
    sehari-hari =>
    1Q

    ARDUINO
    salah satu mikrokontroler yang banyak dipelajari
    dan digunakan, terutama untuk pemula.
    1Q
    1Q

    PIN DIGITAL

    Untuk membaca sinyal digital


    input/output bernilai HIGH/LOW.
    1Q

    TX - RX
    Digunakan untuk komunikasi data
    serial dengan perangkat lainnya.
    Contoh penggunaan modul Bluetooth
    1Q

    PIN ANALOG
    Untuk menerima inputan sinyal
    analog. Seringnya digunakan untuk
    menghubungkan sensor.
    1Q

    GND / GROUND
    GND digunakan sebagai penghubung
    ke sirkuit/alat, dan diartikan sebagai
    kutub negatif.
    1Q

    PIN 5V & 3.3V


    Pin output ini digunakan sebagai
    pemasok daya 5V ataupun 3.3V
    tergantung kebutuhan daya dari alat
    yang digunakan. Pin ini juga diartikan
    sebagai kutub positif.
    PIN VIN

    VIN digunakan apabila alat yang kita


    gunakan membutuhkan daya supply
    yang lebih tinggi. Maksimal
    tegangannya adalah 9V-12V
    KOMPONEN PENDUKUNG
    1Q

    led
    1Q

    resistor
    1Q

    breadboard
    1Q

    female to female male to male male to female

    Kabel jumper
    04
    WEB PROGRAMMING
    1Q

    PENGANTAR
    Web Programming atau
    Pemrograman Web merupakan istilah yang
    erat kaitannya dengan internet dan website.
    Karena pemrograman web merupakan suatu
    proses pembuatan website untuk keperluan
    internet.
    PENGANTAR
    Contoh tampilan website yang
    dibangun dengan skill web programming
    adalah seperti gambar disamping =>
    ALUR BELAJAR PEMROGRAMAN WEB 1Q

    Cascading Style Sheet

    CSS JavaScript

    1 2 3 4

    HTML PHP
    HyperText Markup Language Hypertext Preprocessor
    Apa itu HTML ?
    HTML itu adalah sebuah bahasa
    yang menggunakan markup atau penanda
    untuk membuat halaman web. Penanda atau
    markup ini, nanti akan kita sebut dengan Tag.
    STRUKTUR DASAR
    STRUKTUR DASAR

    Deklarasi
    Untuk menyatakan tipe dokumen dan versinya.

    HTML Head
    bagian kepala dari HTML

    Body
    bagian yang akan ditampilkan pada web browser
    STRUKTUR DASAR 3Q

    <!DOCTYPE html>

    <html>

    <head>
    <title> Belajar HTML </title>
    </head>

    <body>
    <p> Hello World! </p>
    </body>

    </html>
    TAG
    1Q

    <p> Hello World! </p>

    Tag pembuka Tag penutup


    Tag pembuka : <body>
    Tag penutup : </body>

    - Sepasang tag -
    <br> <hr>
    (Untuk membuat baris baru) (Untuk membuat garis horizontal)

    - Tag yang berdiri sendiri -


    JENIS DAN FUNGSI TAG 2E

    <html> <head> <title>


    Untuk memulai Untuk membuat bagian Untuk membuat judul
    dokumen html. head. web.

    <body> <h1>sampai<h6> <p>


    Untuk membuat bagian Untuk membuat Untuk membuat
    body. heading pada artikel. paragraph.
    ELEMEN
    1Q

    <p> Hello World! </p>

    Elemen
    1E

    <body>
    <p> Hello World! </p>
    <p> Saya belajar elemen </p>
    </body>

    Nested Elemen
    ( Elemen di dalam elemen )
    ATRIBUT
    ATRIBUT
    Atribut adalah kata khusus yang
    berada di dalam tag pembuka. Atribut juga
    disebut sebagai modifier yang akan
    menentukan perilaku dari elemen.
    2Q

    Nilai atribut

    <p align =“center”> Hello World! </p>

    Nama atribut
    CONTOH ATRIBUT

    align href src


    Untuk mengatur Untuk menentukan Atribut yang berisi
    perataan teks dengan alamat url tujuan link. alamat dari gambar yang
    berbagai nilai. akan ditampilkam

    border id class
    Untuk mengatur Untuk membuat Untuk memberikan penamaan
    ketebalan dari garis identifikasi pada setiap elemen yang memiliki
    tepi. elemen html. karakteristik/struktur.
    Apa itu CSS ?
    CSS (Cascade Style Sheet) adalah
    sebuah bahasa untuk mengatur tampilan web
    sehingga terlihat lebih menarik dan indah.

    Dengan CSS, kita dapat mengatur layout (tata


    letak), warna, font, garis, background, animasi, dan
    lain-lain..
    1Q

    Internal CSS adalah kode CSS yang ditulis di dalam


    tag <style>.

    - Internal CSS -
    Eksternal CSS adalah kode CSS yang ditulis
    terpisah dengan kode HTML.

    - Eksternal CSS -
    Inline CSS adalah kode CSS yang ditulis langsung
    pada atribut style di elemen HTML.

    - Inline CSS -
    1Q

    selector {
    properti1: value;
    properti2: value;
    }

    - Struktur CSS -
    h1 {
    color: blue;
    font-size: 18px;
    }

    - Struktur CSS -
    2Q

    FRAMEWORK
    Sebuah platform yang menyediakan
    serangkaian kode untuk memudahkan developer
    dalam mengembangkan website berdasarkan
    kerangka kerjanya.

    Contoh Framework HTML : Bootstrap


    DONE!

    CREDITS: This presentation template was created by


    Slidesgo, incluiding icons by Flaticon, and infographics
    & images by Freepik.

    Anda mungkin juga menyukai