Media Pembelajaran Berbasis Internet-Media Online

Showing posts with label Teknologi Informasi. Show all posts

Membuat Link Bentuk Gambar

Banyak manfaat dari gambar, selain untuk menarik pada upload tulisan kita, juga untuk menandakan dengan menjadikan link. Seperti contoh dibawah ini.

Untuk membuatnya sangat mudah, langkah-langkahnya dibawah ini:
1. Jika di postingan, tinggal copy kode html dibawah ini di setelah new entry, syaratnya posisi dalam keadaan html

Kode html link gambar:

<a href="http://sarastiana.blogspot.com/p/kumpulan-video-tutorial.html"a><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN9RUlKgUfPb6pPU-rGiHvohjSjiOr6oBYxzKbCONNH7s0xUXS7yezZbIpWmrj5wXosyVaUf4pMAK8ZHq4fK0mFSq3I64m1-KC3bw2Zy5kLyp1s9vIg19i7hSQK3uUJTTXX9sFnCxDQJo/s1600/VIDEO+TUT.png"/></a>

Keterangan :
a. Ganti https://sarastiana.blogspot/p/kumpulan-video-tutorial.html dengan link bp/Ibu
b. Ganti : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN9RUlKgUfPb6pPU-rGiHvohjSjiOr6oBYxzKbCONNH7s0xUXS7yezZbIpWmrj5wXosyVaUf4pMAK8ZHq4fK0mFSq3I64m1-KC3bw2Zy5kLyp1s9vIg19i7hSQK3uUJTTXX9sFnCxDQJo/s1600/VIDEO+TUT.png (Link untuk memunculkan gambar,Bapak/Ibu harus sudah memiliki gambar yang telah diupload)

2. Jika diletakan di sidebar

Pilih di Sidebar kiri misalnya: pilih tata letak (1) tambahkan Gadget (2) Klik HTML/Java Script
Pastekan kode diatas di dalamnya.

Semoga bermanfaat.

24 January | 0komentar

Membuat Menu Horizontal Paling Simpel

Salah satu navigasi/penunjuk arah diblog adalah menubar, sebagai navigasi pasti menu ini sangat berguna. Menu ini berguna untuk mempermudah pengunjung mengenali isi blog kita.

Gambar diatas menunjukan menubar bentuk horizontal, menunjukan profil,daftar isi,kontak dan lain-lain. Berikut ini cara membuat menu horizontal seperti diatas dengan simpel dan sangat mudah.
Langkah-langkahnya:
1. Login dan masuk ke dashboard blogger.
2. Pilih template < edit html

3. Letakan kode dibawah ini tepat diatas kode ]]></b:skin> :

/* Menu Horisontal
---------------------------------------------*/
.menupic{width:100%;margin:0 auto;padding:0 auto;}
.menuhorisontal{background:#e9e9e9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0vUIo7GFwKkwQWM3seJD4moG3wtDaXCNBR6u5MXGSOwa-q2SBip-cN5c4TDrpbBeV_xq95AOjsC08A8ulxsGj3Q4HJBbwyvDyo0hRgVg8IcQMhFiUY6OENOZJvamqsY8HZlBB3xO9tA/s1600/bg_menu.gif) repeat-x bottom left;width:980px;height:30px;margin:0 auto; padding:0 auto;border-left:1px solid $bordercolor;border-right:1px solid $bordercolor;border-top:solid 1px $bordercolor;}
.menuhorisontal ul{margin: 0; padding-left: 0px;color:#357798;text-transform: capitalize;list-style-type: none;font:bold 12px Arial, Helvetica,Arial,Verdana,sans-serif;}
.menuhorisontal li{display: inline; margin: 0;}
.menuhorisontal li a{float: left;display: block;text-decoration:none;
padding:7px 7px 7px 7px;border-right:1px solid #dadcde;border-bottom:solid 1px #d2d4d6;color:#357798;}
.menuhorisontal li a:visited{color:#357798;}
.menuhorisontal li a:hover {background:#fff;color:#333;text-decoration:none;border-bottom:solid 1px #fff; /*Background Setelah Pointer Diarahkan */}
.menuhorisontal li.selected a {background:#fff;color:#333;border-bottom:solid 1px #fff;padding:7px 10px 7px 10px;}

4. Cari kode  (dengan cara klik tombol ctrl+F bersama) Cari letakan kode dibawah ini tepat dibawahnya.

<ul>

<li class='selected'><a expr:href='data:blog.homepageUrl'>HomePage</a></li>

<li><a href='https://sarastiana.blogspot.co.id '>Profil</a></li>

<li><a href='http://sarastiana.blogspot.com'>Daftar Isi</a></li>

<li><a href='https://sarastiana.blogspot.co.id/2015/09/perangkat-mengajar.html'>Perangkat KBM</a> </li>

<li><a href='http://sarastiana.blogspot.com '>Kontak</a></li>

<li><a href='http://sarastiana.blogspot.com'>Foto Kegiatan</a></li>

<li><a href='http://sarastiana.blogspot.co.id/2015/09/ulangan-online-mtbg.html'>Ulangan Online</a></li>

<li><a href='http://sarastiana.blogspot.co.id/p/artikel-pendidikan.html'>Artikel Pendidikan</a></li>

</ul>

</div>

Keterangan: Ganti http://sarastiana.blogspot.co.id dengan URL yang dituju
Semoga bermanfaat

23 January | 0komentar

Aplikasi Validasi Data Survey Online

Aplikasi Android Takola SD dikembangkan untuk membantu verifikasi data penerima bantuan rehabilitasi, perpustakaan maupun ruang kelas baru. Aplikasi ini akan segera diluncurkan sebagai pengganti mekanisme proposal pada tahun anggaran 2016.
Sebagai aksi nyata pelaksanaan Program ini, diberdayakan tenaga teknis dari SMK Program Keahlian Teknik Gambar Bangunan.
Aplikasi Manajemen Takola SD adalah salah satu dari paket Aplikasi Data Warehouse. Aplikasi ini berfungsi untuk menganalisis rasio, rekapitulasi kecamatan, kabupaten/kota, propinsi sampai rekapitulasi secara nasional.
Untuk dapat menjalankan Aplikasi Manajemen Takola SD, spesifikasi Komputer (perangkat keras) yang diperlukan adalah :
1) Processor minimal Pentium IV
2) Memory minimal 512 MegaByte
3) Storage tersisa minimal 100 MegaByte

SD Sasaran menampilkan daftar-daftar SD yang berhak menerima bantuan untuk disurvey oleh petugas SMK berdasarkan Nama Sekolah, Kecamatan, Kabupaten/Kota, Propinsi.

31 May | 7komentar

Step By Step Edmodo Sebagai Guru

Edmodo adalah sebuah media pembelajaran berbasis internet dengan label seperti sosial media yang telah ada (Facebook,Twitter dll). Beberapa tulisan dan artikel yang telah saya tulis disini belum membahas bagaimana mendaftar akun edmodo ini. Dan juga beberapa komentar yang menanyakan menggunakan akun Media Kelas Maya ini dari awal. Terkait sebagai guru, siswa dan orang tua.

Berikut langkah-langkah menggunakannya:
Hal-hal yang harus dipersiapkan untuk mendaftar Edmodo adalah Akun Email.

Berikut langkah-langkahnya:

1. Masuk ke Url edmodo, www.edmodo.com

2. Klik saya sebagai guru

Masukan nama email anda dan password, kemudian klik daftar gratis

3. Maka akan dibawa pada langkah berikut:

Isikan nama sekolah,kota, negara dan kode pos atau nama desa secara berurut, kemudian klik langkah berikutnya.

4. Isikan judul, dengan Mr (Pak) dan sebagainya pada Judul, berikut nama depan dan nama belakang dan upload foto anda pada unggah foto baru.Tombol langkah berikutnya belum aktif sebelum form diatas diisi. Pada gambar dibawah nampak tombol langkah berikutnya sudah aktif/menyala

5. Klik langkah berikutnya

6. Klik contiue

7. Klik Izinkan

8. Pada gambar atas anda dapat klik berkomunikasi atau lewat.

9. Isikan nama kelas Maya anda, Misalkan Fisika dsb., klik pergi ke beranda berikut.

Semoga bermanfaat!!!!

03 May | 0komentar

Flight Simulator

Sebuah teknologi penerbangan yang berbentuk simulasi, tiruan tetapi dalam keadaan yang sebenarnya. Teknologi yang dicangkokan pada simulator ini amat canggih. Mesin ini meniru atau menyediakan banyak kejadian yang mungkin terjadi dalam sebuah penerbangan.Terutama berkaitan dengan masalah penerbangan seperti kerusakan mesin, berhadapan dengan awan atau cuaca yang ekstrem.

Pada simulasi ini melakukan penerbangan dengan rute persis seperti keadaan yang nyata misal memiliki rute penerbangan Jakarta - Bali. Simulator Bekerja dalam waktu persis seperti waktu perjalanan Jakarta Bali yaitu kurang lebih 3 - 4 jam. Dalam perjalanan simulasi ini pilot mensetting seolah-olah pesawat mengalamai gangguan, sehingga harus mendarat darurat di air atau bandara terdekat yaitu Ahmad Yani, Adi Sucito, Adi Sumarno atau Juanda.

Flight Simulator ini jelas dapat menekan biaya pelatihan calon pilot untuk beberapa maskapai penerbangan telah memilikinya diantaranya Boeing B737 dan Air Bus A320/330. Yang dapat mempersiapkan penerbang secara teknis maupun mental.

Di sebuah wahana hiburan anak-anak di salah satu tempat di Jakarta juga menyediakan simulasi ini seperti sebenarnya walau jelas tidak selengkap flight Simulator yang sebenarnya. Seperti foto dibawah ini. Gambar anak-anak saya ketika berlibur di Kidszania.

31 December | 0komentar

AutoCAD Online Di Chrome Google

Satu lagi fasilitas dari Google lewat melalui Chrome menyediakan aplikasi yang sangat yahud dan menarik untuk para arsitek,insinyur sipil dan insinyur mesin untuk mengaplikasikan dan merefleksikan gambar perencanaan teknik melalui aplikasi AUTODESK AutoCAD 360.

AutoCAD 360 adalah sebuah aplikasi berbasis web yang memungkinkan untuk melihat,mengedit,plot dan berbagai desain gambar kita dari manapun dengan akses internet.Bahkan menggunakan HP kita.

Untuk masuknya atau memasangnya melalui https://chrome.google.com maka akan masuk halaman dibawah ini pilih google drive kemudian klik AutoCAD 360

Silahkan nikmati kemudahan ini untuk melihat, mengedit,mencetak/plot gambar kerja anda dimana pun kapan pun.

06 November | 0komentar

Tampilan Halaman Muka Google Yang Polos

Halaman Muka Google Simple dan Polos

Bagi pengguna internet pasti sudah sangat familiar dengan google.Google sebagai search engine paling terkemuka,paling banyak dipakai dan jelas paling polos tampilannya.Kenapa tampilan halaman google pertama begitu polos?Konon katanya pendirinya pertama kurang memahami bahasa html dan penginnya memiliki loading yang cepat.

Perkembangan yang cepat sekali dalam waktu 3 bulan telah menjadi mesin pencari terkenal dan tersering dipakai.Sesuai dengan misinya yaitu mengatur informasi dan membuatnya dapat diakses serta memberi manfaat secara universal (google.co.id).

Yang jelas tim google yang kreatif makin pesat perkembangan google melalui google Doodles.Kita lihat kepolosan itu begitu menyimpan besar informasi yang diperlukan semua orang sehingga terkenal khususnya di indonesia dengan istilah "tanya saja pada Mbah google".Great Google!!!!

17 October | 0komentar

Perusahaan Mensyaratkan Harus Bisa Komputer Grafis

"Sebelum wawancara anak sebaiknya dibekali dengan kemampuan AutoCAD" demikian salah satu kalimat dari wakil kepala sekolah bidang KIP-HUMAS yang mengulang pernyataan dari Bagian SDM sebuah perusahaan Otomotif terkenal di jakarta.Sebuah syarat yang bagi siswa-siswa bidang keahlian Otomotif, Elektronika Industri dan Listrik sangat berat.

Saya sebagai guru bidang keahlian Teknik Gambar Bangunan diminta untuk memberikan pembekalan singkat tentang materi Komputer Grafis (menggunakan AutoCAD).Apa yang bisa saya berikan dalam waktu singkat untuk mengenalkan mereka (calon tenaga kerja)? Semoga pembekalan pengenalan tentang materi komputer grafis ini bisa membawa mereka menerbangkan cita-cita.

16 October | 0komentar

Saatnya Mengoptimalkan Databased Kepegawaian Sekolah

Pengisian data manual yang terus berulang setiap tahun cukup sampai disini, bahela Rek

Akhir-akhir ini guru sering disibukan dengan pendataan pengisian biodata dan upgrade biodata baik secara manual ataupun online (melalui Siap Padamu Negeri),Pemutahiran data PNS (manual) dan permintaan data oleh Tata Usaha untuk dapodik(online).Seringnya pengisian data ke semua model jenis permintaan pendataan ini yang pasti bertujuan sama mengetahui biodata terkini terkait dengan data statis dan data nonstatis (pendidikan,diklat,pangkat/golongan dll).

Di saat makin berkembangnya teknologi pendataan berbasis databased ini menjadi heran dan makin menyimpulkan bahwa pelaksanaan pendataan berbasis databased makin menjadi sulit atau bahkan tidak akan terlaksana.Karena setiap waktu guru/pegawai selalui dimintai data yang berkaitan dengan hal-hal yang sebenarnya bisa didapat melalui sebuah bank data...databased.

Fungsi databased sebagai membantu kelancaran pengolahan data,penyimpanan data dan pengaksesan informasi yang aksestable (dengan cepat dan tepat).Data yang ada tersimpan secara teratur sehingga mengakses dan pengolahannya akan lebih mudah.Tidak seperti sekarang ini,setiap ada instansi yang minta pendataan/biodata atau dan lain-lain.guru dibagikan sederet isian yang sebenarnya telah/pernah diisi sebelumnya.

Keuntungan databased kepegawaian:

1. Informasi tersaji secara cepat,tepat dan akurat

2. Hemat waktu pengimputan data

3. Mempercepat proses pencarian data

4. Laporan data kepegawaian yang dibutuhkan cepat dan mudah

Telah banyak saya bahas mengenai databased ini pada tulisan saya sebelumnya:
1. Metode Pengembangan Sistem Informasi
2. Membangun SIM pada Perpustakaan
3. Sistem data terintegrasi
4. Sistem penerimaan peserta didik baru
5. Pengolahan Nilai Terintegrasi
6. SIM belum berjalan efektifkah Dapodik?

13 October | 0komentar

Quiz Quirex PHP

Berbagi tip yang diberikan Pak Guru Hermawan Setiyaji tentang PHP sangat membantu saya memahami Quirex PHP untuk membuat ulangan online. Struktur dari Quirex PHP ini adalah:

Jika kepengin melihat detailnya bisa dilihat di Quirex_PHP Screenshot Anda dapat mengganti background dengan warna yang anda senangi dengan mengedit index php.

Quirex PHP, membuat ulangan online dengan quirex PHP

09 October | 0komentar

Analisis Hasil Ulangan Edmodo

Melihat hasil setelah siswa mengerjakan ulangan di Edmodo,berikut akan saya bahas lebih lanjut untuk menjawab pertanyaan dari Bapak Wahyu Prasetyo di Melihat hasil Ulangan Edmodo. Untuk langkah-langkahnya adalah :

1. Kita masuk pada kelas kita

2. Kita Klik Turned in,maka akan terlihat pada gambar berikut:

3. Kursor kita dekatkan pada salah satu hasil nomor di Question Breakdown,maka akan dapat kita ketahui analisis mengenai berapa prosen (%) siswa yang menjawab soal tersebut. Dapat dilihat pada shadow (correct 94%= yang menjawab benar soal tersebut adalah 94% siswa, incorrect 6% berarti yang menjawab salah adalah sisanya 6%)

Dari gambar no. diatas juga terlihat angka 15/15 berarti telah mengerjakan jumlah soal 15 benar 15 (benar semua). Jika tertulis 12/15 berarti benar 12 dari 15 soal.

07 October | 0komentar

Manfaat Tombol Print Screen

Beberapa fungsi tombol keyboard ini bagi blogger sangat penting sekali,Terutama bagi teman-teman yang sering mengupload materi tutorial.Untuk menjelaskan langkah demi langkah sering sekali dilengkapi dengan gambar.Pemanfaatan gambar untuk memperjelas perintah.

Salah satu fungsi tombol print screen adalah untuk menampilkan gambar/tampilan yang ada di layar secara keseluruhan/menyeluruh.

Saya menekan tombol print screen kemudian di paste-kan ke media word atau paint seperti tulisan saya terdahulu,untuk mendapatkan file jpg.

06 October | 0komentar

Manfaat Paint Membuat JPG

Salah satu program bawaan dari microsoft yang bermanfaat untuk menjadikan gambar dari word dan sebagainya menjadi bentuk JPG atau sebagai software pengolah gambar.Aplikasi paint ini terdapat di accessories.Manfaat yang sangat berguna bagai saya dari paint ini adalah jika kita tidak memiliki file JPG maka dapat kita paste ke dalam paint langsung save/diedit.Memang fitur edit gambar disini belum selengkap photoshop/photoscape.

Misalkan kita melihat gambar yang cukup menarik di internet, untuk menghindari penggunaan link langsung dari web tersebut cukup dengan menekan tombol prt sc sysrg (print screent) di keyboar kita,kemudian pindah/pastekan di word, edit/crop gambar yang tidak diperlukan.Untuk menjadikan pdf cukup dipastekan di paint kemudian save.

06 October | 0komentar

Rangking Alexa Berubah menjadi Membesar Kenapa?

Bercerita tentang tema Alexa memang seakan tidak habisnya.Kali ini tentang rangking alexa yang tambah besar.Yang baik tambah kecil. Kejadian ini menimpa saya. Pada tanggal 1 Oktober 2014 rangking saya telah sampai pada angka 642.254

Kemudian pada hari ini, Kamis, 2 Oktober 2014 menjadi semakin besar...he he...Jelas ini menjadi koreksi bagi saya apa kekurangan dari blog ini.

Pertanyaannya kenapa ya...rangking makin membesar lagi? Upload artikel sudah pasti hampir setiap hari.Copy paste Insyaallah ndak pernah.Mencantumkan referensi sudah pasti.....Kenapa Alexa?

02 October | 0komentar

Memantau Kelas Maya dari Ajang LKS Prop Jawa Tengah

Sekali lagi Saya membahas tentang kelebihan Edmodo dibandingkan sosmed lain.Hari ini Sabtu, 13 September 2014,saya mengajar Mapel Menggambar Menggunakan Software kelas XI Teknik Gambar Bangunan Pada SMK Panca Bhakti Banjarnegara.Karena saya ditugaskan menjadi pendamping Lomba Ketrampilan Siswa (LKS) tingkat Propinsi Lomba CAD Building di Magelang. Sehingga saya tidak dapat berada langsung di depan kelas (convensional class).

Edmodo jawaban saya, walau saya berada di Magelang tetapi kelas saya tetap berjalan.Saya memantaunya di lokasi lomba di UMM Magelang. Alhammdulillah saya melihat pergantian status Terned In selalu berubah 1,2,3,4,5 dst.......siswa2 saya sedang mengerjakan quiz yang saya upload di Edmodo.

Pergerakan Truned in yang selalu berubah, menandakan ada aktivitas dikelas Maya Saya.

Hasil tugas AutoCAD (bentuk quiz)

13 September | 0komentar

Kendala Mapel Simulasi Digital

Simulasi digital adalah mata pelajaran alat tidak seperti mata pelajaran lain agar dapat mencapai tujuan. Simulasi digital dapat menunjang semua mata pelajaran.Mapel Simulasi Digital (SIMDIG) sebagai sebuah alat sudah pasti memerlukan alat itu sendiri. Minimal ada komputer dan koneksi internet. Ini berdasarkan pada pengalaman diklat saya pada tanggal 1 - 3 September 2014 di LPMP semarang.

Kita lihat sebuah institusi semacam LPMP saja untuk proses belajar mengajar mapel ini belum mendukung berkaitan dengan koneksi internet (laptop peserta membawa sendiri).

Menunjang mapel matematika misalnya untuk membuat gambar grafik,membuktikan gambar 3 dimensi ruang.Menunjang Mapel mulok Bahasa jawa untuk membuat animasi yang akan mengundang minat siswa kepada bahasa jawa.dan sebagainya.

Pada pembelajaran kelas maya(cyber class) sebagai upaya mendorong pembelajaran dimanapun dan kapan pun.Pembelajaran yang menggantikan PBM manual/tatap muka/bersama guru/konvensional.Bagaimana menggali informasi lewat berbagai sumber,termasuk internet.Inilah beberapa yang mungkin akan mengahambat proses berkembangnya mapel ini.Atau jangan sampai si anak akan mendapatkan kelas maya sastra

02 September | 1komentar

Simulasi Digital

Pengertian digital menurut kamus bahasa indonesia adalah berhubungan dengan angka-angka untuk sistem tertentu,berhubungan dengan penomoran(penulis:nilai) yang erat kaitan dengan komputer/elektronik.Sedangkan Simulasi memperagakan sesuatu dalam bentuk tiruan yang mirip dengan aslinya.

Memahami pengertian diatas maka sudah jelas memahami pengertian simulasi digital adalah mengaktualisasikan secara nyata(implementatif) hal-hal yang berkaitan dengan proses terkaitan dengan elektonika/komputer.

Simulasi digital sebagai mapel baru penerapan kurikulum 2013 di SMK bertujuan untuk upaya mengkomunikasikan gagasan,ide dan konsep melalui proses digital.

Komunikasi ini melalui verbal (lisan dan tulisan),non verbal, langsung, tidak langsung dengan pemanfaatan teknologi informasi.Adapun ruang lingkup simulasi digital adalah:

1. Pengelolaan informasi
2. Kelas Maya
3. Merancang visualisasi konsep
4. Visualisasi konsep
5. Dokumen digital
Media virtual yang direkomendasi untuk PBM pada kurikulum 2013 adalah EDMODO

Pembelajaran berbasis menggunakan komputer dan internet (aplikatif)

28 August | 0komentar

Pembukaan CPNS 2014

Informasi ini benar-benar info yang tergres.saya dapatkan dari Kementrian Pendayagunaan Aparatur Negara dan Reformasi Birokrasi tentang info CPNS Formasi 2014.Terdiri dari 68(enam puluh delapan) Kementrian dan Lembaga.Lembaga non Kementrian terdiri dari 28 Lembaga. Untuk formasi terdapat di propinsi/kabupaten/kota masing-masing.

Seperti tahun sebelumnya pendaftaran dilakukan secara online.Berikut alurnya:

Sumber gambar:Alur Pendaftran Pukul 13.47 hari Senin 25 Agustus 2014

Diharapkan para calon pendaftar membaca dari halaman depan web PANSELNAS menpan.go.id ini.

sehingga mengetahui proses dan cara pendaftarannya.Silahkan semoga bermanfaat.

25 August | 0komentar

LEMBAR KERJA EBK

LINK MENU BLOG

TUGAS SISWA