Category Archives: Kelas XI

Pertemuan Pertama

Leave a reply

Minggu pertama tahun ajaran 2017-2018 sudah dimulai sejak tanggal 10 Juli 2017. Berikut adalah materi KBM pertemuan pertama untuk kelas XI.

Materi berisi pengenalan mengenai pembelajaran Prakarya dan Kewirausahaan beserta gambaran materi yang dipelajari dari ke 4 aspek PKWU yaitu kerajinan, rekayasa, budidaya dan pengolahan. Setelahnya setiap siswa memilih aspek yang ingin dipelajari. Aspek yang akan dipelajari nantinya berdasarkan kesepakatan bersama seluruh siswa dari kelas XI MIPA 1 s.d 4.
Dan hasilnya mayoritas siswa memilih Pengolahan.

Seperti pembelajaran terdahulu, ke 4 aspek PKWU tidak lepas dari pemanfaatan IT. Kali ini sosial media akan mengambil peran lebih banyak dan pembuatan aplikasi mobile untuk toko online. Nggak susah kok, Nak. Bikin aplikasinya pakai program layanan berbasis online (Web) yang memungkinkan para pengguna membuat Aplikasi Android dari konten sebuah Website.

Nah, ini slide untuk pertemuan pertama PKWU.

Tugas Web Company Profile

Leave a reply

Sebagai tugas akhir mata pelajaran PKWU untuk kelas XI adalah laporan kegiatan usaha hidroponik yang diwujudkan dalam format web company profile. Web terdiri dari beberapa halaman menu. Menu beranda berisi profil perusahaan, yang di dalamnya meliputi deskripsi logo serta visi dan misi perusahaan. Halaman menu lainnya berisi struktur organisasi dan hasil produk pengolahan budidaya hidroponik (boleh dilengkapi dengan model bisnis dan tabel pengamatan produk).
Web dibuat dengan menggunakan HTML5 dan CSS. Diupload dengan menggunakan free hosting di http://000webhost.com

catatan:
Sebagai gambaran, untuk web yang telah memenuhi persyaratan bisa dilihat web milik kelompok Rahma XI MIPA 4, silakan klik di sini.

Untuk setiap link web di bawah ini silakan diperiksa kembali apakah sudah memenuhi persyaratan di atas. Dan jangan lupa nama anggota kelompok dan kelas.
Oya, pilihan untuk hosting webnya bukan yang Build web ya tapi yang Upload Your Own.

Berikut adalah link situs karya siswa

Kelas XI MIPA 1
1. Degalaga Store.
2. Koala.
3. Triplec
4. JarotCompany

Kelas XI MIPA 2
1. Sunnylight
2. AntiSocialounge
3. Neverland
4. BisnisRojan
5. CatPower

Kelas XI MIPA 3
1. Cyclone Store.
2. Anamelisa Veggie, tolong diperbaiki web mu.
3. Effervescense
4. Poedu. Link menu tidak bisa diakses. Segera perbaiki.
5. S’Continent

Kelas XI MIPA 4
1. Vorfreude. Good job 🙂
2. Electronic Town. Web sudah bagus hanya kurang deskripsi company profilenya (visi misi perusahaan dan deskripsi logo)
3. Spinchili

catatan:
Untuk yang tidak terdaftar di sini berarti tidak mengerjakan tugas ya. Nilai sudah diinput.

Kisi-kisi Soal PAT

Leave a reply

Untuk kisi-kisi soal penilaian akhir tahun (PAT) mata pelajaran PKWU tahun ajaran 2016-2017

Kelas X
1. Kerajinan inspirasi artefak
2. Kerajinan decoupage
3. Lean canvas
4. HTML 5 dan CSS

Kelas XI
1. Hidroponik (definisi, metode dan teknik, hama dan penyakit tanaman
2. Lean canvas
3. HTML 5 dan CSS

Selamat belajar

Aspek Budidaya Kelas XI

Leave a reply

Sementara untuk kelas XI aspek mata pelajaran PKWU yang dipilih adalah budidaya tanaman hidroponik. Materi seputar hidroponik adalah definisi, metode dan teknik hidroponik serta hama dan penyakit yang dapat menyerang tanaman hidroponik.

    Berikut adalah prosedur pelaksanaan KBM di ruang kelas

  1. Perencanaan usaha

    2. Siswa merancang perencanaan usaha dengan menggunakan model bisnis lean canvas.

  2. Sistem produksi

    3. Siswa menyiapkan alat dan bahan yang diperlukan untuk pembuatan produk budidaya tanaman sayur
    hidroponik

  3. Perhitungan Biaya

    4. Membuat anggaran dan perhitungan harga pokok produksi

  4. Pemasaran

    5. Pemasaran dan teknik penyajian dalam bentuk pengolahan bahan jadi

  5. Laporan Kegiatan Usaha

    6. Laporan dalam bentuk web dan presentasi

Berikut foto-foto kegiatan

Kelas XI segera kumpulkan tugas pembuatan web company profilenya ya. Terima kasih.

Struktur Pembagian Tampilan Website

Leave a reply

Halaman website umumnya dibagi menjadi beberapa bagian, seperti: header, menu, isi, slidebar dan footer. Di dalam CSS bagian-bagian ini dikelompokkan dalam tag

dengan atribut id.

Keterangan:
Header: Header terletak di bagian paling atas halaman website. Header berisi informasi singkat web seperti logo website, title dan tagline website. Header ini selalu sama pada setiap halaman website.

Menu: Menu berfungsi untuk navigasi link di dalam sebuah website. Bagian menu sering juga disebut dengan Navigasi. Bagian menu berfungsi sebagai jalan pintas yang menghubungkan pengguna ke sebuah halaman lain jika di klik. Umumnya bagian menu ada 2, yaitu menu utama atau primer dan menu sekunder atau website. Menu utama umumnya diletakkan di bawah header pada posisi horisontal. Menu utama berisi link untuk membuka isi website, kategori atau label dan halaman statis. Sementara menu sekunder umumnya berisi link About Us, Contact, dll. Menu sekunder diletakkan di dalam header.

Isi: Isi merupakan bagian utama yang berisi artikel yang ingin disampaikan pemilik website kepada pengunjung atau pembaca. kebanyakan website meletakkan isi di bawah header dan menu.

Footer: adalah merupakan kaki halaman website. Footer berisi informasi pemilik website, copyright dan desainer website.

Sidebar: Sidebar biasanya terletak di samping bagian isi. Bagian ini bisa diisi selain informasi utama seperti kotak pencarian, artikel terpopuler, link favorit, dll. Bagian sidebar boleh berisi lebih dari satu. Namun perlu diingat semakin banyak sidebar maka ruang untuk menulis artikel utama semakin sempit.


dokumentasi: https://bertzzie.com/knowledge/desain-web-dasar/Layout.html

contoh skrip struktur pembagian website

<html>

<head>

<title> …</title>

</head>

<body>

<div id=”header”>Header website </div>

<div id=”menu”>Menu Website</div>

<div id=”main”>

<div id=”left”>SIDEBAR</div>

<div id=”content”>Isi Artikel </div>

</div>

<div id=”footer”>Footer Website</div>

</body>

</html>

Referensi:

http://www.nulis-ilmu.com/2015/01/struktur-pembagian-tampilan-website.html

Sketsa Desain Web

Leave a reply

Sebelum memulai membuat sebuah website ada baiknya kita merancang sketsa web yang akan dibuat. Sketsa website ini berupa layout website yang berfungsi memudahkan kalian dalam proses penulisan program nantinya.

 

Berikut adalah beberapa contoh desain web



https://bertzzie.com/knowledge/desain-web-dasar/Layout.html



http://roypurbo.blogspot.co.id/2013/03/cara-membuat-membuat-website-dengan.html


http://unietha.blogspot.co.id/2010/11/desain-dan-sketsa-rancangan-web.html

google.com


http://www.tutorial-webdesign.com/3-langkah-dasar-membuat-desain-web-responsive/

http://materidw.blogspot.co.id/


google.com

http://jolbalqis.blogspot.co.id/2015/04/latihan-membuat-layout-web-menggunakan.html

Lainnya dapat kalian searching di internet.

Sementara tampilan tema situs dapat dibaca di sini.

HTML 5 #2

Leave a reply

HTML Style Atribute

<tagname style=”property:value;”>

contoh:

<p style=”color:blue;”>I am Blue</p>

<body style=”background-color:yellow”>

atau

<p style=”font-family:verdana; size:160%; color:blue; text-align:center”>Hello World</p>

keterangan:

size:160%, artinya jika standar browser ukuran huruf =12, berarti 3X12. % menunjukkan perbandingan bukan angka.

Masih ingat penulisan untuk warna? Warna solid (red, green, dstnya), RGB, dan Heksadesimal.

HTML 5 #1

Leave a reply

Di semester sebelumnya kalian telah belajar HTML. Maka di semester genap kita akan melanjutkan pembahasan materi TIK dengan HTML 5, CSS, dan JavaScript.

Materi TIK 1: HTML 5

HTML versi 5 merupakan kelanjutan dari HTML versi sebelumnya. Di HTML 5 diberikan tambahan fitur baru untuk memperbaiki dan melengkapi HTML yang sudah ada sebelumnya. Selain ditambah ada juga beberapa fitur lama yang dihapus, seperti penggunaan center, big, font, dan lainnya.

Penulisan dokumen HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Hasilnya:

My First Heading

My first paragraph.

Keterangan:

  • Tag <!DOCTYPE html> adalah sebuah deklerasi atau untuk mengidentifikasi jenis dokumen HTML yang digunakan agar browser dapat menentukan bagaimana memperlakukan kode tersebut. Proses deklarasi ini cukup dilakukan sekali saja saat dokumen HTML dijalankan.
  • Tag <html> berfungsi sebagai root, yaitu semua tag yang berada di dalam tag <html> merupakan gambaran dari dokumen HTML
  • Tag <head> berguna untuk memberikan informasi tentang dokumen HTML
  • Tag <title> bertugas memberikan informasi berupa judul dokumen HTML
  • Tag <body> memberikan isi dari suatu dokumen yang akan ditampilkan oleh web browser
  • <h1> bertugas untuk menentukan judul (heading atau bab)
  • Tag <p> bertugas untuk membuat paragraf

Rerensi elemen yang masih dapat digunakan antara lain: heading (h1-h6), pre, p, a, dll.

Referensi:

  1. https://www.codepolitan.com/tutorial/pengenalan-html5-belajar-html
  2. http://w3schools.com

Slide Hidroponik

Leave a reply

Berikut adalah slide pemelajaran untuk materi hidroponik

Slide #1

Slide #2

Slide #3

Slide #4

Slide #5 Tabel Masa Panen

Slide Pertemuan 1

Leave a reply

Berikut slide untuk materi PKWU pertemuan 1 di semester genap

Kelas X

Kelas XI

Materi integrasi TIK nya adalah:
1. HTML 5
2. CSS
3. JavaScript
4. Upload web dengan domain sendiri (Profile perusahaan)

Tugas:
Siswa diminta untuk memilih 1 dari 2 opsi yang diberikan. Pilihan aspek yang diajarkan akan menyesuaikan suara terbanyak siswa dari satu kelas yang akan mewakili kelas di jenjang yang sama.

Contoh: