[CODING] Mengenal Cara Membuat Website Untuk Pemula

Tidak ada komentar

Membuat website itu banyak caranya. Ada cara instan, sekali jadi dengan aplikasi tertentu baik itu online atau offline. Ada cara manual, yaitu membuat website dari nol.

Pengalaman saya ikut program belajar Coding Mum Surabaya 2016 dan menjadi koordinator Coding Mum Disabilitas Surabaya 2018, berkenalan dengan konsep yang manual. Kami diajari untuk membuat website dari nol. Menggunakan beberapa bahasa pemrograman yaitu HTML 5, CSS 3 dan Javascript (Js).

Menyusun atau menulis bahasa pemrograman ini lazim dikenal dengan istilah CODING.
Jadi kalau anda mendengar kata CODING, itu artinya sesuatu yang terkait dengan pemrograman. Berasal dari kata CODE atau kode atau bahasa pemrograman.

Seperti apa bentuk CODING itu?
Apa maksudnya HTML, CSS dan Javascript?

Untuk memahami istilah-istilah ini, anda bisa melihat ke website W3 SCHOOLS , bisa di klik di laman berikut: https://www.w3schools.com/

Jika anda membuka laman tersebut, akan tampak bahwa bahasa pengantar yang digunakan adalah bahasa Inggris.

Jika ingin menggantinya menjadi bahasa Indonesia, kita bisa SETTING bahasanya. Dengan cara mengganti BAHASA INDONESIA pada icon TRANSLATE yang berbentuk bola dunia, di ujung kanan atas.

klik untuk memperbesar. 

Dari website ini, kita belajar otodidak untuk membuat website. Selain ada keterangan di setiap materi. Ada juga bentuk belajar mandiri, sehingga kita bisa langsung mencoba menulis kode atau CODING di website itu, kemudian melihat hasilnya. Seperti yang berikut ini:
Untuk mengenal apa itu CSS dan Javascript juga tersedia di laman W3SCHOOLS. 

Jika anda sudah ada gambaran tentang bahasa pemrograman untuk membuat website, maka bisa dilanjutkan untuk praktek coding sendiri. 

Pertama, kita harus menginstall software code editor, untuk menuliskan kode-kode HTML, CSS dan lain sebagainya di sana. Ibaratnya jika mengetik kita biasa menggunakan Ms. Word, Wordpad, Notepad atau Libre Office. Maka untuk menulis code, bisa digunakan Notepad ++, Brackets dan Sublime Text. 

Tautan untuk mengunduh softaware tersebut di sini:

contoh tampilan Brackets adalah sebagai berikut:



Setelah code editor ini terinstall di komputer anda, bisa dimulai langkah coding, yaitu menuliskan code HTML. Adapun agar deretan code yang sudah ditulis bisa berwujud menjadi tampilan website, perlu dilakukan cara-cara khusus dalam menyimpan file. 






Pentingnya Disabilitas Belajar Coding Dan Skill Digital Kreatif

Tidak ada komentar
Ini adalah video perkenalan menggunakan bahasa isyarat untuk teman tuli.Tujuannya untuk mengajak ikut bergabung program belajar membuat website, Coding Mum Disabilitas Surabaya. 
Ini adalah program yang diselenggarakan oleh BEKRAF (Badan Ekonomi Kreatif) Indonesia. Total program ini hanya diselenggarakan di 3 kota besar, yaitu Jakarta, Bandung dan Surabaya.


 

Dalam proses belajarnya, yang bergabung di acara itu adalah teman tuli, difabel daksa, slow learner. Untuk teman difabel netra, belum bisa kami akomodasi.

Coding Mum Disabilitas hanya memberikan materi coding dasar untuk membuat website dari nol. Website yang dibangun dengan 3 bahasa pemrograman dasar yaitu HTML5, CSS3 dan Javascript.

Dari sini, tampak sekali antusias teman-teman difabel dan ketekunannya. Dan ini sangat baik sekali. Misalnya untuk teman difabel daksa, mereka yang terbatas ruang geraknya itu akan bekerja jauh lebih efektif di depan laptop. Dan keterbatasannya ini tidak menghalanginya untuk belajar, bekerja dan berkarya.

Maka, pengenalan dan penguasaan terhadap teknologi digital kreatif adalah sebuah hal yang perlu terus menerus digaungkan terutama untuk teman difabel atau disabilitas. Semoga semakin banyak program semacam ini di Indonesia.

Penyandang Disabilitas Perlu Untuk Melek Teknologi

3 komentar
coding mum disabilitas surabaya
trainer harus didampingi interpreter untuk penyandang tuli belajar di kelas


Sekitar bulan Maret 2018, telah diselenggarakan CODING MUM DISABILITAS di Surabaya. Ini adalah program belajar coding (bahasa pemrograman) membuat website dari nol, khusus untuk penyandang disabilitas dan pemerhati disabilitas.

Kebetulan saya didapuk sebagai Koordinator Daerah. Cerita lengkapnya di sini

coding mum disabilitas surabaya
Trainer untuk tuli, menggunakan bahasa isyarat ketika menjelaskan materi

Penyandang disabilitas yang diterima di program itu adalah tuna daksa, tuli dan lambat belajar. Untuk tuna netra, belum bisa difasilitasi saat itu karena memerlukan perlakuan yang berbeda dan software code editor yang bisa dibaca oleh aplikasi pembaca layar yang biasa digunakan oleh tuna netra dalam menggunakan komputer.

Bekraf adalah Badan Ekonomi Kreatif, bagian dari pemerintah yang menginisiasi program ini. Dengan harapan bisa meningkatkan keterampilan disabilitas untuk bisa kerja di ranah kreatif. Pilihan yang dirasa tepat adalah mengenalkan mereka untuk paham dunia teknologi konten digital kreatif.

Konten digital kreatif ini bisa dalam bentuk website, blog, game, desain grafis, video, animasi dan inovasi lainnya. Di mana fasilitas bekerja yang diperlukan hanyalah komputer/laptop dan akses internet.

Penyandang disabilitas diyakini mempunyai kelebihan untuk bisa bekerja lebih tekun. Dan bagi mereka yang terbatas untuk bergerak, seperti tuna daksa, bekerja di depan laptop adalah satu hal yang sangat sesuai dengan mereka. Mereka tidak perlu kelelahan karena pekerjaan yang membutuhkan tenaga fisik.

Untuk itu, disimpulkan bahwa penyandang disabilitas perlu untuk melek teknologi. Mereka harus tahu cara memanfaatkan sosial media, internet, teknologi digital dan hal terkait lainnya untuk mempermudah hidupnya juga sekaligus menjadikan ini sebagai lahan pekerjaan.


WORKSHOP GRATIS MEMBUAT BLOG DAN WEBSITE

Tidak ada komentar

Kabar gembira.
Kolaborasi KELASKU DIGITAL dan DILO SURABAYA menyelenggarakan kelas belajar gratis membuat blog dan website.
.
.
Workshop Blogging/Coding.
Rabu, 17 Oktober 2018.
Lokasi:  Dilo Surabaya, @dilosurabaya
Jl. Ketintang no. 156, Surabaya.
Pukul 09.00-12.00 WIB.
Biaya Gratis.
Peserta membawa laptop/mouse sendiri.
Pengajar: @heniprasetyorini
dan tim Coding Mum Surabaya.
Peserta untuk umum & Difabel.
.
.
REMAJA PUTUS SEKOLAH, lulusan SMP/SMA.
.
Untuk sahabat DIFABEL juga bisa. *Mohon maaf, Kecuali difabel netra, kami belum ada fasilitasnya.
.
Untuk difabel tuli, menyediakan sendiri pendamping interpreter bahasa isyaratnya. .
.
Difabel daksa, bisa mengajak pendampingnya atau yang diperlukan. Lokasi Dilo bisa dicapai kursi roda..
.
Sangat terbuka juga untuk IBU RUMAH TANGGA yang ingin belajar skill baru. .
.
Sesi 1:
09.00-10.30
Workshop belajar membuat blog untuk pemula, dengan platform blogspot.
Blog bisa digunakan nanti untuk media promosi bisnis, mengajar atau personal.
.
.
Sesi 2:
10.30-12.00
Workshop coding untuk pemula. Pengenalan cara membuat website mulai dari nol (HTML 5, CSS3, Javascript) dan tools yang diperlukan.
.
.
Terbatas untuk 15 peserta.
Daftar langsung WA 087851781356 (Heni) dan
isi formulir online berikut ini, http://bit.ly/kelaskudigital171018
.
#kelaskudigital
#dilosurabaya
#codingmumsurabaya
#kelaskudigitalblogging
#kelaskudigitalcoding
#difabel

Mengganti Template Blogspot Menjadi Cantik dan Mobile Responsive

Tidak ada komentar
Mengganti template blog baru adalah hobi saya banget sejak pertama kali kenal blogspot tahun 2009-an. Untuk tahu caranya saya mencari tutorial dari google atau bahkan you tube.

Ini tampilan blog awal



 Ini tampilan blog setelah di ganti. Lebih fresh ya. 


Untuk otak-atik sedikit cara ganti template tadi, saya bagikan di instagram stories hari ini. Bisa langsung saja ke @heniprasetyorini ya. 


LOMBA MENULIS DAN LOMBA BLOG 2018

Tidak ada komentar
Halo gaesss..... bulan September ini istimewa buat saya. Anak kedua saya lahir di awal bulan ini. Anak yang harusnya lahir 1,5 bulan sebelumnya itu. Iya, dia kayaknya nggak sabar ketemu ibunya yang bertampang sangar berhati mawar ini, hihi.

Ya, karena bulan istimewa, pasti dong harus diisi dengan hal yang produktif dan membahagiakan.
Bener, produktif kreatif itu memicu hormon yang berdampak positif bagi kesehatan kita
*maafkan lupa nama hormonnya, nanti saya lanjut browsing dulu :)

Baiklah, demi kesehatan jiwa raga kita marilah produktivitas itu diisi dengan menulis, menulis dan menulis. Biar tambah greget menulisnya diarahkan satu topik sesuai isi lomba. Nah, lombanya saya rangkum jadi satu di sini, silahkan disimak dan diikuti satu per satu.




1. LOMBA MENULIS JD.ID (deadline 15 September 2018)





Lomba JD.ID semacam membuat cerpen gitu ya. Informasi lengkapnya silahkan klik si websitenya ini, https://www.jd.id/promo-semua-jd-penulis.html


2. Lomba Sehat Negeriku (Deadline 28 September 2018)


Syarat & Ketentuan lomba
  1. Peserta adalah blogger dan vlogger tanpa batasan usia yang tinggal di wilayah Indonesia.
  2. Peserta wajib mendaftarkan link blog dan vlog melalui http://bit.ly/kompetisimedsoskemenkes
  3. Blog dan vlog yang didaftarkan harus mengandung konten positif dan tidak mengandung unsur pornografi, judi, menyinggung SARA, atau tindakan/muatan lainnya yang melanggar hukum.
  4. Wajib follow akun resmi media sosial Kementerian Kesehatan RI

Ketentuan penulisan :
  1. Total hadiah lomba blog dan vlog sebesar Rp 39.000.000
  2. Pengumuman pemenang dilakukan menjelang peringatan Hari Kesehatan Nasional 2018.
  3. Penjurian oleh Kemenkes RI dan Juri Profesional dengan faktor penilaian sebagai berikut :
    1. Ide, kreativitas, dan kualitas tulisan
    2. Kesesuaian dengan tema
  4. Wajib mencantumkan minimum 2 foto sesuai tema Stunting/Imunisasi (untuk blog) dan video tentang Stunting/Imunisasi. Foto – foto dapat di download melalui URL : http://sehatnegeriku.kemkes.go.id/topik/foto/ atau video di http://sehatnegeriku.kemkes.go.id/topik/video/ dengan mencantumkan sumbernya www.sehatnegeriku.kemkes.go.id
  5. Sumber informasi valid terkait tema juga untuk menambah wawasan pembuatan konten blog dan vlog bisa mencari referensi melalui situs ini http://sehatnegeriku.kemkes.go.id/topik/rilis-media/
  6. Lomba vlog: video minimal berdurasi 3 menit yang ditayangkan di channel youtube vlogger peserta lomba.
  7. Lomba blog: tulisan terdiri dari minimal 1000 kata yang ditayangkan di blog pribadi baik domain berbayar maupun gratis seperti blogspot, wordpress atau social blog (Kompasiana, dll).
  8. Batas akhir pengiriman link blog/vlog: 28 September 2018
  9. Wajib mencantumkan kata/teks Indonesia Sehat dan Pencegahan Stunting atauPerlindungan Imunisasi (sesuai subtema yang dipilih) untuk lomba blog maupun vlog
  10. Subtema (peserta dipersilahkan memilih salah satu subtema) yaitu, Pencegahan Stunting dan Imunisasi Melindungi Generasi Bangsa
  11. Tema: Indonesia Sehat Melalui Pencegahan Stunting dan Perlindungan Imunisasi
  12. Tentang Pencegahan Stunting dan Perlindungan Imunisasi.
  13. A. Pemenang I, uang tunai Rp 7.000.000 (tujuh juta rupiah) beserta plakat dan sertifikat
    B. Pemenang II, uang tunai Rp 6.000.000 (enam juta rupiah) beserta plakat dan sertifikat
    C. Pemenang III, uang tunai Rp 5.000.000 (lima juta rupiah) beserta plakat dan sertifikat
    D. Apresiasi untuk 5 (lima) Orang pemenang, uang tunai @Rp.1.000.000,- (satu juta rupiah) beserta plakat dan sertifikat.
  14. 11 ( Sebelas ) Orang pemenang kategori blog dengan hadiah :
    A. Pemenang I, uang tunai Rp 5.000.000 (lima juta rupiah) beserta plakat dan sertifikat
    B. Pemenang II, uang tunai Rp 4.000.000 (empat juta rupiah) beserta plakat dan sertifikat
    C. Pemenang III, uang tunai Rp 3.000.000 (tiga juta rupiah) beserta plakat dan sertifikat
    D. Apresiasi untuk 8 (delapan) Orang pemenang, uang tunai @Rp.500.000,- (lima ratus ribu rupiah) beserta plakat dan sertifikat
  15. Keputusan juri atas penentuan pemenang tidak dapat diganggu gugat.

Waktu Pelaksanaan
Periode waktu pemuatan tulisan        : 1 Januari – 28 September 2018
Batas waktu penyerahan tulisan        : Jumat, 28 September 2018 Pukul 15.00 WIB

Informasi
Alamat Panitia Kompetisi Media Sosial :
Sub Bidang Media Massa dan Media Sosial
Biro Komunikasi dan Pelayanan Masyarakat Kementerian Kesehatan RI
Jl. HR. Rasuna Said Blok X-5 Kav 4-9 Jakarta 12950, telp. (021) 52907416-9

3. Lomba Blog BUKA LAPAK
TEMA:
#BukaInspirasi
Sebagai situs belanja online Indonesia yang mempunyai visi memberdayakan para pelaku UKM Indonesia, Bukalapak terus melakukan inovasi untuk kemajuan ribuan pelapaknya.
Salah satunya dengan mengadakan kompetisi Blog ini yang diharapkan untuk menginspirasi semua orang untuk selalu berkarya.

Persyaratan dan informasi lebih lengkap klik di sini, https://www.bukalapak.com/event/Kompetisi-Blog-Bukalapak

4. Lomba GIN Internasional (deadline 5 Oktober 2018)

Blog Contest GIN International

Hydrogin Atom, merupakan sebuah alat yang mampu memproduksi air hidrogen aktif dan mengandung antioksidan yang tinggi yang dapat mampu meringankan lebih dari 200 jenis penyakit. Blog Kontes ini diadakan untuk membantu mengedukasi netizens mengenai manfaat dan pentingnya air hidrogen




Oke semoga informasi ini bermanfaat dan bisa jadi media untuk berlatih menulis. Selamat mencoba.