Kelas Maya

Kelas maya atau yang biasa disebut virtual class merupakan  bentuk penerapan teknologi informasi di bidang pendidikan, merupakan perubahan proses belajar mengajar konvensional menjadi bentuk digital.

Proses pembelajaran kelas maya dapat berjalan apabila  didukung dengan pemanfaatan Teknologi Informasi sebagai alat dukung.

Peran guru dalam proses pembelajaran yang mengintegrasikan Teknologi Informasi diharapkan sebagai fasilitator ( penyedia ), kolaborator, mentor, pelatih, pengarah dan teman belajar serta dapat memberikan pilihan dan tanggung jawab yang besar kepada siswa untuk mengalami peristiwa belajar yang real. 

Sementara itu, peran siswa sendiri dalam proses pembelajaran yang mengintegrasikan Teknologi ini memungkinkan siswa menjadi partisipan aktif. menghasilkan dan berbagi (sharing) pengetahuan/keterampilan serta berpartisipasi sebanyak mungkin sebagaimana layaknya seorang ahli dalam bidangnya, belajar secara otodidak dan berkolaboratif dengan siswa lain.

FITUR KELAS MAYA.

1. Konten yang relevan dengan tujuan belajar.
2. Menggunakan metode instruksional seperti contoh dan praktek untuk membantu belajar siswa.
3. Menggunakan elemen media seperti kalimat dan gambar untuk mendistribusikan konten dan metode belajar.
4. Pembelajaran dapat secara langsung dengan instruktur (synchronous) ataupun belajar secara individu atau otodidak (asynchronous).
5. Membangun wawasan dan teknik baru yang dihubungkan dengan tujuan belajar.

JENIS KELAS MAYA

Learning Management System (LMS)

merupakan salah sebuah aplikasi perangkat lunak untuk perencanaan, pengiriman, dan pengelolaan kegiatan dalam sebuah organisasi pembelajaran, termasuk pembelajaran daring (online), ruang kelas virtual, dan program instruktur yang terpimpin. Contoh dari LMS antara lain; Moodle, Dokeos, aTutor.

Learning Content Management System (LCMS) 

merupakan pengembangan lebih lanjut dari LMS. LCMS adalah sebuah aplikasi perangkat lunak untuk mengelola konten pembelajaran dalam berbagai bidang pelatihan dan pengembangan. LCMS tidak hanya dapat membuat, mengelola, dan memberikan modul-modul pelatihan saja, tetapi juga mengelola dan menyunting (edit) semua bagian yang membentuk sebuah katalog pelatihan. Aplikasi LCMS memungkinkan pengguna untuk membuat, mengimpor, mengelola, mencari, dan menggunakan kembali unit kecil dari konten pembelajaran digital dan aset, yang sering pula disebut sebagai objek pembelajaran. Aset ini dapat mencakup file media yang dikembangkan dalam penilaian item, simulasi, teks, gambar atau benda lain yang membentuk konten dalam kursus tersebut diciptakan. Contoh dari LCMS antara lain: Claroline,e-doceo solutions.

Social Learning Network (SLN) 

jejaring sosial untuk pembelajaran yang terjadi pada skala yang lebih luas daripada kelompok belajar. Mengingat skala sosialnya yang lebih besar, media ini bagi sebagian peserta dapat menyebabkan pengubahan sikap dan perilaku, sedangkan bagi sebagian lain tidak menimbulkan dampak apa-apa.

Penggunaan jejaring sosial untuk pembelajaran di Indonesia merupakan hal yang baru. Jika di negara lain sudah berlangsung sejak beberapa tahun terakhir, kita baru akan mulai menerapkan dan menyosialisasikan. Hal yang suka atau tidak suka harus kita hadapi bersama adalah kenyataan bahwa penggunaan komputer atau laptop masih jauh dari merata di tanah air kita .

Read More

Edmodo

Assalamu’alaikum para pembaca didunia maya………………

Pengertian Edmodo 

Edmodo (www.edmodo.com) adalah platform microblogging pribadi yang dikembangkan untuk guru dan siswa, dengan mengutamakan privasi siswa. Guru dan siswa dapat berbagi catatan, tautan, dan dokumen. Guru juga memiliki kemampuan untuk mengirimkan peringatan, acara, dan tugas untuk siswa dan dapat memutuskan untuk mengirimkan sesuatu dalam kerangka waktu yang dapat dilihat publik.

Edmodo  adalah platform media  sosial  yang  sering  digambarkan  sebagai Facebook untuk  sekolah  dan  dapat  berfungsi  lebih  banyak  lagi  sesuai dengan kebutuhan.  Edmodo  merupakan  aplikasi  yang  menarik  bagi  guru  dan  siswa dengan elemen sosial yang menyerupai Facebook, tapi sesungguhnya ada nilai lebih besar dalam aplikasi edukasi berbasis jejaring sosial ini

Edmodo adalah sebuah platform pembelajaran sosial untuk guru/dosen, siswa/mahasiswa maupun untuk orang tua/wali yang dikembangkan pada akhir 2008 oleh Nic Borg dan Jeff O’Hara yang merasakan kebutuhan untuk berkembang di lingkungan sekolah/kampus untuk mencerminkan bahwa dunia yang semakin global dan terhubung, maka keduanya menciptakan sebuah alat/aplikasi yang dapat menutup kesenjangan antara bagaimana siswa/mahasiswa menjalani kehidupan mereka dan bagaimana mereka belajar di sekolah/kampus, untuk itulah maka Edmodo ada. Edmodo dibuat sebagai sebuah platform pembelajaran jejaring sosial untuk guru/dosen, siswa/mahasiswa, dan orang tua/wali.

Edmodo dirancang untuk membuat siswa/mahasiswa bersemangat belajar di lingkungan yang lebih akrab. Di dalam Edmodo, guru/dosen dapat melanjutkan diskusi kelas online, memberikan polling untuk memeriksa pemahaman siswa/mahasiswa, dan lencana penghargaan kepada siswa/mahasiswa secara individual berdasarkan kinerja atau perilaku.
Pada Edmodo, guru/dosen berada di tengah-tengah jaringan yang kuat yang menghubungkan guru/dosen kepada siswa/mahasiswa, administrator, orang tua/wali, dan penerbit/buku. Jaringan ini merupakan permukaan sumber daya terbaik di dunia dan alat-alat, yang menyediakan blok bangunan pendidikan yang berkualitas tinggi.

Edmodo menyediakan 4 pilihan fitur untuk mendaftar:
1.I’m a Teacher: untuk guru
2.I’m a Student: untuk murid
3.I’m a Parent : untuk orang tua
4.School&District : untuk menghubungkan sekolah kita ke Edmodo

 Implikasinya untuk Pembelajaran
Edmodo seperti  alat bantu belajar lainnya, bisa  menjadi hanya sebuah platform Online untuk  mendorong  pembelajaran  guru,  atau  dapat  menjadi  cara  lebih kreatif untuk melibatkan para siswa dalam pembelajaran kolaboratif dan kognisi terdistribusi (Jenkins). Edmodo bukanlah jawaban untuk setiap kelas tetapi yang terpenting adalah platform ini memberikan aspek penting dari sebuah lingkungan belajar  yang  positif.

Edmodo juga menyediakan beberapa fitur untuk mendukung e-learning seperti penugasan, kuis dan penilaian. Edmodo menyediakan alat-alat media sosial untuk guru dan siswa, memungkinkan mereka untuk berbagi catatan, link, dan file dalam cara modern. Guru jugamemiliki kemampuan untuk mengirimkan peringatan kepada siswa tentang kegiatan dan tugas. Mereka juga akan memiliki pilihan untuk mengirim item ke timeline publik . Hal yang berguna juga adalah kalender yang bisa membuat semua orang engetahui tentang ujian yang akan datang dan acara lainnya dan kegiatan khusus.

Platform ini  memberikan  siswa  jalur  untuk  berinteraksi dengan rekan-rekan mereka  dan guru mereka dalam suasana  akademis. Lebih jauh  lagi   penggunaan platform ini  dapat mengajarkan siswa  untuk bagaimana berperilaku  secara Online dan  bertanggung  jawab  dalam  mengatur  kegiatan belajar  mereka  dengan  sistem  yang  keamanannya  terjamin.  Pada  hakikatnya Platform ini  adalah  mudah  dipelajari  dan  mudah  digunakan terutama  bagi para guru yang menganggap dirinya berada di luar basis pengetahuan teknologi yang berkembang  saat ini.

Edmodo menyediakan lingkungan  di mana  mengajar dan belajar  dapat  menghasilkan  kegembiraan  siswa,  siswa  menjadi  lebih  mandiri, tanpa  melupakan  standar  pengukuran  keberhasilan  siswa.  Tidak  dapat dipungkiri  bahwa  siswa  akan  menyukai  pembelajaran  lewat platform ini,  dan ketika  siswa  merasa  senang  keinginan  mereka  untuk  dapat  mengatasi  materi baru  dan  sulit  akan  meningkat.  Edmodo  adalah  salah  satu  cara  untuk membangun semangat siswa untuk belajar.

Edmodo adalah sebuah jawaban bagi sebuah ruang kelas virtual yang nyaman dan aman, dikarenakan:
1.Mirip facebook, mudah digunakan.
2.Free, diakses online, dan tersedia untuk perangkat smart phone (android dan Iphone).
3.Tidak memerlukan server di sekolah.
4.Dapat diakses dimanapun dan kapanpun
5.Edmodo selalu diupdate oleh pengembang
6.Edmodo dapat diaplikasikan dalam satu kelas, satu sekolah, antar sekolah dalam satu kota/kabupaten
7.Edmodo dapat digunakan bagi siswa, guru, dan orang tua
8.Edmodo digunakan untuk berkomunikasi dengan menggunakan model sosial media, learning             material, dan evaluasi
9.Edmodo mendukung model team teaching, co-teacher, dan teacher collaboration
10.Terdapat notifikasi
11.Fitur Badge dapat dimanfaatkan untuk meningkatkan motivasi siswa
12.Siswa bisa berinteraksi dalam pantauan gurunya (bebas cyber crime dan cyber bullying). Guru bisa ‘mengunci’ siswa dengan demikian ia hanya bisa membaca dan tidak bisa berkomentar pada seisi ‘kelas’ namun tetap ia bisa berkomunikasi langsung dengan gurunya.
13.Closed group collaboration: hanya yang memiliki group  code yang dapat mengikuti kelas artinya tidak ada orang luar yang bisa masuk dan melihat kelas virtual yang dibuat oleh seorang guru tanpa mendapat kode khusus dari guru yang bersangkutan
14.Guru bisa memulai pertanyaan, menaruh foto atau video, menaruh presentasi bahan ajar, yang kesemuanya bebas untuk diunduh oleh siswa dan dikomentari
15.Siswa bisa kembali kapan saja untuk mengulang materi yang diberikan gurunya, bahkan PR bisa diberikan melalui edmodo. Siswa juga bisa mengumpulkan PR nya lewat edmodo, tinggal unggah saja.
16.Edmodo bisa dipadukan dengan situs lain seperti wall wisher, glogster dan lain sebagainya.
17.Guru bisa menaruh nilai dari pekerjaan siswa sebagai acuan bagi siswa.
18.Kelas virtual yang dibuat seorang guru tidak terbatas, guru bisa menaruh bahan ajar untuk digunakan di angkatan atau tahun ajaran berikutnya
19.Siswa bisa bekerja sama dengan siswa lain dalam grup kecil yang dibentuk oleh gurunya. Saat mengerjakan sebuah proyek bersama mereka bisa menaruh semua dokumen yang diperlukan dalam pengerjaannya.
20.Edmodo memungkinkan guru menaruh bahan ajar yang sangat berguna bagi siswa yang tidak masuk atau berhalangan saat melakukan tatap muka.
21.Siswa yang pendiam bisa bebas berkata-kata dan berpendapat tanpa khawatir dipermalukan, sementara si anak tipe aktif bisa posting pertanyaan kapan saja asal ia terhubung dengan internet.
22.guru bisa mengajarkan tata cara yang berlaku di dunia maya seperti cara berkomentar dan sederet tata krama di dunia maya yang perlu siswanya ketahui.

 Kelebihan & Kekurangan EDMODO
EDMODO merupakan social network yang memiliki fitur untuk mendukung pembelajaran. Seperti halnya social network lain, akun Edmodo dapat diperoleh tanpa berbayar dengan mengakses http://www.edmodo.com. Hanya saja, Edmodo didesain untuk penggunaan pembelajaran dan berbasis sekolah. Hal ini terlihat jelas pada tampilan halaman awal Edmodo, akan terlihat bahwa login pengguna dibedakan apakah user adalah guru, siswa, atau orang tua siswa. Beberapa fitur yang terdapat pada Learning Management System (LMS) untuk mendukung e-learning seperti penugasan, kuis dan penilaian pun terdapat di Edmodo.

Berikut ini adalah kelebihan dan kekurangan Edmodo
Kelebihan:
1.User Interface.  Mengadaptasi tampilan seperti facebook, secara sederhana edmodo relatif mudah untuk digunakan bahkan untuk pemula sekalipun.
2.Compatibility. Edmodo mendukung preview berbagai jenis format file seperti: pdf, pptx, html, swf dan sebagainya
3.Aplikasi. Edmodo tidak hanya dapat diakses dengan menggunakan PC (laptop / desktop) tetapi juga bisa diakses dengan menggunakan gadget berbasis Android OS.

Kekurangan;
1.Social Media. Edmodo tidak terintegrasi dengan jenis sosial media apapun, seperti facebook, twitter atau google plus. Padahal pada saat sekarang ini, hampir setiap website terintegrasi dengan media sosial supaya penggunanya dapat berbagi (sharing). Lagipula orang Indonesia lebih familiar mengetikkan kata facebook.com ketimbang edmodo.com
2.Languange. Penggunaan bahasa program yang masih berbahasa inggris sehingga terkadang menyulitkan guru dan siswa.
3.Video Conference belum tersedia. Hal ini cukup penting untuk berinteraksi dengan siswa jika guru tidak bisa hadir secara langsung di ruang kelas.

 Menggunakan Edmodo Untuk Siswa

1. Cara Menjadi member sebagai siswa di edmodo
a.Sebelum siswa mendaftar dan mendapatkan akun di Edmodo, mereka harus dibekali atau mempunyai 6 digit kode grup (dapat grup berupa kelas atau mata pelajaran) dari guru mereka.
b.Membuat akun di Edmodo, kunjungi http://www.edmodo.com lalu pilih tombol “I’m a Student”
c.Isi semua data : firstname dan last name, siswa harus mengisikan nama mereka yang sesungguhnya. Dalam pendaftaran sebagai siswa harus ingat username dan password. Setelah semua baris telah diisi, ingat untuk klik atau centang kotak You and your parent agree to our Terms of Service and our Privacy Policy.
d.Lalu pilih tombol “sign up” sehingga pendaftaran dapat diproses.
e. Jangan lupa untuk mengkonfirmasi akun edmodo kita dengan cara membuka e-mail kita

2. Cara Pengaturan account
Dari halaman pengaturan akun, Kamu dapat mengatur untuk informasi profil, memasang dan mengganti foto.  Untuk pengaturan Klik Me sudut kanan atas, Dalam menu tersebut silahkan pilih “Setting”.

Di halaman ini Anda dapat melakukan berbagai hal diantaranya adalah:
1) Mengubah foto profil  Anda dapat memilih untuk mengunggah foto dari komputer pribadi atau menggunakan icon yang telah disediakan.
2) Mengubah informasi pribadi  Anda dapat menambahkan ataumengubah nama beserta alamat email.
3) Anda dapat mengubah kata sandi (password)
4) Menentukan notifikasi  pilih menu drop down notifikasi untuk menentukan mode notifikasi. Terdapat tiga pilihan yaitu tanpa notifikasi,  notifikasi melalui email atau SMS/teks. Jika Anda memilih notifikasi melalui email, artinya setiap pembaharuan aktivitas yang ada di akun Edmodo Anda akan diberitahukan melalui email. Jika Anda memilih notifikasi melalui teks, maka pemberitahuan akan dikirimkan melalui SMS ke HP Anda. Namun dalam hal ini baru penyedia layanan selular di wilayah Amerika saja yang baru bisa sedangkan di Indonesia belum. Untuk itu jika Anda memilih ingin adanya pemberitahuan, maka pilihlah notifikasi melalui email.
5) Tipe notifikasi : Anda dapat memilih tipe pemberitahuan yang akanditerima dengan cara member tanda centang di kotak terhadap satu atau beberapa pilihan diantaranya:
Alerts : setiap ada tanda atau indikasi peringatan
Notes : setiap ada anggota dari kelas Anda yang mengirimkan notes
Direct message: setiap ada anggota dari kelas Anda yang mengirimkan pesan pribadi
Replies:  setiap ada anggota kelas yang membalas notes dari anggota lainnya.
New group members : setiap ada anggota baru di kelas Anda o Group join request setiap ada permintaan untuk bergabung di grup kelas/mata pelajaran/kelompok kerja yang ada di edmodo Anda.

2. Cara Membaca Pelajaran di Edmodo
Untuk dapat melihat dan membaca materi pelajaran di edmodo yang modul bahan bacaan, power point, video ataupun materi lainnya.
a.Sign ke akun edmodo kita
b.Klik group anda.
c.Setelah masuk, lalu klik folder
d.Setelah klik folder yang ada dan pilih materi yang ingin dibaca atau dipelajari

Kamu bisa mendownload materi dan menyimpannya di komputer atau anda bisa langsung melihatnya di komputer tanpa menyimpannya

3. Cara Mengerjakan Soal Ulangan (Quiz)
a.Sign ke akun edmodo kita
b.Klik tombol Quiz
c.Selanjutnya kerjakan Quiz (Ulangan) sampai selesai. Harap diingat bahwa pengerjaan kuis ini ada tenggang waktunya. Jadi begitu sekali buka sudah dihitung waktunya. Oleh karena itu siapkan diri anda dengan baik sebelum membuka kuis.
d.Klik  pilihan pendapatmu tentang quiz tersebut untuk bisa mengkil View Result, maka  nilai Kamu akan muncul

4.Cara Mengirim Catatan (Note) Di Edmodo 
Cara mengirim catatan (Note) di Edmodo atau kalau pingin posting atau istilah kerennya “nyetatus”. Tapi perlu diingat nyetatus di edmodo jangan disamakan ketika Anda nyetatus di facebook. Disini adalah kelas virtual kita, jadi gunakan untuk bertanya, pemberitahuan, pengumuman dll yang berhubungan dengan pelajaran, tugas ataupun sekolah. Langkah-langkahnya :
a. Sign ke akun edmodo kita
b. Klik type your note here.
c. Kemudian ketik catatan kita dan pilih ke siapa saja kita yang akan kita kirim, kemudian kalau ingin menyertakan file, link atau library tinggal pilih yang dibawahnya itu (misal pingin melampirkan gambar atau pdf atau word dll)
d. Kemudian klik di kolom send to, nah disitu nanti akan muncul daftar kelas atau guru, tinggal dipilih ingin di kirim ke salah satu orang atau ke semua atau ke gurunya (di klik saja), kalau sudah pilih send.

Sama seperi di facebook, postinganmu juga bisa dikomentari oleh teman sekelasmu juga.

5.Cara Mengunggah (Upload) File di Edmodo
a.Sign ke akun edmodo kita.
b.Klik type your note here.
c.Klik gambar yang bergambar kertas , kemudian pilih file yang akan dipilih
d.Kemudian klik di kolom send to, nah disitu nanti akan muncul daftar kelas atau guru, tinggal dipilih ingin di kirim ke salah satu orang atau ke semua atau ke gurunya (di klik saja), kalau sudah pilih send

Cara Mengunggah tugas Edmodo di Smartphone
Turn in Menggunakan Smartphone : tugas sebaiknya disimpan terlebih dahulu di Dropbox (Instal dan aktifkan dropbox) setelah itu klik file dan pilih file di dropbox dan setelah itu submit

Read More

CSS

Pengenalan css

Apa itu css..?

CSS (Cascading Style Sheet) merupakan suatu bahasa program web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalamn web yang digunakan untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebihrapi, terstruktur dan seragam.

CSS merupakan pemrograman wajib yang harus dikuasi oleh setiap pembuat program (Web Programmer), terlebih lagi itu adalah pendesain web (web designer).

CSS saat ini dikembangkan oleh World Wide Web Consortium (W3C) dan menjadi bahasa standar dalam pembuatan web. CSS difungsikan sebagai penopang atau pendukung, dan pelengkap dari file html yang berperan dalam penataan kerangka dan layout.

CSS mampu di berbagai platform, maksudnya dapat dijalankan pada berbagai macam sistem operasi dan web browser. Secara umum, yang dilakukan oleh CSS adalah pengaturan layout, kerangka, teks, gambar, warna, tabel, spasi, dan lain sebagainya. Kita akan mengetahui masing-masing pengaturan tersebut pada pembahasan selanjutnya.

Sejarah Singkat CSS?

Pada tahun  1996, mungkin tepatnya pada tanggal 17 Desember 1996, W3C (World Wide Consortium) menjadikan CSS sebagai pemrograman standar dalam membangun suatu dokumen web. Tujuannya tentu saja untuk mengurangi pembuatan tag-tag. Pada saat itu, CSS masih berversi 1, yang memiliki dukungan terhadap:
-    Font (Jenis. Ketebalan, dan lain-lain)
-    Warna teks, latar belakang, dan lain-lain.
-    Text atribut, misalnya spasi antar baris, kata, dan huruf.
Melihat dukungan seperti itu, tentu kurang lengkap bukan? Oleh karena itu, pada tahun 1998, W3C menyempurnakannya dengan hadirnya CSS versi 2 (CSS2), yang menjadi standar hingga saat ini. CSS dari tahun ke tahun terus dikembangkan dan hingga kini CSS telah mencapai versi ke-3 (CSS3).
Oh gitu.. iya cukup singkap bukan, namanya juga sejarah singkat CSS.

Mengenal Berbagai Macam Versi CSS

Saat ini, CSS telah mencapai pada versi yang ketiga, di mana pada setiap versi selalu ada peningkatan. Pada subbab ini penulis akan mengenalkan kepada anda, apa sih perbedaan antara CSS-1, CSS-2, hingga CSS-3?
•    CSS-1, dikembangkan dan berpusat pada formatting dokumen HTML.
•    CSS-2, dikembangkan untuk bisa memenuhi kebutuhan terhadap format dokumen supaya bisa ditampilkan di printer. Pada CSS-2 ini mendukung juga dalam penentuan posisi konten, downloadable, font, table-layout, dan media type untuk printer.
•    CSS-3, merupakan versi pengembangan dari sebelumnya. Pada versi ini terdapat beberapa tambahan dan mengarah pada efek animasi. Namun, saat ini belum semua didukung oleh web browser.

Sifat CSS

Ada dua sifat CSS, yaitu internal  dan  eksternal. Bedanya apa ya?...
Internal, jika kode CSS yang akan dibuat tersebut kita masukkan atau sisipkan ke dalam file kode html. Namun, cara ini akan sungguh merepotkan jika kita membuat file lain dengan metode yang sama. Artinya, kita harus melakukan cara yang sama berulang-ulang (menyisipkan kode CSS ke dalam kode HTML). Bagaimana jika kita membuat 10 file HTML? Maka kita juga akan menyisipkan kode CSS sebanyak 10 kali pula.
Eksternal, pembuat kode CSS dan HTML terpisah. Artinya, kita membuatkan satu file CSS untuk kemudian file CSS tersebut dapat kita panggil berulang-ulang guna dihubungkan dengan file HTML (melalui linked).  Cara ini memang sangat disarankan untuk pembuatan desain web karena dapat menyingkat waktu pembuatan.

Mengapa CSS

Banyak di antara mereka yang selalu bertanya  mengapa CSS? ..  bukankah memakai tabel kode HTML saja sudah cukup?.. memang.. tanpa CSS pun web dapat dibangun, namun tahukah anda.. salah satu kunci kesuksesan web agar banyak pengunjung adalah tampilan yang menarik, interaktif, cepat diakses, dan lain-lain. Jika web sangat lambat untuk loading, tentu pengunjung juga akan merasa bosan, malah akan menutup browser web mereka sebelum seluruh informasi dalam web tersebut ditampilkan.
Dengan kita menggunakan CSS, akan banyak keuntungan yang dapat kita peroleh, di antaranya:
1.    Memisahkan pembuatan dokumen (CSS dan HTML)
2.    Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.
3.    Akses Web lebih cepat di-loading (mempercepat pembacaan HTML)
4.    Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang.
5.    Ringan pada filesize/Bandwith lebih kecil.
6.    Dapat digunakan pada semua web browser.

Bagaimana CSS itu Bekerja?

Cara kerja CSS sangat mudah, kita cukup menuliskan berdasarkan style (selektor, id dan class), maka secara otomatis style tersebut akan bekerja pada dokumen HTML. Tidak ada cara kerja khusus yang diterapkan oleh CSS. Berbeda dengan bahasa pemrograman lain, semisal PHP. CSS bekerja apa adanya.. mengalir mengikuti aliran yang telah ditentukan.. kok malah puitis gini yah?? 
Kita cukup mengatur selektor, id, dan class, untuk kemudian id dan class tersebut kita sesuaikan dan terfapkan pada kode HTML (penulis akan membahasnya lebih lanjut). Dan secara otomatis pula CSS itu akan bekerja pada file HTML.. cukup simple bukan?

Contoh Penulisan Dasar CSS
Ada baiknya sebelum kita membahas lebih dalam, kita harus mengenali contoh penulisan dasar terlebih dahulu. Secara umum, penulisan dasar CSS tidak lepas dari keberadaan  selector, id, class, dan  value. Lihat format penulisan berikut:

Selector  {
    Properti: value;
}

Contohnya sebagai berikut:
P  {
    Color: red;
}

Keterangan:
Selektor: P
Properti: Color
Value:  Red

Maksudnya mengalir apa adanya itu seperti ini, karena kita telah menambahkan selektor P , maka setiap dokumen HTML memakai tag <P>, secara otomatis teksnya akan berubah menjadi warna merah (color: red).

Jika kita menggunakan Id, maka formatnya menjadi seperti berikut:

#selektor   {
    Properti: value;
}

Dan apabila kita menggunkaan Class, maka formatnya menjadi:
.selektor   {
    Properti: value;
}

Read More

Javacsript

PENGENALAN JAVASCRIPT

Javascript adalah bahasa pemograman yang berjalan di browser, orang-orang biasa bilang client side programming. Client di sini adalah browser, seperti: Internet Explorer, Firefox, Chrome, Opera, Safari dan sebagainya. Kode javascript biasanya disisipkan diantara kode-kode HTML.

Java script pertama kali di perkenalkan oleh netscape pada tahun 1995 dengan nama "LifeScript". Pemograman ini di gunakan untuk program sederhana untuk browser netscape navigator. Di tahun itu pula, tepatnya pada tanggal 4 desember 1995, netscape bekerja sama dengan pengembang pemograman "JAVA" yaitu Sun. Pemograman LifeScript di ganti namanya menjadi "JavaScript" yang kita kenal sekarang ini. 

Kegunaan JavaScript Pada Konten HTML

JavaScript mampu merubah, menambah, dan menghapus isi pada dokumen HTML dengan menggunakan perintah-perintah kode programnya, Oleh karena itu JavaScript sangat populer pada pemrograman website dan telah menjadi syarat wajib bagi seorang web developer untuk menguasai ini.

Hingga saat ini JavaScript telah banyak berkembang, fitur-fitur yang dimiliki pun bertambah banyak. Dengan kehadiran teknik AJAX, Kini JavaScript tidak hanya handal pada browser client, namun juga mampu berinteraksi aktif dengan webserver. Ditambah dengan dukungan file JSON yang khusus dirancang untuk JavaScript.

Read More

Turbo Pascal

Pada kesempatan kali ini, saya akan berbagi sebuah Tutorial mengenai pemrograman  Turbo Pascal

     

Turbo Pascal adalah sebuah sistem pengembangan perangkat lunak yang terdiriatas kompiler dan lingkungan pengembangan terintegrasi (dalam bahasa inggris: Integrated Development Environment - IDE) atas bahasa pemrograman pascal untuk sistemoperasi CP/M, CP/M-86, dan MS-DOS, yang dikembangkan oleh Borland pada masa kepemimpinan Philippe Kahn. Nama Borland Pascal umumnya digunakan untuk paket perangkat lunak tingkat lanjut (dengan kepustakaan yang lebih banyak dan pustaka kode sumber standar) sementara versi yang lebih murah dan paling luas digunakan dinamakan sebagai Turbo Pascal. Nama Borland Pascal juga digunakan sebagai dialek spesifik Pascal buatan Borland. Borland telah menembangkan tiga versi lama dari Turbo Pascal secara gratis disebabkan karena sejarahnya yang panjang khusus untuk versi 1.0, 3.02, dan 5.5 yang berjalan pada sistem operasi MS-DOS.

Sejarah

Turbo Pascal pada awalnya adalah kompiler Blue Label Pascal yang dibuat untuk sistem operasi komputer mikro berbasis kaset, NasSys, milik Nascom tahun 1981 oleh Anders Hejlsberg. Kompiler tersebut ditulis ulang untuk CP/M dan dinamai Compas Pascal, dan kemudian dinamai Turbo Pascal untuk sistem operasi MS-DOS dan CP/M. Versi Turbo Pascal untuk komputer Apple Macintosh sebenarnya pernah ditembangkan tahun 1986, namun pengembangannya dihentikan sekitar tahun 1992. Versi-versi lain pernah tersedia pula untuk mesin-mesin CP/M seperti DEC Rainbow dalam beberapa penembangan.

Versi Dos

Kompiler Turbo Pascal didasari pada kompiler Bule Laber Pascal secara resmi dihasilkan untuk NasSys cassette-based operating system dari Nascom mikrokomputer pada 1981 oleh Anders Hejlsberg. Borland melisensikan inti kompiler "PolyPascal" milik Hejlsberg (Poly Data adalah nama dari perusahaan Hejlsberg di Denmark), dan menambahkan tampilan muka dan editor. Anders Hejlsberg bergabung dengan perusahaan sebagai karyawan dan arsitek untuk seluruh versi dari kompiler Turbo Pascal dan satu dari tiga versi dari Borland Delphi. Kompiler pertama sekali dirilis sebagai Compas Pascal untuk CP/M, dan kemudian dirilis pada 20 November 1983 sebagai Turbo Pascal untuk CP/M, CP/M-86 {contoh komputer Apple II yang dipasangkan dengan Z-80 SoftCard) dan mesin DOS. Pada debut pertama a di pasar Amerika, Turbo Pascal dijual 49.99 USD. Kompiler Pascal yang terintegerasikan memiliki kualitas yang sangat bagus dibandingkan dengan produksi Pascal yang lain pada saat itu dan juga sangat diterima dikalangan umum.

Nama Turbo diambil karena berhubungan dengan kecepatan kompuladi dari produksi exekute. Siklus edit/compile/run lebih cepat dibandingkan implementasi dari Pascal yang lain karena semuanya berhubungan dengan membangun program yang disimpan di RAM, dan karena ini merupakan kompiler sekali yang ditulis pada bahasa Assembly. Kompilasi terjadi dengan sangat cepat dibandingkan dengan bahasa yang lain (bahkan kompiler Borland untuk bahasa C), dan waktu programmer juga menjadi hemat sejak program dapat dikompile dan dijalankan dari IDE. Kecepatan file execute COM adalah terobosan untuk developer yang hanya memiliki satu pengalaman dalam mikrokomputer program seperti BASIC.

Bill Gates melihat kesuksesan dari Turbo Pascal pada kehidupan pribadi dan tidak dapat mengerti kenapa produk Microsoft sangat lambat. Dia melampiaskan kemarahannya pada Greg Whitten[direktur programming di Microsoft Languages] dan berteriak padanya selama satu jam. Dia tidak dapat mengerti kenapa Kahn dapat mengalahkan kompetitor kuat seperti Microsoft.

IDE masih sangat canggih sampai sekarang, ketika sumber daya komputer pada PC IBM sangat terbatas (desain IBM memiliki keterbatasan yang besar sehingga performanya tidak dapat melawan produk enterprise yang menguntungkan IBM). IDE sangat simple dan intuitif, dan menu sistem yang sangat terorganisir dengan baik. Versi terbaru dari penggunaan editor; Wordstar key functions, menjadi standar pada saat ini. Versi selanjutnya dari IDE, didesain untuk PC dengan mengecilkan ruang pada disk dan memory, yang dapat menampilkan definisi dari kata kunci dari bahasa dengan menempatkan kursor pada kata kunci dan menekan F1. Definisi juga menampilkan kode contoh. Ini memberikan pelajaran kepada programmer yang belum handal dengan menggunakan IDE, tanpa membutuhkan pertolongan dari buku.

Versi 1 hingga versi 3

Borland membeli lisensi atas kompiler PolyPascal yang ditulis oleh Anders Hejlsberg (Poly Data adalah nama perusahaan yang didirikannya diDenmark), dan menambahkan antar muka pengguna serta editor. Anders kemudian bergabung sebagai karyawan dan menjadi arsitek atas semua versi kompiler Turbo Pascal dan tiga versi pertama Borland Delphi.

Versi pertama dari Turbo Pascal, yang kemudian disebut sebagai versi 1, memiliki unjuk kerja yang sangat cepat dibandingkan kompiler pascal untuk komputer mikro lainnya. Kompiler tersebut tersedia untuk sistem operasi CP/M, CP/M-86, dan MS-DOS, dan penggunaannya sangat luas pada masa itu. Versi Turbo Pascal untuk CP/M saat itu bisa digunakan pada komputer Apple II yang sangat populer jika digunakan dengan sebuah Z-80 SoftCard, produk perangkat keras pertama yang ditembangkan microsoft di tahun 1980.

Pada saat itu CP/M menggunakan format berkas executable yang sederhana dengan menggunakan ekstensi .COM; sistem operasi MS-DOS bisa menggunakan baik .COM (tidak kompatibel dengan format yang terdapat pada CP/M) maupun format .EXE. Turbo Pascal pada saat itu hanya mendukung kode biner berformat .COM, pada masa itu hal tersebut tidak menjadi suatu bentuk keterbatasan. Perangkat lunak Turbo Pascal itu sendiri merupakan sebuah berkas berekstensi .COM dan berukuran sekitar 28 kilobita, termasuk editor, kompiler, dan linker, dan rutin-rutin pustaka. Efisiensii proses edit/kompilasi/jalankan lebih cepat dibandingkan dengan implementasi paskal pada kompiler lainnya disebabkan semua elemen yang terkait dalam pengembangan program diletakkan pada memori komputer (RAM), dan karena kompilernya sendiri merupakan kompiler berjenis single-pass compiler yang ditulis dengan bahasa assembler. Unjuk kerja proses kompilasi sangat cepat dibandingkan dengan produk lain (bahkan dibandingkan dengan kompiler C milik Borland sendiri).

Ketika pertama kali versi Turbo Pascal muncul pada tanggal 20 November 1983, jenis IDE yang digunakannya masih terbilang baru. Pada debutnya terhadap pasar perangkat lunak di Amerika, perangkat lunak tersebut dibandrol dengan harga USD$49.99. Kualitas kompiler pascal terintegrasi terdapat dalam Turbo Pascal sangat baik dibandingkan kompetitor lain dan atas fitur-fitur tersebut ditawarkan dengan harga yang terjangkau.

Versi 2 dan 3 merupakan pengembangan lebih lanjut dari versi sebelumnya, mampu berkerja dalam memori, dan menghasilkan berkas biner berekstensi .COM/.CMD. Dukungan atas sistem operasi CP/M dan CP/M-86 dihentikan setelah versi 3.

Read More