Syuhada Technology.

Membuat Efek Bayangan pada Teks dengan Photoshop.

2009-01-05T20:51:00.006+08:00

Jika anda sering browsing di internet, tentunya begitu banyak bentuk design dari site-site yang anda kunjungi. Beberapa diantaranya banyak yang menggunakan gambar, animasi bahkan Flash untuk menarik perhatian pengunjung. Salah satu bahagian dari site yang selalu menjadi hal menarik untuk dilihat adalah bagian header site. Ya, bahagian ini menjadi sangat penting kerana di bahagian inilah, identiti suatu site disampaikan. Kerana begitu pentingnya, sehingga banyak yang menggunakan tulisan atau gambar dengan efek tertentu. Dan untuk membuat efek pada tulisan, gambar atau logo sebagian besar menggunakan Adobe Photoshop.

Pada tutorial kali ini, kita akan mencuba membuat teks dengan efek bayangan yang banyak digunakan pada site-site web 2.0. Mari kita mulakan.

1. Buatlah file baru melalui menu File > New. Ukuran file dapat diatur sesuai kebutuhan anda. Dalam tutorial ini file dibuat dengan ukuran lebar (width) 500px dan tinggi (height) 200px serta background warna putih (white).

2. Buatlah tulisan dengan Horizontal Type Tool. Selanjutnya atur font, ukuran dan warna teks.

3. Pada panel layer, klik kanan pada layer tulisan dan pilih sub menu Duplicate Layer.

4. Select tulisan pada kanvas ke bawah dengan Move Tool.

5. Terbalikkan tulisan yang dibawah dengan menu Edit > Transform > Flip Vertical dan sesuaikan posisi tepat di bawah tulisan.

6. Pada layer tulisan bawah, klik kanan dan pilih sub-menu Rasterize Type.

7. Pilih Marquee Tool dan pilih (select) tulisan bawah (lihat gambar).

8. Pilih menu Select > Feather dan masukkan nilai 8px.

9. Tekan tombol Delete dan lihat hasilnya.

Boleh juga download TUTORIAL ini.

Credits : Achmatim.Net

Membuat Menu CSS dengan Dreamweaver.

2009-01-04T19:20:00.000+08:00

Menu atau navigasi di sebuah website memegang peranan yang sangat penting. Fungsi utamanya adalah memudahkan pengunjung untuk mendapatkan informasi yang diinginkan. Dengan menu atau navigasi yang baik, pengunjung dapat dengan mudah berpindah dari satu halaman ke halaman yang lainnya. Sebaliknya, navigasi yang buruk akan membingungkan pengunjung, sehingga boleh menyebabkan pengunjung “tersesat” dan jika pengunjung tersebut tidak dapat menemukan “jalan pulang” kembali ke halaman awal, maka boleh dipastikan akan langsung meninggalkan website kita (close).

Banyak bentuk dan teknik yang dapat digunakan untuk membuat menu atau navigasi di halaman web. Beberapa diantaranya menggunakan tabel, menggunakan images, menggunakan object flash, dan juga menggunakan CSS. Masing-masing teknik memiliki kelebihan dan kekurangan masing-masing.

Dalam tutorial ini akan disampaikan bagaimana membuat menu (navigasi) dengan menggunakan CSS. Salah satu keuntungan menu menggunakan CSS adalah dapat ditampilkan dengan cepat oleh browser dan juga hampir semua browser dapat menampilkannya (support-all-browsers).

Link ke TUTORIAL.

Semoga bermanfaat.

Credits : Achmatim.Net

Dreamweaver, PHP dan MySQL untuk Aplikasi Data Mahasiswa.

2009-01-04T16:06:00.000+08:00

Macromedia Dreamweaver merupakan salah satu editor sekaligus web development tools yang cukup tersohor saat ini. Mengapa? Terutama kerana kemudahan dan berbagai fasiliti yang mempermudah para pengembang aplikasi web dalam pekerjaannya. Konsep WYSIWYG (what you see is what you get) juga memberikan kenyamanan terutama bagi yang baru mengikuti dunia web (situs). Macromedia Dreamweaver sungguh memanjakan pengguna dengan berbagai kemudahan, termasuk diantaranya dalam hubungannya dengan bahasa pemprograman PHP dan database MySQL.

Dalam tutorial ini akan disampaikan mengenai begitu mudahnya membuat aplikasi berbasis PHP dan MySQL dengan bantuan Macromedia Dreamweaver. Boleh dibilang tanpa menyentuh coding (program) sama sekali! Cukup klik sana klik sini, siap. Kita akan membuat aplikasi yang menampilkan, mengentri, edit dan delete data mahasiswa. Sederhana memang, tapi bukankah sesuatu yang rumit juga berasal dari hal sederhana?

Daripada penasaran, baik kita mulakan saja *senyum*

Link ke TUTORIAL.

Credits : Achmatim.Net

Tinjauan singkat mengenai Multimedia.

2009-01-04T14:04:00.000+08:00

Entri kali ini juga mengenai Multimedia. Saya adopsi sedikit hal tentang Multimedia ini lewat pautan 'Mengenai Multimedia'. Search saja pada enjin carian (Google atau Yahoo), pasti anda dapat tahu lebih tentang Multimedia.

----------------------------------------------------------------------------------
Pemahaman Multimedia
Perbezaan cara pandang beberapa pengguna mengenai pengertian Multimedia

o Vendor PC: Suatu PC yang memiliki kapabiliti suara, DVD-ROM dan memiliki microprocessor multimedia superior.
o Pelanggan: TV Kabel interaktif dengan menyedikan ratusan saluran digital atau pelayanan TV. Kabel melalui koneksi Internet kecepatan tinggi.
o Ilmuwan Komputer (Pelajar): Aplikasi yang menggunakan bermacam-macam dukungan seperti teks, gambar, grafik, animasi, video, suara termasuk speech dan interaktif.

Definisi lain mengenai Multimedia
o Industri Elektronik: Kombinasi komputer dan Video (Rosch, 1996) atau merupakan kombinasi tiga elemen iaitu suara, gambar dan teks (McCormick, 1996) atau kombinasi dari paling sedikit
dua media input atau output dari data, media ini dapat berupa audio, animasi, video, teks, grafik dan gambar (Turban dkk, 2002) atau merupakan alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video (Robin & Linda, 2001).
o Penempatan dalam Konteks (Hofsette, 2001): Pemanfaatan komputer untuk membuat dan
menggabungkan teks, grafik, audio, gambar bergerak (video & animasi) dengan menggabungkan link dan tool yang memungkinkan pengguna melakukan navigasi, berinteraksi, berkarya dan berkomunikasi.

Ada empat komponen penting dari definisi di atas, iaitu sebagai berikut:
1. Harus ada komputer yang mengkoordinasikan apa yang dilihat dan didengar, yang berinteraksi dengan kita.
2. Harus ada link yang menghubungkan kita dengan informasi.
3. Harus ada alat navigasi yang memandu kita, menjelajah jaringan informasi yang saling terhubung.
4. Multimedia menyediakan tempat kepada kita untuk mengumpulkan, memproses, dan
mengkomunikasikan informasi dan ide sendiri. (M. Suyanto, 2003)

Multimedia dan Ilmu Komputer
Grafik, Visualisasi, Komputer vision, Kompresi data, teori graph, Jaringan dan sistem database.

Komponen-komponen dari Multimedia
Multimedia melibatkan bermacam-macam dukungan berupa teks, suara, gambar, animasi dan video.

Contoh penggunaan dukungan ini antara lain adalah:
o Video Teleconferencing
o Distribusi pengajar untuk pendidikan besar
o Lingkungan pekerja yang co-operatif
o Pencarian dalam database video dan gambar untuk target objek visual
o Penempatan objek realiti grafik komputer dan video ke dalam scenes
o Memasukkan suara ke lokasi partisipan video-conference
o Mengembangkan fitur pencarian ke dalam video dan memungkinkan penggunan bitrate tertinggi hingga terendah, pe-skalaan produk-produk multimedia
o Pembuatan komponen multimedia yang dapat di-edit
o Mengembangkan aplikasi yang dapat membuat kembali proses dimana video tersebut dibuat
o Menggunakan voice-recognition untuk membangun lingkungan interaktif.

Intro tentang Multimedia.

2009-01-03T18:38:00.000+08:00

Assalamualaikum, entri pertama untuk blog yang baharu saja di sign up ini. Sedikit mengenai Multimedia.

Multimedia ialah penggunaan beberapa media digital (contohnya teks, audio, grafik, animasi, video) untuk menyampaikan maklumat. Kamus Dewan (2002) menyatakan bahawa Multimedia adalah kata gabungan yang menunjukkan banyak dan kepelbagaian alat atau perantara komunikasi (perhubungan). Multimedia juga sebagai proses komunikasi interaktif berasaskan teknologi yang menggabungkan penggunaan unsur-unsur media dalam persembahan informasi. Multimedia juga boleh merujuk kepada penggunaan teknologi komputer untuk mencipta, menyimpan, dan menggunakan kandungan Multimedia.

Cukup dahulu tentang Multimedia menerusi entri kali ini.