AmirJusoh@Copyright . Powered by Blogger.
RSS

Penulis

assalamualaikum wbt
Di terangkan serba sedikit tentang diri penulis:


 

Nama : Amir Bin Jusoh
Matrik UTM : MP131221
Phone : 012-9496287
Email : amir@kpmbp.edu.my
Bidang : Economy
Bidang Pengajian : Master in Technology Education

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Tutorial

halaman ini akan dimuatkan dengan serba sedikit tutorial dalam mengendalikan software-software tertentu yang dipelajari.

Akan di Update dari masa ke masa.


Tutorial Adobe Dreamweaver

1. insert image
2. Hyperlink to other file
3. Link to email
4. Link to other webpage
5. Anchor
6. Layers
7. Insert Multimedia Elements
8. Timeline - Simple animation and Record path


Tutorial ASP
1. Set up a Site
2. Set up the Database file in Microsoft Access
3. Set up the Connection
4.

Tutorial PHP
1. Set up a new site
2.Create database using MySQL for PHP file
3.Create connection MySQL in PHP file
4. admin page: view, delete and update user
5.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Dreamweaver Tutorial : Insert image

assalamualaikum wbt

Hari nie saya nak try la sedikit kefahaman tentang dunia dreamweaver ni.
Semua step adalah menggunakan adobe dreamweaver mx2004

1. Cara "insert image"

# biasa la mula kita buka "new page" - blank document

 # "click" insert dekat tools bar... then kita select je image.
# nanti akan keluar "pop up" di mana kita kena cari gambar yang kita nak insert tu.

 # contoh kat atas nie la..
# browse je mana-mana picture kita nak masukkan dalam page kita


# contohnya..saya amik gambar kereta nie
# lepas tu image ni leh la kita resize ikut kesesuaian page kita.
# pegi je dekat "propeties"
# leh tukar dekat W and H die..ikut nak besar mana gambar tu.
# lepas tu.jadi la,..
# senang kan...


"SELAMAT BERAMAL"

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Week 3 : 24 Feb 2014



Kelas ke-3 : 24 Feb 2014 : Authoring

Assalamualaikum wbt


Hari ni merupakan minggu ke-3 bagi kelas Authoring System. Pada minggu ni Dr Zaida menerangkan serba sedikit mengenai adobe Dreamweaver. Pada hari ini, Dr Zaida masuk sedikit lewat kerana masih ada tugas yang perlu diselesaikan.

Kelas berjalan seperti biasa, yang diselia oleh pelajar PhD Dr Zaida. Mereka meminta untuk memuatnaik 2 jenis application ke dalam “smart Phone” masing-masing. Ini bertujuan pembelajaran pada minggu akan datang. 

Kelas dimulakan dengan sedikit “recall” mengenai beza antara “static web” dan “dinamic web”. Penerangan yang ringkas untuk membezakan kedua-dua web tersebut iaitu sesuatu website yang menggunakan database dipanggil “dinamic web” sebaliknya yang tiada database dipanggil statik web.

Selepas itu, kelas diteruskan dengan topik sebenar iaitu “Adobe Dreamweaver”. Satu topik yang sangat menarik minat untuk belajar. Kami diperkenalkan satu persatu mengenai adobe dreamweaver ini.

Gambar dibawah menunjukkan paparan utama adobe dreamweaver. 
 


 Untuk memulakan design website kita, "click" pada "blank page" then pilih la kita nak gunakan medium apa,. HTML, CSS, JAVA dan banyak lagi la.



bawah nie pula gambar, paparan untuk kita menulis halaman kita. Dia terbahagi kepada 3 action tasks la.. iaitu Code, Split dan Design. Sape yang pandai coding, die akan buat guna coding je la..sape yang baru belajar,lagi mudah kita buka paparan design jer..terus je buat ikut design kita.



Tadi saya ada sebut mengenai Code, Split dan Design. Fungsi die adalah untuk mengawal apa yang kita tulis di halaman utama. 

  1. Code = Jika kita menulis hanya berdasarkan coding html or PhP sahaja..nie kire hebat la nie.
  2. Split = menulis menggunakan coding dan ada paparan design yg kita dah tulis. senang la nak semak..mana la tahu coding kita salah..terus je tukar.
  3. Design = yang mudah untuk kita buat halaman..sebab terus je buat apa yang kita nak.tanpa coding.
 


Sebelum kita pergi lebih jauh, Dr zaida ada menerangkan fungsi-fungsi bagi setiap icon dalam paparan dreamweaver kita. 


ok.gambar bawah nie Dr Zaida tunjukkan cara kita tentukan dokumen kita tu dah di save or belum..sometime kita selalu lupa untuk save..
Kalau kita tengok..title document tu untitle-1*.. ada star kan..maknanye die lum save..

Kalau document tu dah sedia di "save".. maka title document tu akan tertera .htm . bezakan..so tahu la lepas nie kan..mana dokumen dah save or belum.

Bila dah tahu semua fungsi2 tu.. Dr Zaida tunjukkan cara sebenar membina sebuah laman web.
kali ni menggunakan frame yang telah di setkan.


jom kita sama2 try buat website sendiri.

Step by Step

 1. Langkah 1
# buka "new page"
# click "framesets", pilih frame yang bersesuaian..saya pilih "fixed top, Nested Left"
# Then "click" button "create"


 2. Langkah 2 

# ha ni la contoh frame yang di sediakan
# ada top, left side and content di tengah
# ke tiga-tiga bahagian ini perlu di "save" secara berasingan. Caranya mudah je. letak je "cursor" pada setiap bahagian tu, n then click save frame..
# so, kita akan save 3 bahagian tu dengan nama sendiri dan 1 lagi kita save overall frame..
# ni contoh nama saya save
  1. header.htm
  2. menu.htm
  3. content.htm
  4. index.htm
# ok..yang index.htm tu adalah paparan keseluruhan frame la..


   3. Langkah 3 
# langkah ni.kalau nak ubah "background" bagi setiap page la..
# click je pada button "propeties" di bahagian bawah sekali.. 
# boleh la "browse" gambar yang bersesuaian.
# boleh menukar "background" yang berbeza bg setiap page


  4. Langkah 4
langkah seterusnya...apa ye..langkah kanan kot..hehe..
langkah seterusnya..anda boleh la buat mengikut kesesuaian anda,..

nie contoh yang saya dah buat..


bila kita dah siap buat semua frame.. kita boleh preview pada browser la.. contohnya saya view pada Mozilla Firefox..
cara dia..
# click pada button "bumi" ..dekat kotak tools.. atau boleh juga pegi ke  "file" and then select "preview in browser".. senang kan..

dan ini la hasil preview di browser.
rasa best sangat dapat membina websites sendiri..walaupun ahak simple...tp puas hatiiiiiiiiiiii..


Kelas Dr Zaida tak habis sampai sini jer..sebelum habis..Dr Zaida sempat memberi sedikit tugasan..


jom buat tugasan yang diberikan..

Tak sabar nak tunggu kelas next week...nak belajar tentang Database.

"SELAMAT BERAMAL"


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Refleksi kelas Authoring UTM Skudai


assalamualaikum wbt

Berikut merupakan refleksi sepanjang mengikuti kelas authoring di UTM Skudai.

week 1
week 2
week 3
week 4
week 5
week 6
week 7
week 8
week 9
week 10
week 11
week 12
week 13
week 14

Sekian.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

WEEK 2 : 17 Feb 2014


Assalamualaikum wbt

Kelas ke-2 : 17 Feb 2014

Hari ini kelas kedua bagi subjek Authoring, aku masih belum menghadiri kelas. Panggilan kerajaan masih belum berakhir. 

Walau bagaimanapun aku berusaha untuk mengikuti segala apa yang dipelajari secara 100% komitmen. Semua blog kawan-kawan kelas aku jelahi. sedikit demi sedikit aku "explore" dan akhirnya aku jumpa apa sebenarnya yang dipelajari pada week ke-2 ini.

Hasil kunjungan ke blog Sakinah aku menjumpai sedikit idea untuk menulis

Antara tajuk yang ku lihat diblog sakinah seperti: 
  1.   Multimedia Programming v/s Multimedia Authoring
  2. Stand alone Application vs Web
  3. Static vs Dynamic Website
  4. ASP vs PHP (tugasan ringkas diberikan)

 Disebabkan aku tak datang kelas, so kurang faham lagi dengan istilah-istilah berikut la. Nanti de masa memang aku kena wat research sikit la pasal semua nie..WAJIBBBB..

1. Multimedia Programming v/s Multimedia Authoring

# Multimedia Programming

- the older generation
- using real languages like C or Java
- low level assembly and construction and control of Multimeda elements

# Multimedia Authoring
- newer generation
- require less programming knowledge
- using authoring sofware such as Dreamweaver, NetObjects Fusion, Microsoft Frontpage
- high level assembly and bringing together of Multimedia elements
- high level graphical interface design
- high level scripting
- very powerful in creating an interactive, animated, eye-catching website

 2. Stand alone Application vs Web 

 3.   Static Website vs Dynamic Website  



 4. ASP vs PHP  

Dan sedikit tugasan ringkas berkenaan ASP vs PHP.

ASP dan PHP adalah bahasa pengaturcaraan yang biasa digunakan untuk membuat website. Tidak seperti laman web HTML biasa, ASP dan PHP lebih dinamik dan mampu membuat para pengguna boleh berinteraksi dan bertukar maklumat dengan database website.


ASP merupakan singkatan daripada "Active Server Pages", suatu jenis program yang bekerja dalam Microsoft (Windows) melalui IIS (Internet Information Server). ASP memerlukan pelayan Microsoft untuk menjalankan website. 

Sedangkan program PHP atau Hypertext Preprocessor berjalan di pelayan Linux atau Unix. PHP yang lebih baru boleh berjalan di pelayan NT.

Program PHP juga boleh berjalan di Windows, Solaris, Unix dan Linux sedangkan ASP hanya boleh berjalan di pelayan dengan platform Windows. 

Baru-baru ini sahaja, ASP boleh berjalan pada platform Linux yang hanya ada bila sudah terinstall ASP-Apache di pelayannya.Jika anda seorang programmer mahir dengan bahasa C + +, anda mungkin akan lebih selesa menggunakan PHP daripada ASP. PHP menggunakan C / C + + sebagai bahasa pengaturcaraan asas dan kebanyakan syntax-nya sama antara yang satu dengan yang lain. Kerana sebahagian besar programmer masih menggunakan bahasa C + +, PHP menjadi lebih popular berbanding dengan ASP.

ASP lebih banyak mirip dengan syntax dan interface-nya pengaturcaraan Visual Basic. Hal itu kerana pada dasarnya Visual Basic adalah berkorelasi dengan produk dan program-program buatan Microsoft. Jadi jika anda seorang programmer, pemilihan antara ASP dan PHP sebenarnya didasarkan pada bahasa pengaturcaraan mana yang paling anda kuasai.Jika dibandingkan dari segi bayaran dan kemahalannya, program ASP memerlukan Windows dengan IIS dipasang di pelayannya. Anda harus membeli kedua-dua komponen tersebut agar ASP boleh berjalan. Sebaliknya, PHP hanya akan memerlukan sebuah pelayan Linux yang boleh anda dapatkan secara cuma-cuma.PHP sangatlah fleksibel ketika dikoneksikan dengan database.

PHP boleh disambung dengan beberapa database mana yang sebahagian besar digunakan adalah MySQL. Sila ambil perhatian bahawa MySQL tidak akan membebankan anda sesen ringgit pun. Tapi bila anda ingin memakai ASP, anda perlu untuk membeli MS-SQL, produknya Microsoft.Kelajuan me-load adalah faktor besar dalam memelihara website.

Jika anda sangat selektif soal kelajuan, anda mungkin lebih memerlukan PHP. Pada dasarnya kod PHP berjalan lebih cepat daripada ASP kerana berjalan di space-nya sendiri sedangkan ASP menggunakan sebuah tambahan pelayan dan menggunakan seni bina berasaskan COM.

Dalam bekerja dengan PHP, kebanyakan tools terasosiasi dengan program yang kebanyakan berupa open source software, jadi anda tidak perlu membayar untuk mendapatkan tool tersebut. Tidak seperti ASP yang mungkin memerlukan kita untuk membeli tool tambahan untuk bekerja dengan program ini.Kesimpulannya: Baik PHP dan ASP mempunyai keuntungan dan kerugian.

Berikut adalah perbandingan antara Bahasa Pengaturcaraan Web ASP dan PHP:




cukup dulu setakat ini. akan di tambah baik dari masa ke masa


SELAMAT BERAMAL

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

WEEK 1 : 10 Feb 2014



Week 1 : Authoring System [MPT 1193]

10 FEB 2014


Assalamualaikum wbt

Pertama sekali, ku panjatkan kesyukuran ke Hadrat Ilahi kerana mengizinkanku menyambung pengajian ke peringkat Master in Technology Education di UTM Skudai.

Pada 4 Feb 2014, selesai aku mendaftar diri sebagai seorang pelajar semula. Walaupun tiada basic dalam teknologi, ku gagahkan diri juga mengikuti Master Technology Education ini.

Pada 10 Feb 2014 [isnin], merupakan kelas pertama bagi subjek “Authoring System – MPT1193”. Walaupun nama subjek pertama kali ku dengari, namun ia cukup membuatkanku teransang untuk mengetahuinya dengan lebih lanjut

Malangnya pada 10 Feb 2014 itu aku tidak dapat hadirkan diri ke kuliah. Ini kerana aku terpaksa mengikuti urusan kerajaan dalam penjawatan kakitangan awam. Aku dikhabarkan terdapat 11 orang pelajar termasuklah pelajar Master dan phD. Pada sesi kuliah pertama telah di selia oleh Dr Norasykin. Dr Norasykin telah menerangkan “scheme of work” bagi subjek ini.

Saya difahamkan bagi “Authoring System” ini, kami akan menggunakan software Dreamweaver dan Flash. Dr Asykin menegaskan yang kami perlukan sedikit kemahiran dalam menggunakan kedua-dua software ini. Dengan sedikit kemahiran yang ada, saya berharap dapat mengikutinya dengan baik.

Terdapat banyak sumber pembelajaran secara online bagi mempelajari software ini. Contohnya seperti Dreamweaver, semua boleh mempelajarinya di laman web berikut.


Akhir sekali, Dr Asykin mengajar kami cara-cara untuk membuat blog peribadi melalui laman blogger.com

https://www.blogger.com

Buat blog ni tak de la susah sangat. Sekarang dah ramai boleh bina blog sendiri.Termasuklah pelajar sekolah rendah pun dah ada blog sendiri.

Antara cara yang mudah untuk membuat blog adalah seperti berikut:

  Step 1 
# langkah pertama, mestilah ada akaun gmail. Kalau tak de akaun, leh la create akaun gmail dulu. Lepas tu leh la login di laman blogger.com. 

Masukkan username dan password yang telah dicipta



  Step 2 
# Bila selesai login, akan keluar paparan seperti di bawah.
# Selepas itu, sila "click" pada icon "new blog" untuk mula membina blog baru anda

  Step 3 
# Keluar paparan seperti dibawah.
# Masukkan "title" dan "address" yang bersesuaian dengan blog yang anda ingin bina


  Step 4 
# Apabila selesai dan blog sudah tercipta.
# keluar paparan seperti dibawah
# anda mula boleh menulis "posting" pertama anda.
# "click" pada icon "new post"





  Step 5 
# nie paparan posting anda
# Anda boleh mula menulis posting anda




  Step 6 
# Bila selesai menulis posting pertama anda, anda sudah boleh "publish" blog anda.
# Berikut merupakan contoh Blog yang selesai di "publish"




  TAMAT 

SELAMAT MENCUBA DAN SELAMAT BERAMAL



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS