May 2021

Main Posts Background Image

Main Posts Background Image

Tuesday, 11 May 2021

Cara melihat anak bulan menggunakan apps Star Chart di iPad

 Assalamualaykum Salam Ramadhan yang mulia.

Dah lama nak buat tutorial tentang bagaimana melihat anak bulan menggunakan teknologi satelit yang ada dalam iPad. Hari ni baru berkesempatan. Itu pun buat awal 40 minit sebelum waktu matahari tenggelam.

https://www.facebook.com/1278327190/videos/10224986924081822/

Klik link di atas.


Monday, 3 May 2021

Tutorial Photoshop

 



Tutorial Photoshop di bawah asalnya merupakan kandungan kursus MOOC yang saya bangunkan dan dinamakan dengan: Keras Tangan Bersama Dr. Hasanah.
Kursus ini adalah tempat perkongsian saya bagi kerja-kerja tangan yang menjadi hobi saya.
Kebanyakan hobi keras tangan saya telah pun jadi duit.
Antaranya: sulam komputer, jahit baju, felt craft, design, photography, t-shirt design dll.
Kandungan kursus ini akan saya akan tambah sedikit demi sedikit. 
Dalam entri ini saya kongsikan tutorial Photoshop terlebih dahulu.
Saya jadikannya Modul Bengkel Photoshop yang saya jalankan.
Moga bermanfaat.


1. PENGENALAN

Kenapa Photoshop?

Photoshop merupakan software mahal dari Adobe. Ia mengandungi sangat banyak feature untuk create, edit dll. 

Dengan Photoshop juga kita boleh menghasilkan grafik animasi dalam format gif.

Photoshop telah melalui proses pembangunan yang panjang. Untuk mengenali versions dalam Photoshop, lihat: 

https://en.wikipedia.org/wiki/Adobe_Photoshop_version_history

 

Apa yang perlu dipelajari dalam Photoshop?

  • Memahami aspek asas Photoshop.
  • Buat dokumentasi Photoshop pertama anda.
  • Navigasi imej.
  • Memahami konsep format fail , saiz fail , mod warna dan saiz semula imej.
  • Buat pilihan berkesan dalam imej.
  • Memahami dan bekerja dengan lapisan dan panel Lapisan.
  • Saiz semula imej dengan menggunakan pelbagai teknik .
  • Memahami bagaimana untuk memilih, menggunakan dan bekerja dengan warna.
  • Buat dan lapisan format teks.
  • Menarik dan format standard dan adat bentuk.
  • Meretus dan artifak pembaikan dalam imej.
  • Memahami proses menyimpan dalam Photoshop.
  • Memahami percetakan dan percetakan teknik.
  • Gunakan menu Bantuan dan mengakses sumber bantuan dalam talian.
  • Mengenakan kesan-kesan tertentu dalam gambar.
  • Menambah latar belakang
  • Menambah kontras, pencahayaan ke dalam imej atau latar belakang
  • Menggabungkan gambar
  • Menghasilkan imej yang luar biasa

 

Install Photoshop

Versi terkini adalah CC atau creative cloud yang menyediakan ruang simpanan file dalam cloud server Adobe.

Saya tidak menggunakan versi CC kerana masalah hardware komputer & internet. Jadi saya gunakan Photoshop CS6 sahaja. CS ialah creative suite. Ia sudah cukup baik. 

Jika mahu belajar, boleh install Photoshop CS4 dan dapatkan serial number dari pejabat atau pegawai makmal komputer. 

Link install: https://helpx.adobe.com/creative-suite/kb/cs4-product-downloads.html

Pilih Photoshop CS4

Serial number: 1330-1002-3575-2998-1884-4183 (mungkin sudah tidak boleh digunakan)


2. PANDUAN PHOTOSHOP DALAM BAHASA MALAYSIA


Photoshop merupakan software yang sudah 'tua' tetapi tetap popular.

Kerana lamanya usia software itu maka banyak laman web, buku & bengkel Photoshop di sana sini. Dalam Youtube juga sangat banyak tutorial dibangunkan. Freebies, templates, actions script, brushes juga banyak.

Panduan Photoshop dalam Bahasa Melayu juga ada tetapi tidak sebanyak panduan dalam Bahasa Inggeris

Antara yang boleh dirujuk:

Blog Gadis Kampung (dari Kangar, Perlis) yang menyediakan panduan step by step berserta screenshot

http://nukilangadiskampung.blogspot.com/p/tutorial-photoshop.html



TUGASAN

Sila dapatkan 1 laman web yang menyediakan tutorial Photoshop dalam Bahasa Melayu. Masukkan link laman tersebut dalam comment di bawah.


3. KENALI LAYOUT

3.1 LAYOUT UTAMA

3 item penting dalam Photoshop ialah: menu, layer & toolbox.

Tools yang perlu dikuasai oleh pengguna Photoshop ialah:

  1. Rectangular Marquee Tool : penyeleksi berbentuk kotak
  2. Lasso Tool : penyeleksi dengan bentuk bebas
  3. Crop Tool : pemotong area kanvas
  4. Patch Tool : penyeleksi area sekaligus penyalin gambar dari area lain
  5. Clone Stamp Tool : penyalin gambar dari area lain
  6. Eraser Tool : penghapus
  7. Blur Tool : pemberi efek buram atau samar-samar
  8. Move Tool : pemindah objek
  9. Magic Wand Tool : penyeleksi secara otomatis
  10. Eyedropper Tool : pengambil sampel warna
  11. Brush Tool : kuas untuk melukis
  12. History Brush Tool : pengembali desain terakhir di area dimana kuas diarahkan
  13. Paint Bucket Tool : pemberi warna secara penuh
  14. Burn Tool : pemberi efek gosong seperti efek telah terbakar
  15. Pen Tool : pendesain gambar layaknya gambar bertipe vektor
  16. Text Tool : pembuat objek tulisan
  17. Path Selection Tool : pemindah objek yang berupa path
  18. Rectangle Tool : pembuat objek berbentuk kotak
  19. Hand Tool : penggeser kanvas atau area desain
  20. Zoom Tool : mendekatkan dan menjauhkan pandangan terhadap kanvas

Tonton video berikut untuk memahami fungsi setiap tools

https://youtu.be/-0m6B7ekbyU

 

3.2 TEXT TOOL

Dengan menggunakan Photoshop ada pelbagai teknik teks yang boleh digunakan. 2D, 3D, round, blended dsb.

Lihat video asas teks dalam Photoshop

https://youtu.be/Hmx-oQG3b5Q


3.3 PEN TOOL

Secara peribadi pen tool adalah feature yang saya sangat suka kerana ia memberi peluang untuk saya select secara detail sesuatu objek.

Penjelasan dalam video berikut dapat membantu:

https://youtu.be/_bJSWni7Huw


3.4 BERMAIN DENGAN TEKS

Memang seronok bermain dengan teks dalam Photoshop.

Untuk mempelajarinya, sangat senang kalau tonton video dalam Youtube.

Lihat link ini sebagai contoh: https://www.youtube.com/results?search_query=photoshop+efek+teks+bahasa+malaysia

Ada banyak tutorial BM mengenai Photoshop.

Kalau mahu advanced search sahaja dengan keyword seperti:

Photoshop text effects, Photoshop text tutorial, Photoshop text design

Dahulu saya suka masukkan gambar dalam teks yang gemuk. Tutorial di bawah boleh membantu.

https://youtu.be/BLVwLLfB7I8




PROJEK PERTAMA SAYA! KUASA TEXT


PROJEK POSTER: BERMAIN DENGAN TEKS DALAM PHOTOSHOP


Kita akan buat 1 poster promosi program. 

Download poster di bawah (boleh save as) kemudian open dalam Photoshop:





Masukkan TEKS supaya ia menjadi seperti gambar di bawah:

(anda bebas untuk berkreatif)



Apabila siap, upload gambar poster anda dalam ruangan comments.



PROJEK BANNER: BERMAIN DENGAN TEKS


Kita cuba pula buat banner dari kosong. 

Banner di bawah sangat 'plain'. Tugas anda ialah membuat 1 banner yang simple dan menarik. Banner yang anda hendak buat mesti mengandungi teks dalam gambar berikut:


Sebagai panduan, lihat video ini kemudian cuba ulangi langkah yang dilakukan dengan menghasilkan banner panggilan ke masjid. Setelah siap, sila masukkan gambar banner anda dalam ruangan comments.

https://youtu.be/6tgmv4UqHww



PROJEK DAKWAH MEDIA SOSIAL


Kali ini kita akan membuat poster dakwah untuk dimasukkan dalam media sosial.

Pilih salah 1 daripada gambar di bawah untuk dijadikan background. 

Crop & sesuaikan dengan saiz media sosial. Contoh: Instagram 1000px x 1000px

Masukkan teks terjemahan ayat al-Quran, hadis atau kata-kata hikmah dalam gambar tersebut. 

Jangan lebih 20 perkataan.

Nyatakan sumber.

Masukkan juga 'call-to-action' atau username anda di media sosial. Jangan lupa sertakan dengan icon media sosial berkaitan.





Apabila siap, upload gambar tersebut dalam ruangan comments.



PROJEK KEDUA SAYA! "PICTURE NEVER LIES" HANYALAH MITOS


CROP GAMBAR

Feature ini sebenarnya sangat asas. Tetapi dengan Photoshop kita boleh crop lebih advanced.

Download gambar berikut (save as).


Pilih objek tangan atau mentol dan cuba crop menjadi lebih kecil.

Gunakan PEN TOOL untuk buang background bagi objek yang dipilih.

Kemudian dapatkan mana-mana gambar untuk dijadikan background yang baru.

Apabila siap upload gambar tersebut dalam ruangan comments.


Sangkut?

Tonton video berikut:

https://youtu.be/rrK3DJ_yGNU

atau video berikut:

https://youtu.be/Hw0-SehGcgg


4. AUTONOMOUS

Autonomous dengan Action Script

Autonomous merupakan ciri bagi Industrial Revolution ke-4 atau disebut 4IR.

Dalam Photoshop, ada feature Action Script yang membolehkan kita 'program' sesuatu proses editing supaya mengikut step tertentu.

Lihat contoh di laman berikut: 

https://www.cutiehome.com

Perhatikan bahawa kebanyak buku yang dijual dalam laman tersebut mempunyai standard atau style tertentu. Bagaimana ia dilakukan?

Sebenarnya ia menggunakan action script dalam Photoshop.

Action script yang digunakan pula adalah untuk convert gambar biasa menjadi gambar ala ala 3D.

Tutorial berkaitan action script untuk convert gambar biasa kepada buku 3D:

https://youtu.be/9aFnmiZ5ajY

Link berikut ada memberikan action script percuma untuk convert gambar seperti ini:

https://www.webdesignerdepot.com/2013/10/free-download-100-psd-mock-ups/

Sila cuba!

Sunday, 2 May 2021

Massive Open Online Course or MOOC - An Introduction

 




1 - The Tsunami of Online Learning

WHAT IS MOOC?

MOOC is the abbr of Massive Open Online Course. Watch this video to understand the concept.

https://youtu.be/eW3gMGqcZQc

Activity:

Please share with us about a MOOC platform that you know. Just write it in the comments area below.

Make sure the link is working :)


MOOC MATTERS?

Listen to this Ted Talk by the head of edX, Anant Agarwal. There are so many opportunities that come with the MOOC's existence.

https://youtu.be/rYwTA5RA9eU


2 - Malaysia MOOCs

It is not time to debate whether we should go for MOOC or not. Moving forward & soaring upwards is the only option.

Most universities in Malaysia had developed courses using the MOOC concept and it will expand widely.

This FB page was developed & managed by Prof. Abd. Karim Alias, a MOOC expert & a strong advocate of MOOC in Malaysia.

https://www.facebook.com/Malaysia-MOOC-1295287370570560

Below is my FB page :)

Developed to share my experience in developing MOOC especially the subject: Kesepaduan Sosial dan Hubungan Etnik di Malaysia. I also share some training & updates about MOOC in Malaysia.

https://www.facebook.com/hasanahabdkhafidz/

3 - Designing an Open Online Course

This slide explains some basic information to create a MOOC

Emma - MOOC

Credit to: http://eruropeanmoocs.eu


Using ADDIE model to design a MOOC

This poster was presented during the International University Carnival on E-Learning 2015 ( IUCEL).


It shows how we used the ADDIE model to develop our MOOC on Kesepaduan Sosial dan Hubungan Etnik di Malaysia.



Why Gagne Model is so powerful?

Digital learning can still use the traditional methods of teaching and learning but with some moderation.

Below is our poster presented in the National University Carnival on E-Learning about the application of the Gagne 9 Events of Instructions while developing a MOOC.


4 - Developing an Online Course

Step by Step

You may follow the platform's instruction to develop the course


4C of 21st Century Skills

While developing the course, don't forget the 4C that is required as the 21st-century skills. These skills must be embedded in the learning process.

COLLABORATION

COMMUNICATION

CRITICAL THINKING

CREATIVITY

Learn more here: https://en.wikipedia.org/wiki/21st_century_skills


 5 - Developing Learner Activities

Prof. Amin is an international award winner for MOOC through his course: 

https://www.openlearning.com/courses/rethinkingteachingredesigninglearning

Please listen to his inspirational talk. Get the ideas. Implement!

https://youtu.be/CG5mcotyQ2g


6 - Enriching your MOOC

OpenLearning offers some widgets for content development & student activities.

Follow the instruction below:

https://youtu.be/Hg_3Bv8mq5c

And how about getting student feedback? 

Or collecting website URLs?

and many more.

The rocket science behind it named: CROWDSOURCING

https://youtu.be/3EtccW2ol4g


Maximizing the feature available in OpenLearning...

https://youtu.be/YteUSr9ENNI


7 - Using MOOC in the Classroom

SCL using MOOC?

MOOC is a great way to apply a student-centered learning environment.

Below is a talk from Prof. Norazah, Dean, Faculty of Education, Universiti Kebangsaan Malaysia.

https://youtu.be/wnf7CLrGftU


8 - MOOC and Research Opportunities

Sample of Nation-Wide Malaysia MOOC Research

This survey was launched in 2014 and led by

Prof. Dr. Mohamed Amin Embi

Chairman

Critical Agenda Project (CAP), e-Learning

National Higher Education Strategic Plan

Ministry of Education

Please follow the link and join the survey is MOOC Readiness Questionnaire

https://www.surveymonkey.com/r/MalaysianMOOC?sm=6U5itg9jPMOhzfOGMpq2tRd0iySJYqfW9aOJ77NY1O0%3d

Learn how the survey was designed critically. 

Then, create your own survey!


List of MOOC related events

E-Learning Conferences, Innovation Competition & Poster Presentations

IUCEL

http://iucel2017.usim.edu.my/

ELC

http://elc2017.utem.edu.my/activities/competition/

K-NOVASI

http://www.ukm.my/knovasi/v1/

ICEL

http://icel2017.uitm.edu.my/


Presenting your MOOC from various aspects

I would like to share with all of you some of our presentations, articles and posters related to our MOOC: Kesepaduan dan Hubungan Etnik.

The first one is a presentation at a conference (COSNA)

MOOC Hubungan Etnik @ COSNA 


9 - Future Challenges

4th Industrial Revolution

The 4th Industrial Revolution will give a huge impact on education

Read this article:

https://www.weforum.org/agenda/2016/01/what-role-will-education-play-in-the-fourth-industrial-revolution/

After reading the article, please discuss how to prepare your organization or institution for this revolution?


Are you still teaching the way you were thought?

Think again!


www.DrHasanah.com

Error 404

The page you were looking for, could not be found. You may have typed the address incorrectly or you may have used an outdated link.

Go to Homepage