Sabtu, 16 Februari 2013

Seminggu Perjalanan "Tugas Negara"

Jum'at, 15 februari 2013 tepatnya satu minggu telah dilaksanakan "Tugas Negara" di salah satu sekolah Menengah Kejuruan di Jakarta Selatan (SMKN 57 Jakarta Selatan). Selama satu minggu ini telah banyak dilakukan kegiatan oleh tim yang telah ditunjuk sebagai pembicara di depan Guru SMK 57 dan Siswanya. Selama satu minggu ini telah diberikan pengajaran materi mengenai penggunaan aplikasi berbasis web atau (edmodo) sebagai media pembelajaran terbaru di dunia pendidikan. Selama 3 hari masuk kedalam kelas untuk memberikan pengajaran mengenai penggunaan aplikasi edmodo dan ditambah materi yang telah diberikan yaitu "pembelajaran pembuatan blog" yang sebelumnya telah bergabung menjadi teacher dari group dalam edmodo "PJJ Webblogger" selama 3 hari diberikan pengarahan dan pengajaran kepada siswa untuk membuat webbblogger. Berikut adalah foto hasil saya memberikan materi dan pengajaran kepada siswa.
   
Kemudian diberikan pengarahan sebagaimana siswa , selama 1 hari kepada Guru-guru SMK 57 Jakarta Selatan. Kegiatanpun berjalan dengan lancar tanpa hambatan. Menurut Elma salah seorang Guru IPA di SMK 57 pengarahan yang diberikan sangat menarik karena hanya dalam 1 hari elma dapat menyerap dan mengerti apa yang telah disampaikan pembicara. Berikut Kegiatan selama 1 hari dalam penyuluhan pengenalan aplikasi pembelajaran jarak jauh.



Selain itu, tim dikirim untuk membantu dalam pembuatan modul mata pelajaran yang akan dibuat menjadi Digital Book (buku digital) dimana digital book dapat diterapkan didalam handphone .Mata pelajaran tersebut akan diberikan kepada siswa sebagai buku pegangan selama belajar menagajar. Untuk pembuatan buku digital tersebut diperlukan materi yang telah disusun guru dalam bentuk file "M.word" yang akan diconvert menjadi format .EPUB yang dapat dibaca didalam Handphone.

Senin, 04 Februari 2013

Berikut ini adalah cara untuk membuat Menu Animasi Berputar dan Membesar
KODE CSS
berikut adalah CSSnya :

 <style type="text/css">  #mode-putar{  width:140px;  height:80px;  border:1px solid #999;  box-shadow: 5px 3px 5px #aaa;  margin:5px auto;  padding:5px;  background:#9bbddd;  font-size:12px;  font-weight:bold;  background-color: yellow;  -webkit-transition: all 0.7s ease-in-out;  -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; } #mode-putar:hover {  -webkit-transform: rotate(360deg) scale(1.5);  -moz-transform: rotate(360deg) scale(1.5);  -o-transform: rotate(360deg) scale(1.5); }  </style>   
KODE HTML
berikut adalah HTMLnya :

 <div id="mode-putar">  
 <a href="http://draft.blogger.com/URL%20Home">HOME</a>  <a href="http://draft.blogger.com/URL%20About">ABOUT</a>  <a href="http://draft.blogger.com/URL%20Contact">CONTACT</a>  <a href="http://draft.blogger.com/URL%20DOwnload">DOWNLOAD</a>  <a href="http://draft.blogger.com/URL%20Privacy">PRIVACY</a> </div>