Beberapa Hal Yang Perlu Diperhatikan Tentang Web Design

Beberapa hal yang perlu diperhatikan tentang web design. Saat kita ingin mencoba melakukan design pada halaman website. Maka kita perlu untuk bisa tentunya adalah memperhatikan dari beberapa hal yaitu sebagai berikut ini :

freeway(en.wikipedia.org)
freeway(en.wikipedia.org)

1.Dari sisi tampilan atau userinterface

Hal pertama yang perlu kita perhatikan saat ingin mendesign halaman website adalah dari sisi tampilan halaman website. Hal ini cukup penting bila kita ingin mendesign halaman website. Alasannya adalah karena dengan memperhatikan dari sisi tampilan atau userinterface dari sebuah halaman website akan lebih memudahkan kita untuk bisa membuat sebuah halaman website yang menarik dan juga nyaman untuk bisa digunakan serta dilihat oleh pengunjung website kita.

Continue reading Beberapa Hal Yang Perlu Diperhatikan Tentang Web Design

How to Ghost install on CentOS 6.5 with WHM/cPanel

In all cases, $DOMAIN is the domain name where you want to want to install Ghost and $USERNAME is the corresponding username of the domain owner.

Ghost_Logo_on_White

Step 1. SSH into your server as root.

Step 2. Add the Enterprise Linux repositories.

$ yum install http://mirror.compevo.com/epel/6/i386/epel-release-6-8.noarch.rpm

Step 3. Install Node.js and the Node Package Manager

$ yum install nodejs
$ yum install npm

Step 4. For Atomic Secure Linux users only: Give Node.js the ability to remap memory.

$ paxctl -m /usr/bin/node

Step 7. Navigate to the user’s folder where you want to install Ghost and create a ‘ghost’ folder.

$ cd /home/$USERNAME/www/
$ mkdir ghost

Step 8. Download and unzip Ghost.

$ wget https://ghost.org/zip/ghost-0.4.0.zip --no-check-certificate
$ unzip ghost-0.4.0.zip ghost

Step 9. Install Ghost.

$ cd ghost
$ npm install --production

Step 10. Start Ghost.

$ npm start

Step 11. Follow the onscreen instructions to verify that it works and to setup your login info.

Step 12. Stop Ghost.

$ npm stop

Step 13. Setup Ghost to run as a background service.

$ npm install forever -g
$ NODE_ENV=production forever start index.js

Step 14. Install and configure supervisord to manage Ghost as a background service.

$ yum install supervisor
$ vi /etc/supervisord.conf

Add the following to the end and save the file:

[program:ghost]
command = node /home/$DOMAIN/www/ghost/index.js
directory = /home/$DOMAIN/www/ghost
user = ghost
autostart = true
autorestart = true
stdout_logfile = /var/log/supervisor/ghost.log
stderr_logfile = /var/log/supervisor/ghost_err.log
environment = NODE_ENV="production"

Step 15. Edit the config file and enter your domain name in the appropriate location under Production.

$ vi config.js
production: {
url: 'http://$DOMAIN',

Step 20. Start Ghost.

$ supervisord

Step 21. Create a custom virtualhost configuration.

$ mkdir /usr/local/apache/conf/userdata/std/2/$USERNAME/$DOMAIN/
$ touch /usr/local/apache/conf/userdata/std/2/$USERNAME/$DOMAIN/ghost.conf

Step 22. Edit the custom virtualhost file.

$ vi /usr/local/apache/conf/userdata/std/2/$USERNAME/$DOMAIN/ghost.conf

Add the following text and save the file:

ProxyPreserveHost on
ProxyPass / http://$DOMAIN:2368/

Step 24. Verify the the virtualhost configuration is loading correctly.

$ /scripts/ensure_vhost_includes --user=$USERNAME

Step 25. Recompile httpd.conf.

$ /usr/local/cpanel/bin/apache_conf_distiller

Step 26. Restart Apache.

$ service httpd restart

Your site should now load at the specified domain.

Tutorial Membuat Virtual Host di Windows 8 dengan WAMPServer

Untuk mempermudah development, biasanya saya menggunakan virtual host. Nah cara membuatnya cukup mudah, hanya beberapa langkah sederhana cukup dengan menggunakan notepad atau notepad++ atau text editor lainya.

Langkah2 nya adalah sebagai berikut:

  1. Mengedit File hosts windows di folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)
  2. Mengedit file httpd.conf
  3. Mengedit File httpd-vhosts.conf

 

 

1. Mengedit File

hosts

windows di folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)

Karena File hosts ini berada di system, dan port yang digunakan biasanya adalah port 80 dimana port ini digunakan oleh beberapa program yang berada di windows, untuk mempermudah, maka copy terlebih dahulu file hosts ke folder lain, kemudian edit seperti ini

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

# localhost name resolution is handled within DNS itself.
#	127.0.0.1       localhost
#	::1             localhost

127.0.0.1       localhost
127.0.0.1       virtual-host-yang-kita-buat.dev

Selanjutnya save, dan paste file hosts yang telah anda copy dan edit tadi ke dalam folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)

2. Mengedit file httpd.conf

File ini berada di folder wamp server anda misalnya  E:\wamp\bin\apache\apache2.4.9\conf

Dimana :

E : Adalah drive tempat anda menginstall WAMP server

apache2.4.9 : adalah apache version yang anda gunakan saat ini:

Cari text # Virtual hosts

dibawahnya akan ada text seperti gambar dibawah ini :

#virtual hosts
#virtual hosts

 

Save

3. Mengedit File httpd-vhosts.conf

File httpd-vhosts.conf berada di dalam folder  E:\wamp\bin\apache\apache2.4.9\conf\extra 

edit atau paste code ini di bagian paling bawah

<VirtualHost *:80>
 ServerAdmin contohemail@gmail.com
 DocumentRoot "E:\wamp\www\bootstrap"
 ServerName bootstrap.dev
 
</VirtualHost>
   

Simpan

Restart Apache anda, dan sekarang coba buka virtual-host-yang-kita-buat.dev di browser.

Semoga sukses.

Masalah umum pada WordPress dan Solusinya

Masalah umum pada WordPress dan Solusinya
Error pada WordPress

Biasanya bagi pengguna pemula WordPress sering kebingungan pada saat ada error atau ada ada masalah dengan web yang menggunakan CMS WordPress. Ada juga yang kemudian menjudge WordPress jelek atau ga asik 😀

Padahal kebanyakan error Web dengan CMS WordPress adalah human error, meskipun ga sedikit juga error karena memang adanya bug, itupun biasanya error nya sangat spesifik di bagian-bagian tertentu saja. Continue reading Masalah umum pada WordPress dan Solusinya

Software Editor untuk Coding / Menulis Code

Dalam proses pembuatan web, banyak sekali software editor yang bisa di gunakan. Anda bisa memilih salah satu yang menurut anda nyaman, Saya pribadi untuk code editor menggunakan Sublime Text 3. Untuk graphic saya menggunakan Adobe Photoshop dan InkScape. Namun saya akan memberikan pilihan Code editor yang banyak digunakan oleh para developer

Sublime Text 3

sublime text 2 logo

 

Notepad++

Notepad++ Logo

Komodo Edit (support di Windows, Linux, MAC OS)

Komodo Edit

 

Sejauh ini yang pernah saya gunakan 3 Editor tersebut, pilihan saya jatuh di sublimetext 3 karena lebih ringan dan lebih nyaman dimata. Anda bisa pilih yang mana saja, atau bukan dari 3 editor tersebut pun tidak masalah. 🙂

 

Panduan Menginstall Wamp Di Windows

Cara Menginstall WampServer  di windowsPada posting pertama ini, saya akan memberikan panduan dasar untuk membuat sebuah template baik itu berupa html biasa maupun berbasis php seperti wordpress theme menggunakan local server atau sering di sebut localhost akan terasa lebih mudah. Kenapa lebih mudah?

Contoh:

Anda membuat sebuah template html di folder c://html/template/index.html maka anda dapat mengakases  hasil template anda di browser dengan url file:///c:/html/template/index.html

Tapi jika anda menggunakan local server misal dalam kasus ini adalah wamp anda bisa meletakan di folder c://wamp/www/template/index.html

Anda bisa mengaksesnya dengan cukup mudah yakni dengan url localhost/template/index.html atau localhost/template

Oke langsung saja yah..

  1. Untuk menginstall wamp di windows, silahkan download aplikasinya disini WampServer
  2. Pilih sesuai Windows anda 32/64 bit. untuk melihat nya bisa klik properties di My Computer
  3. Anda juga di haruskan untuk menginstall Visual Studio ubisa anda download disini. 
  4. Lakukan Instalasi sebagai mana biasanya.

Note: Anda bisa memilih Drive mana yang akan digunakan untuk instalasi wamp, bisa di C/D/E/F dll.