Tutorial Membuat Website Company Profile by Great Work

Dikesempatan kali ini saya berhasil membuat tutorial membuat web company profile yang bersifat dinamis. Pada tutorial ini dibagi menjadi beberapa bagian, untuk saat ini sudah ada 20 video tutorial. Untuk durasi juga tidak sebentar karena saya berusaha untuk menjelaskan sedetail mungkin sesuai kemampuan.

#Complete Video Tutorial - Release Date 24 Maret 2014#

Aplikasi yang saya gunakan dalam tutorial sebagai berikut :

• Mozilla Firefox sebagai tester web
• Google Chrome sebagai tester compatible desain web
• Komodo Edit 8 sebagai text editor
• Xampp 1.6.7 sebagai web server PHP dan database MySql

Sebelum mengikuti video tutorial dibawah, silahkan baca deskripsi yang ada pada youtube. Karena disana ada beberapa materi kode dan penjelasan singkat pada setiap video tutorial.

Berikut daftar video tutorialnya :

1. Tutorial Membuat Website Company Profile - Bagian 1 (Desain Web Dengan Photoshop CS 6)
2. Tutorial Membuat Website Company Profile - Bagian 2 (Coding Desain Responsive Header & Navigasi)
3. Tutorial Membuat Website Company Profile - Bagian 3 (Desain Tampilan Slideshow dan Pembuatan Plugin Slideshow jQuery)
4. Tutorial Membuat Website Company Profile - Bagian 4 (Menu Navigasi Kategori Produk)
5. Tutorial Membuat Website Company Profile - Bagian 5 (Menu Tampilan Konten Produk)
6. Tutorial Membuat Website Company Profile - Bagian 6 (Responsive Paging)
7. Tutorial Membuat Website Company Profile - Bagian 7 (Responsive Footer)
8. Tutorial Membuat Website Company Profile - Bagian 8 (Perbaikan Responsive Desain)
9. Tutorial Membuat Website Company Profile - Bagian 9 (Penjelasan Responsive Desain Untuk Halaman Admin / Backend)
10. Tutorial Membuat Website Company Profile - Bagian 10 (Pembagian Halaman Frontend Dengan PHP)
11. Tutorial Membuat Website Company Profile - Bagian 11 (Menyelesaikan Desain Koding Frontend)
12. Tutorial Membuat Website Company Profile - Bagian 12 (Penjelasan Desain Backend Per Halaman)
13. Tutorial Membuat Website Company Profile - Bagian 13 (Pembuatan Database)
14. Tutorial Membuat Website Company Profile - Bagian 14 (Koneksi PHP MySql dan Input Data Produk)
15. Tutorial Membuat Website Company Profile - Bagian 15 (Sistem Command Produk Backend)
16. Tutorial Membuat Website Company Profile - Bagian 16 (Menu Produk Backend dan Filtering Data)
17. Tutorial Membuat Website Company Profile - Bagian 17 (Penyelesaian Backend)
18. Tutorial Membuat Website Company Profile - Bagian 18 (Penyelesaian Frontend)
19. Tutorial Membuat Website Company Profile - Bagian 19 (Implementasi .htaccess)
20. Tutorial Membuat Website Company Profile - Bagian 20 (Hosting Online dan Domain Gratis .tk)

Tutorial ini saya bagikan GRATIS!! tetapi saya membutuhkan kritik atau saran dalam segi apapun dari kalian (kalau perlu, yg pedas2 juga boleh :D ). Silahkan tinggalkan kritik atau saran melalui komentar di bawah atau facebook atau juga bisa fanspage Great Work.

Bagi yang kesulitan download video, bisa menggunakan fitur dari indowebster untuk lokalkan videonya :) http://vd.indowebster.com
Atau juga bisa download videonya disini http://en.savefrom.net/ dengan cara paste link video youtube.  



Update Special Birthday 24 Maret 2014:
Saya akan bagi-bagi source code website Cova ini, jadi jika yang ingin mempelajarinya langsung bisa tinggal download. Saya mengharapkan kesadaran diri masing-masing agar tidak disalah gunakan dan tetap menghargai hak cipta. Silakan download disini untuk source codenya. Untuk yang mendownloadnya, waktu mau test di localhost. Harus import databasenya dulu. Buat database namanya db_cova, lalu import file .sql yang ada file rar atau folder hasil extractnya. Jika ada error atau bingung tanya langsung saja lewat komentar artikel ini atau ke facebook saya dengan menyertakan teks errornya.
Silakan dikembangkan juga karena pada proyek untuk cuma untuk sebagai penggambaran pembuatan website dari awal dan masih banyak sekali kekurangan maupun kesalahan.

Mohon kerja samanya dan semoga bermanfaat :)

[My Plugin] gSlideShow - Simple Slideshow Plugin (Support Text and Image)

Saya akan membagikan plugin hasil dari latihan yaitu plugin untuk slideshow. Plugin ini mendukung penggunaan elemen atau tag html apapun, asal ada atribut class="slide".

~Fitur

1. Auto size gambar
2. Setting tambahan yang dapat diubah
3. Mendukung teks dan gambar

~Cara Penggunaan


Untuk penggunaan secara default :

$(document).ready( function() {
 $('#gSlide').gSlideShow();
});

Untuk pengaturan atribut plugin :

$('#gSlide').gSlideShow({
 slideDur: 2000,
 fadeDur: 700,
 autoSizeImg: true,
 sizeHeight: 600,
 sizeWidth: 800,
 marginParent: '10px 5px 20px 15px'
});

Demo     Source Plugin

Semoga bermanfaat :)

[My Software] Penyembunyi File dan Folder (File Folder Hider)

File Folder Hider merupakan software yang berguna untuk menyembunyikan file dan folder yang tidak dapat terdeteksi di explorer. Sebelumnya saya sudah membuat artikel tutorial tentang hal ini tetapi masih manual menggunakan Command Prompt. Di kesempatan kali ini saya berusaha untuk membuat software yang berguna untuk memudahkan hal tersebut. Berikut kelebihan dari software File Folder Hider :

1. Aplikasi digunakan tanpa menginstall (portable application)
2. Ringan untuk digunakan
3. Dapat menyembunyikan file dan folder tanpa terdeteksi
4. Terdapat password untuk pengaman aplikasi
5. Dapat membuka file atau folder yang telah disembunyikan melalui aplikasi ini
6. Terdapat menu properties untuk informasi size file

 System Requirements :

Sistem Operasi	Microsoft ® Windows ® XP/7 (Tested)
Processor	PC dengan 800MHz Intel ® Pentium ® III atau lebih tinggi
RAM	Setidaknya 128 MB
Video Adapter	1024x768 atau lebih baik resolusi video dalam mode High Color
Software Support	Microsoft .NET Framework 2.0

Kata sandi untuk default setelah reset password : reset123

Untuk mengunduhnya bisa klik link ini. Jika ada bug atau kekeliruan bisa lapor ke saya melalui komentar di blog atau di fb. Terimakasih dan mohon kerjasamanya :)

Semoga bermanfaat...

[My Software] Aplikasi Cek Pulsa dan SMS Modem GSM

Aplikasi ini berguna untuk mengecek pulsa, sinyal dan SMS menggunakan modem gsm. Dengan pemahaman dasar tentang AT Commands saya membuat aplikasi ini. Saya membuatnya menjadi versi portable agar lebih flexible dan ringan. Bagi yang tertarik mengembangkan aplikasi ini atau ingin melaporkan bug bisa hubungi saya melalui komentar atau facebook. Aplikasi ini saya bagikan secara gratis, sebelum mengunduhnya anda bisa melihat beberapa informasi tentang aplikasi AT Commands Control ini :

System Requirements :

Sistem Operasi	Microsoft ® Windows ® XP/7 (Tested)
Processor	PC dengan 800MHz Intel ® Pentium ® III atau lebih tinggi
RAM	Setidaknya 128 MB
Video Adapter	1024x768 atau lebih baik resolusi video dalam mode High Color
Modem Tested	Wavecom Fastrack GSM
Software Support	Microsoft .NET Framework 2.0

Fitur-fitur :

1. Auto Detect Port COM Modem Wavecom GSM
2. Auto Detect SIM Card Modem
3. Default Setting Modem Wavecom GSM
4. Mendukung penyimpanan kontak telepon pada computer
5. Aplikasi Portable dengan size file yang kecil
6. Multiple nomor tujuan saat mengirim SMS
7. Auto Detect peringatan pesan baru dan penyimpanan pesan penuh

Untuk mengunduhnya anda bisa klik link ini. Terimakasih dan mohon kerjasamanya.

Semoga bermanfaat :)