Pada waktu tahun 400-300SM adalah gelombang ke dua nenek moyang Indonesia datang ke nusantara.Bangsa melayu muda berhasil mendesak dengan pendahulu nya, bangsa proto melayu. Bangsa melayu muda memasuki wilayah nusantara melalui rute yunan vietnam,semenanjung malaysia,dan sampai di Indonesia .
Sunday, June 25, 2017
Saturday, June 24, 2017
Pengertian zakat
Zakat menurut bahasa (ughat) yang artinya suci sedangkan menurut istilah zakat adalah pemberian yang wajib yang di berikan Harta tertentu menurut sifat - sifat dan ukuran golongan tertentu. Zakat merupakan salah satu dari lima rukun islam dan di sebutkan secara beriringan dengan kata shalat pada 82 ayat di dalam al qur'an.
Mujtahid
Mujtahid bahasa adalah orang yang melakukan ijtihad/ulama.
Mujtahid adalah mencurahkan segenap tenaga pikiran secara sungguh - sungguh dalam menetapkan suatu hukum orang yang melakukan ijtihad dinamakan mujtahid.
Sunday, June 4, 2017
Membangun sebuah Jaringan Komputer
Apa saja yang dibutuhkan dalam membangun sebuah jaringan komputer ?
- Komputer, kalau ingin membangun jaringan sederhara cukup disediakan PC atau Laptop minimal 2 unit.
- Netword Interface Card (NIC) / Lancard, Suatu perangkat antar muka untuk menghubungkan satu computer dengan computer lain.
- Kabel / wirelless, pastilah menggunakan kabel untuk menghubungkan beberapa computer, ada beberapa macam kabel yang biasa digunakan yaitu, UTP (Unshielded Twisted-Pair), Coaxial, Fiber Optic.
- Konektor, untuk membangun jaringan tanpa kabel diperlukan konektor untuk memasangkan pada NIC diantaranya ada konektor RJ 45, BNC.
- Switch atau Hub, perangkat yang digunakan sebagai terminal penghubung dari beberapa komputer.
Berikut beberapa alat pendukung :
- Crimpting, alat untuk memasangkan konektor baik RJ11, RJ45, BNC
- Kabel Tester, alat untuk menguji koneksi kabel setelah dipasang konektor
- Tang Pemotong, alat untuk mengupas, memotong, dan merapihkan kabel
- Crimpting, alat untuk memasangkan konektor baik RJ11, RJ45, BNC
- Kabel Tester, alat untuk menguji koneksi kabel setelah dipasang konektor
- Tang Pemotong, alat untuk mengupas, memotong, dan merapihkan kabel
Apa fungsi Hub dalam jaringan ?
fungsi Hub dalam jaringan
fungsi Hub dalam jaringan adalah :
Hub adalah sebuah perangkat yang digunakan untuk menyatukan kabel-kabel network dari tiap workstation, server atau perangkat lain. Biasanya perangkat keras jaringan ini digunakan untuk membangun topologi bintang, kabel twisted pair datang dari sebuah workstation masuk kedalam hub.
jadi itulah fungsi hub dalam jaringan
Contoh 5 perangkat keras jaringan dan penjelasannya
Contoh 5 perangkat keras jaringan dan penjelasannya
- Modem (Modulator Demodulator) merupakan perangkat yang menghubungkan kita ke internet. Perangkat ini berfungsi mengubah sinyal Analog menjadi sinyal Digital.
- Kabel jaringan merupakan peralatan yang berfungsi sebagai media penghubung antara komputer dengan komputer atau komputer dengan perangkat jaringan lainnya. Berikut adalah jenis-jenis kabel yang digunakan dalam jaringan komputer.
- Konektor adalah alat yang menghubungkan kabel dengan network adapter. Coba bayangkan apabila tidak ada konektor, dengan cara bagaimana kabel-kabel jaringan dapat terhubung dengan network adapter atau NIC.
- Hub adalah sebuah perangkat yang digunakan untuk menyatukan kabel-kabel network dari tiap workstation, server atau perangkat lain.
- Repeater berfungsi untuk memperkuat sinyal dengan cara menerima sinyal dari suatu segmen jaringan lalu memancarkan kembali dengan kekuatan yang sama dengan sinyal asli pada segmen kabel yang lain.
5 benda diatas merupakan perangkat keras jaringan dan penjelasannya
Perbedaan kabel UTP dan Coaxial
berikut ini perbedaan dua kabel ini terdapat pada ciri – ciri nya :
1. KABEL COAXIAL
kabel coaxial mempunyai ciri :
PELINDUNG INTERFERENSI : ada
MAKS. BANDWITH : 10 Mbps
MAKS. KABEL : 500 meter
SOKET : BNC (Bayonet Naval Conector)
BIAYA : murah dibanding UTP
TOPOLOGI FISIK : Bus
kabel coaxial mempunyai ciri :
PELINDUNG INTERFERENSI : ada
MAKS. BANDWITH : 10 Mbps
MAKS. KABEL : 500 meter
SOKET : BNC (Bayonet Naval Conector)
BIAYA : murah dibanding UTP
TOPOLOGI FISIK : Bus
INSTALLASI : sederhana
sedangkan kabel UTP
2.KABEL UTP mempunyai ciri :
- PELINDUNG INTERFENSI : tidak ada
- MAKS. BANDWITH : 100 Mbps
- MAKS. KABEL : 100 meter
- SOKET : RJ – 45 (RJ = registered jack)
- BIAYA : mahal
- TOPOLOGI FISIK : Star, extended star,tree
- INSTALASI : sederhana
- MAKS. BANDWITH : 100 Mbps
- MAKS. KABEL : 100 meter
- SOKET : RJ – 45 (RJ = registered jack)
- BIAYA : mahal
- TOPOLOGI FISIK : Star, extended star,tree
- INSTALASI : sederhana
dan itulah perbedaan yang terdapat di antara kabel UTP dan kabel COAXIAL
Pengertian topologi jaringan
topologi jaringan komputer adalah suatu cara atau konsep untuk menghubungkan beberapa atau banyak komputer sekaligus menjadi suatu jaringan yang saling terkoneksi. Dan setiap macam topologi jaringan komputer akan berbeda dari segi kecepatan pengiriman data, biaya pembuatan, serta kemudahan dalam proses maintenance nya.
Dan juga setiap jenis topologi jaringan komputer memiliki kelebihan serta kekurangannya masing-masing. ada banyak macam topologi seperti topologi ring, star, bus, mesh, dan tree yang akan dibahas di blog belajar komputer ini.
Elemen Desain : Size
Ukuran (Size)
Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.
Setiap bentuk tentu memiliki ukuran, besar kecil, panjang pendek, tinggi rendah. Ukuran-ukuran ini bukan dimaksudkan dalam besaran sentimeter atau meter, tetapi ukuran yang bersifat nisbi. Nisbi artinya ukuran-ukuran tersebut tidak memiliki nilai mutlak, tetapi bersifat relatif atau tergantung pada area dimana bentuk tersebut berada. Suatu bentuk dikatakan besar manakala diletakkan pada area sempit, dan bentuk dengan ukuran yang sama dikatakan kecil manakala diletakkan pada area luas.
Setiap bentuk tentu memiliki ukuran, besar kecil, panjang pendek, tinggi rendah. Ukuran-ukuran ini bukan dimaksudkan dalam besaran sentimeter atau meter, tetapi ukuran yang bersifat nisbi. Nisbi artinya ukuran-ukuran tersebut tidak memiliki nilai mutlak, tetapi bersifat relatif atau tergantung pada area dimana bentuk tersebut berada. Suatu bentuk dikatakan besar manakala diletakkan pada area sempit, dan bentuk dengan ukuran yang sama dikatakan kecil manakala diletakkan pada area luas.
Ukuran dapat mempengaruhi bentuk ruang. Ukuran kecil tampak berada di belakang/jauh dan ukuran besar seolah berada di depan/dekat, sehingga unsur ukuran dapat membantu membentuk ruang maya. Bentuk dengan ukuran besar terasa menguasai ruang, tetapi ukuran besar yang terpotong bingkai akan kehilangan bentuknya dan tidak menguasai ruang lagi. Bentuk dengan ukuran kecil terasa tertelan ruang, tetapi makin kecil dan menyendiri, atau kecil diantara ukuran-ukuran besar justru akan menarik perhatian dan menciptakan dominasi.
Elemen Desain : Warna
Warna (Color)
Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas. Dalam prakteknya warna dibedakan menjadi dua: yaitu warna yang ditimbulkan karena sinar (Additive color/RGB) yang biasanya digunakan pada warna lampu, monitor, TV dan sebagainya, dan warna yang dibuat dengan unsur-unsur tinta atau cat (Substractive color/CMYK) yang biasanya digunakan dalam proses pencetakan gambar ke permukaan benda padat seperti kertas, logam, kain atau plastik.
Membuat gambar ilustrasi manual dan digital
Gambar ilustrasi manual dan digital adalah gambar ilustrasi yang dibuat dengan cara memadukan antara teknik manual dan digital. Berikut ini beberapa tahapan untuk membuat gambar ilustrasi manual dan digital.
1) Membuat Sketsa
Dalam pembuatan ilustrasi, langkah awal yang harus dilakukan adalah membuat sketsa pada kertas putih, sesuai dengan konsep dan ide yang akandivisualisasikan. Sketsa dapat dibuat dengan menggunakan pensil, spidol, atau alatgambar lain yang dapat memunculkan warna. Setelah sketsa manual selesai dibuat langkah selanjutnya adalah discan dan disimpan kedalam hardisk komputer.
2) Menampilkan Sketsa Pada Komputer
Untuk memudahkan pekerjaan menggambar dengan komputer, sketsa yang sudahdiscan ditampilkan pada layar monitor untuk dijadikan pola gambar.
3) Menggambar digital dengan aplikasi pengolah gambar (macromedia flash, corel draw)
Setelah gambar sketsa ada dilayar monitor, maka pembuatan sketsa digital dapatdimulai. Untuk yang sudah mahir dengan program corel draw maka gambar sketsamanual bisa dijadikan acuan. Untuk yang belum mahir maka gambar sketsa manualbisa dijadikan pola pembuatan sketsa digital.
4) Mewarna Ilustrasi
Setelah sketsa selesai dibuat menggunakan aplikasi komputer, selanjutnya adalah mewarnai gambar tersebut.
5) Membuat Detail Ilustrasi
Agar ilustrasi yang kita buat lebih sempurna maka kita perlu mengolah lagibagian demi bagian dari ilustrasi yang sudah diwarna.
Apa itu gambar Ilustrasi ?
Gambar ilustrasi adalah suatu karya seni rupa dua dimensi, yang berupa gambar tangan (manual), ataupun gambar dari hasil olah digital (dari komputer, atau fotografi) atau kombinasi dari keduanya manual dan digital, baik hitam putih maupun berwarna yang mempunyai fungsi sebagai penerang/penghias untuk memperjelas atau memperkuat arti atau memperbesar pengaruh dari suatu teks atau naskah/cerita yang menyertainya.
Gambar ilustrasi ada beberapa jenis yaitu ilustrasi untuk cerita, ilustrasi untuk ilmu pengetahuan, dan ilustrasi untuk sampul buku. Ilustrasi untuk cerita dimaksudkan sebagai penjelasan secara visual tentang isi suatu cerita dan dapat diklasifikasikan menjadi beberapa jenis yaitu ilustrasi cerita pendek, ilustrasi cerita komik dan ilustrasi cerita fiksi atau khayalan. Untuk mengambar ilustrasi cerita novel dan cerita pendek, illustrator harus mampu mengambil bagian yang menarik dan dapat mewakili cerita keseluruhan untuk dilustrasikan.
Ilustrasi untuk ilmu pengetahuan dimaksudkan untuk memberikan gambaran secara visual tentang suatu bentuk atau suatu proses kejadian, seperti pertumbuhan mahluk dan proses produksi. Bagian yang diilustrasikan tentu bagian yang sulit dibayangkan, sehingga dengan visualisasi orang akan dapat lebih mudah memahami.
Ilustrasi sampul buku berfungsi memberikan gambaran visual tentang isi dalam buku itu. Biasanya ilustrasi yang ditampilkan adalah bagian yang paling menarik dari isi buku tersebut sehingga orang tertarik untuk melihat dan membacanya.
Ada beberapa langkah dalam membuat gambar ilustrasi, yaitu :
1) Gagasan
Gagasan bersumber dari bahan yang akan diilustrsikan. Setelah ada gagasan, tentukanlah adegan apa yang akan digambar, siapa saja tokohnya, bagaimana suasananya, tentukan pula corak gambar dan media yang akan kamu gunakan.
Gagasan bersumber dari bahan yang akan diilustrsikan. Setelah ada gagasan, tentukanlah adegan apa yang akan digambar, siapa saja tokohnya, bagaimana suasananya, tentukan pula corak gambar dan media yang akan kamu gunakan.
2) Sketsa
Proses menggambar yang paling awal adalah mengsket atau membuat rancangan gambar (sketsa) dengan menggunakan pensil warna atau langsung menggunakan media yang akan dipakai.
Gagasan yang ada dituangkan bersamaan dengan proses mensket. Rencanakan gambar baik-baik. Buatlah coretan kira-kira bagaimana tata letak objek yang digambar dan bagaimana gerak yang terjadi. Satukan semua unsur gambar yang direncanakan. Beri detail sehingga gambar lebih sempurna. Beri gambar sesuai corak yang telah ditentukan. Setiap unsur harus bercorak sama agar tak terkesan seperti kolase.
Proses menggambar yang paling awal adalah mengsket atau membuat rancangan gambar (sketsa) dengan menggunakan pensil warna atau langsung menggunakan media yang akan dipakai.
Gagasan yang ada dituangkan bersamaan dengan proses mensket. Rencanakan gambar baik-baik. Buatlah coretan kira-kira bagaimana tata letak objek yang digambar dan bagaimana gerak yang terjadi. Satukan semua unsur gambar yang direncanakan. Beri detail sehingga gambar lebih sempurna. Beri gambar sesuai corak yang telah ditentukan. Setiap unsur harus bercorak sama agar tak terkesan seperti kolase.
3) Pewarnaan
Setelah sket di anggap selesai, kita dapat mewarnai. Pewarnaan dalam menggambar ekspresi dapat dilaksanakan dengan dua corak, yaitu corak realis da corak bukan realis (ekspresionisme, impresionisme, abstrakisme, dan lain-lain).
Setelah sket di anggap selesai, kita dapat mewarnai. Pewarnaan dalam menggambar ekspresi dapat dilaksanakan dengan dua corak, yaitu corak realis da corak bukan realis (ekspresionisme, impresionisme, abstrakisme, dan lain-lain).
Pewarnaan corak realis harus sesuai dengan keadaan nyata. Sedangkan pewarnaan corak bukan realis lebih bebas atau tidak terikat oleh warna aslinya.
Pengertian Musik Ilustrasi
Ilustrasi tidak hanya berupa gambar, melainkan juga dapat berupa suara/musik dan berupa gerak.
Pementasan drama tidak hanya bergantung pada persoalan suara para pemain saja. Untuk kepentingan menciptakan suasana tertentu, sehingga imanjinasi penonton dapat berkembang secara maksimal diperlukan musik pengiring. Pemain juga dapat terbantu dengan adanya musik pengiring ini.
Pementasan drama tidak hanya bergantung pada persoalan suara para pemain saja. Untuk kepentingan menciptakan suasana tertentu, sehingga imanjinasi penonton dapat berkembang secara maksimal diperlukan musik pengiring. Pemain juga dapat terbantu dengan adanya musik pengiring ini.
Musik pengiring, di dalam kegunaan pementasan drama dapat disebut dengan istilah ilustrasi musik. Peranan musik dalam pertunjukan drama sangatlah penting. Musik dapat menjadi bagian lakon, tetapi yang terbanyak adalah sebagai ilustrasi, baik sebagai pembuka seluruh lakon, pembuka adegan, memberi efek pada lakon, maupun sebagai penutup lakon. Tata suara berfungsi memberikan efek suara yang diperlukan lakon, seperti suara ketepak kaki kuda, tangis, bunyi tembakan, bunyi kereta api, mobil, burung berkicau dan sebagainya. Untuk memberikan efek tertentu, musik sering digabung dengan efek suara. Misalnya dalam memberi efek terkejut, panik, tegang, sedih, gembira meluap-luap, perkelahian, musik berbaur dengan sound effect sangat menghidupkan adegan. Musik disamping harus sering digunakan bersama sound effect, juga dengan komponen pentas yang lain.
Fungsi yang diharapkan dari tata musik dirumuskan sebagai berikut :
o Memberikan ilustrasi yang memperindah. Karya drama merupakan karya seni. Maka perlu ada penghiasnya. Hiasan pada awal dapat memikat penonton, dan membawa ke arah perhatian pada pentas. Hiasan pada akhir lakon sekaligus mempersilahkan penonton pulang.
o Memberikan latar belakang. Latar belakang ini dapat berarti latar belakang kebudayaan, latar belakang sosial, atau keagamaan. Dapat juga latar belakang karakter.
o Memberikan warna psikologis. Untuk menggambarkan warna psikologis eran, musik sangatlah besar manfaatnya. Peran yang sedih, kacau, terkejut gembira, semua dapat diberikan tekanan dengan musik yang sesuai.
o Memberi tekanan kepada nada dasar drama. Nada dasar drama harus dipahami oleh penonton. Dengan musik yang sesuai yang dapat mengungkap jiwa dari drama itu, penonton akan terhanyut ikut terlibat dalam suasana batin yang pokok dari drama tersebut.
o Membantu dalam penanjakan lakon, penonjolan, dan progresi. Disamping itu juga membantu pemberian isi serta meningkatkan irama permainan.
o Memberi tekanan pada keadaan yang mendesak.
o Memberikan selingan.
o Memberikan latar belakang. Latar belakang ini dapat berarti latar belakang kebudayaan, latar belakang sosial, atau keagamaan. Dapat juga latar belakang karakter.
o Memberikan warna psikologis. Untuk menggambarkan warna psikologis eran, musik sangatlah besar manfaatnya. Peran yang sedih, kacau, terkejut gembira, semua dapat diberikan tekanan dengan musik yang sesuai.
o Memberi tekanan kepada nada dasar drama. Nada dasar drama harus dipahami oleh penonton. Dengan musik yang sesuai yang dapat mengungkap jiwa dari drama itu, penonton akan terhanyut ikut terlibat dalam suasana batin yang pokok dari drama tersebut.
o Membantu dalam penanjakan lakon, penonjolan, dan progresi. Disamping itu juga membantu pemberian isi serta meningkatkan irama permainan.
o Memberi tekanan pada keadaan yang mendesak.
o Memberikan selingan.
Pemanfaatan ilustrasi musik di dalam suatu pementasan drama dapat dilakukan dengan cara yang beragam. Namun begitu, secara umum dapat dibagi atas dua bagian, yaitu musik langsung dan musik rekaman.Yang dimaksud dengan musik langsung yaitu musik yang dimainkan langsung pada saat pementasan. Mungkin peralatan musik yang dipergunakan adalah alat-alat musik modern (seperti organ, keyboard, dan lain-lain), tetapi bisa juga peralatan musik tradisional (seperti suling bambu, gendang, gamelan, dan lain-lain) atau alat musik apapun, bahkan peralatan apapun yang dapat dijadikan bunyi-bunyian untuk mengiringi pementasan.Sedangkan musik rekaman, yaitu musik yang telah direkam di atas pita kaset.
Pengaturan musik ini perlu dipersiapkan secara seksama. Seperti halnya pengaturan lampu, maka dalam musik inipun dibutuhkan penyusunan plot. Juru musik perlu mempelajari naskah, mencari musik yang cocok, merekam dalam pita kaset secara urut kemudian diberi kode. Untuk kaset yang memiliki nomor putaran, kode itu menggunakan nomor putaran itu. Pada naskah harus telah ada kode-kode tertentu. Sebab itu, juru musik harus selalu membawa naskah dan senantiasa mengikuti jalannya latihan. Seperti halnya penata lampu, juru musik ini sulit diganti secara mendadak. Karena harus menguasai jalannya pentas, kapan harus bereaksi dan kapan diam.
Pengertian src
SRC
Source atau src digunakan disini sama halnya untuk keperluan video dan audio, hanya saja pada <source> akan menggunakan 2 sumber dimana file tersebut memiliki isi yang sama tetapi format yang berbeda. Tujuannya disini adalah web browser akan memilih memutar yang mana nantinya sesuai dengan format yang didukung oleh web browser tersebut .
Dapat dilihat pada potongan kode berikut :
<html>
<head>
<title>cek video</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="bola.mp4" type="video/mp4">
<source src="bola.ogg" type="video/ogg">
<source src="bola.WebM " type="video/WebM">
browser anda tidak mendukung format video ini.
</video>
</body>
</html>
<head>
<title>cek video</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="bola.mp4" type="video/mp4">
<source src="bola.ogg" type="video/ogg">
<source src="bola.WebM " type="video/WebM">
browser anda tidak mendukung format video ini.
</video>
</body>
</html>
Memperkecil dan memperbesar ukuran gambar di HTML
gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan kualitas yang mirip aslinya, penentuan ukuran juga menjadi hal yang penting untuk diperhatikan. Maka dari itu perbandinganya harus sesuai dengan ukuran asli dari gambar tersebut. Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menetukan tinggi gambar dan WIDTH untuk menetukan lebar gambar.
Perhatikan contoh berikut ini.
Perhatikan contoh berikut ini.
<img src=”images/komputer.jpg” />
Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada dalam direktori images sesuai dengan ukuran asli (misal 500X375 pixel).
Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut,
Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut,
misalnya
<img src=images/komputer.jpg” width=320” height=”230” />
Membuat list kombinasi di HTML
1) Pembuatan list Kombinasi
Perhatikan daftar berikut ini :
Perhatikan daftar berikut ini :
Daftar Menu
1. Makanan
•Bakso
•Mie Ayam
•Soto
2. Minuman
•Teh Panas
•Jeruk Panas
•Kopi
1. Makanan
•Bakso
•Mie Ayam
•Soto
2. Minuman
•Teh Panas
•Jeruk Panas
•Kopi
Dapat dilihat bahwa daftar di atas adalah gabungan daftar berurutan dan daftar tidak berurutan.
Untuk membuat daftar diatas pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>.
Untuk membuat daftar diatas pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>.
Perhatikan penggabungan <ol> dengan <ul> berikut ini :
<ol>
<li></li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ol>
<li></li>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
</ol>
Ketika kita menggabungkan tag tidak berurutan <ul> tipe bullet dengan tag tidak berurutan <ul> pada daftar berikutnya, maka daftar yang kedua oleh browser akan ditampilkan secara otomatis menjadi daftar bullet.
Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya.
Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya.
Contoh :
<ul>
<li> </li>
<ol type=i>
<li > </li>
<li> </li>
</ol>
<li>
<ol type=i>
<li > </li>
<li> </li>
</ol>
</li>
<li>
</li>
</ul>
<li> </li>
<ol type=i>
<li > </li>
<li> </li>
</ol>
<li>
<ol type=i>
<li > </li>
<li> </li>
</ol>
</li>
<li>
</li>
</ul>
Memulai dengan nomor tertentu
Untuk membuat daftar bernomor dengan urutan yang tidak dimulai dengan 1 (nomor/huruf awal), maka kita harus mendefinisikan dengan atribut “start” pada elemen tag <ol>.
Untuk membuat daftar bernomor dengan urutan yang tidak dimulai dengan 1 (nomor/huruf awal), maka kita harus mendefinisikan dengan atribut “start” pada elemen tag <ol>.
Misalnya contoh berikut :
<ol start="17">
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>
Maka urutan daftar yang ditampilkan akan dimulai dengan 17, selanjutnya 18 dan 19.
Demikian juga apabila :
Demikian juga apabila :
<ol type=”A” start="17">
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>
Maka urutan daftar yang ditampilkan akan dimulai dengan Q, selanjutnya R, dan S.
Penggunaan daftar bernomor yang tidak dimulai dengan nomor awal, biasanya diperlukan apabila daftar yang kita buat sudah diselingi beberapa paragraph, sehingga ketika dibuat daftar bernomor, secara default akan dimulai dari awal, padahal harusnya melanjutkan nomor sebelumnya. Maka digunakanlah atribut “start=” tersebut.
Membuat tabel di HTML
1) Pembuatan Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.
Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data).
Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table(table data).
<table>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
</tr>
</table>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
</tr>
</table>
Struktur elemen table adalah sebagai berikut:
<table>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
</tr>
</table>
<tr>
<td>data baris 1 kolom 1</td>
<td>data baris 1 kolom 2</td>
</tr>
</table>
Untuk mendifinisikan table heading atau judul tiap kolom menggunakan tag <th> ….. </th>
Atribut Elemen Tabel
Width =panjang(lebar table, pixel atau persen)
Height =panjang(tinggi table, pixel atau persen)
Border =pixel(tebal garis tepi)
Cellspacing =pixel(spasi antar sel)
Cellpadding =pixel(spasi di dalam sel)
Align =[left|center|right](perataan table)
Bgcolor =warna(warna latar belakang table)
Height =panjang(tinggi table, pixel atau persen)
Border =pixel(tebal garis tepi)
Cellspacing =pixel(spasi antar sel)
Cellpadding =pixel(spasi di dalam sel)
Align =[left|center|right](perataan table)
Bgcolor =warna(warna latar belakang table)
Atribut Table Row
Align =[left|center|right](perataan sebaris sel secara horizontal)
Valign =[top|middle|bottom](perataaan sebaris sel secara vertical)
Bgcolor =warna(warna latar belakang baris)
Valign =[top|middle|bottom](perataaan sebaris sel secara vertical)
Bgcolor =warna(warna latar belakang baris)
Atribut Tabel Data
Align =[left|center|right](perataan horizontal)
Width =[top|middle|bottom](perataan vertical)
Height =pixel(tinggi sel, pixel atau persen)
Bgcolor =warna(warna latar belakang sel)
Width =[top|middle|bottom](perataan vertical)
Height =pixel(tinggi sel, pixel atau persen)
Bgcolor =warna(warna latar belakang sel)
Dasar HTML
HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk ‘memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.
Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada HTML5 antara lain sebagai berikut.
o Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak menggunakan program Paint.
o Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
o Footer. Merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini berguna untuk menaruh informasi di bagian bawah halaman web.
o Time. Elemen ini berguna untuk menyajikan informasi tentang waktu.
o Audio. Memungkinkan penyajian player untuk memutar suara.
o Video. Memungkinkan player untuk memainkan film.
o Canvas. Memungkinkan pembuatan gambar dalam kanvas. Jadi, gambar tidak lagi diambil dari gambar utuh, melainkan bisa disusun sendiri, bak menggunakan program Paint.
o Header. Berguna untuk menyatakan suatu judul, yang bisa diisi dengan elemen logo dan nama perusahaan.
o Footer. Merupakan kebalikan dari header. Sebagai catatan kaki, elemen ini berguna untuk menaruh informasi di bagian bawah halaman web.
o Time. Elemen ini berguna untuk menyajikan informasi tentang waktu.
o Audio. Memungkinkan penyajian player untuk memutar suara.
o Video. Memungkinkan player untuk memainkan film.
Secara prinsip, fitur pada HTML dapat dikelompokkan ke dalam :
o Struktur halaman ;
o Presentasi visual ;
o Peranti penyaji gambar ;
o Pendukung media ; dan
Peningkatan koneksi dengan JavaScript.
o Struktur halaman ;
o Presentasi visual ;
o Peranti penyaji gambar ;
o Pendukung media ; dan
Peningkatan koneksi dengan JavaScript.
Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <contoh > adalah</contoh>. Dalam hal ini <contoh> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.
Jadi misalnya elemen <contoh> bila ditulis dengan atributnya adalah sebagai berikut:
<contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.
<contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.
Dalam penulisan tag HTML tidaklah case sensitive artinya pengguna huruf kecil ataupun capital tidaklah menjadi masalah.
Aplikasi untuk editing gambar dan menggambar
Untuk menambahkan gambar ke halaman web, akan perlu program editing gambar. Berikut ini beberapa aplikasi yang cukup populer :
Adobe Photoshop.
Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.
Photoshop dapat dikatakan sebagai standar industri untuk penciptaan gambar baik dalam cetak maupun dunia web.
Adobe Photoshop Elements.
Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.
Versi ini lebih ringan dari Photoshop dirancang untuk mengedit foto dan manajemen, tetapi beberapa penggemar menemukan bahwa ia memiliki semua alat yang diperlukan untuk menempatkan gambar pada halaman web.
Adobe Illustrator.
Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop
Karena desainer perlu membuat logo, ikon, dan ilustrasi di berbagai ukuran dan resolusi, untuk itu semua aplikasi ini sangat membantu. Aplikasi ini juga dapat dipadukan dengan Photoshop
Adobe Fireworks.
Program grafis web ini menggabungkan editor foto dengan alat untuk membuat ilustrasi berbasis vektor. Ia juga memiliki alat-alat canggih untuk grafis web.
Program grafis web ini menggabungkan editor foto dengan alat untuk membuat ilustrasi berbasis vektor. Ia juga memiliki alat-alat canggih untuk grafis web.
Corel Paint Shop Photo Pro (Windows saja).
Editor gambar yang penuh fitur ini populer di pengguna Windows, terutama karena harga yang rendah.
Editor gambar yang penuh fitur ini populer di pengguna Windows, terutama karena harga yang rendah.
Aplikasi Internet
Karena hasil akhir dari pengembangan halaman web digunakan di Internet, maka diperlukan beberapa aplikasi untuk membuka halaman web, biasa disebut “browser”. Berikut ini beberapa aplikasi browser yang cukup populer :
- Windows:
- Internet Explorer
- Chrome
- Firefox
- Safari
- Opera
- Macintosh OS X:
- Safari
- Chrome
- Firefox
- Opera
- Windows:
- Internet Explorer
- Chrome
- Firefox
- Safari
- Opera
- Macintosh OS X:
- Safari
- Chrome
- Firefox
- Opera
Browser perangkat bergerak (mobile) :
- Mobile Safari (iOS)
- Android Browser (Android)
- BlackBerry Browser (RIM)
- Nokia Series 40 dan Nokia Browser for Symbian
- Opera Mobile dan Mini (installed on any device)
- Internet Explorer Mobile (Windows Phone)
- Silk (Kindle Fire)
- Mobile Safari (iOS)
- Android Browser (Android)
- BlackBerry Browser (RIM)
- Nokia Series 40 dan Nokia Browser for Symbian
- Opera Mobile dan Mini (installed on any device)
- Internet Explorer Mobile (Windows Phone)
- Silk (Kindle Fire)
Contoh aplikasi editior
Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML.
Beberapa contoh aplikasi yang termasuk dalam kelompok ini :
TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.
Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.
Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.
Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.
BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac
Apa itu Edmodo ?
Edmodo merupakan platform pembelajaran berbasis jejaring sosial yang diperuntukan untuk guru, murid sekaligus orang tua murid.
Edmodo pertama kali dikembangkan pada akhir tahun 2008 oleh Nic Borg dan Jeff O’hara dan Edmodo sendiri bisa dibilang merupakan program e-learning yang menerapkan sistem pembelajaran yang mudah, efisien sekaligus lebih menyenangkan.
Jujur saja, saya baru mengenal Edmodo ketika awal kelas 1 SMK. Padahal Edmodo sendiri sudah lama populer. Hmmm mungkin saya saja yang masih out to date waktu itu.
Edmodo sangatlah membantu sekali dalam proses pembelajaran. Edmodo menyediakan cara yang aman dan mudah untuk membangun kelas virtual berdasarkan pembagian kelas layaknya di sekolah.
Desain tampilan yang dimiliki Edmodo hampir sama dengan desain tampilan Facebook. Dengan Edmodo, guru/ dosen dapat mengirim nilai, tugas, maupun kuis untuk siswa/ mahasiswa dengan mudah.
Dalam penggunaan Edmodo, terdapat beberapa hal yang perlu diperhatikan seperti kode khusus untuk setiap kelas/ grup. Jika siswa ingin bergabung pada suatu grup, maka siswa terlebih dahulu mengetahui kode khusus grup tersebut.
Manfaat Edmodo untuk Pembelajaran
Edmodo mempunyai beberapa manfaat dalam pembelajaran sebagai berikut :
Edmodo merupakan wahana komunikasi dan diskusi yang sangat efiesien untuk para guru dan murid
Dengan Edmodo, siswa satu dengan siswa lainnya dapat dengan mudah berinteraksi dan berdiskusi dengan pantauan langsung dari gurunya.
Selain itu, Edmodo mempermudah komunikasi antara guru, murid sekaligus orang tua murid.
Sebagai sarana yang tepat untuk ujian maupun quiz.
Guru dapat memberikan bahan ajar seperti pertanyaan, foto, video pembelajaran kepada murid dengan mudah.
Selain itu, murid juga dapat mengunduh bahan ajar tersebut
Dengan adanya Edmodo, orang tua murid dapat memantau kegiatan belajar anaknya dengan mudah.
Dengan adanya Edmodo, orang tua murid dapat memantau kegiatan belajar anaknya dengan mudah.
Mempermudah guru dalam memberikan soal dari mana saja dan kapan saja.
Fitur dari Edmodo
Fitur-Fitur yang Terdapat pada Edmodo
Terdapat banyak sekali fitur-fitur yang ditawarkan Edmodo untuk menunjang proses pembelajaran. Berikut fitur-fitur yang terdapat pada Edmodo :
1. Polling
Polling merupakan salah satu fitur yang hanya dapat di gunakan oleh guru. Fitur ini biasanya di gunakan oleh guru untuk mengetahui tanggapan siswa mengenai hal tertentu. Dibawah ini merupakan contoh tampilan polling pada Edmodo :
2. Gradebook
Fitur ini mirip seperti catatan nilai siswa. Dengan fitur ini, guru dapat memberi nilai kepada siswa secara manual maupun otomatis.
Fitur ini juga memungkinkan seorang guru untuk memanajemen penilaian hasil belajar dari seluruh siswa. Penilaian tersebut juga dapat diexport menjadi file .csv.
Pada fitur Gradebook, guru memegang akses penuh pada fitur ini sedangkan siswa hanya dapat melihat rekapan nilai dalam bentuk grafik dan penilaian langsung.
3. Quiz
Fitur Quiz hanya dapat dibuat oleh guru, sedangkan siswa tidak mempunyai akses untuk membuat quiz. Mereka hanya bisa mengerjakan soal quiz yang diberikan oleh guru.
Quiz digunakan oleh guru untuk memberikan evaluasi online kepada siswa berupa pilihan ganda, isian singkat maupun soal uraian.
4. File and Links
Fitur ini berfungsi untuk mengirimkan note dengan lampiran file dan link. Biasanya file tersebut ber-ekstensi .doc, .ppt, .xls, .pdf dan lain-lain.
5. Library
Dengan fitur ini, guru dapat mengunggah bahan ajar seperti materi, presentasi, gambar, video, sumber referensi, dan lain-lain.
Fitur ini juga berfungsi sebagai wadah untuk menampung berbagai file dan link yang dimiliki oleh guru maupun murid.
6. Assignment
Fitur ini digunakan oleh guru untuk memberikan tugas kepada murid secara online.
Kelebihan dari fitur ini yaitu dilengkapi dengan waktu deadline, fitur attach file yang memungkinkan siswa untuk mengirimkan tugas secara langsung kepada guru dalam bentuk file document (pdf, doc, xls, ppt), dan juga tombol “Turn in” pada kiriman assignment yang berfungsi menandai bahwa siswa telah menyelesaikan tugas mereka.
7. Award Badge
Untuk memberikan suatu penghargaan kepada siswa atau grup, biasanya guru menggunakan fitur award badges ini. Berikut tampilan fitur ‘Award Badge’ pada Edmodo :
8. Parent Code
Dengan fitur ini, orang tua murid dapat memantau aktifitas belajar yang dilakukan anak-anak mereka.
Untuk mendapatkan kode tersebut, orang tua murid dapat mendapatkannya dengan mengklik nama kelas/ grup anaknya di Edmodo atau dapat memperolehnya langsung dari guru yang bersangkutan.
Dilihat dari manfaat dan juga fitur-fiturnya, edmodo merupakan pilihan yang sangat tepat untuk digunakan sebagai media pembelajaran online.
Selain itu, Edmodo juga mempermudah kegiatan balajar mengajar antara guru dan murid.
Nilai plus lain dari Edmodo adalah orang tua murid dapat memantau perkembangan kegiatan belajar putra-putri mereka.
Cara daftar edmodo
Cara Daftar Edmodo Untuk Siswa
1. Masuk ke situs resmi edmodo, yaitu www.edmodo.com
Dan gambar dibawah ini merupakan tampilan homepagenya edmodo. Dikarenakan kita akan membuat akun untuk murid, maka silahkan klik ‘I’m a Student‘.
Dan gambar dibawah ini merupakan tampilan homepagenya edmodo. Dikarenakan kita akan membuat akun untuk murid, maka silahkan klik ‘I’m a Student‘.
2. Setelah mengklik ‘I’m a student‘ selanjutnya kita akan dialihkan ke halaman pengisian formulir pendaftaran. Dan di bawah ini merupakan gambar untuk mengisi nama lengkap anda, group code, usernama dan lain-lain.
3. Isilah data diri anda dengan lengkap, untuk mengisi group code anda bisa menanyakan langsung kepada guru anda. karena group code ini berfungsi untuk mencegah orang lain masuk kedalam group, dan edmodo menyiapkan kode khusus untuk guru dan murid.
4. Setelah semua data sudah terisi, selanjutnya klik Sign Up For Free. Dan sekarang akun edmodo anda sudah bisa digunakan.
Mungkin itu tutorial singkat tentang cara membuat akun di Edmodo, semoga dapat membantu. terimakasih.
Cara daftar edmodo untuk guru
Cara Membuat Akun Edmodo Untuk Guru
1. Buka situs edmodo di http://www.edmodo.com/
Buka website edmodo dengan menggunakan browser di Komputer atau Smartphone anda.
Buka website edmodo dengan menggunakan browser di Komputer atau Smartphone anda.
2. Masukan email dan password
Disitu akan muncul form pendaftaran di bagian bawahnya. Terdapat 3 tab, yaitu Teachers, Students dan Parents. Pilih Teacher kemudian masukan alamat email anda dan juga password anda, jika sudah klik SIGN UP FOR FREE
3. Temukan Sekolah Anda
Langkah pertama adalah menemukan sekolah tempat anda mengajar, untuk mencarinya anda bisa memasukan nama sekolah, provinsi, kode pos atau negara.
Langkah pertama adalah menemukan sekolah tempat anda mengajar, untuk mencarinya anda bisa memasukan nama sekolah, provinsi, kode pos atau negara.
Jika sekolah sudah ditemukan, klik Sekolah tersebut, kemudian klik NEXT STEP
4. Lengkapi Profil Anda
Langkah kedua di Edmodo adalah melengkapi profil anda.
Langkah kedua di Edmodo adalah melengkapi profil anda.
Isi profil anda, Pilih panggilan apakah Mr, Mrs, Dr dan lain lain. Masukan nama lengkap anda, grade teacher anda dan jurusan yang anda ajarkan serta tulis username pada kolom edmodo profil URL dan pastikan URL belum digunakan dengan adanya peringatan "URL created succesfully".
Kemudian Klik NEXT STEP
5. Konfirmasi Informasi Profil Anda
Pastikan profil anda sudah benar, jika terdapat kesalah anda bisa mengeditnya, dengan mengklik icon pensil di samping data.
Pastikan profil anda sudah benar, jika terdapat kesalah anda bisa mengeditnya, dengan mengklik icon pensil di samping data.
Langkah terakhir adalah klik GO TO MY HOMEPAGE.
Selesai
Pendaftaran akun edmodo untuk Guru sudah selesai, sekarang saatnya anda mengundan anak didik anda untuk masuk ke kelas anda.
Subscribe to:
Posts (Atom)
A Whole New World Zayn Malik Ft Zhavia Ward
A Whole New World (End Title) Zayn Malik Lirik I can show you the world Shining, shimmering, splendid Tell me, princess, now when did ...
-
Apa fungsi Hub dalam jaringan ? fungsi Hub dalam jaringan fungsi Hub dalam jaringan adalah : Hub adalah sebuah perangkat yang...
-
Menghubungkan kabel power supply menuju motherboard Setelah berhasil memasang motherboard pada case komputer, lanjutkan dengan memasang...