Materi Pelatihan Website

(dari berbagai sumber)

0
   Website merupakan halaman situs sistem informasi yang dapat diakses secara cepat. Website ini

didasari dari adanya perkembangan teknologi informasi dan komunikasi. Melalui perkembangan

teknologi informasi, tercipta suatu jaringan antar komputer yang saling berkaitan. Jaringan yang dikenal

dengan istilah internet secara terus-menerus menjadi pesan–pesan elektronik, termasuk e-mail, transmisi

file, dan komunikasi dua arah antar individu atau komputer.

     Suatu daerah memiliki berbagai jenis informasi, pelayanan, pengaduan dan lain-lain. Seiring dengan

perkembangan zaman yang semuanya serba digital maka alangkah lebih baiknya setiap daerah memiliki

website yang memudahkan bagi masyarakat untuk mengetahui bentuk-bentuk pelayanan, potensi-potensi

daerah serta informasi-informasi yang lain. Dengan kata lain website membantu daerah itu sendiri

melayani masyarakat akan informasi, pel ayanan, pengaduan serta untuk mempromosikan suatu daerah

ke publik, karena website bisa diakses dimana saja di seluruh dunia.

Uraian diatas merupakan contoh kecil dari kegunaan website, masih banyak manfaat lain dari website

tersebut tergantung tujuan dari pembuatan website tersebut.

2.1 Pengertian Web

2.1.1 Secara Umum

       World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah satu layanan yang

didapat oleh pemakai computer yang terhubung ke internet. Web ini menyediakan informasi bagi

pemakai computer yang terhubung ke internet dari sekedar informasi “sampah” atau informasi yang

tidak berguna sama sekali sampai informasi yang serius; dari informasi yang gratisan sampai informasi

yang komersial. Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan

untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari

semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang

saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

2.1.2       Para Ahli

1. Menurut Suwanto Raharjo S.Si, M.Kom, Web merupakan salah satu layanan internet yang

paling banyak digunakan dibanding dengan layanan lain seperti ftp, gopher, news atau

bahkan email.

2. Menurut Wahana Komputer, Web adalah formulir komunikasi interaktif yang digunakan

pada sutu jaringan komputer.

1
 3. Menurut A. Taufiq Hidayatullah, Web adalah bagian paling terlihat sebagai jaringan

terbesar dunia, yakni intrenet.

4. Menurut Haer Talib, Web adalah sebuah tempat di internet yang mempunyai nama dan

alamat.

5. Menurut Boone (Thomson), Web adalah koleksi sumber informasi kaya grafis yang saling

berhubungan satu sama lain dalam internet yang lebih besar.

6. Menurut Feri Indayudha, Web adalah suatu program yang dapat memuat film, gambar,

suara, serta musik yang ditampilkan dalam internet.

7. Menurut Yuhefizar, Web adalah suatu metode untuk menampilan informasi di internet,

baik berupa teks, gambar, suara maupun video yang interaktif dan mempunyai kelebihan

untuk menghubungkan (link) satu dokumen dengan dokumen lainnya (hypertext) yang

dapat diakses melalui sebuah browser

2.1.3 Cara Kerja Web

Adapun cara kerja web adalah sebagai berikut:

a. Informasi web disimpan dalam dokumen dalam bentuk halaman-halaman web atau web page.

b. Halaman web tersebut disimpan dalam computer server web.

c. Sementara dipihak pemakai ada client dimana ditempatkan program untuk membaca halaman

web yang ada di server web (browser)

d. Browser membaca halaman web yang ada di server web.

2.2  Unsur-Unsur Website atau Situs

Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya,

adalah sebagai berikut:

1.     Nama domain (Domain name/URL – Uniform Resource Locator)

Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di

dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain

name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.

Contohnya adalah http://www.baliorange.net http://www.detik.com

Nama domain diperjualbelikan secara bebas di internet dengan status sewa tahunan. Nama domain

sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan

website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz,
2
 name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama

domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website

instansi pemerintah), or.id (nama domain website organisasi).

2.     Rumah tempat website (Web hosting)

Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat

menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website.

Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai,

semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam

website. Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan

harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-

rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web

hosting yang banyak dijumpai baik di Indonesia maupun Luar Negri.

3.     Bahasa Program (Scripts Program)

Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat

diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website.

Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin

dinamis, dan interaktif serta terlihat bagus.

Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa

program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java

Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP,

ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan

interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa

program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu,

anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.

4.     Desain website

Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program

(scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan

kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung

akan bagus tidaknya sebuah website.

3
 Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat

ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas

situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang

beragam program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin

berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya

yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.

2.3  Fungsi Web

Secara umum situs web mempunyai fungsi sebagai berikut:

1.     Fungsi komunikasi

Situs web yang mempunyai fungsi komunikasi pada umumnya adalah situs web dinamis. Karena

dibuat menggunakan pemograman web (server side) maka dilengkapi fasilitas yang memberikan

fungsi-fungsi komunikasi, seperti web mail, form contact, chatting form, dan yang lainnya.

2.     Fungsi informasi

Situs web yang memiliki fungsi informasi pada umumnya lebih menekankan pada kualitas bagian

kontennya, karena tujuan situs tersebut adalah menyampaikan isisnya. Situs ini sebaiknya berisi teks

dan grafik yang dapat di download dengan cepat. Pembatasan penggunaan animasi gambar dan

elemen bergerak sepertio shockwave dan java diyakini sebagai langkah yang tepat, diganti dengan

fasilitas yang memberikan fungsi informasi seperti news, profile company, library, reference,dll.

3.     Fungsi entertainment

Situs web juga dapat memiliki fungsi entertainment/hiburan. Bila situs web kita berfungsi sebagai

sarana hiburan maka penggunaan animasi gambar dan elemen bergerak dapat meningkatkan mutu

presentasi desainnya, meski tetap harus mempertimbangkan kecepatan downloadnya. Beberapa

fasilitas yang memberikan fungsi hiburan adalah game online, film online, music online, dan

sebagainya.

4.     Fungsi transaksi

Situs web dapat dijadikan sarana transaksi biisnis, baik barang, jasa, atau lainnya. Situs web ini

menghubungkan perusahaan, konsumen, dan komunitas tertentu melalui transaksi elektronik.

Pembayarannya bisa menggunakan kartu kredit, transfer, atau dengan membayar secara langsung.

4
2.4  Jenis situs Web

Ada beberapa jenis situs web yang dikelompokkan sesuai tujuannya yaitu sebagai berikut:

1.     Alat Pemasaran

Saat ini media pemasaran tidak hanya media cetak saja. Media elektronik sejenis situs juga dapat

digunakan sebagai media pemasaran. Pemasaran melalui internet lebh cepat sampai dan memiliki

jangkauan yang jauh lebih luas.

2.     Nilai Tambah

Sebuah halaman web merupakan sarana promosi karena media promosi di web lebih murah dan

efektif dibandingkan media promosi konvensional seperti brosur, majalah atau Koran. Pada

umumunya konten situs web berupa referensi atau informasi tambahan dari apa yang sudah

diberikan secara offline. Contohnya seperti di perpustakaan sudah disediakan koleksi skripsi secara

tercetak namun di web perpustakaan terdapat repository skripsi yang lebih banyak dan dapat diakses

dengan mudah dengan cara mendownload bentuk softfile nya.

3.     Katalog

Untuk di perpustakaan katalognya berupa katalog online yang dapat diakses melalui web

perpustakaan. Pada katalog tersebut tersedia koleksi-koleksi yang dimiliki oleh perpustakaan.

Pemustaka dapat mengakses koleksi tersebut dengan cara memasukkan judul, pengarang maupun

subjek dari suatu koleksi yang dibutuhkan. Sedangkan untuk melakukan peminjaman pemustaka

dapat langsung meminjam ke perpustakaan.

4.     E-Commerce

E-Commerce merupakan suatu kumpulan yang dinamis antara teknologi, aplikasi dan proses bisnis

yang menghubungkan perusahaan, konsumen dan komunitas tertentu melalui transaksi elektronik.

Pada perpustakaan web bertujuan untuk menghubungkan antara perpustakaan yaitu melalui

pemustaka dan pemustaka yang membuthkan informasi sehingga terjadinya hubungan yang saling

mengutungkan kedua belah pihak.

5.     E-Learning

Cisco menjelaskan filosofis e-learning sebagai berikut: Pertama, e-learning merupakan

penyampaian informasi, komunikasi, pendidikan, pelatihan secara on-line. Kedua, e-learning

menyediakan seperangkat alat yang dapat memperkaya nilai belajar secara konvensional (model

belajar konvensional, kajian terhadap buku teks, CD-ROM, dan pelatihan berbasis computer)
5
 sehingga dapat menjawab tantangan perkembangan globalisasi. Ketiga, e-learning tidak berarti

menggantikan model belajar konvensional di dalam kelas, tetapi memperkuat model belajar tersebut

melalui pengayaan konten dan pengembangan teknologi pendidikan. Keempat, kapasitas siswa

dalam menguasai bahan yang disampaikan lewat e-learning amat bervariasi, tergantung bentuk, isi,

dna cara penyampaiannya. Makin baik keselarasan antar konten dan alat penyampai dengan gaya

belajar, semakin baik penguasaan siswa yang pada gilirannya akan memberikan hasilyang lebih

baik.

6.     Komunitas

Sebuah situs web yang dibuat dengan tujuan untuk memungkinkan pengunjung berkomunikasi

secara bersamaan. Pengunjung bisa berbagi pengalaman, cerita, ide, dna lainnya, bisa juga mencari

dan menambah teman, atau untuk membuat suatu perkumpulan baru.

7.     Portal

Portal adalah aplikasi berbasis web yang menyediakan akses suatu titik tunggal dari informasi

online terdistribusi, seperti dokumen yang didapat melalui pencarian, kanal berita, dan link ke situs

khusus. Untuk memudahkan penggunaannya biasanya disediakan fasilitas pencarian dan

pengorganisasian informasi.

8.     Personal

Situs personal merupakan situs yang memiliki tujuan untuk mempromosikan atau

menginformasikan tentang seseorang. Biasanya berisi tentang biodata, portofolio (kumpulan hasil

karya yang pernah dibuat), prestasi, atau sebagai diary yang menceritakan kehidupan sehari-hari

yang dipublish agar orang lain dapat mengetahui dna mengenal tentangnya.

2.5  Kriteria situs web yang baik

1.  Usability

Usability adalah sebagai suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau situs web

sampai pengguna dapat mengoperasikannya dengan mudah dan cepat. Situs web harus memenuhi lima

syarat untuk mencapai tingkat usability yang ideal, antara lain:

·      Mudah untuk dipelajari

·       Efisien dalam penggunaan

·       Mudah untuk diingat

·       Tingkat kesalahan rendah

6
·       Kepuasan pengguna

bila usability diterapkan pada sebuah situs web, maka situs ini akan mudah dipelajari cara

penggunaannya oleh pengunjung. Mudah diingat sistem navigasinya, dapat digunakan dengan efisien.

Tingkat kesalahan user dalam mengoperasikan situs web tersebut menjadi minimal. Pengguna akan

merasa puas dalam menggunakan situs web tersebut.

2.     Sistem Navigasi

Navigasi membantu pengunjung untuk menemukan jalan yang mudah ketika menjelajahi situs web,

memberitahu dimana mereka berada, kemana mereka bisa pergi. Dengan demikian mereka dapat

menemukan apa yang mereka cari dengan tepat dan mudah. Navigasi dapat ditampilkan dalam

berbagai media, yaitu teks, image ataupun animasi. Syarat navigasi yang baik adalah sebagai

berikut:

·       Mudah dipelajari

·       Tetap konsisten

·       Memungkinkan feedback

·       Muncul dalam konteks

·       Menawarkan alternative lain

·       Memerlukan perhitungan waktu dan tindakan

·       Menyediakan pesan visual yang jelas

·       Menggunakan label yang jelas dan mudah dipahami

·       Mendukung tujuan dan perilaku user

3.     Graphic Design (Desain Visual)

Kepuasan visual seorang user secara subyektif melibatkan bagaimana desainer visual situs web

tersebut membawa mata user menikmati dan menjelajahi situs web dengan melalui layout, warna,

bentuk, dan tipografi. Grafik membuat halaman menjadi indah tetapi bisa juga memperlambat akses

dengan semakin besarnya ukuran file.

Desain yang baik setidaknya memiliki komposisi warna yang baik dan konsisten, layout grafik yang

konsisten, teks yang mudah dibaca, penggunaan grafik yang memperkuat isi teks, penggunaan

animasi pada tempat yang tepat, isi animasi yang memperkuat isi teks, dan secara keseluruhan

membentuk suatu pola yang harmonis.

7
 4.    Contents

Sebaik apapun situs web secara desain grafis, tanpa konten yang berguna dan bermanfaat maka akan

kurang berarti. Konten di dalam situs web tersebut harus menarik dan relevan. Gaya penulisan dan

bahasa yang dipergunakan harus sesuai dengan web dan target audien. Pada konten tersebut, yang

harus diperhatikan adalah tata bahasa, tanda baca, header dan judul.

5.    Compatibility

Situs web harus kompatibel dengan berbagai perangkat tampilinnya (browser), harus memberikan

alternative bagi browser yang tidak dapat melihat situsnya.

6.    LoadingTime

Sebuah situs web yang tampil lebih cepat kemungkinan besar akan kembali dikunjungi, apalagi bila

dengan konten dan tampilan yang menarik. Waktu download memang tidak hanya dipengaruhi

desain tetapi juga koneksi, server, dll. Namun demikian desainer web setidaknya harus

memperhitungkan desain yang dibuatnya agar dapat tampil lebih cepat dengan menggunakan ukuran

yang sekecil mungkin.

7.    Functionality

Seberapa baik sebuah situs web bekerja dari aspek teknologinya, ini bisa melibatkan programmer

dengan scriptnya, misalnya HTML, PHP, ASP, ColdFusion, CGI, SSI. dll.

8.    Accesibility

Halaman web harus bisa dipakai oleh semua kalangan, baik anak-anak, orang tua, orang muda

termasuk orang-orang cacat, agar pengguna tersebut bisa menukmatu halaman web yang telah

dibuat desainer.

9.   Interactivity

Interaktifitas adalah apa yang melibatkan pengguna situs web sebagai user experience dengan situs

web itu sendiri. Dasar dari interaktifitas adalah hyperlinks (link) dan mekanisme feedback.

2.6  Tahapan Membangun Situs Web

1.     Rekayasa dan Pemodelan Sistem/Informasi

Pada tahap ini dimulai dengan membangun syarat dari semua elemen sistem dan mengalokasikan

beberapa subset kebutuhan software tersebut. Pandangan sistem ini penting ketika software harus

berhubungan dengan elemen-elemen lain seperti software, manusia, dan database. Rekayasa dan

8
 analisis sistem menyangkut pengumpulan kebutuhan pada tingkat sistem dengan sejumlah kecil

analisis serta desain tingkat puncak. 

2.     Planning (Perencanaan)

Pada tahap ini yaitu untuk menentukan tujuan dari software yang akan dibuat, melakukan analisis

kebutuhan dna pengumpulan data yang diperlukan. Proses pengumpulan kebutuhan diintensifkan

dan difokuskan, khususnya pada kebuthan software. Untuk memahamai sifat program yang

dibangun, analis harus memahami domain informasi, tingkah laku, unjuk kerja, dan interface yang

diperlukan.

3.     Designing (Desain)

Desain software sebenarnya merupakan proses multi langkah yang berfokus pada empat atribut

yang berbeda, yaitu struktur data, arsitektur software, representasi interface, dan detil (algoritma)

procedural. Jadi pada tahap ini proses mendesain harus berdasarkan kebutuhan sehingga sesuai

dengan yang diharapkan sebelum memulai pengkodean.

4.     Scripting (Pemograman)

Desain harus diterjemahkan ke dalam bentuk mesin yang bisa dibaca. Dalam tahap ini adanya

pembuatan kode. Jika desain dilakukan secara lengkap, pembuatan kode dapat diselesaikan secara

mekanis.

5.     Testing (Pengujian)

Proses pengujian berfokus pada logika internal software untuk memastikan bahwa semua

pernyataan sudah diuji, dan pada fungsi eksternal yaitu mengarahkan pengujian untuk menemukan

kesalahan-kesalahan dan memastikan bahwa dengan input yang terbatas akan didapatkan hasil

actual yang sesuai dengan yang dibutuhkan.

6.     Maintenance (Pemeliharaan)

Software mungkin akan mengalami perubahan setelah diserahkan kepada pelanggan. Perubahan bisa

terjadi karena kesalahan-kesalahan tertentu, karena software harus diubah untuk mengakomodasikan

perubahan-perubahan di dalam lingkungan eksternalnya, atau karena pelanggan perlu melakukan

pengembangan fungsional atau unjuk kerja. Pemeliharaan software mengaplikasikan lagi setiap fase

program sebelumnya dan tidak dilakukan dengan membuat yang baru.

9
Instalasi Joomla
Langkah 1: Download paket instalasi Joomla
Untuk memulai instalasi Joomla di web server, pertama Anda harus men-download paket instalasi
Joomla. Saya menyarankan Anda men-download Joomla hanya dari situs resmi aplikasi - Joomla.org .
Jika Anda men-download paket instalasi Joomla dari situs lain dari yang bukan situs resmi, ada risiko
dari kode berbahaya dalam file setup.

Setelah Anda mengklik tombol Download untuk versi Joomla terbaru, paket instalasi akan disimpan ke
hard disk Anda. Nama file paket instalasi ( Joomla_3.5.1-Stable-Full_Package.zip atau serupa) .

Langkah 2: Extract file joomla yang di dowload kemudain pindah ke folder htdoc
Setelah anda mendownload file joomla langkah selanjutnya adalah mengextract file yang telah
didownload. Buat folder baru misal latihanjoomlaku kemudian extrak file joomla ke folder tersebut.
Langjah selanjutnya pindah folder latihanjoomlaku ke folder htdocs yang ada di xampp. 

Langkah 3: Buat database untuk Joomla menggunakan MySQL

Silahkan anda buat database menggunakan phpMyAdmin, misal disini saya buat database dengan
nama latihanjoomladb , biarkan database kosong.

10
Langkah 4: Mulai Instalasai joomla

Kita menginstal Joomla! lokalhost, jadi kita akan menggunakan http: // localhost / <path ke file
Joomla> , Sesuaiakn path file joomla. Untuk latihan ini kita
menggunakanhttp://localhost/latihanjoomlaku 

11
 Pilih bahasa : Disini agar lebih mudah pilih bahasa indonesia
 Situs Nama: Masukkan nama situs Anda.
 Keterangan: Tambahkan deskripsi singkat dari situs Anda
 Admin Email: Masukkan alamat email yang valid. Ini akan digunakan untuk pemulihan sandi
dan sistem pesan.
 Nama Pengguna Admin: username administrasi Anda. Silakan pilih nama pengguna misal admin
 Sandi Admin: Tambahkan password anda misal admin
 Konfirmasi sandi admin : masukan lagi passwor anda
 Situs Offline: Pilih apakah situs Anda harus diambil secara offline setelah Anda menyelesaikan
instalasi. Untuk tujuan tutorial ini kita akan meninggalkan opsi ini diatur ke NO (situs akan hidup setelah
instalasi).
Setelah Anda mengisi semua bidang yang diperlukan, tekan tombol Berikutnya untuk melanjutkan
instalasi. 
Pada layar berikutnya, Anda harus memasukkan informasi yang diperlukan untuk database MySQL
Anda.

12
 Database Type: Secara default nilai ini diatur ke MySQLi. MySQLi adalah versi yang
dioptimalkan dari database MySQL
 Nama Host: Sekali lagi, biarkan nilai default localhost.
 Nama pengguna: Masukkan username untuk database MySQL Anda, karena menggunakan
Xampp masukan root
 Password: Isi password untuk database username , karena menggunakan Xampp dikosongkan
 Nama Database: Masukkan nama database MySQL yang telah dibuat sebelumnya
yaitu latihanjoomladb
 Table Prefix: Joomla akan menambah awalan ini untuk semua tabel database-nya. Ini berguna
jika Anda ingin meng-host beberapa situs Joomla pada database tunggal. Anda harus
meninggalkan nilai default.
 Proses Database lama : Jika Anda memiliki database yang ada, memilih apa yang harus
dilakukan dengan tabel yang ada yang diperlukan oleh installer. Pilihannya adalah untuk
menghapus atau cadangan data yang ada itu akan segera diganti. Saya menyarankan Anda
pilih Buat cadangan karena itu adalah pilihan paling aman.

13
Setelah Anda memasukkan semua informasi yang diperlukan, tekan tombol Berikutnyauntuk
melanjutkan.

Anda akan diteruskan ke halaman terakhir dari proses instalasi. Pada halaman ini, Anda dapat
menentukan apakah Anda ingin data sampel diinstal pada server Anda. Untuk pemula, kami sarankan
Anda untuk memilih opsi Contoh Data Standar English (GB)

Tahap Selanjutnya, tekan tombol Pasang untuk memulai instalasi Joomla yang sebenarnya. Dalam
beberapa menit Anda akan diarahkan ke layar terakhir dari Joomla Web Installer.

14
Note :
Jika anda pertama kali menginsitall joomla biasanya pada proses ini akan berhenti ini ada juga yang
langsung berhasil, jika anda mengalami masalah ditahap ini silahkan setting php pada xampp dengan
menyimak artikel : Cara mengatasi berhenti atau gagal saat install joomla
Pada layar terakhir dari proses instalasi Anda perlu menekan Hapus directori pemasangan. Ini
diperlukan untuk alasan keamanan, sehingga tidak ada yang dapat menginstal ulang situs yang ada nanti.
Perhatikan bahwa Joomla tidak akan membiarkan Anda menggunakan situs Anda kecuali Anda
menghapus folder ini.

15
Jika berhasil maka akan seperti dibawah ini :

Nah dari sini anda dapat memilih Situs untuk melihat halaman situs anda, atau Administrasi untuk
masuk kehalan admin anda. Disini saya mencoba memilih halaman admin

Cara mengganti Template Joomla

Pada tutorial kali ini yang digunakan adalah joomla 3. Template merupakan layout dari sebuah website,
oleh karena itu ketika menginginkan perubahan tampilan pada website yang dibangun menggunakan
CMS joomla maka kita bisa mengganti templatenya. Silahkan ikuti langkah-langkah untuk mengganti
template di joomla 3 seperti dibawah ini : 
1. Download template joomla yang sesuai dengan versi yang digunakan baik yang
gratisan maupun yang berbayar, untuk file template berupa zip
2. Login pada administrator joomla.
3. Pada halaman administrator Pilih menu Extentions -> Extentions manager

16
4. Kemudian muncul halaman Extentions Manage : pilih Telusuri  dan cari template yang di download
sebelumnya kemudain pilih Open

5. Setelah memilih open hasilnya akan seperti gambar dibawah ini :

17
6. Pilih Upload & Install  dan jika berhasil anda akan mendapatkan pesan berwarna hijau seperti
dibawah ini

7. cara mengganti template di joomla 37. Untuk mengaktifkan template yang telah diinstall pilih
Extentions -> Template Manager 

8. Maka akan muncul halaman Template Manager : Style  Pilih default template dengan mengklik tanda
bintang di Default hingga berwarna kuning

Sekarang refresh halaman website dan lihat  template yang sudah diinstall sudah terpasang di halaman
website anda.

18
Cara Install Ekstensi di Joomla (Component , Modul, Plugin)
Sebenarnya untuk menginstall ekstensi di joomla caranya sama dengan menginstall template di joomla.
Berikut ini adalah langkah untuk menginstall ektensi joomla (Component, Modul, Plugin).
Download ekstensi ke komputer Anda, file berupa zip. Download di situs resmi joomla
di extensions.joomla.org
1. Dari backend situs Joomla Anda (administrasi) pilih Extensions -> Manage -> Install.
2. Klik tombol Browse dan pilih paket ekstensi pada komputer lokal Anda.
3. Klik Upload File & tombol Install.
4. Tunggu sampai prosses selesai.
Demikianlah Panduan Lengkap Cara membuat website dengan joomla , semoga bermanfaat bagi
Anda dan berhasil dalam mempraktekan tutorial ini,

Cara menambah menu

Cara menambah menu di joomla : Dalam membangun sebuah website tentunya akan memiliki
beberapa menu oleh karena itu kita harus membuat menu yang dibutuh dalam sebuah website. Untuk
menambah menu di joomla dapat dilakukan di Menu manager di halaman administrator joomla. Secara
default joomla memberikan beberapa menu pada Main Menu atau menu utama pada halaman website
yang bisa dilihat oleh pengunjung.

Sebelumnya mari kita lihat halaman website dibawah ini :

19
pada halaman website diatas hanya terdapat 3 menu utama saja, nah kita akan menambah menu Become
Member di halaman website. Untuk tampilan website masih menggunakan template default joomla dan
untuk mengganti template di joomla seilahkan baca artikel :Cara mengganti template  . Selanjutnya
untuk menambah menu di joomla  caranya adalah sebagai berikut : 

1. Login pada halaman administrator joomla

2. Pilih Menus -> Main Menu -> Add New Menu Item

3. Maka akan mucul halaman Menu Manager : New Menu Item

20
Isikan :
Menu Title : Become Member
Alias : become-member
Menu Item type : pilih Select -> User Manager -> Registration Form
Pastikan Status : Publihses

Menu Location : Main Menu

Parent Item : Menu Item Root

Status : Published

Default Page : No

Acces : Public

4. Pilih Save & Close dan jika berhasil anda akan mendapatkan pesan Menu Item Succsessfuly
Saved di kotak berwarna hijau seperti gambar dibawah ini

5. Refresh halaman website anda maka menu Become Member akan muncul di halaman website anda
seperti gambar di bawah ini :

21
Kebutuhan untuk menambah menu disesuaikan dengan kebutuhan website anda. Menu di joomla juga
dapat disesuiakan dengan isi konten hal ini dapat di lakukan dengan memilihMenu Item Type yang
sesuai degan menu.  Begitulah cara menambah menu di joomlayang bisa saya sajikan pada artikel kali
ini selamat mencoba dan semoga berhasil mempraktekannya.

Cara Membuat Kategori

Cara membuat kategori di joomla - Salah satu fasilitas yang diberikan oleh joomlaadalah bisa
mengelompokan artikel yang akan di publish kedalam kategori tertentu. Misal kita akan membuat artikel
yang akan membahas. joomla maka dikelompokan dengan kategori tutorila joomla, dan kita juga akan
membuat artikel tentang wordpress maka kita kelompokan dengan kategori tutorial wordpress. Nah,
pada kesempatan ini kita akan belajar bagaiman cara membuat kategori pada joomla 3.x . 

Tujuan pembuatan kategori adalah untuk mengelompokan artikel sehingga mudah untuk di atur atau di
edit. Selain itu kita juga bisa membuat menu yang berisi denga kategori tertentu, jadi ketika kita
membuat menu Belajar Joomla maka dan kita berikan kategori Tutorial joomla, maka artikel yang
muncul adalah artikel - artikel yang membahas joomla. Untuk membuat kategori pada CMS joomla
adalah sebagai berikut :

Cara membuat kategori langkah-langkahnya sbb:

1. Login ke halaman administrator joomla

2. Pilih Content -> Categories -> Add New Kategori

22
 3. Setelah itu akan muncul halaman seperti dibawah ini 

4. Pilih Save and Close dan jika berhasil akan muncul pesan Category successfully save

23
 Demikian cara membuat kategori  semoga dapat membantu Anda dalam mempejari joomla, Terima
Kasih.

Panduan Lengkap Cara Membuat Artikel Baru

Panduan Lengkap Cara Membuat Artikel Baru di Joomla - Joomla adalah CMS yang bisa
digunakan untuk membuat berbagai macam website. Dengan menggunakan joomla anda dapat menulis
artikel dan mempublish dengan mmudah. Baik pada pada tutorial kali ini akan saya bagikan cara
membuatArtikel baru di joomla.
Artikel Merupakan karangan faktual secara lengkap dengan panjang tertentu yang dibuat untuk
dipublikasikan (melalui koran, majalah, buletin, dsb) dan bertujuan menyampaikan gagasan dan fakta
yang dapat meyakinkan, mendidik, dan menghibur. 

Bagi pengguna joomla artikel baru dapat ditambahkan baik menggunakan mengikuti langkah-langkah
dibawah ini :

1. Login ke Administrator Joomla.

2. Pilih menu content → Articles → Add New Article , silahkan lihat gambar dibawah ini :

24
3. Selanjutnya anda akan dibawa kehalaman penulisan artikel seperti dibawah ini :

Keterangan

1. Judul artikle - silahkan tulis judul artikel yang akan dipublis

2. Alias - silahkan tulis alias untuk url artikel
3. Content artikel - yaitu isi artikel yang akan dipublish
4. Category - Pilih kategory untuk mengolompokan artikel kedalam kategory
5. Status - Pilih published untuk menampilkan arikle di halaman web
6. Save & Close - Pilih jika ingin menyimpan artikel dan mempublisnya, jika ingin menulis
artikel lagi silahkan pilih Save & New
4. Jika anda mimilih Save & Close maka artikel berhasil di simpan dan di publis, anda akan mendapati
pesan berwarna hijau jika anda berhasil menyimpan artikel dan mempublisnya. 

Cara mengganti Header pada Website Joomla

Berikut langkah-langkahnya.
1. Tentukan template yang akan dipakai dan diganti logo headernya. Misalnya default template
Joomla “rhuk_milkyway”.
2. Cari letak file dari logo header tersebut di hostingan website joomla Anda atau jika
menggunakan server lokal di folder joomla Anda melalui windows explore.

25
 3. Jika menggunakan hosting, letak file biasanya terletak dalam file manager >>> public_html >>>
template >>> rhuk_milkyway >>> images. Jika menggunakan server lokal terdapat dalam
folder \template\rhuk_milkyway\images.

4. Jika letak file telah didapat, catat informasi mengenai logo header joomla tersebut. Seperti
gambar berikut ini.

5. Siapkan logo header baru dengan nama file, jenis file yang sama. Untuk memudahkan, buat logo
baru dengan ukuran yang sama juga.

6. Setelah itu ganti atau langsung paste saja logo header baru tersebut di dalam folder tersebut dan
secara otomatis logo header lama akan digantikan dengan yang baru.

7. Refresh Halaman Joomla Anda dan lihat hasilnya.

Cara membuat header Website menggunakan photoshop Cs3

Membuat Header

1. Buka Photoshop, Caranya : Pada Windows klik : Start > All Program > Adobe Photoshop

2. Tentukan Ukuran dari header website kita. Ukuran header anda sesuaikan dengan layout website anda

ya. Disini saya mengambil contoh dari website ilmugrafis, ok ukuran header dari website ilmugrafis.com

adalah 800 px X 150 px , itu artinya panjang 800 pixels dan lebar 150 pixels.

gambar : new project header website dengan photoshop

3. ok sekarang masukkan 2 gambar yang akan kita gabungkan nantinya.

Caranya : Klik File > Open > Pilih Gambar > Open

26
Disini saya memasukkan gambar, kali ini saya akan membuat header website bertema bangkit

Indonesia karena nanti tanggal 2 mei ada Hari Pendidikan Nasional jadi saya memilih gambar ini:

gambar : foto Indonesia Berkibar gambar : foto anak nusantara

Ok sekarang gunakan move tool dan pindah gambar foto Indonesia Berkibar ke lembar kerja yang tadi

kita buat dan nantinya akan menjadi layer 1, kemudian lalu lanjutkan dengan foto anak nusantara dan

foto ini akan menjadi layer 2. Tekan ctrl + t untuk merubah ukuran gambar sesuai yang diinginkan,

tehnik ini namanya tehnik transform

gambar : susunan layer pada header

27
4. Ok sekarang waktunya memasking, klik add vector mask

gambar : add vector mask

kemudian kita lakukan 3 langkah yaitu :

A) klik gradient tool lalu
B) setting warnanya ke hitam putih lalu
C) sapukan ke gambar dari kanan ke kiri (lihat tanda garis hitam)

gambar : tehnik masking

hasilnya :

gambar : 2 gambar seperti tergabung menyatu

sekarang beri kotak pada sisi kiri bawahnya dengan Rectangle Tool

28
gambar : Rectangle Tool

Kemudian klik Text Tool dan beri sedikit tulisan misal www.indonesiaraya.com
Buat lagi kotak di sebelah kanan dan beri tulisan moto atau slogan atau apapun yang bermakna, kali ini
saya menulis :
Bangunlah Jiwanya... Bangunlah Badannya... Untuk Indonesia Raya...

gambar : hasil header website

29