Muchamad Eki S. A., S.Kom. M.M.
SMK Negeri 1 Panyingkiran @2017

Kampus SMK Negeri 1 Panyingkiran

Alamat : Jalan Kirapandak Desa Karyamukti Kecamatan Panyingkiran Kabupaten Majalengka Provinsi Jawa Barat 45459.

Praktik Kompetensi Keahlian

Praktik Kompetensi Keahlian di SMK Negeri 1 Panyingkiran (TKJ, RPL, MM, TP4, ELIN, KIMIN, BB, TKR)

Materi Pembelajaran Simulasi dan Komunikasi Digital

Blog ini membahas materi pembelajaran Simulasi dan Komunikasi Digital untuk kelas 10 TIK SMK.

Mengetik 10 Jari

Salah satu materi bahasan Simulasi Digital yang akan disampaikan.

Perangkat Lunak Pengolah Kata

Salah satu materi bahasan Simulasi Digital yang akan disampaikan.

Presentasi Video

Presentasi Video merupakan salah satu materi bahasan untuk membuat presentasi berbentuk video.

Pengolah Angka

Pengolah Angka (Spreadsheet) merupakan salah satu materi bahasan untuk membuat dokumen dalam bentuk worksheet.

Galeri Video Tutorial

Galeri Video Tutorial disediakan sebagai alat bantu untuk memahami materi bahasan dalam berbentuk video.

Kegiatan Ekstrakurikuler

Galeri Foto Kegiatan Ekstrakurikuler di SMKN 1 Panyingkiran.

Mengerjakan Tugas Diskusi

Salah satu aktifitas siswa dalam KBM.

Kelas Maya

Salah satu materi yang dibahas dalam materi pembelajaran simulasi digital.

Source Code Menu Pull Down

Artikel berupa Source Code untuk membuat Menu Pull Down dalam Blog Simulasi Digital.

Kegiatan Membaca Al Quran sebelum jam pertama KBM

Cuplikan dari hasil karya siswa dalam bahasan Presentasi Video.

Kegiatan Diskusi (salah satu metode dalam KBM)

Cuplikan dari hasil karya siswa dalam bahasan Presentasi Video.

Kerja Kelompok (salah satu metode dalam KBM)

Cuplikan dari hasil karya Presentasi Video

Brosur PPDB SMKN 1 Panyingkiran

Brosur PPDB SMKN 1 Panyingkiran Tahun Pelajaran 2018/2019 (depan)

Brosur PPDB SMKN 1 Panyingkiran

Brosur PPDB SMKN 1 Panyingkiran Tahun Pelajaran 2018/2019 (belakang)

Selamat Datang di Blog SMK Negeri 1 Panyingkiran Kabupaten Majalengka Provinsi Jawa Barat untuk Materi Pembelajaran Simulasi dan Komunikasi Digital - - - - - Untuk melihat Daftar isi dari Blog ini... silahkan klik tombol Materi Bahasan Blog

Klik >>> Daftar Isi (Materi Bahasan Blog)


Presentasi Blog sebagai Media Pembelajaran








Tutorial Penggunaan Editor Online Blogger








Tutorial Membuat Apps dengan AppsGeyser





Thursday, November 23, 2017

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 :



x

Thursday, November 16, 2017

Pengertian Video Tutorial Pembelajaran

Pengertian Video Tutorial Pembelajaran
Video Tutorial merupakan salah satu presentasi berbentuk video yang mendeskripsikan langkah-langkah untuk mengerjakan tentang sesuatu hal yang berkaitan pembelajaran. Video Tutorial dapat dilihat atau diputar berulang-ulang untuk dapat membantu pemahaman dalam proses pembelajaran.






Contoh Aplikasi Software Pengolah Kata

Contoh Aplikasi Software Pengolah Kata.
Microsoft Word merupakan salah satu sotware pengolah kata yang dibuat oleh perusahaan microsoft, yang dapat digunakan untuk mengetik naskah dan pembuatan dokumen, di dalamnya terdapat fitur seperti kolom koran, mail merge, wrod art, tabel, dan lain-lain.






Saturday, November 4, 2017

Pengertian Presentasi

Pengertian Presentasi

  • Presentasi adalah suatu kegiatan berbicara untuk menyampaikan ide atau gagasan di hadapan banyak orang atau hadirin.
  • Presentasi adalah suatu kegiatan berbicara di hadapan banyak hadirin atau salah satu bentuk komunikasi. Presentasi merupakan kegiatan pengajuan suatu topik, pendapat atau informasi kepada orang lain. 





Sumber :
*Informasi di internet
*https://id.wikipedia.org/wiki/Presentasi


x

Sunday, October 29, 2017

Tutorial Menggunakan / Bergabung ke Kelas Maya Edmodo (untuk Siswa)

Tutorial Bergabung ke Kelas Maya (Virtual Class) Edmodo 
(untuk Siswa) dapat dilihat pada tampilan berikut ini :





- - - 

x

Friday, October 27, 2017

Aplikasi Presentasi Video

Aplikasi Presentasi Video
Contoh Aplikasi Presentasi Video diantaranya :
  • Corel Video Studio, 
  • Camtasia, 
  • Screencast-o-matic, 
  • Active Presenter
  • Windows Movie Maker
  • Adobe Premiere 
  • 3D Studio Max
  • After Effects
  • dan lain-lain. 



Tipe file yang dapat terbentuk dari aplikasi ini misalnya 
  • MP4,
  • MPEG.
  • AVI

Sehingga dapat menggabungkan tipe file berbentuk suara (audio) seperti MP3 beserta gambar yang di render ke bentuk video.


Alat untuk Presentasi Video
Proses pengambilan gambar memerlukan sebuah alat seperti camera digital, camera handphone atau software seperti sceencast-o-matic, dll. 







Sumber :

Video Presentasi Kelas Digital Edmodo

Video berikut ini mendeskripsikan bagaimana pembuatan kelas digital edmodo, fungsi belajar di kelas digital edmodo










Sumber :
http://smkn1panyingkiran.sch.id

Video Presentasi Pembuatan Blog sebagai Media Pembelajaran

Berikut ini merupakan video untuk mendeskripsikan Blog sebagai Media Pembelajaran :








Sumber :


x

Pengertian Perangkat Keras (Hardware) dan contohnya

Pengertian perangkat Keras Komputer (Hardware) merupakan perangkat berupa wujud fisik yang dapat dilihat dan dipegang dan berbentuk nyata yang membentuk satu kesatuan sistem Personal Computer (PC) / komputer.





Perangkat keras komputer terdiri dari :

1. Alat Input

    Alat yang digunakan untuk input / masukan atau perintah, 
    Contoh alat input pada komputer diantaranya :
  • Mouse
  • Keyboard
2. Alat Pemroses
    

    Alat yang digunakan untuk permroses / mengolah pada komputer,
    Perangkat komputer ini adalah CPU.


3. Alat Output

    Alat yang digunakan untuk output / keluaran / tampilan / hasil dari komputer
    Contoh alat output pada komputer diantaranya :
  • Printer
  • Monitor
  • Speaker



Contoh Perangkat Keras (Hardware) Komputer :
  1. Motherboard (papan utama)
  2. Central Processing Unit (CPU)
  3. Random Access Memory (RAM)
  4. Video Graphic Array (VGA)
  5. Hard Disk Drive(HDD)
  6. Optical Disc Drive.
  7. Power Supply Unit (PSU)
  8. Monitor.




Sumber :

Sunday, October 22, 2017

Pengertian dan Contoh Media Penyimpanan

Pengertian Medi Penyimpanan
  • Media Penyimpanan merupakan media untuk menyimpan file berkas/dokumen dari data hasil pekerjaan yang kita laksanakan. Media penyimpanan ini didalamnya terdapat file dan dapat menampung dengan kapasitas daya simpan yang berbeda.
  • Media Penyimpanan adalah alat penyimpan data yang berfungsi sebagai alat / media untuk menyimpan data dan program dimana data / program yang disimpan tersebut bisa dibaca dan dibuka kembali untuk diproses kembali di komputer atau laptop.
  • Media Penyimpanan adalah bahan fisik yang di dalamnya tersimpan data, perintah dan informasi yang dipindahkan dari dalam komputer. Media penyimpanan data disebut dengan istilah strorage medium atau media penyimpanan sekunder (secondary storage).






Contoh Media Penyimpanan diantaranya :
1. Media penyimpanan offline
  • Harddisk
  • Flasdik
  • CD / DVD
2. Media penyimpanan online
  • Google Drive
  • Office Online





Sumber :
* http://www.begal-tech.com/2015/04/media-penyimpanan-data-komputer.html#ixzz54k2qIGZb
* sirfa.blogspot.com › komputer


    Sunday, October 15, 2017

    Kampus SMKN 1 Panyingkiran

    Kampus SMKN 1 Panyingkiran

    SMKN 1 Panyingkiran,beralamat di Jalan Kirapandak Desa Karyamukti Kecamatan Panyingkiran Kabupaten Majalengka Telp. (0233) 282985 Provinsi Jawa Barat Kode POS 45459.




    Di SMK Negeri 1 Panyingkiran mempelajari 8 Kompetensi Keahlian diantaranya :


    1. Teknik Komputer dan Jaringan (TKR),
    2. Rekayasa Perangkat Lunak (RPL), 
    3. Multiedia (MM), 
    4. Teknik Produksi dan Penyiaran Program Pertelevisian (TP4),
    5. Teknik Elektronika Industri (ELIN), 
    6. Kimia Industri (KIMIN),
    7. Teknik Kendaraan Ringan (TKR), dan
    8. Tata Busana (TB), 








    -----

    Friday, October 13, 2017

    Latihan Aplikasi Pengolah Angka (Spreadsheet)

    Latihan Aplikasi Pengolah Angka (Spreadsheet)

    Untuk mempelajari materi Pengolah Angka dalam blog ini menggunakan Microsoft Excel atau Google Sheet.
    Ikutilah petunjuk yang sudah disertakan dalam video tutorial.




    Terlebih dahulu download dan coba dikerjakan latihan soalnya atau di tautan http://smkn1panyingkiran.sch.id








    -----
    Sumber :




    Artikel yang berkaitan :