Google Site SMKN 1 Panyingkiran tentang SImulasi Digital

Google Site SMKN 1 Panyingkiran tentang Simulasi Digital

Untuk membuka Google Site SMKN 1 Panyingkiran tentang materi pembelajaran Simulasi Digital dapat dibuka pada link berikut :

https://sites.google.com/view/produktif-eki

x

Share:

Read More

Source Code Menu Pulldown Blog Simulasi Digital

Source Code Menu Pull down Blog Simulasi Digital

Untuk membuat menu pull down pada Blog Simulasi Digital ini menggunakan source code yang dibuat terpisah dari Blog template nya.

Source code nya adalah sebagai berikut :

- - - -

<!doctype html>

 <style type="text/css">

  body {

   margin:0;

   padding:0;

   line-height: 1.5;

  }

  .menu-wrapper {

   margin:10px auto;

   position: relative;

   width:700px;

  }

  .menu-wrapper ul{

   margin:0;

   padding:0;

   background-color: #333;

  }

   ul.menu-horizontal {

    width:100%;

    position: relative;

   }

   ul.menu-horizontal li {

    list-style: none;

   }

   /*Style menu horizontal*/

   ul.menu-horizontal >li{

    display: inline-block;

   }

   ul.menu-horizontal li a{

    position: relative;

    display: block;

    padding:10px 20px;

    text-decoration: none;

    color:#eee;

   }

   ul.menu-horizontal li a:hover {

    background-color:#4db2ec;

    -webkit-transition:all 0.5s ease-in-out;

   }

   /*Style Tanda panah pada menu yang mempunyai sub menu*/

   ul.menu-horizontal >li >a >span.arrow {

    width:0;

    height: 0;

    border:5px solid transparent;

    border-top:7px solid #eee;

    position: absolute;

    right: 5px;

    top:17px;

    z-index:

   }

  

   /*Style tanda panah pada sub menu level 1 dan level 2*/

   ul.menu-horizontal li ul li span.arrow {

    width:0;

    height: 0;

    border:5px solid transparent;

    border-left:7px solid #eee;

    position: absolute;

    right: 5px;

    top:17px;

    z-index:

   }

  

  

   /*Menyembunyikan sub menu ketika tidak dihover*/

   ul.submenu {

    position: absolute;

    display: none;

   }

  

   ul.submenu li {

    position: relative;

   }

  

   /*untuk menciptakan efek animasi ketika dihover*/

   @-webkit-keyframes mantul-vertikal {

    0%{top: -300px;opacity: 0;}

    50%{top: 120%;opacity: 1;}

    75%{top: 80%;opacity: 1;}

    100%{opacity: 1;top:100%;}

   }

   @keyframes mantul-vertikal {

    0%{top: -300px;opacity: 0;}

    50%{top: 120%;opacity: 1;}

    75%{top: 80%;opacity: 1;}

    100%{opacity: 1;top:100%;}

   }

   @-webkit-keyframes mantul-horizontal {

    0%{left:300%;opacity: 0}

    50%{left: 80%;opacity: 1;}

    75%{left: 110%;opacity: 1;}

    100%{left:100%;opacity: 1}

   }

   @keyframes mantul-horizontal {

    0%{left:300%;opacity: 0}

    50%{left: 80%;opacity: 1;}

    75%{left: 110%;opacity: 1;}

    100%{left:100%;opacity: 1}

   }

    

   /*Menampilkan sub menu level 1 ketika menu di hover*/

   ul.menu-horizontal li:hover ul.level-1 {

    min-width: 150px;

    display: block;

    top:100%;

    -webkit-animation:mantul-vertikal 1s;

    animation:mantul-vertikal 1s;

   }

  

   /*Menampilkan sub menu level 1 ketika menu di hover*/

   ul.menu-horizontal li ul li:hover ul.level-2 {

    min-width: 150px;

    display: block;

    -webkit-animation:mantul-horizontal 1s;

    animation:mantul-horizontal 1s;

    top:0;

    left:100%;

   }

 </style>

<div class="menu-wrapper">

<ul class="menu-horizontal">

<li><a href="#">Materi 1<span class="arrow"></span></a>

  <ul class="submenu level-1">

  <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/materi-bahasan-simulasi-digital.html">Materi Bahasan</a>

  </li>

  <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/mengetik-10-jari.html">Mengetik 10 Jari</a>

  </li>

  <li><a href="#">Pengolah Kata<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/pengolah-kata.html">Pengertian, Fungsi dan Contohnya</a></li>

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/pengunaan-shortcut-pada-keyboard-dalam.html">Penggunaan Shortcut pada Keyboard</a></li>

    </ul>

  </li>

  <li><a href="#">Pengolah Angka<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/pengolah-angka.html">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  <li><a href="#">Komunikasi Daring<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="#">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  </ul>

</li>

<li><a href="#">Materi 2<span class="arrow"></span></a>

  <ul class="submenu level-1">

  <li><a href="#">Kelas Maya<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="#">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  <li><a href="#">Presentasi Video<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/pengertian-presentasi-video-fungsi-dan.html">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  <li><a href="#">Simulasi Visual<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="#">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  <li><a href="#">Buku Digital<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="#">Pengertian, Fungsi dan Contohnya</a></li>

    </ul>

  </li>

  </ul>

</li>

<li><a href="#">Video Tutorial<span class="arrow"></span></a>

  <ul class="submenu level-1">

  <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/link-video-tutorial-simulasi-digital.html">Link Video Tutorial Simulasi Digital Kelas 10</a>

  </li>

  <li><a href="#">Microsoft Excel<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/video-tutorial-excel-countifs.html">Excel-Countifs</a></li>

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/video-tutorial-excel-data-validation.html">Excel-Data Validation</a></li>

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/video-tutorial-excel-conditional.html">Excel-Conditional Formating</a></li>

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/artikel-dan-video-tutorial-excel-filter.html">Excel-Filter-Sort</a></li>

    </ul>

    </li>

  </ul>

</li>

<li><a href="#">Informasi<span class="arrow"></span></a>

  <ul class="submenu level-1">

  <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/about-me.html">About Me</a></li>

  <li><a href="http://smkn1panyingkiran.sch.id">Web Sekolah</a></li>

  <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/02/paket-keahlian-di-smk-negeri-1.html">Kompetensi Keahlian</a></li>

  <li><a href="#">Presentasi<span class="arrow"></span></a>

    <ul class="submenu level-2">

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/presentasi-kelas-digital-edmodo.html">Presentasi Kelas Digital Intermediate</a></li>

    <li><a href="http://simulasidigital-muchamadekisa.blogspot.co.id/2017/05/presentasi-dan-tutorial-pembuatan-blog.html">Presentasi dan Tutorial Pembuatan Blog Sebagai Media Pembelajaran</a></li>

    </ul>

    </li>

  </ul>

</li>

<li><a href="#">Evaluasi<span class="arrow"></span></a>

  <ul class="submenu level-1">

  <li><a href="https://docs.google.com/forms/d/e/1FAIpQLScx9NEMTNjqVH_p6Lxl25Evu_qrnLHSYqE4TcxW0pTecQZKMg/viewform">Pengelolaan Informasi</a></li>

  </ul>

</li>

</ul>

</div>

</!doctype>

- - -

Mudah-mudahan dapat bermanfaat.

Sumber :

http://smkn1panyingkiran.sch.id

x

Share:

Read More

Video Presentasi Pembuatan Blog sebagai Media Pembelajaran

Berikut ini merupakan video untuk mendeskripsikan Blog sebagai Media Pembelajaran :

Sumber :

http://smkn1panyingkiran.sch.id

x

Share:

Read More

Pengertian Konferensi Video (Video Conference) dan Contohnya

Pengertian Konferensi Video (Video Conference) 

• Konferensi video (Inggris: video conference) adalah seperangkat teknologi telekomunikasi interaktif yang memungkinkankan dua pihak atau lebih di lokasi berbeda dapat berinteraksi melalui pengiriman dua arah audio dan video secara bersamaan.
• Konferensi video merupakan salah satu bentuk komunikasi sinkron (secara langsung) dengan bertatap muka secara daring (online), dapat berkomunikasi dengan dua orang atau lebih dan menggunakan perangkat audio maupun video.

Tentunya Video Conference ini memerlukan / menggunakan penyedia fasilitas video conference seperti webex.com, hangout dan lain-lain.

Contoh Video Conference
Webex.com, Hangout, 

Kelebihan dan Kelemahan Konferensi Video 

Kelebihan konferensi video antara lain:

• Meningkatkan produktivitas karena kemampuan VTC untuk berbagi dokumen, ide atau gambar dengan mudah.
• Menghemat biaya.
• Menghemat waktu.

Kelemahan konferensi video antara lain:

• Harga masih terbilang mahal untuk dimiliki sehingga hanya perusahaan atau organisasi tertentu yang mempunyai cukup dana dan sangat membutuhkan yang memiliki konferensi video.
• Alat-alat untuk konferensi video sulit didapat dan proses penginstalan harus ekstra hati-hati agar tidak salah.

Video Conference bentuk lain diantaranya Video Call...

- - - - -

Sumber :

* http://smkn1panyingkiran.sch.id

* https://id.wikipedia.org/wiki/Konferensi_video

Artikel yang lain dalam blog ini :

Simulasi Visual

Intro to email (terjemahan)

Manfaat Kelas Maya

Definisi Kelas Maya

Pengolah Kata

Pengolah Angka

Artikel Presentasi Video
Jenis-Jenis Pengelolaan Kelas Maya 
Komunikasi Daring

Artikel Presentasi Video, Fungsi dan Jenisnya

Share:

Read More

Presentasi Pembuatan Bahan Ajar Digital

Presentasi Pembuatan Bahan Ajar Digital

Sumber :
http://smkn1panyingkiran.sch.id

Share:

Read More

Cara Mengukur / Menghitung Kecepatan Mengetik

Cara Mengukur / Menghitung Kecepatan Mengetik

Mengetik dengan berirama akan meningkatkan keakuratan dalam mengetik sehingga naskah atau dokumen dapat dikerjakan dengan tuntas. Kecepatan mengetik dapat diukur dengan menghitung berapa banyak karakter yang dapat diketik secara tepat dalam satuan waktu tertentu.

- - -

Berikut ini cara mengukur / menghitung kecepatan mengetik :

• Untuk cara menghitung kecepatan mengetik secara manual 
• Ketiklah naskah sebanyak mungkin yang dapat diketik selama 1 menit.
• Hitunglah banyaknya karakter yang dapat diketik
• dan kurangi dengan kesalahan mengetik tiap karakternya.
• Karakter dapat terdiri dari : Alphabet, Number dan Tanda Baca / Simbol
• Hitunglah ketikan yang benar dikurangi ketikan yang salah
• ....
• Untuk cara menghitung kecepatan mengetik secara otomatis
• dapat menggunakan situs web yang dapat menghitung kecepatan mengetik, diantaranya :
• https://www.goodtyping.com
• https://10fastfingers.com/typing-test/indonesian

- - -

CPM >>> character per minutes

WPM >>> word per minutes

1 WPM  =  5 CPM

15 WPM = 75 CPM

- - -

Sumber :

http://smkn1panyingkiran.sch.id

Artikel lain dalam blog ini :

Materi Bahasan Simulasi Digital
Pengunaan Shortcut pada Keyboard dalam Microsoft Word
Galeri Video SMK Negeri 1 Panyingkiran
Video Tutorial SMK Negeri 1 Panyingkiran
Link Video Tutorial di Blog
Artikel Presentasi Video
Jenis-Jenis Pengelolaan Kelas Maya 
Komunikasi Daring
Intro to email
Simulasi VisualBasic Search (terjemahan)
Artikel Presentasi Video, Fungsi dan Jenisnya

Share:

Read More

Fungsi Shortcut Keyboard dalam Microsoft Word

Pengunaan Shortcut Keyboard dalam Microsoft Word

Untuk mengoperasikan Microsoft Word dapat menggunakan sejumlah fitur yang disediakan software Microsoft Word, misalnya menggunakan toolbar atau menu bar.

Namun dapat juga menggunakan fasilitas berupa keyboard untuk mengoperasikan sejumlah perintah tertentu, yang sebetulnya dengan penggunaan keyboard ini dapat mempercepat juga kecepatan atau ketuntasan dalam mengoperasikan Microsoft Word.

Fungsi shortcut keyboard dalam Microsoft Word

Fungsi keyboard dapat digunakan mempercepat pada proses pekerjaan dalam pembuatan naskah. ada sejumlah fungsi shortcut keyboard dalam Microsoft Word yang dapat digunakan. Shortcut keyboard dalam Microsoft Word, diantaranya :

• Ctrl + A : memblok semua naskah
• Ctrl + B : menebalkan tulisan
• Ctrl + C : mencopy tulisan
• Ctrl + D : membuka kotak dialog font
• Ctrl + E : tulisan rata tengah
• Ctrl + F : mencari tulisan
• Ctrl + G : loncat ke halama tertentu
• Ctrl + H : mengganti tulisan
• Ctrl + I : tulisan miirng
• Ctrl + J : tulisan rata kiri - kanan
• Ctrl + K : hyperlink
• Ctrl + L : tulisan rata kiri
• Ctrl + M : paragraph bergeser ke kanan
• Ctrl + N : membuat dokumen yang baru
• Ctrl + O : membuka dokumen
• Ctrl + P : mencetak naskah
• Ctrl + Q : menormalkan tulisan
• Ctrl + R : tulisan rata kanan
• Ctrl + S : menyimpan naskah
• Ctrl + T : paragraph hangin
• Ctrl + U : tulisan bergaris bawah
• Ctrl + V : paste
• Ctrl + X : cut / memotong tulisan
• Ctrl + Z : undo / mengembalikan pada kondisi semula
• Ctrl + 1 : paragraph berjarak 1 (single)
• Ctrl + 2 : paragraph berjarak 2 (double)
• Ctrl + 5 : paragraph berjarak 1,5
• Ctrl + [ : tulisan ukuran mengecil
• Ctrl + ] : tulisan ukuran membesar
• Ctrl + Enter : membuat baris baru
• F12 : Save As

Sumber :

http://smkn1panyingkiran.sch.id

x

Share:

Read More

Presentasi dan Tutorial Pembuatan Blog sebagai Media Pembelajaran

Presentasi dan Tutorial Pembuatan Blog sebagai Media Pembelajaran

Klik Link berikut ini :







- - -
http://smkn1panyingkiran.sch.id

Share:

Read More

Presentasi Kelas Digital Edmodo Intermediate

Presentasi Implementasi Kelas Digital Edmodo Intermediate 


Klik Link berikut ini :







- - -
http://smkn1panyingkiran.sch.id

Share:

Read More