Edmodo

Pada postingan sebelum sebelum ya ane sudah memposting tentang EDMODO .

Jadi pada kesempatan kali ini ane akan memposting

-   cara membuat edmodo

-   pengaturan profil

-   cara bergabung dengan grup/ kelompok

-  perpustakaan maya

-  catatan

- tugas /kuis

- kalender
- search dan filter
- materi pembelajaran

- jajak pendapat / polling

Ok…. Sebelum ya,  bagi kalian yang belum tahu sempat membaca postingan saya tentang edmodo , silakan klik link ini  “http://programerza.blogspot.com/2014/09/apa-itu-edmodo.html “.

A. cara membuat EDMODO

            Pertama-tama klik atau search “ edmodo “ maka aka nada tampilan seperti ini , dan sebelum memulia pengisian data , isilah yang berada disana terlebih dahulu.

{ Note: klik terlebih dahuluy student ya }             

 untuk selanjutnya klik “ sign up for free “ .

dan selamat anda berhasil membuat edmodo anda J

B. pengaturan profil

            Disini anda akan berusaha untuk membuat semenarik mungkin profil anda sendiri

Untuk pengaturan Klik Me sudut kanan atas, Dalam menu tersebut silahkan pilih “Setting”. 

Di halaman ini Anda dapat melakukan berbagai hal diantaranya adalah:

1. Mengubah foto profil  Anda dapat memilih untuk mengunggah foto dari komputer pribadi atau menggunakan icon yang telah disediakan.

2. Mengubah informasi pribadi  Anda dapat menambahkan ataumengubah nama beserta alamat email.

3. Anda dapat mengubah kata sandi (password).

C. cara bergabung ke grup / kelompok

            Klik tanda panah O sama + yang bergabung itu dan

Silakan isi group atau klompok yang anda tuju

 D. perpustakaan maya

            Fitur ini digunakan sebagai tempat penyimpanan berbagai sumber pembelajaran dengan konten yang beragam. Dengan fitur library, guru dapat meng-upload bahan ajar, materi, presentasi, sumber referensi, gambar, video, audio dan konten digital lainnya.Link dan Fileyang terdapat di Library dapat dibagikan baik kepada siswa maupun grup. Siswa juga dapatmenambahkan konten yang dibagikan oleh guru ke dalam library-nya. Fitur ini dapatdigunakan sebagai media untuk menampung berbagai sumber dari dalam dan luar. Sehinggasiswa dapat menyimpan berbagai informasi dari luar namun tetap diakses melalui Edmodo.

#Mengunggah Bahan Ajar di Library
Library selayaknya perpustakaan di sekolah. Sebagai guru, Anda bisa mengunggah dokumen maupun link situs sebagai referensi bagi siswa. Anda juga dapat mengaturnya dalam folder-folder untuk memudahkan akses bagi setiap kelas.
a. Masuk ke kelas yang telah dibuat, kemudian klik create and share folder with this group in the Library.
b. Muncul halaman library . Klik new untuk membuat folder baru.c. Tentukan nama folder dan kelas mana saja yang dapat mengakses folder tersebut lalu klik create.
d. Kembali ke halaman library, klik untuk menambahkan file atau referensi lain. Muncul jendela upload to library.

Beri tanda (mark) add to folder apabila Anda ingin menambahkan pada folder. Klik tab Files untuk menambahkan file, kemudian klik upload untuk mulai mengunggah. Apabila referensi yang ingin ditambahkan berupa link, klik tab link untuk memasang link atau alamat suatu situs.

E. catatan

            Cara mengirim catatan (Note) di Edmodo atau kalau pingin posting atau istilah kerennya “nyetatus”. Tapi perlu diingat nyetatus di edmodo jangan disamakan ketika Anda nyetatus di facebook. Disini adalah kelas virtual kita, jadi gunakan untuk bertanya, pemberitahuan, pengumuman dll yang berhubungan dengan pelajaran, tugas ataupun sekolah. Langkah-langkahnya :
a. Sign ke akun edmodo kita
b. Klik type your note here.
c. Kemudian ketik catatan kita dan pilih ke siapa saja kita yang akan kita kirim, kemudian kalau ingin menyertakan file, link atau library tinggal pilih yang dibawahnya itu (misal pingin melampirkan gambar atau pdf atau word dll)
d. Kemudian klik di kolom send to, nah disitu nanti akan muncul daftar kelas atau guru, tinggal dipilih ingin di kirim ke salah satu orang atau ke semua atau ke gurunya (di klik saja), kalau sudah pilih send.

F. tugas /kuis

            Quiz  atau bisa juga disebut tugas  digunakan untuk memberikan evaluasi secara online baik berupa pilihan ganda,isian singkat, maupun soal uraian. Quiz hanya dapat dibuat oleh guru, sedangkan siswa hanya mengerjakannya saja. Fitur ini dilengkapi dengan batas waktu pengerjaan, informasi tentangkuis yangakan dibuat, judul kuis dan tampilan kuis. Perhitungan skor pada setiap butir soalquiz dilakukan secara otomatis untuk jenis pertanyaan pilihan ganda dan isian singkat,sedangkan untuk penskoran soal uraian harus diperiksa oleh guru terlebih dahulu.

# Cara Mengerjakan Soal Ulangan (Quiz)

a.Sign ke akun edmodo kita
b.Klik tombol Quiz
c.Selanjutnya kerjakan Quiz (Ulangan) sampai selesai. Harap diingat bahwa pengerjaan kuis ini ada tenggang waktunya. Jadi begitu sekali buka sudah dihitung waktunya. Oleh karena itu siapkan diri anda dengan baik sebelum membuka kuis.
d.Klik pilihan pendapatmu tentang quiz tersebut untuk bisa mengkil View Result, maka nilai Kamu akan muncul

G. kalender

Pada kolom kalender Edmodo anda bisa berbagi event atau kegiatan yang ada dalam sekolah maupun universitas. Ini sangatlah mudah bagi anda untuk yang tidak sempat untuk meluangkan waktu membuat jadwal dan ditempelkan ke dinding wacana, anda bisa mengatur semua aktifitas atau jadwal yang anda inginkan dengan mudah disini.

 H. Search dan filter

search untuk mencari suatu data yang diperlukan yang berhubungan dengan edmodo agar lebih cepat. Berikut ini adalah tampilan search yang berada diatas tampilan edmodo.

Klik Search yang berada diatas.

sedangkan filter untuk mengurutkan postingan sesuai yang kita inginkan. Berikut ini adalah tampilan filter pada edmodo.

Klik Filter posts by yang berada dipostingan. 

I.Materi pembelajaran 

 Usahakan berikan materi yang sifatnya sebagai trigger untuk siswa, dimana substansi materi dapat memicu siswa untuk dapat menggali informasi lebih dalam lagi secara mandiri.
Buatlah tugas yang memicu aktivitas siswa untuk lebih kreatif dan rancang pula diskusi-diskusi interaktif untuk memancing siswa agar lebih dapat menuangkan ide-ide baru yang bertujuan membentuk pengetahuan mereka menjadi lebih konkrit dan terbaru.

Gunakan Edmodo ini untuk juga membangun kolaborasi antar siswa di sekolah Anda dan siswa di sekolah mitra Anda. Buatlah siswa-siswa tersebut mempunyai pengalaman yang luar biasa dengan tujuan membangun jiwa kooperatif mereka dengan memberikan tugas/project yang harus diselesaikan bersama mitra mereka. Pada intinya sistem yang ada di Edmodo ini sangat powerful sebagai platform e-learning,

J. Jajak pendapat / polling

Polling hanya dapat dibuat oleh guru untuk dibagikan kepada siswa. Biasanya guru menggunakan   poling untuk mengetahui tanggapan siswa mengenai hal tertentu yang berkenaan dengan pelajaran. Berikut dibawah ini adalah tampilan poling mengenai tanggapansiswa terhadap materi fungsi logika sebelum pembelajaran diberikan.

sekian dari ane , selamat membaca :) .

Read More

Cara Mengganti Background Di html Sederhana

Untuk mempercantik website, kita dapat menggunakan background atau latar belakang. background pada suatu website dapat menggunakan warna maupun gambar.

Background Warna HTML
Untuk membuat background Color menggunakan tag <body bgcolor=" .... ">
Contoh

<html> <head> <title> Warna HTML </head>  <body bgcolor="#ffff66">  <p> Belajar Membuat Background Warna HTML </p>  <p> Gantilah dengan warna kesukaanmu </p>  </body> </html>

Untuk nilai dari atribut bgcolor diatas, cobalah anda ganti dengan menggunakan kode hexadecimal dari warna yang anda inginkan. Anda dapat mengetahuinya dengan mencari dari Internet.

Background Image Atau Gambar HTML

Selain dengan warna, background pada suatu website dapat dipermanis dengan menggunakan image atau gambar. Syarat utamanya adalah anda harus memiliki image yg ber-ektensi .jpg .gif atau .png setelah itu anda juga harus memasukkan image tersebut kedalam folder file HTML yang anda buat.

Untuk membuat background Image dapat menggunakan tag <body background="nama image.jpg/png/gif">

Contoh :

<html>  <head> <title> Background Image </title> </head> <body background="Jellyfish.jpg">  <p style="font:bold 50px Georgia ;color:green">Selamat datang di Websiteku</p> <hr color="ff0000" size="4"> <p style="font:20px Calibri ;color:white"> Cara membuat latar belakang dengan gambar </p> </html>

Read More

Cara Membuat Frame Di html

disini saya akan membuat frame , untuk membuat ini saya hanya menggunakan notepad. saya akan mengerjakan program dengan tiga file .html. Yaitu (frame.html) , (framekan.html) , (framekir.html)

"untuk yang pertama inilah syntax dari (frame.html)"

frame.html

<html> <head> <title>Contoh penggunaan Frame</title> </head> <frameset cols="30%, *"> <frame src="framekir.html"> <frame src="framekan.html"> </frameset> </html>

save dengan nama frame.html

"untuk yang kedua inilah syntax dari (framekan.html)"

framekan.html

<html> <head> <title>frame kanan</title> </head> <body bgcolor="white"> <h1>Frame di Sebelah Kanan</h1> <form action=# method=get> nama : <input type=text name=nama><p> alamat : <input type=text name=alamat><p> telepon : <input type=text name=telepon><p> E-mail  :<input type=text name=email><p> <select name=pekerjaan> <option value=mahasiswa> mahasiswa <option value=pelajar> pelajar <option value=peg_negeri> peg_negeri <option value=presiden> presiden <option value=menteri> menteri </select> <p>anggota <input type=radio name=anggota value=ya check> ya <input type=radio name=anggota value=bukan> bukan <p> <input type=submit value="kirim data" name=submit> <input type=reset value="ulangi" name=reset> </form> </body> </html>

save dengan nama framekan.html

"untuk yang ketiga inilah syntax dari (framekir.html)"

<html>
<head>
<title>frame kiri</title>
</head>
<body bgcolor="white">
<h1>Frame di Sebelah Kiri</h1>
</body>
</html>

Read More

Dasar-Dasar Membuat Web Sederhana

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>

<head>

  <title> My First HTML Project </title>

</head>

  <body BGCOLOR=“Green” TEXT=“Red”>

     WELCOME TO MY WEBSITE

</body>

<body bgcolor=”#00ff00”>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya

 

 

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>

<head>

 <title> Tag P, Br dan Hr </title>

</head>

<body>

 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>

 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>

<hr> Ini adalah garis horizontal.

</body>

<body bgcolor=”#00ff00”>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox

 

 

3.      Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>

<head>

<title>format tulisan</titele>

</head>

<body>

teks normal <br>

<small> teks small </small><br>

<big> teks big</big><br>

<b> teks tebal </b><br>

<i> teks miring </i><br>

<u> teks bergaris bawah </u><br>

Contoh superscript : x ²<br>

Contoh subscript : H₂O<br>

<strike> Ini teks tercoret </strike><br>

<font size = 5 face = verdana>

menggunakan tag font

</font>

</body>

<body BGCOLOR ="#00FF00">

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya

 

 

4. Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>

<head>

<title>warna-warna</title>

</head>

<body>

<table width="300" border="1">

<tr>

    <td colspan="3" align="center">warna-warna </td>

</tr>

<tr>

    <td bgcolor="#00FF00">Hijau</td>

    <td bgcolor="#FFFF00">Kuning</td>

    <td bgcolor="#FF0000">Merah </td>

</tr>

<tr>

    <td bgcolor="#999999">Abu-abu</td>

    <td bgcolor="#0000FF">Biru</td>

    <td bgcolor="#FF9900">Orange</td>

</tr>

<tr>

    <td bgcolor="#663300">Cokelat</td>

    <td bgcolor="#3399CC">Biru muda</td>

    <td bgcolor="#FF00FF">Merah muda</td>

</tr>

</table>

</body>

<body BGCOLOR ="#00FF00">

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya

Read More

Cara Membuat Web Sederhana Menggunakan Notepad++

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.

·         Daftar Tag Pada HTML

ELEMEN DASAR
Jenis Dokumen	<HTML></HTML>	(terdapat pada awal dan akhir dari file HTML)
Judul	<TITLE></TITLE>	(harus selalu terdapat pada mukadimah)
Mukadimah (Header)	<HEAD></HEAD>	(keterangan umum, seperti judul dsb.)
Batang Tubuh	<BODY></BODY>	(isi dari halaman HTML)

FORMAT TAMPILAN
Huruf Tebal	<B></B>	(Bold)
Huruf Miring	<I></I>	(Italic)
Garis Bawah	<U></U>	(Underline - jarang digunakan)
Rata Tengah	<CENTER></CENTER>	(Center - berlaku untuk teks maupun gambar)
Huruf Kedip	<BLINK></BLINK>	(Blinking - tag terlucu sampai kini)
Ukuran Huruf	<FONT SIZE=?></FONT>	(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf	<FONT COLOR="#$$$$$$"></FONT>
Pilih Jenis Huruf	<FONT FACE="***"></FONT>

PEMISAH
Paragraf	<P></P>	(tag penutup seringkali tak diperlukan)
Align Text	<P ALIGN=LEFT|CENTER|RIGHT></P>
Pndah Baris	<BR>	(pindah ke baris berikut)
Garis Datar	<HR>	(Horizontal Rule)
Penataan Letak Garis	<HR ALIGN=LEFT|RIGHT|CENTER>
Tebal Garis	<HR SIZE=?>	(dalam satuan pixel)
Lebar Garis	<HR WIDTH=?>	(dalam satuan pixel)
Lebar Garis Persentasi	<HR WIDTH="%">	(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar	<BODY BACKGROUND="URL">	(Tiled Background)
Warna Latar Belakang	<BODY BGCOLOR="#$$$$$$"	(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks	<BODY TEXT="#$$$$$$">

TABEL
Rancangan Tabel	<TABLE></TABLE>
Garis Batas Tabel	<TABLE BORDER=?></TABLE>
Lebar Tabel	<TABLE WIDTH=?>	(dalam satuan pixel)
Lebar Tabel Persentasi	<TABLE WIDTH="%">	(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel	<TR></TR>
Penataan Letak Baris	<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Sel dalam Tabel	<TD></TD>	(harus ada dalam setiap baris tabel)
Penataan Letak Sel	<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Kepala Tabel	<TH></TH>	(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel	<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Warna Kepala Tabel	<TH BGCOLOR="#$$$$$$">

Read More