Selasa, 12 April 2011

Cara Membuat Website Snailsgothefuture


Cara Membuat Website Snailsgothefuture
Pertama-tama saya membagi menjadi 3 tahap yaitu :
A.Mendaftar di co.cc
1. Klik untuk masuk ke domain CO.CC. Akan muncul tampilan seperti gambar di bawah ini :
Isikan nama web keinginan anda pada KOTAK MERAH, lalu klik pada KOTAK HIJAU (check availability) untuk melihat apakah nama web yang anda inginkan belum pernah ada yang menggunakan.
2. Jika nama web yang anda inginkan belum pernah ada yang daftarkan, maka akan muncul tampilan seperti gambar di bawah ini :
Selanjutnya klik “Continue to Registration” untuk melanjutkan proses registrasi.
3. Akan muncul tampilan berupa formulir yang harus anda isi, seperti gambar di bawah ini :
Isi aja semua data-data yang diminta. Saya SARANKAN untuk menyimpan nama email dan password yang anda gunakan. Setelah selesai mengisi semua data-data yang dibutuhkan, selanjutnya klik “Create an Account Now” untuk melanjutkan. jangan sampai anda lupa untuk mencentang tanda “i accept the Terms of Service” seperti gambar di atas yah (kotak merah)…??
4. Selanjutnya anda akan dibawa pada tampilan seperti gambar ini :
Nah…selanjutnya login dengan memasukkan alamat email dan password yang sudah anda buat tadi, lalu klik “Sign In”.
5. Jika data yang anda isikan sudah benar, maka akan muncul tampilan seperti gambar di bawah ini :
Nah…sampai di situ, biarkan aja tampilan web tersebut (jangan diutak-atik apalagi ditutup). Selanjutnya kita akan masuk cara mendaftar hosting gratis di 000webhost.
B. MENDAFTAR DI HOSTING 000webhost
1. Klik DI SINI untuk daftar gratis. Kemudian akan muncul tampilan seperti gambar berikut :
Klik “ORDER NOW”, seperti pada gambar di atas.
2. Selanjutnya akan muncul tampilan formulir pendaftaran seperti berikut :
Pada kotak merah (gambar di atas), masukkan nama web yang sudah anda buat pada langkah 1 (Daftar Domain CO.CC) tanpa memasukkan www tapi diakhiri dengan co.cc, misalnya nama-web-kamu.co.cc, bukan www.nama-web-anda.co.cc.
Isi semua data yang berada dalam formulir, dan setelah selesai JANGAN LUPA untuk memberi tanda centang pada bagian “I agree to Terms of Service” kemudian klik “Create My Account” untuk membuat account anda (lihat gambar di bawah).
3. Selanjutnya akan terbuka tampilan seperti di bawah ini :
Nah…tahap pendaftaran di hosting 000webhost sudah selesai. Biarkan browser anda tetap terbuka (jangan diutak-atik apalagi ditutup), karena saya akan segera memandu anda pada tahap yang paling penting, yaitu menghubungkan antara domain dan hosting yang sudah anda buat.
C. MENGHUBUNGKAN DOMAIN CO.CC DENGAN HOSTING 000webhost
1. Anda kembali pada browser domain (langkah 5), lalu klik tombol “SETUP” seperti pada gambar di bawah :
2. Selanjutnya akan terbuka tampilan seperti berikut :
Klik tombol “Set up”
3. Akan terbuka tampilan seperti gambar di bawah, kemudian anda klik pada bagian “1. name server”.
4. Selanjutnya akan terbuka daerah untuk anda mengisikan nama server dari hosting 000webhost.
Pada Name Server 1, isikan dengan ns1.000webhost.com.
Pada Name Server 2, isikan dengan ns2.000webhost.com. (lihat gambar di bawah)
Selanjutnya klik tombol “Set up” pada bagian bawah kolom Name Server.
5. Akan terbuka tampilan seperti gambar di bawah, yang menandakan bahwa domain anda sudah terhubung dengan hosting dari 000webhost. Selanjutnya klik tombol “OK”.
6. Maka akan terbuka tampilan data dari domain anda (lihat gambar di bawah) :
7. Langkah selanjutnya adalah kembali ke browser hosting yang tadi ditinggalkan (langkah 3).
Klik “Activate Account” untuk menghubungkan hosting 000webhost dengan domain CO.CC yang sudah anda buat. (lihat gambar di bawah)
8. Akan terbuka tampilan seperti gambar di bawah yang menunjukkan bahwa hosting anda sudah terhubung dengan domain CO.CC milik anda.
SELAMAT !!!!!!!! Anda telah memiliki sebuah Domain dan Hosting gratis yang dapat anda pergunakan dalam membuat suatu website.
Pesan saya : sebaik, selengkap dan seaman-amannya website gratisan, tak akan mungkin mampu menyamai website berbayar. Jika anda berencana untuk menggunakan website sebagai ajang bisnis anda, sebaiknya anda menggunakan website berbayar.
Kemudian :
Cara Mengupload Secara Manual Joomla pada Webhosting
1. Download Joomla
Langkah awal adalah mendownload file joomla terlebih dahulu, joomla dapat didapatkan pada http://www.joomla.org/download.html.
2.Daftar Domain dan Hosting
Ya, seperti yang telah dijelaskan sebelumnya, tutorial kali ini sengaja menggunakan webhosting gratis sebagai simulasi, untuk melakukan uji apakah proses joomla yang dilakukan benar-benar berhasil dan layak untuk digunakan selanjutnya. Web hosting yang free, alias tidak berbayar yang saat ini memiliki kualitas yang cukup memenuhi adalah 000webhost.com.Perlu dicatat, Dalam mengisi password, 000webhost mengharuskan adanya kombinasi angka dan huruf, jangan mengisi password dengan angka saja, atau huruf saja, usahakan untuk menggabungkan keduanya, dan memiliki lebih dari 6 digit.
Apabila telah berhasil membuat domain dengan hosting, langkah selanjutnya adalah masuk Control panel (Cpanel) untuk konfigurasi situs.
3. Create MySQL user
Kita harus membuat MySQL user dan database terlebih dahulu, user ini nantinya akan digunakan dalam proses installasi Joomla nanti.Untuk membuat user silahkan pilih menu MySQL pada Cpanel.
Setelah itu akan masuk ke halaman “manage MySQL database”, isikan nama databasenya, nama user, dan password, klik create database untuk konfirmasi.
Tampilan menu mysql Setelah itu akan muncul informasi detil Mengenai data mysql yang baru saja dibuat.Data-data ini harus dicatat, karena akan digunakan pada proses instalasi Joomla nantinya.
4. Upload file Joomla
Ada beberapa cara untuk melakukan upload file ke webhosting, biasanya menggunakan
aplikasi ftp seperti filezila,atau memanfaatkan fasilitas yang sudah tersedia di Cpanel, yaitu file manager berbasis web (net2ftp).Agar lebih mudah, penulis akan coba jelaskan bagaimana melakukan upload menggunakan net2ftp, file manager berbasis web. Untuk melakukan file cms Joomla, pada halaman CPanel pilih menu File manager pada tab >>files, Dengan fasilitas file manager ini, user dapat memanage seperti melakukan upload, membuat file, membuat folder, hapus file-file yang ada di situsnya, dan lain sebagainya. Agar joomla dapat diakses dari luar, contoh : http://belajar-joomla.net84.net, joomla perlu diupload kedalam direktori public_html. Untuk dapat masuk ke direktori public_html, lakukan klik pada icon folder public_html, klik pada filemanager ini tidak berbeda jauh dengan menggunakan explorer di windows, / di linux.
Setelah masuk ke direktori public_html, lakukan upload dengan cara mengklik button upload.Anda akan masuk ke dalam halaman “upload files and archieve” seperti tampak pada gambar dibawah ini,Karena file Joomla berbentuk zip/archieve kita dapat memanfaatkan form yang ada di sebelah kanan. Yakni, Archieves(Zip, tar, tgz, gz). Klik button browse lalu cari file yang akan kita upload.Berhubung kapasitas/size dari file yang dapat diupload itu maksimal 5mb sedangkan file Joomla.zip yang telah di download adalah sebesar 5,9Mb, maka file zip tersebut harus di pecah terlebih dulu menjadi beberapa bagian, caranya adalah dengan melakukan ekstrak file Joomla.zip, kemudian lakukan kembali pembuatan file zip dari file joomla yang telah diekstrak, di sini saya membaginya menjadi 5bagian, jadi ada 5 file archieve (zip) yang akan di upload. Jika sudah selesai, lakukan klik gambar centang hijau di pojok kiri atas untuk langsung melakukan upload.Penulis sarankan untuk menguploadnya satu persatu, jangan dilangsungkan sekaligus, karena prosesnya akan jadi lebih lama dibandingkan dengan melakukan upload satu persatu file zip tersebut. Apabila berhasil akan muncul informasi berisi nama-nama file yang baru saja diupload. (gambar upload), ulangi lagi tahapan yang baru saja dilakukan untuk file zip yang lainnya.
Joomla! Installation
Step 1: Language
Setelah semua file selesai diupload, langkah selanjutnya adalah membuka domain website yang telah dibuat dengan menggunakan browser internet, sebagai contoh untuk mengakses, lakukan akses dengan ,atau cukup dengan Tampilan awal dari joomla installation seperti ini:
Step satu ini digunakan untuk menentukan bahasa apa yang akan digunakan untuk proses installasi Joomla nantinya, defaultnya adalah bahasa inggris(US).
Klik NEXT untuk melanjutkan.
Step 2: Pre-installation Check
Langkah yang kedua ini menampilkan halaman keterangan konfigurasi dan fasilitas server apache, MySQL, dan konfigurasi php yang ada. Apabila ada komponen yang tidak tersedia, maka joomla langsung memberikan warning berisi pemberitahuan informasi apavyang dibutuhkan dalam proses installasi joomla .Selain itu joomla juga merekomendasikan sistem apa dan konfigurasi bagaimana yang harus digunakan dalam memaksimalkan masalah keamanan. Terakhir adalah pemberitahuan permissions atau hak akses atas file dan direktori, untuk sistem berbasis linux (unix). Di lingkungan opersi windows, tidak ada konfigurasi permissions. Yang ada hanyalah writeable ataukah tidak suatu file. Klik tombol NEXT, akan muncul halaman selanjutnya:
Terrnyata configuration.php writeable-nya tidak tersedia, tidak apa-apa, dilangkah terakhir nanti kita akan coba membuatnya secara manual.
Step 3: License
Halaman ini menjelaskan soal lisensi Joomla, isinya seputar hak yang dimiliki oleh Joomla dan user dalam lingkungan open source software.Klik tombol NEXT untuk memasuki halaman
Step 4: Database
Di sini kita diminta untuk mengisikan konfigurasi database MySQL. Berikut ini adalah konfigurasi yang harus diisi yaitu:
- Database type Pastinya MySQL
- Host NameIni adalah nama dari host name server database MySQL, secara default
biasanya bernama localhost, tapi berhubung kita melalui webhosting jadi diisikan sesuai dengan yang tadi kita buat di mySQL user.
-Username Adalah username yang tadi telah buat pada fasilitas mysql user.
-Password
Ini merupakan password yang harus diisi demi menjaga keamanan database. Silakan isikan password sesuai dengan yang telah dibuat sebelumnya.
-Database name
Isikan database yang telah ada untuk menampung dataNEXT jika sudah selesai. Akan muncul halaman berikutnya,
Step 5: ftp configuration
Berhubung ftp configuration di cpanel 000webhost.com belum dibuat anda bisa langsung melewatkannya saja, karena ini dapat dilakukan diluar proses installasi joomla, selanjutnya adalah step 6.
Step 6: Configuration
Pada langkah ini terdapat satu halaman Main Configuration, penjelasannya adalah sebagai berikut :
-Site name
Untuk memberi nama pada situs Joomla anda. Biasanya implementasinya langsung
ke pada title dari site tersebut.
-Confirm the Admin Email and Password joomla…
Pengisian email berguna untuk pemberitahuan akan password,user registered, dan perubahan lainnya yang akan diberitahukan melalui email, karena kita menginstall Joomla di webhost server, maka hal ini penting sebagai sarana komunikasi.
Pastikan anda mengisikan password dengan benar dan tepat, password ini akan digunakan untuk membuka halaman login administrator.
-Load sample data
Fasilitas ini digunakan untuk sarana belajar dan cek bagi pemula. Bila fasilitas ini
diaktifkan maka user bisa melihat hasil installasi joomla dengan cepat, sehingga bisa
melihat hasilnya. Bagi pemula yang baru pertama kali menginstall disarankan untuk
menginstall fasilitas ini dengan cara mengklik tombol install sample data di bagian bawah.Isi form inputan tersebut kemudian klik next untuk melanjutkan proses installasi
Step 7: Finish
Tahapan ini merupakan langkah akhir, jika sukses maka Joomla akan mengucapkan
Selamat Anda telah berhasil menginstallasi
Defaultnya, joomla memberikan sebuah username administrator dengan id admin.
Perlu diperhatikan joomla memberi peringatan, mengharuskan untuk menghapus
folder installation yang telah pada direktori root dari joomla. Caranya? Ya lewat file manager tadi. Berikan tanda centang di sebelah folder installation kemudian klik delete pada menu atas.
Masih terdapat satu masalah lagi, lihat tulisan di pojok kanan bawah, ternyata file configuration’nya tidak bisa writeable, jadi kita harus membuat file configuration.php secara manual. Scriptnya sudah di sediakan dibawahnya, anda tinggal mengcopynya kemudian pastekan ke dalam file bernama configuration.php. Caranya sama seperti tadi, menggunakan file manager. Dalam direktori public_htm klik menu ‘new file’ kemudian paste script yang telah dicopy. Lalu beri nama configuration.php, simpan file tersebut dengan melakukan klik pada icon/gambar disket.
Ya, sampai sini proses installasi joomla telah sepenuhnya selesai dilakukan. Untuk dapat melihat site yang baru saja dibuat, silahkan klik button site, sedangkan button admin digunakan untuk masuk ke dalam halaman administrator. Masih menggunakan
template bawaan. Perlu dicatat, untuk masuk ke dalam halaman admin anda tinggal memasukkan alamat site-nya kemudian menambahkan“/administrator”,
Halaman untuk login sebaga user ataupun administrator, anda diharuskan untuk memasukan username dan password.Bila berhasil login kita akan memasuk halaman utama administrator Joomla.
Menu pada Back End Joomla
  Management Content
Content  di  joomla  dikelompokkan  menjadi  beberapa  kelompok  section  dan  category. Dimana dalam sebuah  section terdiri dari beberapa category dan content haruslah diikutkan dalam salah satu kategory.
•    Membuat Sections
Untuk  membuat  section  baru  dapat  dilakukan  melalui  menu  Content  >  Section Manager
Halaman  di  atas  adalah  section  manager  dimana  section  dapat  diatur.  Baik  itu penambahan baru, penghapusan section, edit, delete, publish ataupun unpublish.  Untuk membuat section baru, klik icon New. Akan tampil halaman seperti di bawah ini :
Isikan Title dengan nama section.misal : Prodi. Isikan alias      sama dengan title atau dikosongkan saja. Pastikan Published pada posisi Yes.   Kemudian Access Level pilih Public. Untuk  menyimpan, klik tombol Save atau untuk menyimpan dan melanjutkan pengeditan klik Apply
•    Membuat Category
Untuk membuat category baru, dapat dilakukan menggunakan menu Contents > Category Manager.
Klik icon New untuk membuat category baru. Akan tampil halaman seperti di bawah ini :
Isikan Title dengan nama  kategori yang diinginkan. Misal : Elektronika Komunikasi. Alias dapat juga  diisi sama dengan Title atau dikosongkan saja. Pastikan Published dipilih Yes. Pada bagian Sections pilih section yang baru saja dibuat. Misal : Prodi. Klik Save untuk menyimpan atau Apply  untuk  menyimpan dan melanjutkan pengeditan. Buatlah beberapa kategory lagi dengan cara yang sama.
•    Membuat Content.
Content adalah tulisan atau artikel yang menjelaskan tetang sesuatu. Baik itu berita, profil dan  sebagainya. Untuk membuat content baru, dapat dilakukan melalui menu Content > Article Manager.
Untuk membuat artikel baru, klik New maka akan tampil halaman seperti di bawah ini :
Isikan Title dengan judul artikel. Alias adalah judul alternatif. Boleh diisikan sama tapi bisa juga  dikosongkan. Pilih section prodi dan category yang diinginkan.   Kemudian buatkan  berita  pada  teks   editor  yang  telah  disediakan.  Untuk  membuat  artikel ditampilkan sebagian, dan akan muncul link  readmore untuk melihat selengkapnya, letakkan cursor pada teks yang akan dipisah. Kemudian klik  tombol Readmore pada bagian  bawah  editor.  Untuk  menyimpan  artikel,  klik  Save  atau  klik  Apply  untuk menyimpan dan melanjutkan penulisan artikel
4.  Management Menu.
CMS memang didisain full costumizable termasuk menu. Menu – menu yang sudah ada adalah contoh – contoh menu yang disediakan  ketika pertama kali Joomla! Di install. Menu
 menu tersebut dapat di tambahkan, dapat ditampilkan / dihilangkan. Pada saat awal instalasi, joomla terdiri dari beberapa kelompok menu.
TopMenu
   Menu bagian atas yang terletak di bagian atas halaman
MainMenu
   Menu Utama yang adal di sebelah kiri halaman
OtherMenu
    Menu tambahan
User Menu
   Menu yang hanya tampil ketika user login.
Resource Menu
  Menu Tambahan
Key Concept
   Menu Tambahan.
Setiap kelompok menu adalah sebuah modul. Dimana sebuah modul dapat diaktifkan, dan di non aktifkan dan bahkan bisa dihapus serta bisa juga untuk ditambahkan.
Untuk menambahkan kelompok menu baru, dapat dilakukan melalui menu Menus > MenuManager.
Untuk membuat menu baru, klik New,  kemudian akan tampil halaman seperti di bawah ini :
Isikan Unique Name dengan nama menu misal Program Studi.Isikan Title dengan judul menu.  Title  ini  akan  tampil  di  halaman  sebagai  judul  kelompok  menu.  Description menjelaskan tentang menu atau  keterangan singkat. Isikan sesuai dengan deskripsi menu. Module title adalah nama modul. Ingat setiap  kelompok menu adalah module. Klik Save untuk menyimpan.
Mengaktifkan Menu
Setelah  membuat  kelompok  menu,  menu  tersebut  tidak  langsung  akan  ditampilkan  di halaman. Karena  statusnya masih Disable. Untuk mengubah statusnya menjadi Enable, haruslah diaktifkan terlebih dahulu  melalui menu Extension > Module Manager. Maka akan tampil halaman sbb :
Untuk mengaktifkan, klik pada Item Program Studi untuk mengedit modul tersebut. Maka akan               tampil halaman seperti dibawah                 ini :
Pilih Yes pada pilihan Enabled. Untuk membuat tampilan menu sesuai dengan menu yang sudah ada pada  bagian Advanced Parameter   isikan _menu   pada kolom isian Module Class Suffix.  Klik Save untuk menyimpan.
Menambahkan Menu Item
 Setelah  membuat  kelompok  menu,  berikutnya  adalah  menambahkan  menu  item  yang nantinya akan  menampilkan artikel yang ada dalam salah satu kategory ataupun section. Untuk  membuat menu  items,  dari menu  Menus  > Program  Studi.  Maka  akan  tampil halaman seperti di bawah ini :
Klik New untuk membuat menu Item baru. Maka akan tampil halaman seperti di bawah ini :
 Menu item yang dibuat adalah menu yang akan menampilakan blog aratikel sebuah kategori. Pada pilihan  Select Menu Item Type. Klik Article > Category Blog Layout. Kemudian akan tampil halaman yang akan menampilkan pilihan category.
 Pilih kategori pada Kolom pilihan Category. Kemudian Isikan judul Menu pada kolom isian
Title Misal : Elektronika Komunikasi. Klik Save untuk menyimpan
5.  Installasi dan Modifikasi Template
Joomla! Memungkinkan kita mengganti tampilan halaman depan website dengan mudah dan sangat  cepat.  Yang  membuat  lebih  membahagiakan  lagi  adalah  template  untuk  joomla! Tersedia banyak sekali di  internet dan gratis. Pada saat installasi pertama kali, Joomla! Sudah  menyediakan  dua  buah  template.  Untuk  menambahkan  template  baru,  dapat  di download di situs yang menyediakan template. Misalnya  siteground.com, joomlahack dan seterusnya.
Untuk menginstall template baru, dari menu Extensions > Install/Uninstall kemudian akan tampil halaman seperti di bawah ini :
Ada beberapa pilihan sumber installasi. Muladi dari file lokal yang sudah kita download sebelumnya  ataupun yang sudah diextract di rekeltori, ataupun link dari internet. Untuk menginstall  dari  file  lokal,  klik  browse,  kemudian  pilih  file  yang  merupakan  template joomla.  Kemudian  klik  Upload  File  &  Install.  Jika  Tampil  pesan  Install  Template Success . Artinya prose installasi sudah berhasil. Untuk  mengaktifkan template tersebut, dapat dilakukan melalui menu Extensions > Template Manager akan  tampil halaman seperti di bawah ini :
Untuk memilih template yang akan digunakan, klik radio button pada nama template yang baru  di  install,  kemudian  klik  icon  Default.  Untuk  melihat  hasilnya  silahkan  refresh halaman depan.
Referensi :
- tik.mandenanyar.sch.id
- http:// alfreddeddy.co.tv
- ilmuwebsite magazine
- Inixindo jogja
- Bermcam-macam Sumber Dari google

Tidak ada komentar:

Posting Komentar