Recent Comments


» » Tutorial Membuat Website Company Profile by Great Work

Thursday, October 31, 2013

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 :
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 :)

Ditulis Oleh : Unknown // Thursday, October 31, 2013
Kategori:

Diposkan oleh di Thursday, October 31, 2013 Read more

74 komentar:

  1. Ahmad AsharOctober 30, 2013 at 6:35 PM

    Simple tp keren.... mantaaap, Gan!

    ReplyDelete
    Replies
    1. UnknownOctober 30, 2013 at 7:13 PM

      Hehe, terima kasih om. Masih perlu banyak belajar lagi :D

      Delete
  2. Putri AticOctober 30, 2013 at 7:19 PM

    sangat2 iformaif semua tutorialnya... lengkap lagi..support u...gan...! thx...!

    ReplyDelete
  3. LeoOctober 31, 2013 at 12:10 AM

    Mungkin perlu dibiasakan pake guide gan biar pixel perfect desainnya. Sama videonya kok gak HD widescreen sekalian gan? Materinya bagus lho, tapi videonya terlihat kecil.

    ReplyDelete
    Replies
    1. UnknownOctober 31, 2013 at 10:28 AM

      Guide gimana ya om? belum paham :D
      Untuk kualitas video tinggal di pilih aja om, saat mau buffering di youtube. Cek post di atas, udah saya edit :)

      Delete
    2. LeoNovember 1, 2013 at 8:47 AM

      Guide itu garis panduan biar designnya pixel perfect. Kalo di OS X aku pake tombol Cmd + ; . Kalo di Windows mungkin Ctrl + ; .Agan pake CS6, mubazir kalo gak pake guide :). Soal video maksud saya HD widescreen, biar gak kelihatan kaya' gini gan http://cl.ly/image/3H0A0z0V0b3a Kalo widescreen kan kelihatan lega gan :)

      Delete
    3. UnknownNovember 1, 2013 at 9:30 PM

      Terima kasih banyak atas infonya om :)
      Oh itu, saya belum tau caranya rekam biar bisa widescreen :|

      Delete
  4. mulyaOctober 31, 2013 at 5:41 PM

    mantabs gan sharing2 ilmu,indah nya berbagi,smoga nanti di dapat pahala gan :D dan ilmu nya makin luas.....

    ReplyDelete
    Replies
    1. UnknownOctober 31, 2013 at 6:41 PM

      Amiin, terima kasih atas tanggapannya. Semoga bermanfaat om :) ditunggu juga saran atau kritiknya :D

      Delete
  5. UnknownNovember 1, 2013 at 9:33 AM

    Buat ebooknya juga dong om:D

    ReplyDelete
    Replies
    1. UnknownNovember 1, 2013 at 9:33 PM

      Masih dalam planning seh, mau dibikin versi teks tapi masih mikirin implementasinya. Agak susah soalnya :D sambil nunggu waktu luang juga.

      Delete
  6. DevNovember 1, 2013 at 3:28 PM

    keren gan :)

    ReplyDelete
    Replies
    1. UnknownNovember 1, 2013 at 9:34 PM

      Terima kasih banyak om...
      Semoga tutorialnya bermanfaat :)

      Delete
  7. Irfan PNovember 2, 2013 at 9:32 AM

    Lengkap sekali mas, saya jadi bisa belajar nih... Terima kasih atas share nya...

    ReplyDelete
    Replies
    1. Garry LalyNovember 2, 2013 at 10:40 AM

      Terima kasih kembali om :) Senang bisa berbagi ilmu...

      Delete
  8. rama841November 3, 2013 at 7:03 AM

    kalo ada paket dvdnya, dan saya ada uang, saya beli deh :hammer:

    ReplyDelete
    Replies
    1. UnknownNovember 3, 2013 at 8:48 AM

      Hoho, bagian akhir video masih belum selesai seh. Tunggu selesai dulu baru bisa dijadikan paket dvd :D

      Delete
  9. Abdi's BlogNovember 5, 2013 at 6:04 AM

    Sedot kang, mantap nihh kritik sarannya nyusul kang :-D

    ReplyDelete
  10. AnonymousNovember 9, 2013 at 8:12 PM

    kalok masukin gambar jadi backgroundnya gimana mas trus bisa responsive juga gak ntar??

    ReplyDelete
    Replies
    1. UnknownNovember 11, 2013 at 8:55 AM

      Bisa om, coba pelajari kodenya disini http://css-tricks.com/perfect-full-page-background-image/

      Delete
  11. UnknownNovember 12, 2013 at 10:35 AM

    Keren mas... makasih udah bebagi mas, semoga mas bsa makin sukses kedapannya. AMIN

    ReplyDelete
  12. AnonymousNovember 12, 2013 at 2:12 PM

    Di tunggu part selanjutnya gan.. sangat bermanfaat

    ReplyDelete
  13. AnonymousNovember 13, 2013 at 6:28 AM

    mantap bang gare...
    ane mengukung dari teman sebangku mu :v

    ppppp

    ReplyDelete
  14. Abdillah HasnyNovember 21, 2013 at 7:54 PM

    Mantap Mantapppppp (Y) ... Keep Share om ...
    kunjugan balik ya :D http://hasnydes.com

    ReplyDelete
    Replies
    1. UnknownNovember 21, 2013 at 9:09 PM

      Terima kasih banyak om :)
      Desain webnya keren banget :D

      Delete
  15. NitaDecember 4, 2013 at 10:31 AM

    mantappp tutorialnya sangat bermanfaat bagi saya yg pengen belajar lebih dalam, sukses terus n keep share :)

    ReplyDelete
  16. Ricky JanuariDecember 9, 2013 at 9:47 AM

    Di Tunggu KElanjutanya Gan keren :D

    ReplyDelete
  17. kondeJanuary 2, 2014 at 4:05 PM

    minta link downloadnya dong om....!!! cape nih tiap kali pengen belajar harus buka youtube...!!! kalo bisakan makin bermaanfaat tuh ...!!! mohon balasannya...!!!

    ReplyDelete
    Replies
    1. UnknownJanuary 4, 2014 at 6:16 AM

      Bisa, kamu tinggal download videonya di youtube. Caranya bisa pakai aplikasi Youtube Downloader atau pakai Internet Download Manager. Kalau download pilih kualitas yang bagus sekalian. Aplikasinya bisa dicari di internet :)

      Delete
  18. sartonoJanuary 16, 2014 at 10:23 PM

    di tunggu maz lanjutanya, walaupun ana blom menyimah semua tetapi sangat mudah di fahami, tapi suaranya maz terlalu pelan. makasih sudah berbagi sangat bermanfaat. salam kenal

    ReplyDelete
    Replies
    1. UnknownJanuary 20, 2014 at 5:11 PM

      Hehe, sama-sama mas :) Masih banyak kekurangan memang, punya tips atau artikel tentang pembuatan tutorial yang lebih baik?

      Delete
  19. AnonymousJanuary 19, 2014 at 6:03 PM

    Bagus mas hehe, btw boleh minta kode reset CSS nya xixixi

    ReplyDelete
    Replies
    1. UnknownJanuary 20, 2014 at 5:09 PM

      Ini mas http://pastebin.com/7sdN7d16. Sebetulnya di bagian deskripsi videnya sudah saya sediakan link reset CSS.

      Delete
  20. UnknownFebruary 26, 2014 at 3:29 AM

    Tulisan SCriptnya gak jelas gan, maklum masih belajar....
    Bisa kirim skripnya ke rasaryoso@yahoo.co.id... Terimakasih sudah berbagi Gan, Semoga Alloh menambah rejeki anda... Amin...

    ReplyDelete
    Replies
    1. UnknownMarch 14, 2014 at 12:05 AM

      InsyaAllah dalam bulan ini selesai mas dan untuk source code project webnya akan saya bagikan secara lengkap. :)
      Nanti saya kabarin kalo sudah selesai. Terima kasih banyak...

      Delete
  21. Misbachul FalachFebruary 27, 2014 at 11:03 AM

    Mas yang bagian 19 sama 20 kapan diuploadnya?

    ReplyDelete
  22. erickMarch 5, 2014 at 11:49 PM

    bikin manual book nya gan

    ReplyDelete
    Replies
    1. UnknownMarch 13, 2014 at 10:04 PM

      Belum punya waktu untuk implementasi ke teks mas, hehe...

      Delete
  23. UnknownMarch 19, 2014 at 12:43 PM

    Tutorialnya sangat membantu gan,,
    mantap ....

    ReplyDelete
  24. AnonymousMarch 20, 2014 at 2:09 PM

    pingin belajar, dari mana memulainya yaaa,......

    ReplyDelete
    Replies
    1. UnknownMarch 22, 2014 at 7:02 PM

      Dimulai dari awal mas :D Yaitu belajar dasar HTML, kemudian lanjut ke CSS.
      Mulai latihan bikin layout / tata letak website atau latihan membuat website statis. Setelah bisa baru beranjak ke PHP dan MySql untuk pembuatan website yang dinamis :)
      Pokoknya harus sering latihan dan jangan malu bertanya, Insya Allah sudah bisa dalam jangka waktu beberapa bulan.

      Delete
  25. pot cream surabayaMarch 27, 2014 at 11:58 AM

    mas bagiin tutorial membuat vidio tutorial dong.lagi pengen belajar nih...terimakasih

    ReplyDelete
  26. UnknownMarch 29, 2014 at 12:39 PM

    This comment has been removed by the author.

    ReplyDelete
  27. UnknownMarch 29, 2014 at 1:40 PM

    Yang paling Uniq adalah Suara Bang Garry nya hehehehehehehe....

    ReplyDelete
  28. UnknownMarch 29, 2014 at 2:58 PM

    Ada Revisi Video ga bang...tidak terlihat jelas bang

    ReplyDelete
    Replies
    1. UnknownApril 7, 2014 at 5:30 PM

      Tidak ada mas :) Gak terlihat jelasnya darimana?

      Delete
  29. AnonymousMarch 31, 2014 at 10:09 AM

    Gan waktu ane jalanin tuh hasil donwloadan, ada error di index.php line 18

    ReplyDelete
    Replies
    1. UnknownApril 7, 2014 at 5:13 PM

      Teks errornya apa mas? Kemungkinan situ belum bikin database dan import file .sql yang sudah saya sediakan

      Delete
    2. AnonymousApril 13, 2014 at 5:02 PM

      Notice: Undefined variable: mysqli in C:\xampp\htdocs\cova\index.php on line 10

      Fatal error: Call to a member function query() on a non-object in C:\xampp\htdocs\cova\index.php on line 10

      Udah kok mas

      Delete
    3. UnknownApril 19, 2014 at 4:59 AM

      Coba cek file config.php, apa sudah diganti sesuai kenyataan aslinya milik mas? Seperti user, password, nama databasenya mungkin beda.

      Delete
    4. AnonymousApril 29, 2014 at 4:47 PM

      Sudah, masih banyak undefined index blablabla

      Delete
    5. AnonymousJune 20, 2014 at 5:16 PM

      mas saya mengalami masalah yg sm.. config.php sudah saya sesuaikan dengan punya saya
      tp msh Fatal error: Call to a member function query() on a non-object in C:\xampp\htdocs\cova\index.php on line 18 ketika buka index.php nya

      db jg udh saya import.. nm db jg udh sesuai..

      mohon penjelasannya segera ya mas..

      Delete
  30. UnknownApril 3, 2014 at 7:54 PM

    mas kenapa yg bagian 20 gk bisa dibuka, dan menuju alamat blogger.com/null ?

    ReplyDelete
  31. kondeApril 8, 2014 at 12:12 PM

    terima kasih banget om garry ... untuk izin downloadnya dan juga minta izin share yahhh om...!!! semoga bermanfaat untuk orang banyak!!! amin :D

    ReplyDelete
    Replies
    1. kondeApril 8, 2014 at 12:14 PM

      ohhh iya om...!!! ane minta refransi untuk program komentar pengunjung om!!! ... makasih :D

      Delete
    2. UnknownApril 19, 2014 at 5:07 AM

      Sama-sama om konde :D
      Aamiin, silakan di share om :)

      Delete
    3. UnknownApril 19, 2014 at 5:08 AM

      Ini referensinya untuk bikin sistem komentar om :)
      http://www.w3bees.com/2013/09/comment-system-with-jquery-ajax-php-mysql.html
      http://www.2my4edge.com/2013/05/comment-system-using-php-and-mysql.html

      Kalo mau lebih banyak lagi, bisa searching pakai keyword "How to make system comment in php mysql"

      Delete
  32. UnknownApril 18, 2014 at 2:12 PM

    Saya nggak ada baca tentang security disini. Seperti website security encryption mungkin bisa ditambahin tuh sob biar makin maknyus. Sukses selalu

    ReplyDelete
    Replies
    1. UnknownApril 19, 2014 at 5:02 AM

      Sudah ada md5 kok, untuk enkripsi password admin :) Terima kasih mas atas sarannya...

      Delete
    2. UnknownApril 28, 2014 at 6:05 PM

      bang klu bsa mnta scrict nya dong.......

      Delete
  33. UnknownApril 26, 2014 at 8:03 PM

    bang minta scriptnya dong,
    ....

    ReplyDelete
  34. UnknownMay 11, 2014 at 1:30 PM

    Mas punya tutorial .htacces dalam bentuk pdf nggak?? soalnya saya belum bisa htaccess.. :)

    ReplyDelete
  35. PillusAbonJuly 29, 2019 at 4:47 PM

    mantap ramai pengunjung situsnya gan, kunjungan baliknya yah ada pembahasan tentang cara membuat taman

    ReplyDelete

Subscribe to: Post Comments (Atom)