Source Code E-Learning Fitur Lengkap

2

Setelah sebelumnya saya share Source Code Ujian Online, dimana respon dari kawan-kawan sangat baik, kali ini saya akan share mengenai E-Learning yang memiliki Fitur Lengkap, nanti akan saya rinci fitur-fitur yang dimilikinya, namun sebelumnya untuk yang belum tahu apa itu E-Learning, berikut saya sampaikan sedikit pembahasan tentang E-Learning :

Sistem pembelajaran elektronik atau e-pembelajaran (Inggris: Electronic learning disingkat E-learning) dapat didefinisikan sebagai sebuah bentuk teknologi informasi yang diterapkan di bidang pendidikan dalam bentuk sekolah maya. E-learning merupakan dasar dan konsekuensi logis dari perkembangan teknologi informasi dan komunikasi. Dengan e-learning, peserta ajar (learner atau murid) tidak perlu duduk dengan manis di ruang kelas untuk menyimak setiap ucapan dari seorang guru secara langsung. E-learning juga dapat mempersingkat jadwal target waktu pembelajaran, dan tentu saja menghemat biaya yang harus dikeluarkan oleh sebuah program studi atau program pendidikan.

Nah itu tadi penjelasan mengenai E-Learning yang saya copas dari Wikipedia, kembali kepada source code yang saya share kali ini, berikut tangkapan layar yang bisa saya ambil, karena terlalu banyak halaman yang ada jadi saya tidak bisa menangkap semua setiap halamannya.


Login Halaman Admin

Dashboard Halaman Admin
Kalender Akademik

Dashboard Halaman Guru
Halaman Tambah Pengumuman
Halaman Tambah File Unduhan
Fitur E-Learning
Halaman Admin
  1. Jurusan : Menampilkan, Menambah, Edit dan Hapus Data Jurusan
  2. Kelas : Menampilkan, Menambah, Edit dan Hapus Data Kelas
  3. Admin User : Menampilkan, Menambah, Edit dan Hapus Data User Admin
  4. Departemen : Menampilkan, Menambah, Edit dan Hapus Data Departemen
  5. Data Murid : Menampilkan, Menambah, Edit dan Hapus Data Murid
  6. Data Guru : Menampilkan, Menambah, Edit dan Hapus Data Guru
  7. Materi Unduhan : Menampilkan Data Materi Unduhan yang diupload oleh guru
  8. Tugas Upload : Menampilkan Data Tugas yang diupload oleh guru
  9. Konten : Mengedit isi menu pada halaman login
  10. Log User : Menampilkan daftar user yang masuk ke sistem
  11. Log Aktivitas : Menampilkan aktifitas/kegiatan user yang masuk ke sistem
  12. Tahun Pelajaran : Menambah, Edit dan Hapus Data Tahun Pelajaran
  13. Kalender Akademik : Membuat Kalender Akademik

Halaman Guru
  1. Kelas Saya :  Menampilkan, Menambah, Edit dan Hapus Data Kelas yang diajar oleh guru bersangkutan
  2. Notifikasi : Menampilkan notifikasi, berupa pesan masuk, dll
  3. Pesan : Mengirim dan menerima pesan ke sesama guru atau murid yang terdaftar
  4. Tambah Unduhan : Menambahkan File yang dapat diunduh oleh murid yang diajar, misalkan materi pelajaran
  5. Tambah Pengumuman : Menambahkan Pengumuman kepada murid yang diajar
  6. Tambah Tugas : Menambahkan Tugas-tugas kepada murid yang diajar
  7. Quiz : Membuat Ujian, yang langsung dikerjakan oleh murid yang diajar, fitur ini juga bisa dimanfaatkan untuk ujian online
  8. Berbagi File : Upload file untuk berbagi ke sesama murid

Halam Murid
  1. Kelas Saya : Menampilkan setiap kelas dan mata pelajaran yang diikuti, menu ini memiliki sub menu : daftar teman satu kelas, Daftar nilai, Informasi guru pengajar, Unduh materi, Tugas, Kalender Akademik, dan Quiz
  2. Notifikasi : Menampilkan notifikasi
  3. Pesan : Mengirim dan menerima pesan ke sesama murid dan guru

Demikian tadi penjelasan mengenai E-Learning, Tampilan E-Learning dan Fitur-fitur yang dimilikinya.
Untuk mendapatkan source codenya anda bisa melakukan donasi sebesar Rp 50.000,- keatas, yang kemudian nanti dana yang terkumpul digunakan untuk pembelian hosting dan domain website sekolah-sekolah yang layak dibantu.
Keterangan :
  1. Bagi yang telah melakukan donasi supaya dapat meninggalkan komentar pada kolom komentar postingan ini dengan menyertakan Nama Pengirim dan Jumlah, serta bukti tranfer yang dikirim melalui email : teaade93@gmail.com
  2. Donasi bisa melalui Rek. BRI 0080-01-005016-53-5 a.n. FATHURROHMAN
Demikian Source code E-Learning Fitur Lengkap ini, maksud donasi ini adalah membiasakan untuk menghargai pekerjaan orang, donasi inipun akan digunakan untuk membantu dunia pendidikan juga terutama yang perlu dibantu. Mungkin hanya ini saja tentang Postingan kali ini, mudah-mudahan ada manfaatnya. Terimakasih.

Jasa pembuatan software/program berbasis web, aplikasi android, iOs, maupun Desktop

0
Sesuai judul, disini Kami menginformasikan, bahwa Kami menerima jasa pembuatan maupun Development suatu Software yang Anda pribadi inginkan untuk mengembangkan usahanya, ataupun jika Anda memiliki perusahaan yang skala menengah ke atas.

Basis yang Kami gunakan untuk membuat aplikasi beserta kebutuhan lainnya, dijelaskan secara ringkas sebagai berikut :

WEB
Jika online:
-> Membutuhkan hosting/spaces / tahun
-> Membutuhkan domain / tahun
-> Membutuhkan bandwidth

Jika online pada local network:
-> Membutuhkan komputer sebagai SERVER
-> Membutuhkan jaringan local misalnya LAN

Jika offline:
-> Mungkin akan dibuatkan berbasis WEB namun ke arah realtime model

Contoh yang pernah dibuat:

-> Multiuser Point Of Sales
-> Reservasi Golf Online (hingga proses pembayaran)
-> Reservasi Tiket Pesawat (hingga proses pembayaran)
-> Katalog/Blog/Profile
-> dan lain sebagainya.

APPS ANDROID
Jika Online:
-> Membutuhkan hosting/spaces / tahun (kalau bisa support NODE.JS)
-> Membutuhkan domain / tahun
-> Membutuhkan bandwidth
-> Akan dibuatkan Control Management System berbasis web untuk akses ke data center.

Semua kebutuhan di atas digunakan sebagai data center untuk apps client android, yang berkomunikasi melalui service tertentu.
Jika online pada local network:
-> Membutuhkan komputer sebagai SERVER untuk data center
-> Membutuhkan jaringan local misalnya LAN
-> Akan dibuatkan Control Management System berbasis web untuk akses ke data center.

Jika offline:
-> Apps akan bekerja pada batasan-batasan yang dimiliki hardware dan target platformnya. Termasuk penggunaan memory.



DESKTOP
Untuk desktop dapat dibuat singleuser ataupun multiuser.





Demikian Informasi ini kami buat. Bagi yang berminat silahkan bisa langsung menghubungi

[CENTER] 085711516650 (recommended SMS)

Jika tidak ada tanggapan ketika menghubungi, tidak perlu kuatir, mungkin Kamisedang dilapangan, silahkan tunggu saja, PASTI DI BALAS...

Download CMS Lokomedia v.1.6.1

7
download cms lokomdeia terbaru
Apa kabar pengunjung blog kang fathur??? semoga baik-baik saja. Telah lama saya tidak menuliskan postingan di blog ini karena banyak kesibukan diluar sana demi sesuap nasi :D :D. Kali ini saya sempatin untuk menuliskan postingan diblog ini. Postingan kali ini saya akan membagikan CMS Lokomdeia yang saya dapatkan http://www.bukulokomedia.com CMS ini sudah saya gunakan di http://smpncipanas1.sch.id dan menurut saya CMS ini sangat bagus dan mudah untuk dikembangkan.

Pada update sebelumnya (CMS Lokomedia 1.6) templates admin sudah diganti dengan yang lebih fresh dan standar, namun ada kendala pada menu-menunya yang apabila ada perubahan harus diubah secara manual melalui scriptnya, beruntunglah ada Adhitya Sukma (drafest) yang mengubahnya menjadi lebih dinamis dan friendly, sehingga untuk mengubah menu-menu di admin dapat dilakukan melalui Setting Menu > Menu Utama dan Setting Menu > Sub Menu. Disamping itu, ada juga update plugin untuk memasukkan video dalam artikel, dimana sebelumnya menggunakan plugin Youtube ternyata sudah tidak berfungsi pada TinyMCE versi terbaru, sehingga harus diganti dengan plugin YoutubeIframe, cara penggunaannya juga sudah dibuatkan tutorialnya di http://www.bukulokomedia.com/artikel-166-posting-video-youtube-dalam-artikel-di-cms-lokomedia.html

Dan terakhir, tentu saja ada templates baru bernama Poeji yang merupakan salah satu pemenang lomba web templates yang pernah diadakan penerbit Lokomedia {Thanks to Puji Kartono} dan templates tersebut juga telah diterapkan langsung oleh pembuatnya untuk website pribadinya di http://poeji.ciganjur.com

Adapun sedikit perbaikan bug pada versi sebelumnya bisa dibaca di file Baca Saya CMS.txt.

Demonya bisa dilihat disini : http:/bukulokomedia.com/




Sekian dulu untuk postingan kali ini Semoga bermanfaat. Terimakasih

Aplikasi Penilaian KTSP SMP/MTs

10
Selamat Sore para pengunjung setia Blog Kang Fatur. Alhamdulillah pada kesempatan ini saya diberikan Kesehatan oleh Allah SWT, sehingga saya bisa memposting lagi di Blog ini.

Untuk membantu kelancaran penilaian pada kurikulum KTSP, kali ini saya akan membagikan Aplikasi Nilai Plus Raport khusus untuk MI/MTs/MTsN setelah saya membagikan Aplikasi Plus Raport untuk SD/SMP pada postingan sebelumnya di sini. Seperti aplikasi sebelumnya saya membagikan Aplikasi ini dengan sedikit Donasi ya itung-itung Upah bikin buat beli Pulsa :D :D.

Aplikasi Nilai Plus Raport MTS/MI ini hampir sama dengan Aplikasi Nilai Plus Raport SD/SMP yang saya bedakan hanyalah tampilan Cetak Raport sama penambahan Mata Pelajaran saja, berikut ini adalah screenshot dari Aplikasi Nilai Plus Raprot MTs :


Tampilan Menu Utama

Tampilan Input Nilai Mapel

Tampilan Input Nilai Raport (Leger)


Tampilan Cetak Raport MTs

Untuk mendownloadnya silahkan klik Button di bawa ini :




Semoga bermanfaat. Update 19 Juni 2015, Untuk Aplikasi Raport Plus Nilai SMP klik link berikut Aplikasi SMP

Tidak lupa juga kepada Bapak Ibu guru dimanapun yang tidak bisa saya sebutkan satu persatu saya mengucapkan terimakasih yang tak terhingga atas DONASINYA, semoga amal Bpk/Ibu diterima disisi Allah SWT, Amiin

Download Aplikasi Penilaian Plus Raport MI/MTs

12
Selamat Sore para pengunjung setia Blog Kang Fatur. Alhamdulillah pada kesempatan ini saya diberikan Kesehatan oleh Allah SWT, sehingga saya bisa memposting lagi di Blog ini.

Untuk membantu kelancaran penilaian pada kurikulum KTSP, kali ini saya akan membagikan Aplikasi Nilai Plus Raport khusus untuk MI/MTs/MTsN setelah saya membagikan Aplikasi Plus Raport untuk SD/SMP pada postingan sebelumnya di sini. Seperti aplikasi sebelumnya saya membagikan Aplikasi ini dengan sedikit Donasi ya itung-itung Upah bikin buat beli Pulsa :D :D.

Aplikasi Nilai Plus Raport MTS/MI ini hampir sama dengan Aplikasi Nilai Plus Raport SD/SMP yang saya bedakan hanyalah tampilan Cetak Raport sama penambahan Mata Pelajaran saja, berikut ini adalah screenshot dari Aplikasi Nilai Plus Raprot MTs :


Tampilan Menu Utama

Tampilan Input Nilai Mapel

Tampilan Input Nilai Raport (Leger)


Tampilan Cetak Raport MTs

Untuk mendownloadnya silahkan klik Button di bawa ini :




Semoga bermanfaat. Update 19 Juni 2015, Untuk Aplikasi Raport Plus Nilai SMP klik link berikut Aplikasi SMP

Tidak lupa juga kepada Bapak Ibu guru dimanapun yang tidak bisa saya sebutkan satu persatu saya mengucapkan terimakasih yang tak terhingga atas DONASINYA, semoga amal Bpk/Ibu diterima disisi Allah SWT, Amiin

Source Code Aplikasi E-Learning PHP dan MySQl Terbaru

6
Diera Moderen nan canggih ini kita tak luput dengan kehadiran internet,begitu juga dengan dunia pendidikan,untuk mengimbangi perkembangan tersebut mestilah kita menggunakan tekhnologi informasi tersebut dalam dunia pendidikan pula,daalam kesempatan ini saya akan memberikan sekelumit tentang kecanggihan sistem informasi untuk dunia pendidikan yaitu sebuah aplikasi pembelajran secaraonline menggunkan media informasi dengan Aplikasi E-Learning PHP dan MySQl Terbaru diharapkan pendidikan dan pembelajran tidak sebatas di ruang kelas sekolah akan tetapi pendidikan juga dapat diakses dari manapun kita tinggal.

Nah di bawah ini adalah gambaran dari sebuah sistem elearning yang di bangun menggunakan php dan mysql.

  
Form Login
 
Halaman Login
Sebelum mengkases halaman administrator, siswa, dan guru atau user yang bersangkutan wajib memasukan data username dan password untuk di cek keabsahannya. Hal ini sudah menjadi standart sebuah sistem untuk menjaga hal-hal yang tidak di inginkan.

Halaman administrator e-learning web
Dalam sebuah sistem tentunya harus memiliki administrator untuk mengelola atau mengatur kinerja dan fungsi sebuah aplikasi. Selain itu admin bertugas untuk mengontrol data-data yang masuk kedalam sistem apakah valid atau tidak. Halaman administrator pada elearning berbasis web ini telah dilengkapi beberapa menu atau fitur yang dibutuhkan untuk mempermudah pekerjaan.
Halaman Guru e-learning
Guru yang bertugas sebagai pengajar dapat mengajar di beberapa kelas sekaligus, dan dapat membuat soal berupa pilihan ganda dan essai langsung di sistem informasi elearning ini. Khusus untuk pilihan ganda, sistem dapat memilih jawaban siswa yang tepat dan tidak tepat dengan output menghasilkan nilai akhir. Guru dapat memasukan mata pelajaran apa saja yang ingin di bagikan kepada siswa, selain itu guru dapat mengupload beberapa materi untuk di download langsung oleh siswa. Profil guru dapat di ganti sesuai dengan informasi login yang dipakai.
Halaman login siswa
Siswa yang terdaftar pada sebuah kelas akan dapat melihat data teman satu kelasnya, selain dari menu yang di sediakan dapat langsung diakses untuk melihat informasi data yang di sediakan. Untuk menjadi seorang siswa, dapat langsung mendaftar pada saat pertama mengakases halaman utama web elearning. Jika siswa sudah mengisi form registrasi, maka tinggal menunggu apakah admin web elearning menyetejui atau menolak data yang anda isikan. Oya, pada halaman administrator, admin yang bertugas dapat menginputkan data siswa secara manual.

Anda berminat memiliki sistem pembelajaran online e-learning berbasis web ini ? Perlu di ketahui juga bahwa sistem elearning berbasis php dan mysql ini juga banyak digunakan untuk skripsi atau tugas akhir, ya tentu saja Anda harus mengajukan proposal skripsi terlebih dahulu kalau sudah di acc silahkan hubungi team contoh-ta.com untuk konsultasi lebih lanjut.

Harga aplikasi elarning php dan mysql ini Rp. 500.000. Aplikasi web sudah responsive dan user friendly dengan penambahan jquery datatables untuk sorting data dan pencarian cepat sebuah data. 

 

Memasang Responsive Recent Post Slider

12
Resent Post Slider
Featured post yang pada umumnya diletakkan pada halaman beranda bermacam-macan model atau tampilannya. Diantaranya ada yang berbentuk carausel dan slideshow. Nah kali ini saya akan memberikan script untuk menampilkan featured post/slider yang responsive menggunakan Elasticslideshow.

Elasticslideshow ini dibuat oleh louis_remi pada tahun 2011 dengan nama smartresize dan merupakan script slider dengan menggunakan jQuery. Sehingga setidaknya blog anda sudah terdapat jQuery librarynya agar dapat berfungsi.

Baik langsung saja dengan cara penerapannya.

1. Silahkan login ke blog Sobat > Template > Edit HTML

Kemudian salin dan pastekan kode di bawah ini tepat sebelum ]]></b:skin> atau </style>

 /* CSS Responsive Slider Recent Post */
#featuredpost {margin:15px auto;}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:25px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;font-family:'Oswald';text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px;
padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px;
background:#ff6553;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:'Oswald';
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:'Oswald';
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}

@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}

@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}

@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}

Pada CSS di atas saya menggunakan font Oswald, silahkan ganti dan sesuaikan dengan tema blog anda.

2. Salin dan pastekan kode di bawah ini tepat di atas </body>

 <script type="text/javascript" src="https://arlina-design.googlecode.com/svn/slider-post.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"URL-BLOG-SOBAT",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>


Ganti Tulisan URL-BLOG-SOBAT dengan URL Blog sobat.


3. Salin dan pastekan kode di bawah ini dimana saja bebas. Bisa sebelum content-wrapper atau di bawah menu-wrapper

 <div id="featuredpost"></div>


4. Terakhir simpan template dan lihat hasilnya.

Jika anda ingin memunculkan recent post slider ini hanya di halaman utama saja, silahkan bungkus kode HTML-nya dengan tag kondisional khusus halaman utama. Contoh :

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id="featuredpost"></div>
</b:if>




Source : http://www.kompiajaib.com/2014/11/menambahkan-penomoran-baris-pada-prism.html