Category Archives: Materi Pengajaran

Pembangkit Listrik Sederhana

Pertemuan: 1
Materi: Pembangkit Listrik Sederhana

Pertemuan pertama dari aspek Rekayasa adalah mengenai listrik, tepatnya, pembangkit listrik sederhana. Untuk materi dari pembangkit listrik sederhana yang akan dibahas terlebih dahulu adalah pembangkit listrik energi angin. Sedikit menerangkan dengan slide, kemudian menayangkan film proses pembuatan kincir angin yang merupakan contoh produk rekayasa pembangkit listrik energi angin.

Dari video tersebut diharapkan siswa juga dapat memahami bagaimana cara kerja kincir angin sehingga dapat membangkitkan tenaga listrik. Untuk praktik pertama siswa akan belajar membuat simulasi animasi kincir angin dengan menggunakan perangkat TIK. Ini tugas individu ya, Nak 🙂

Oke, ini adalah slide materi mengajar dari pertemuan pertama di tahun ajaran 2015-2016. Semoga bermanfaat :).

Video sila ditengok di sini

Tugas Akhir Kelas XI Yang Belum Mengumpulkan

Kelas XI, tolong diperhatikan karena nilai UAS tidak Ibu pertimangkan untuk penilaian di dalam rapor, jadi tolong tuntaskan tugas-tugas harian kalian.

Seperti telah kalian ketahui nilai minimal setiap matpel adalah B- untuk bisa naik kelas.

Berikut adalah yang belum mengumpulkan tugas akhir. Point unuk tugas akhir ini sangat besar. Jadi, segera dikumpulkan ya, Nak, karena Ibu harus input nilai di SIP selekas mungkin. Jadi, mau kan tolong mempermudah pekerjaan Ibu? 🙂

Ok, cekidot

XI MIA 3
ALIYA RAHMA
ANANDA DESYA
ANDINI QUENTINNISA
BIMAR PRANANTA
DANIKA APRILIA SOMADINATA
EVANIA DEWI RAHMA
FAIZ HADIYAN FIRZA
FIJAR RAMADHAN WIBOWO
FITRATI FEBRIANTI
LARASATI RAHMA SYA’BANNISA
MELIKA BILQIS
MUFIDAH NURUL HAYATI
NADHIFA AZHARI IZDIHAR
PRISTA SETYA PRAMESTI
RYAN NAUFAL PIOSCHA
SAFIRA NADILA PUTRI
STEFANI ESTHER PHILADELPHIAN
SYAKIRA KHAIRUNNISA

XI MIA 4
ANDREAS SARDO RADITYA S
ASSAD RESI ALFURQAN
AZMI RAFI
CHARIS REVOANSYAH PERMADY
ERLANGGA BANYU BIRU PUTRA
HERMON DAVID SETYOROGO I.
LUKMAN HAKIM
MOCHAMAD ILHAM IRWINANSYAH
MUHAMMAD THOHARI
MUHAMMAD TRI APRILIAN
MUHAMMAD YUDHA GALANG F
NITA RAHMASARI
PUTRIYANNY RATNASARI
SHAFIRA

Toko Online Karya Siswa Kelas X

Daftar toko online karya siswa kelas X di bawah ini telah memenuhi persyaratan dari tugas akhir yang diberikan.

Ketentuan:
Produk sesuai proposal
Toko online dapat (siap) melakukan transaksi jual-beli (Produk layak jual)

#1
1. Magnifico (Annisa S, Dela N, Dinda A, Nadia) –> X MIA 2
2. Toko Cicak (Abdul Aziz, Kukuh P, Goodfried S, M. Rizky A) –> X MIA
3. Reallix (Finti S, Gita K, Puti A, Yolanda E) –> X MIA 4
4. Onemitshop (Atika A, Karina I, Nabilla A) –> X IIS 3
5. Potato (Bianca M, Alyani N, Andi I, Olivia J, Naomi) –> X IIS
6. Sunny Shine (Nisya Rahma, Septyanti Kartika, Angelica Agnesia, Vidya Natalia) –? X MIA 3
7. Ruisyyshop (Annisya T, Ghina S, Melati, Nurul, Afifah –> X IIS 2
8. Indonivation (Cindy C, Helena G, Naufal Rakha, Valeri
9. Angsanafas (Anggina S, Nadia F, Rayhan A, Renaldi)
10. Clothero (Dandy, Muhammad, Reza L, Safwan F)
11. SimplePastel (Anisa, Della, Khalisha L, Salsabila N)
12. attackyourmind (Alia N, Gabriel, Nur Annisa, Salsabila)
13. Feonlineshop (Annisa A, Farras A, Nabila, Rachel)
14. RandyShop (Arya K, Irsyal A, Jonathan M, Randy H, Rifqi)
15. Tllamasp (Hasna, Elena, Salsabila, Shinta N, Unisya)
16. Wickednoshgg (Jasmine, Luthfiyatul, Nabila, Nanda A, Rania) –>

#2

1. Pinkberry (Jesica A, Melani A, Octaviani T, Syafa N) –> X IIS 4
2. Thethrivestore (Faza F, Willy C, Ahmad A, M. Nadhif ) –> X IIS 2
3. Little Snacks (Ranty D, Zhafirah R, Sahila N, Allysa) –> X MIA 4
4. AllDayShop (Almira V, Aurelia, Dayinta, Dian) –> X IIS 1
5. Saebputra (M. Robbani A, M. Syarif S, Dandy R, Ahmad R) –> X MIA 1
6. Floth (Carlo W, Ferren O, Salsabila A, Vemby S) –> X MIA 2
7. Teenage (Anggraini S, Arini M, Dhea L, Feria S) –> X MIA 3
8. Belanjaasyik (Firman S, Kemal, Tita, Zhafira) ==> X IIS 3
9. PinkTeenager (Ayu Florentina, Hardina A, Lianadia, Party, Rani W) ==> X IIS 4
10. DuniaLaris (Dandy R, Emirul H, Farrel S, M. Daffa)
11. TokoEqi (Moses H, Riza A, Shidqi, Teuku, Yehudha)
12. BelanjaKaos (Archika T, Rizky A, Theresia, Jeremy

Tugas Akhir Kelas X

Kelas X MIA 1
1. ScatedProject (Hana M, Camillana, Amelia, Sona)
2. Onelight Shoot (Avistha, Nabilah N, Nadira, Olivia P, Zumrotul )
3. Saebputra (M. Robbani A, M. Syarif S, Dandy R, Ahmad R)
4. Cupcake (Fidela H, Hana S, Nadhifa P, Shafira) –> no brosur

5. Indonivation (Cindy C, Helena G, Naufal Rakha, Valeri
6. Raskin (Ayu A, Nerisa, Salsa, Sania)
7. TokoEqi (Moses H, Riza A, Shidqi, Teuku, Yehudha)

Kelas X MIA 2
1. Floth (Carlo W, Ferren O, Salsabila A, Vemby S)
2. Magnifico (Annisa S, Dela N, Dinda A, Nadia)
3. Negozioo (Agan A, Fajar B, I Gusti N, Malikis, M. Hilman) –> produk kosong
4. Starlight (M. Azka, Alif, M.Bagas F, Rama W) –> produk?

Terlambat
Brontz (Andreas H, Fritz, Farla, farras)

Kelas X MIA 3
1. Toko Cicak (Abdul Aziz, Kukuh P, Goodfried S, M. Rizky A)
2. Sunny Shine (Nisya Rahma, Septyanti Kartika, Angelica Agnesia, Vidya Natalia)
3. Davinci (Ivan A, M. Fandy R, > Surur N)
4. Teenage (Anggraini S, Arini M, Dhea L, Feria S)

5. Clothero (Dandy, Muhammad, Reza L, Safwan F)
6. SimplePastel (Anisa, Della, Khalisha L, Salsabila N)
7. attackyourmind (Alia N, Gabriel, Nur Annisa, Salsabila)
8. Feonlineshop (Annisa A, Farras A, Nabila, Rachel)
9. RandyShop (Arya K, Irsyal A, Jonathan M, Randy H, Rifqi)

Kelas X MIA 4
1. Reallix (Finti S, Gita K, Puti A, Yolanda E)
2. Little Snacks (Ranty D, Zhafirah R, Sahila N, Allysa) – no brosur
3. Entoxtoko (Ali N, Anggit F, Ilham I, Imam Esa, Irfan F)

4. Sevourigan (Dwiki S, Rogan S, Farhan A, Ghozy S)

Kelas X IIS 1
1. Valency Shop (Andi S, Dhara D, Elsa A, Shafa S)
2. Dasamarket (Aditya M, Alvi P, Satria K, Teddy, Wimala)
3. Raxoxo (Agyga, Dewi A, Faradila, Rifdah, Vanya)
4. AllDayShop (Almira V, Aurelia, Dayinta, Dian)
5. Cee (Fany R, Kaninda R, Nadia I, Nurul J)

6. Allretroproject (Ahmad R, Gabriel C, Givero, Dwiky)

Terlambat
Lalabey (Rifda A, Nina L, Risha M, Yosefina, Gabriela)

Kelas X IIS 2
1. Thethrivestore (Faza F, Willy C, Ahmad A, M. Nadhif ) – no brosur
2. Alvarious (Renaldi A, Yohanes B, Herlambang P, Sunu W)

3. Ruisyyshop (Annisya T, Ghina S, Melati, Nurul, Afifah
4. BelanjaKaos (Archika T, Rizky A, Theresia, Jeremy
5.TakemeHome (Athaya, Fakhriya, Isnadia, Retno)
6. Pnfshop (Amalia D, Bunga P, Firyal, Syarifa)

Kelas X IIS 3
1. Onemitshop (Atika A, Karina I, Nabilla A)
2. Pacsunday (Radinka V, Melly M, M.Amin, Helen)
3. Belanjaasyik (Firman S, Kemal, Tita, Zhafira)

4. ShelviShop (Najla, Noviliana, Nurul, Sheila)
5. Angsanafas (Anggina S, Nadia F, Rayhan A, Renaldi)
6. Fluffy (Annisa A, Shania T, Shofi, Zahrah)

Terlambat

1. Goshopp (Abraham, Aulia, Ramadani, Tubagus) – no brosur
2. typeonitdanflopr (Dinda, Florentina P, Yemima) –> no brosur, URL ?

Kelas X IIS 4
1. Pinkberry (Jesica A, Melani A, Octaviani T, Syafa N)
2. PinkTeenager (Ayu Florentina, Hardina A, Lianadia, Party, Rani W)
3. Shosiology (Ananda A, Aresti, Dita, M Ferdian)
4. Potato (Bianca M, Alyani N, Andi I, Olivia J, Naomi)

5. DuniaLaris (Dandy R, Emirul H, Farrel S, M. Daffa)
6. Keshondice (Anandhia A, Anastasia A, Reskey, Rosyada)
7. Tllamasp (Hasna, Elena, Salsabila, Shinta N, Unisya)
8. Lesmarquuerites (Fredo C, Maya R, Naomi, Uina) –> Webmu diprivat, tolong dibuka untuk publik dulu agar Ibu bisa mengakses.

Catatan:
d-iinovationyouth.blogspot.com , web diprivate Ibu tidak bisa lihat. Kelas berapa? Anggota kelompok: Elma M, Hasna D, Mirza R, Sesilia, Wulan

Freekymonkey (Ananda R, Andika M, Eridani A, M. Haza, Yamandika –> Kelas berapa?

X IIS 4 rrstore (Wahyu K, Rasqi D, Sulaiman, Rachmad V, Prakasya) –> Produk? No brosur

glazzythings (Jihan S, Rifdah S, Rufiah S, Sharfina) –> Kelas? URL?

Dyah P, Merry S, Ribeta, Sendy –> URL toko online? Kelas? — no brosur

Sulaeman, Wirasatya, Faisal, Tito, Adipashya –> URL? Kelas?

Wickednoshgg (Jasmine, Luthfiyatul, Nabila, Nanda A, Rania) –> Kelas?

typeonitdanflopr (Dinda, Florentina P, Yemima) X IIS 3 –> no brosur, URL ?

Nursalma, Inatsa kelas X IIS 3 –> URL? no brosur

Tugas Akhir Kelas XI

Berikut ini adalah tugas akhir kelas XI selama 1 tahun ajaran dengan materi pemrograman web (HTML, CSS, JavaScript).
Tenggat waktu: 17 Mei 2015

Kelas: XI MIA 1

Kelompok 1: Mie Time, tanggal 15 Mei 2015
Gabrielle Khaledea S
Ghina Nisa Salsabiela
Mona Natasha S
Nadya Nazla
Natalia Christiani
Rayi Adila

Kelompok 2: Games, tanggal 16 Mei 2015
Arieftia Wicaksono
Agung Budiyanto
Glenn Arthur Sena
Harris Fadhilah
Naufal Yudha P
Prasetio Adi N

Kelompok 3: Food Venture, tanggal 17 Mei 2015
Almas Nazhifah Syukri
Arma Oktaviani
Karinka Anisariandina
Rafika Dwisthiyahapsari
Rakhma Oetari
Roudhotul Sofa Nurauliya

Kelompok 4: Wisata Kuliner, tanggal 17 Mei 2015
Abednego
Andhana Reza Julien
Andi Aqil Amanulhaq
M Caesario Liazmi
M Irsyad Hawari
Senopati Yudhistira

Kelompok 4: Tribeca Hunters, tanggal 17 Mei 2015
Ardini Ridhanila
Chaerunnisa Citra Giri Larasati
Felicia Indraswari
Iednita Cahyadahrena
Nareswarie Ayuanindhita
Theresia Rosaria

Kelompok 5: Food Review, tanggal 18 mei 2015
Adelia Safaira
Andy Faisal
Hadlina Rahmadinni
Muhamad Galih Reka
Nur Kusuma Asih
Prayoga Byantara

Kelas: XI MIA 2

Kelompok 1: Jalan-jalan, tanggal 15 Mei 2015
Akhmad Khudzaifi
Evan Nathanael
Gabriel Andrew Kevin Hutabarat
Muhammad Jehan Mahsan
Rafli Iman Firdaus
Raziqa Fadhlan

Kelompok 2: Music, tanggal 16 Mei 2015
Eva Nabila
Flamora Gresafira
Flora Ananda
Jasmine Alam Nabilah
Pinastika Harningdipta
Raihana Abida
Syahvira Kanza
Talia Putri

Kelompok 3: UptownLife
Bilqis Nabilah
Farah Muthia
Hanna Hardiyanti
Nabilah Hana
Nattaya Salsabila
Rahel Egi
Ruhul Selsi
Sonya Nabila

Kelompok 4: All is Well
Adiza Azzahra
Aisyah Ardine
Amelia Nasyahta
Dear Siska
Evelyn Clarissa
Hieronimus Adiyoga
Nasita Ratih
Vania Seren

Kelompok 5: Food Review
Ammar Akbar Ghifari Basyar
M. Herdiansyah
M. Ilham Rahmadi
M. Ilham Wildatama
Rahadi Setyo Nugroho
Raihan Muammar Rachim

Kelas: XI MIA 3

Kelompok 1: Pasar Santa, tanggal 15 Mei 2015
Farhan Nurahman (13)
Fathur Fadhila (14)
Fikri Octama (16)
Ilona Anaisela (20)
Rihan Fathirizza (28)
Syalzabila Imaningtyas (34)

Kelompok 2: Pasar Senggol
Allya Safitri
Fildzah Zhafarina (17)
Indira Nur Anissa (21)
Jevika (22)
Rizky Tri Abimanyu (29)
Virgiawan Putra Mahendra (36)

Kelompok 3: Project
Faisal Mirza
Daniel kurniawan
Ika fitri ariyani
Carlo julio caessariva
Teuku augibran givari
alphira septiani tabitha

Kelas: XI MIA 4
Kelompok 1: Food Travelers, tanggal 25 Mei 2015
ANDARU
ARYO
REDHO
MAULUDI
RHOZY
TASYA
NAUFAL

Kelompok 2: Dora Dora World
1. Angie irmajulianna (5)
2. Budiarti yasmine (10)
3. Cut nirwana (12)
4. Ghea samantha (15)
5. Indira fadhilah (17)
6. Medea mega (21)
7. Natalia chiquita (29)
8. Rafidah fauziah (34)

Kelompok 3: A Journey
1. Ainani Tajrian
2. Alma Tiarani
3. Annisa Hanifa
4. Dyah Liftyawati
5. Jamila Elmunaya K.A
6. Nabila Vandhya B
7. Rahmarini Firdausy

Kelompok 4: Aloha World
Hermon
Nita
Putri

Kelompok 5: Iklan
Andreas Sardo
Asad
Azmi Rafi
Banyu Biru
Charis
Lukman
M. Ilham
M. Thohari
M. Yudha
M. Tri A

Media Promosi

Promosi adalah upaya untuk memberitahukan atau menawarkan produk atau jasa dengan tujuan menarik calon konsumen untuk membeli atau mengkonsumsinya.

Macam-macam media promosi:
brosur: terbitan tidak berkala yang dapat terdiri dari satu hingga sejumlah kecil halaman, tidak terkait dengan terbitan lain, dan selesai dalam sekali terbit. Halamannya sering dijadikan satu (antara lain dengan stapler, benang, atau kawat), biasanya memiliki sampul, tapi tidak menggunakan hard cover.

Kartu nama: sarana informasi mengenai seseorang atau suatu perusahaan. Selain itu kartu nama juga berfungsi sebagai alat promosi yang baik dan efektif untuk mengesankan dan mempertahankan hubungan dengan klien

Flyer: bentuk media promosi ukuran kecil. Flyer juga termasuk ke dalam kelompok pamflet.

Poster: karya seni atau desain grafis yang memuat komposisi gambar dan huruf di atas kertas berukuran besar.

Poster bisa menjadi sarana iklan, pendidikan, propaganda, sosialisasi dan dekorasi. Selain itu bisa berupa salinan karya seni terkenal. Tujuan poster adalah untuk mengingatkan kembali dan mengarahkan pembaca untuk melakukan sesuatu yang disebutkan dalam poster tersebut.

A. Jenis Poster
Poster memiliki 2 macam jenis, yaitu: berdasarkan isi dan berdasarkan tujuannya.

1. Jenis poster berdasarkan Isi
a. Poster Niaga, adalah poster yang dibuat untuk media komunikasi dalam urusan perniagaan untuk menawarkan suatu barang, atau jasa.
b. Poster Kegiatan, yakni poster yang berisi pelaksanaan suatu kegiatan. Misal: kegiatan pentas seni, kegiatan seminar, kegiatan sosial, kegiatan pameran, dan lain-lain.
c. Poster Pendidikan, yakni poster yang memiliki tujuan untuk memberi penerangan atau penyuluhan. Poster jenis ini biasanya digunakan untuk kegiatan kebersihan, kesehatan, pendidikan, dan lain sebagainya.
d. Poster Layanan Masyarakat, berisi tentang informasi mengenai pelayanan masyarakat atau pelayanan kesehatan yang berhubungan dengan kesejahteraan masyarakat.
e. Poster Seni, berisi mengenai ekspresi dan desain grafis yang bertujuan untuk seni. Hal ini biasanya dijadikan sebagai media komunikasi sekaligus media ekspresif bagi para pelajar dan mahasiswa dalam menuangkan ide kreativitas mereka.

2. Jenis poster berdasarkan Tujuan
a. Poster Propaganda memiliki tujuan untuk mengembalikan semangat pembaca atas perjuangan atau usaha seseorang dalam melakukan segala hal yang bermanfaat bagi kehidupan sosial. Misal: Go Green (pada poster pecinta lingkungan)
b. Poster Kampanye, bertujuan untuk mencari simpati dari masyarakat pada saat akan dilakukannya pemiliahn umum.
c. Poster Wanted, bertujuan untuk memuat sayembara bagi masyarakat yang menemukan orang yang dicari oleh seseorang, instansi, pemerintah, atau negara.
d. Poster Cheesecake, bertujuan untuk menarik perhatian publik, terutama masyarakat muda yang sedang menggandrungi sesuatu. Misalnya, poster berisi gambaran anak-anak Punk, bintang Rock dan artis pujaan.
e. Poster Film, bertujuan untuk mempopularkan film-film yang diproduksi dalam industri perfilman.
f. Poster Komik, untuk mempopularkan buku komik yang sempat mengalami masa kejayaan di tahun 1960-an.
g. Poster Afirmasi, bertujuan untuk memotivasi pembaca dengan menggunakan kata-kata yang tertulis di poster tersebut.
h. Poster Riset atau Kegiatan Ilmiah, bertujuan untuk mempromosikan berbagai kegiatan ilmiah sehingga mengundang para pelaku akademik untuk ikut andil dalam mengapresiasi kegiatan tersebut.
i. Poster Kelas, bertujuan untuk memotivasi pelajar agar bisa belajar dengan baik dan termotivasi untuk mencapai cita-cita yang diharapkan. Poster ini biasanya muncul di ruang-ruang kelas.
j. Poster Komersial, bertujuan untuk mempromosikan sesuatu yang dibuat dengan budget tertentu, biasanya poster niaga yang terdapat di jalan raya.

Bauran Pemasaran

Bauran Pemasaran
Strategi pemasaran sangat diperlukan dalam sebuah bisnis. Dalam strategi pemasaran ini, terdapat bauran pemasaran yang menampatkan komposisi terbaik dari variabel-variabel pemasaran, untuk dapat mencapai sasaran pasar yang dituju, dan sekaligus mencapai tujuan dan sasaran perusahaan.

Ada empat komponen bauran pemasaran, yang dikenal dengan istilah 4 P, yaitu:
1. Product (Produk)
Produk adalah segala sesuatu yang ditawarkan kepada masyarakat untuk dilihat, dipegang, dibeli atau dikonsumsi. Produk dapat terdiri dari product variety, qulality, design, feature, brand name, packaging, sizes, services, warranties, dan returns.

2. Price (Harga)
Price atau harga yaitu sejumlah uang yang konsumen bayar untuk membeli produk atau mengganti hak milik produk. Harga melipiti last price, discount, allowance, payment period, credit terms, dan retail price.

3. Place (Tempat)
Yaitu berbagai kegiatan perusahaan untuk membuat produk yang dihasilkan atau dijual terjangkau dan tersedia bagi pasar sasaran. Tempat meliputi antara lain channels, coverage, assortments, locations, inventory, dan transport.

4. Promotion (Promosi)
Yaitu berbagai kegiatan perusahaan untuk mengkomunikasikan dan memperkenalkan produk pada pasar sasasaran. Variabel promosi meliputi antara lain sales promotion, advertising, sales force, public relation, dan direct marketing.

Bahan UAS Semester Genap TA 2014-2015

Untuk murid-muridku, berikut adalah bahan UAS untuk Semester Genap. Materi sebagian dapat dilihat di blog ini.

Kelas X

1. Definisi Wirausaha dan Kewirausahaan
2. Fitur-fitur yang ada pada program Inkscape (Arsir, sketsa, dan lain-lain). Hanya definisi dan fungsi dari fitur (bukan nama ikon dan bukan langkah/cara pembuatan).
3. Web / Blog Engine
4. Toko Online
5. Media Promosi
6. Bauran Pemasaran

Kelas XI

1. HTML
2. CSS
3. JavaScript
Pelajari juga materi dari w3schools.com ya.

Soal untuk UAS berupa pilihan ganda, 50 soal.

Selamat belajar dan percaya kepada diri sendiri.
Good luck.

JavaScript #1

Sejarah JavaScript

Awalnya JavaScript dibuat sebagai client-side scripting language atau bahasa pemrograman di sisi klien. Pertengahan tahun 1990, awal munculnya jaringan web atau disebut WWW, halaman web bersifat statis atau kita kenal dengan Web 1.0. Disebut statis karena pada masa itu aliran informasi hanya berlaku satu arah. Untuk itu diperlukan semacam program tambahan yang bisa memberikan instruksi kepada browser supaya halaman web tersebut merespon setiap aksi kita. Misalnya, kamu ingin melihat informasi baru selain yang sudah ditampilkan, maka kita akan mengklik tautan atau link yang tersedia sehingga halaman web beralih ke halaman baru. Artinya, kita perlu interaksi lebih pada browser dimana data ditampilkan tanpa harus berpindah halaman. Di sinilah client-side scripting digunakan, yang kemudian muncullah JavaScript.

JavaScript saat itu bernama Mocha yang dibuat oleh Brendan Eich. Mocha saat itu dibenamkan (embed) di browser Netscape 2 dan dapat memproses perhitungan dan memodifikasi konten di dalam form. Mocha berganti beberapa kali sebelum akhirnya menjadi Java, karena susunan sintaks intina mirip dengan Java. Netscape kemudian mendaftarkan JavaScript ke European Computer Manufacturer Association (ECMA) untuk standarisasi supaya browser manapun nantinya yang menerapkan JavaScript memiliki kemampuan yang sama.

Saat ini JavaScript tidak lagi hanya terkait browser dan web programming, melainkan sudah dikembangkan untuk dapat digunakan di luar halaman web seperti penggunaan pada dokumen pdf, desktop widget, dan aplikasi desktop berbasis web dan sebagai framework JavaScript untuk server-side application sejak munculnya Node.js.

Memulai JavaScript.

Untuk memulai JavaScript kamu cukup menggunakan browser (yang sudah mendukung JavaScript) dan text editor seperti notepad, Gedit, dll.

File pertama akan kita simpan dengan format HTML, dan file kedua nantinya akan kita simpan dengan format .JS (serupa dengan CSS pada sintak penulisan external, masih ingat pelajaran lalu, bukan? 🙂 )

Latihan 1:
File HTML: latjs1.html

<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
Hello <br />
<script type=”text/javascript” src=”latjs1.js”></script>
</body>
</html>
</html>
</html>
File JavaScript: latjs1.js

document.write(“Hello<br />”);
Penjelasan:
1. ingat, javascript yang disisipkan selalu disimpan di antara tag <script></script>

2. Fungsi document.write(parameter) mencetak tulisan yang kita simpan di dalam parameter fungsi tersebut ke halaman web. Parameter bisa berupa nilai langsung atau variabel.

sumber: Nyankod Magz

CSS… still

Apa itu CSS silakan dibaca di tulisan pertama di sini.

Masih ingat perbedaan HTMl dan CSS, bukan?
HTML merupakan bahasa penanda yang digunakan untuk memberikan konten (teks) struktur dan makna semantik pada sebuah web.
CSS merupakan bahasa penanda yang digunakan untuk memberikan konteng gaya penampilan yang bagus pada sebuah web.

Contoh:
dalam HTML paragraf direpresentasikan dengan p .
CSS menentukan ukuran teks, warna teks, spasi dan berbagai gaya tampilan dari paragraf tersebut.

catatan:
Pada HTML model lama menggabungkan unsur di atas, namun sejak muncul HTML versi baru tidak lagi. Keduanya dipisahkan. Walau untuk beberapa elemen hal tersebut bisa dideskripsi ulang (bisa digunakan).

Dalam HTML kalian mengenal 3 unsur:
1. Elemen, contoh: p, a, h1, dll
2. Tag, sebuah elemen direpresentasikan oleh tag dengan simbolnya “<”
3. Atribut, berupa informasi tambahan untuk elemen.
Setiap elemen memiliki atribut yang berbeda, meskipun terdapat juga atribut standar yang dapat digunakan oleh semua elemen.

Jika di pertemuan pertama sudah dijelaskan mengenai bentuk penulisan CSS. Maka pada pertemuan ini kalian akan berlatih mengggunakan sintak penulisan yang umumnya digunakan, yaitu memisahkan skrip CSS dan HTML. Dan untuk menghubungkan keduanya maka hanya perlu menambahkan rujukan pada laman CSS nya saja.

Jadi, di sini diperlukan 2 dokumen dengan ekstensi penyimpanan yang berbeda, yaitu CSS dan HTML. Program yang digunakan cukup text editor semisal Notepad atau Gedit atau text editor.

Latihan pertama, membuat template sederhana
1. Save: lat1.css
2. Save: latihan1.html

CSS1

lat1css

Jangan lupa, file CSS ditandai dengan kurung kurawa {
file HTML ditandai dengan tag

Latihan 2: membuat tampilan table
table-css

Latihan 3: membuat navigation bar
navbar-css

Selamat mencoba 🙂

Untuk referensi skrip CSS yang lebih lengkap dapat dilihat di sini.