Laporan pembuatan desain web joomla

29
LAPORAN PRAKTKUM MEMBUAT DESAIN WEB Disusun Oleh : WINA FAJRIATIN XII MIPA-7 SMA NEGERI 1 SUBANG Jl. Ki Hajar Dewantara No.14 A Subang Telp. 0260-411402 Fax:

Transcript of Laporan pembuatan desain web joomla

Page 1: Laporan pembuatan desain web joomla

LAPORANPRAKTKUM MEMBUAT DESAIN WEB

Disusun Oleh :

WINA FAJRIATINXII MIPA-7

SMA NEGERI 1 SUBANGJl. Ki Hajar Dewantara No.14 A Subang Telp. 0260-411402 Fax: 0260-418196 Email:

[email protected]

Page 2: Laporan pembuatan desain web joomla

KATA PENGANTARPuji syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan limpahan rahmat, taufik

dan hidayah-Nya sehingga penulis diberikan kemudahan untuk menyelesaikan laporan ini.

Penulisan laporan ini dimulai sejak awal pemberian tugas yaitu pada akhir agustus sampai sekarang, dan dapat diselesaikan berkat bantuan dari beberapa pihak.

Namun, sepenuhnya saya menyadari bahwa laporan ini masih jauh dari sempurna.Untuk itu kritik dan saran dari berbagai pihak sangat saya harapkan guna penyempurnaan laporan selanjutnya. Semoga laporan ini dapat bermanfaat bagi pembaca khususnya penyusun sendiri.

Subang, 30 November 2015

Penyusun

Page 3: Laporan pembuatan desain web joomla

DAFTAR ISIJudul …………………………………………………………………………………….....1

Kata Pengantar . ………………………………………………………………………….2

BAB I Pendahuluan ………………………………………………………………4

1.1 Latar Belakang

1.2 Rumusan Masalah

1.3 Tujuan

1.4 Manfaat

BAB II Analisis Materi.......………………………………………………………5

2.1 Pengertian Desain Web Joomla

2.2 Aplikasi Pendukung Desain Web Joomla

2.3 Proses Instalasi

BAB III Metodelogi...……………………………………………………………...13

3.1 Alat dan Bahan (perangkat dan aplikasi yang digunakan)

3.2 Prosedur Kerja (Langkah-langkah pembuatan website)

BAB IV Hasil dan Pembahasan……………….………………………………...13

4.1 Menu dan Sub Menu Website

BAB V Kesimpulan dan Saran……………….………………………………...13

5.1 Kesimpulan

4.2 Saran

Page 4: Laporan pembuatan desain web joomla

BAB I

Pendahuluan1.1 Latar Belakang

Seiring dengan berkembangnya teknologi terutama dalam penggunaan internet di masyarakat tentunya bukan hal yang asing lagi. Hampir seluluruh aspek di dunia modern seperti pekerjaan, pendidikan, perbankan, perekonomian, menggunakan jasa internet. Sehingga pembuatan berbagai macam web di dunia maya semakin marak.

Untuk itu pada laporan ini saya akan membuat web dengan judul “Fakta Fakta”. Dalam laporan ini saya akan menunjukkan teknis-teknis pembuatan web menggunakan Joomla! Yang ternyata tidak sesulit yang kita bayangkan saat ini.

1.2 Rumusan Masalah

1. Apa yang dimaksud dengan desain web Joomla?2. Apa saja kah aplikasi pendukung desain web joomla?3. Bagaimana proses istalasinya?4. Apa saja perangkat yang diperlukan dalam membuat desain web Joomla?5. Bagaimana prosedur kerjanya?

1.3 Tujuan

Adapun tujuan dari pembuatan laporan ini yaitu :

1. Mengetahui pengertian desain web joomla2. Mengetahui aplikasi pendukung desain web joomla3. Mengetahui proses installasi joomla4. Mengetahui perangkat apa saja yang dibutuhkan5. Mengetahui prosedur kerja untuk membuat desain web joomla

1.4 Manfaat

Web sering dibilang susah dalam pembuatannya, namun dalam penulisan ilmiah ini saya mencoba akan menjelaskan bagaimana mudahnya membuat website dengan Joomla!.

Page 5: Laporan pembuatan desain web joomla

BAB II

Analisis Materi

2.1 Pengertian Desain Web Joomla

Joomla adalah sebuah Content Managemen System yang dapat digunankan oleh siapa saja untukkeperluan pembuatan website, mulai dari yang sangat sederhana sampai dengan website yangsangat kompleks. Berikut beberapa jenis website yang dapat dibangun dengan Joomla.

1. Website corporate atau portal2. Website ecommerce3. Website untuk perusahaan kecil4. Website untuk organisasi Nonprofit5. Website untuk Pemerintah6. Website untuk keperluan internet7. Website untuk sekolah dan Perguruan Tinggi8. Website Pribadi atau blog9. Website untuk komunitas dan portal10. Website untuk majalah, koran, dan tabloid

Begitu banyak aplikasi yang dapat ditangani oleh Joomla, tak heran kalau Joomla menjadi pilihan banyak orang dalam pembuatan websitenya. Di samping itu, Joomla juga mudah di installasi, mudah dalam pengelolaannya dan dapat dimodifikasi sesuai kebutuhan kita. Oleh karena itu Joomla mempunyai prinsip, fleksibel, simple, elegant, customizable, dan powerful. Joomla merupakan pengembangan dari open source project Mambo, yang dahulu sering disebut sebagai Mambo Open Source atau MOS. Mambo sebenarnya dikembangkan oleh sebuah perusahaan yang bernama Miro. Miro memberikannya kepada komunitas open source (komunitas pengembang) sebuah variant WCMS yang gratis untuk dikembankan. Setelah menyerahkannyapada komunitas, MOS berkembang dengan baik. Pada bulan Agustus 2005 terjadi perselisihan prinsip antara pihak komunitas pengembang MOS dengan MIRO. Akibat perbedaan prinsip ini, beberapa orang tim MOS keluar dari project tersebut dan akhirnya membentuk project open source baru yang diberi nama Joomla. Kata Joomla sendiri diambil dari kata Jumla, bahasa Suaheli dari penduduk Kenya dan Tanzania di benua Afrika yang berarti “all this together”.

Struktur File dan Direktori Joomla

Pada bagian ini kita belajar tentang struktur file dan direktori yang digunakan oleh Joomla. Seperti kita ketahur Joomla adalah sebuah website content management yang powerfull, maka sudah pasti mempunyai banyak file dan direktori.

Struktur FileFile yang kita bahas adalah filefile penting yang terletak di root direktori server Joomla, yaitu :

1. Index.php, merupakan file utama untuk menampilkan halaman web Joomla. Beberapa pengaturan joomla terdapat pada file ini. Jika kita mengakses file ini, berarti kita membuka halaman depan website Joomla. Misalnya www.lintau.com/index.php.

2. Configuration.php, merupakan file yang terbentuk saat kita melakukan proses instalasi Joomla. Pada file ini terdapat pengaturan untuk koneksi ke database, dan pengaturan penting lainnya. Jika file ini rusak, website Joomla tidak akan berfungsi.

3. License.txt, file ini berisi informasi tentang lisensi website CMS Joomla4. htaccess.txt, file ini sebaiknya dirubah namanya menjadi .htaccess , tujuanya agar dapat merubah url

link website menjadi lebih Search engine frendly.5. Robot.txt, berisi file yang diblok agar tidak di crawl oleh Search engine seperti Google.

Page 6: Laporan pembuatan desain web joomla

Struktur Direktori

Joomla mempunyai beberapa direktori yang mempunyai fungsi tersendiri. Setiap direktori mempunyai subdirektori dan filefile pendukung sesuai fungsinya. Berikut ini adalah strukturdirektori Joomla.

1. Administrator, ini merupakan direktori khusus administrator untuk keperluan pengelolaan website Joomla. Mulai dari proses installasi modul, komponen. Mambot, bahasa sampai dengan proses maintenance web secara keseluruhan.

2. Cache, sebuah direktori khusus yang berfungsi untuk menyimpan data sementara di computer pengguna, tujuannya adalah mempercepat proses loading web jika dibuka pada waktu lain fungsinya sama dengan memori computer.

3. Components, merupakan direktori tempat menyimpan seluruh komponen yang terinstall di website Joomla.

4. Editor, sebuah direktori yang berfungsi untuk menyimpan berbagai editor yang diinstall pada website Joomla.

5. Help, sebuah direktori khusus untuk menampilkan bantuan jika kita menemukan Kendala dalam menggunakan Joomla.

6. Images, adalah direktori tempat menampung filefile gambar guna keperluan website joomla.7. Includes, ini merupakan direktori pendukung bagi aplikasi joomla yang lainnya.8. Installation, direktori yang digunakan dalam proses installasi website Joomla. Jika proses installasi

selesai, direktori ini sebaiknya dihapus, untuk mempertimbangkan keamanan web dimasa dating.9. Language, sebuah direktori khusus untuk menampung jenisjenis bahasa yang dapat digunakan di

website yang multi bahasa.10. Plugin, sebuah direktori untuk menampung tool tambahan dari Joomla11. Media, sebuah direktori yang diperuntukkan untuk menyimpan dan mengupload filefile ke dalam

website Joomla, baik file gambar maupun teks.12. Modules, tempat menyimpan modulmodul yang terinstal di website Joomla.13. Templates, tempat menyimpan semua template yang terinstal di website Joomla.

Istilah Istilah Penting Pada Joomla

Banyak istilah-istilah yang kedengaran baru, jika kita betulbetul pemula dengan Joomla. Agarpemahaman kita terhadap Joomla lebih mudah, berikut ini diberikan penjelasan terhadap beberapa istilah yang akan sering digunakan nantinya.

1. Module, adalah bagian unit fungsi dari Joomla yang berguna untuk menampilkan fiturfitur utam Joomla serta menampilkan beberapa komponen terkait. Secara default, Joomla telah menyediakan be berapa modul, seperti modul banner,menu, login, newsfeed, statistic, arsip,sindikasi, polling dan lain sebagainya serta modul yang disediakan oleh pihak ketiga.

2. Component, adalah sebuah aplikasi yang menambah nilai guna Joomla. Sebuah component mempunyai konfigurasi di bagian jendela administratornya. Misalnya komponen weblink, content form, polling dan lain sebagainya.

3. Plugin, sebuah unit fungsi Joomla yang disisipkan unutk memanipulasi ataupun menterjemahkan konten yang diproses sebelum ditampilkan.

4. Template, sebuah aplikasi yang berfungsi untuk mengatur tampilan website Joomla secara keseluruhan. Template ini mirip dengan istilah Theme di Windows atau skin di Winamp. Pada template ini diatur sedemikian rupa sehingga website dapat tampil sesuai keinginan kita.

5. Content, semua berita/artikel/module/komponen yang terdapat dalam website secara keseluruhan.

Semua aplikasi pendukung Joomla terus dikembangkan oleh developer dan pihak ketiga, sehingga saat ini tersedia sampai dengan ratusan ribu module, component, mambots dan templates, add on yang dapat didownload secara gratis di internet, walaupun ada beberapa yang bersifat komersial.

Page 7: Laporan pembuatan desain web joomla

2.2 Aplikasi Pendukung Joomla

Seperti telah kita bahas di awal, joomla adalah salah satu website bersifat Content Management System (CMS) yang sangat banyak digunakan saat ini. Sebagai suatu CMS yang berlisensi GNU (General Public License) http://www.gnu.org/copyleft/gpl.html#SEC1, semua aplikasi pendukungnya adalah aplikasi berlisensi yang sama. Berikut ini adalah aplikasi pendukung yang mutlak ada sebelum Joomla diinstal pada computer Anda.

1. Aplikasi PHP, aplikasi PHP mutlak diperlukan karana Joomla sendiri dibuat menggunakan bahasa pemrograman PHP. Aplikasi PHP ini dapat anda download di website resminya, www.php.net. Untuk langsung menuju ke link downloadnya, silakan saja buka url: http://www.php.net/downloads.php.

2. Web Server Apache, karena Joomla menggunakan bahasa pemrograman PHP, diperlukan sebuah server untuk mendukung aplikasi tersebut. PHP adalah bahasa pemrograman web bersifat server side. Aplikasi server yang dibutuhkan oleh Joomla adalah Apache. Silahkan download di alamat www.apache.org. Sedangkan link downloadnya dapat anda dapat akses pada http://httpd.apache.org/download.cgi.

3. Database MySQL, yang merupakan pilihan Joomla tempat menyimpan seluruh content web. MySQL merupakan Relational Database Management System yang berlisensi GNU/GPL dan dapat di download secara gratis di www.mysql.com. sedangkan link downloadnya, dapat anda akses pada http://dev.mysql.com. Pastikan semua aplikasi di atas sudah anda download dan telah terinstal dengan baik di computer anda. Jika anda mendownload file tersebut secara satu per satu, artinya kita juga menginstal secara satu per satu. Namun untuk memudahkan, saat ini banyak juga beredar software tersebut yang bersifat multi aplikasi, artinya dengan sekali install, ketiga aplikasi pendukung langsung terinstal dan terkonfigurasi dengan baik. Aplikasi tersebut adalah PHPTRIAD, WAMP, (Window Apache Mysql dan PHP), LAMP (Linux Apache Mysql dan PHP), XAMPP, EasyPHP, Dongkrak. Semua aplikasi ini dapat digunakan di Joomla, namun perhatikan versinya. Yang terbaik tentu aplikasi dengan versi yang lebih baru dan stabil. Dalam modul ini kita akan menggunakan software XAMPP.

2.3 Proses Instalasi

Sebelum memulai penginstalan Joomla pada localhost kita harus mengcopy folder yang berisi aplikasi Joomla ke folder htdocs. Setelah mengcopy folder aplikasinya rename nama folder tersebut menjadi nama website yang akan dibuat. Disini untuk praktikum awal kita menggunakan desain.info. setelah berhasil direname kini buka browser untuk mulai melakukan instalasi Joomla pada localhost.

1. Buka localhost/nama folder aplikasi Joomla yang sudah direname tadi. Contoh localhost/desain.info sehingga akan muncul tampilan seperti dibawah ini

Page 8: Laporan pembuatan desain web joomla

2. Pilih bahasa sesuai dengan yang kita pahami. Dalam praktikum ini kita menggunakan bahasa English (United State) setelah itu klik tombol next yang ada di pojok kanan atas. Sehingga akan muncul tampilan selanjutnya.

Tampilan diatas adalah Pre-Installation Check dimana kita diminta untuk meneliti Pre-installationnya sebelum memulai menginstal Joomla. Jika sudah sesuai dengan tampilan diatas pilih kembali tombol next.

3. Setelah itu kita diminta untuk memeriksa surat ijin GNU sebelum melanjutkan instalasi. Selanjutnya klik Next.

Page 9: Laporan pembuatan desain web joomla

4. Berikutnya kita diminta untuk mengisi konfigurasi database dari website yang akan kita buat. Disini tipe Databasenya memakai MySQLi, selanjutnya host name untuk praktikum kali ini masih memakai localhost sebagi host namenya. Selanjutnya username kita gunakan root karena saat ini kita menggunakan localhost sebagai host, atau kita bisa mengisi username dengan username yang diberikan oleh host yang kita gunakan selain localhost, kemudian isilah password sesuai dengan yang kita inginkan. Selanjutnya mengisi nama database yang kita gunakan, pada praktikum kali ini kita menggunakan database desain. Database desain memang belum pernah dibuat sebelumnya tetapi dengan mengetikkan nama desain pada kolom Database Name itu membuat MySQL membuat database sendiri sesuai dengan nama yang kita gunakan untuk database website. Setelah itu klik Next.

5. Setelah itu kita diminta untuk mengisi konfigurasi untuk FTP. Pada kolom Eneble FTP Layer pilih No dan setelah itu klik next.

Page 10: Laporan pembuatan desain web joomla

6.

Setelah itu kita diminta untuk mengatur konfigurasi utama pada site yang ingin kita buat. Pada kolom Site Name diisi dengan nama site yang kita inginkan disini sesuai dengan praktikum saya menggunakan desain.info. Kemudian pada kolom admin email diisi dengan alamat email kita setelah itu pada kolom admin name diisi dengan admin dan masukkan password baru pada kolom password dan confirm password. Setelah itu klik Next

7. Setelah itu akan muncul tampilan seperti pada gambar diatas itu berarti ini adalah tahap terakhir dari penginstalan Joomla. Pada step terakhir ini kita diminta untuk menghapus folder instalasi karena kita tidak bisa untuk memulai mengproses jika tidak melakukan penghapusan dari folder instalasi. Pilih tombol Remove installation folder. Dengan begitu kita sudah selesai menginstal Joomla dan tampilan website kita sudah jadi. Dan untuk melihat bagaimana tampilan site kita bisa memilih tombol Site pada pojok kanan atas.

Page 11: Laporan pembuatan desain web joomla
Page 12: Laporan pembuatan desain web joomla

BAB III

Metodelogi3.1 Alat dan Bahan

Sebenarnya simple saja yang dibutuhkan dalam membuat website. Awalnya dulu pas mulai belajar website saya juga mengira bahwa harus memiliki uang banyak atau peralatan yang banyak, nyatanya? Hanya beberapa perangkat dan kebutuhan yang harus disediakan.

1. Komputer/laptop2. Koneksi internet3. Domain (nama website)4. Hosting (tempat penyimpanan data online)5. Produk jualannnya.

1) Komputer/laptopMenurut wikipedia.org Komputer adalah alat yang dipakai untuk mengolah data menurut prosedur yang telah dirumuskan. Kata komputer semula dipergunakan untuk menggambarkan orang yang perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika. Boleh dibilang kegunaan komputer sekarang ini sudah menyentuh hampir segala keperluan sehari-hari manusia. Coba saja perhatikan dari mulai kamar tidur sampai ke pinggir jalan, telah dibantu dengan komputer. Coba saja pusat perbelanjaan yang banyak dikunjungi orang, semuanya sudah menggunakan komputer. Pabrik-pabrik tekstil yang dulu digerakaan dengan mesin tradisional, sekarang sudah menggunakan jaringan komputer, apalagi di bagian keuangan dan administrasi. Begitulah kegunaan komputer dalam kehidupan sehari-hari orang jaman sekarang. Pengertian komputer secara umum adalah seperangkat alat elektronika yang dapat mengolah data menjadi suatu informasi dan juga berguna untuk membantu pekerjaan manusia agar lebih cepat, mudah, dan tepat. Komputer juga sebagai alat informasi dan komunikasi yang mampu mengolah data dan kemudian menyimpannya. Seiring dengan bertambahnya waktu dan berkembangnya teknologi, semakin banyak pula jenis komputer akan bermunculan. Pada tahun 2012 ini, terend penggunaan laptop sedang naik. Hal ini di karenakan pada saat ini masyarakat membutuhkan komputer yang flexibel. Artinya komputer ini mudah digunakan dan praktis. Nah, laptop telah masuk pada kriteria ini, karena laptop mempunyai ukuran yang relatif kecil serta dapat dibawa ke mana-mana dengan mudah, yang terintegrasi pada sebuah casing menjadi satu kesatuan. Beratnya sekitar 1 hingga 6 kilogram tergantung dari ukuran, bahan dan spesifikasi. Sumber listriknya pun berasal dari baterai atau A/C adaptor dan dapat digunakan untuk mengisi ulang baterai dan menyalakan laptop itu sendiri. Baterai Laptop pada umumnya dapat bertahan sekitar 1 hingga 6 jam bergantung pada cara pemakaian, spesifikasi, dan ukuran baterai. Sebagai komputer pribadi, Laptop memiliki fungsi yang sama dengan Komputer desktop meskipun dengan kemampuan yang lebih rendah. Komponen yang terdapat didalamnya adalah sama dengan yang terdapat pada Komputer Desktop hanya saja dengan ukuran yang lebih diperkecil, lebih ringan, tidak panas dan irit listrik.

2) Koneksi Internet Apa Itu Internet? Internet "Inter-Network" merupakan sekumpulan jaringan komputer yang menghubungkan komputer-komputer lain yang saling berhubungan dengan mengunakan kabel atau tanpa kabel. Internet menyediakan akses untuk layanan elekomunikasi dan sumber daya informasi untuk jutaan pemakainya yang tersebar di eluruh dunia. Layanan internet meliputi :

Page 13: Laporan pembuatan desain web joomla

• Komunikasi langsung : email, chat • Diskusi : Usenet News, email, milis,• Sumber daya informasi yang terdistribusi : World Wide Web, Gopher, • Remote login dan lalu lintas file : Telnet, FTP, dan masih banyak layanan lainnya. Pada awalnya, internet hanya menawarkan layanan berbasis teks, meliputi remote access , email/messaging , maupun diskusi melalui newsgroup (Usenet). Layanan berbasis grafis seperti World Wide Web (WWW) saat itu masih belum ada. Yang ada hanyalah layanan yang disebut Gopher yang dalam beberapa hal mirip seperti web yang kita kenal saat ini, kecuali sistem kerjanya yang masih berbasis teks. Kemajuan berarti dicapai pada tahun 1990 ketika World Wide Web mulai dikembangkan oleh CERN (Laboratorium Fisika Partikel di Swiss) berdasarkan proposal yang dibuat oleh Tim Berners-Lee. Namun emikian, WWW browser yang pertama baru lahir dua tahun kemudian, tepatnya pada tahun 1992 dengan nama Viola. Viola diluncurkan oleh Pei Wei dan didistribusikan bersama CERN WWW. Tentu saja web browser yang pertama ini masih sangat sederhana, tidak secanggih browser modern yang kita gunakan saat ini. Terobosan berarti lainnya terjadi pada 1993 ketika InterNIC didirikan untuk menjalankan layanan pendaftaran domain. Bersamaan dengan itu, Gedung Putih ( White House ) mulaionline di Internet dan pemerintah Amerika Serikat meloloskan National Information Infrastructre Act . Penggunaan internet secara komersial dimulai pada 1994 dipelopori oleh perusahaan Pizza Hut, dan Internet Banking pertama kali diaplikasikan oleh First Virtual. Setahun kemudian, Compuserve, America Online, dan Prodigy mulai memberikan layanan akses ke Internet bagi masyarakat umum. Sementara itu, kita di Indonesia baru bisa menikmati layanan Internet komersial pada sekitar tahun 1994. Sebelumnya, beberapa perguruan tinggi seperti Universitas Indonesia telah terlebih dahulu tersambung dengan jaringan internet melalui gateway yang menghubungkan universitas dengan network di luar negeri.

3) Domain (nama website)Pengertian Domain menurut wikipedia: Domain adalah nama unik yangdiberikan untuk mengidentifikasi nama server komputer seperti web server atauemail server di jaringan komputer ataupun internet. Fungsi Domain adalah untukmempermudah pengguna di internet pada saat melakukan akses ke server, selainjuga dipakai untuk mengingat nama server yang dikunjungi tanpa harusmengenal deretan angka yang rumit yang dikenal sebagai IP address. Namadomain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperticontohnya "wikipedia.org". Nama domain kadang-kadang disebut pula denganistilah URL, atau alamat website.

Domain disewakan secara bebas dengan status sewa umumnya selama satutahun. Umumnya nama domain memiliki fungsinya masing masing sesuaidengan keperluannya sebagai contoh domain .com adalah domain untukkomersil. Berikut adalah nama nama domain beserta fungsinya :

com – Digunakan Untuk Komersial (pagarkanopi.com)org – Digunakan Untuk Organisasi Nonprofitedu – Digunakan Untuk Institusi pendidikangov – Digunakan Untuk Untuk Pemerintahanmil – Digunakan Untuk Militernet – Digunakan Untuk Organisasi Networkco.id - di khususkan untuk website perusahaan (nanotech.co.id)web.id - untuk website personal/pribadisch.id - digunakan untuk website sekolah ( aulady.sch.id )net.id - untuk perusahaan penyedia layanan jasa ISPmil.id - digunakan untuk website kemiliteran ( tni.mil.id )go.id - untuk website pemerintah ( polri.go.id )

Page 14: Laporan pembuatan desain web joomla

or.id - khususkan untuk organisasimy.id - untuk website personal/pribadi,biz.id - untuk yang mempunyai usaha/UKM,

4) Hosting (tempat penyimpanan data online)Web Hosting atau biasa disebut Hosting adalah layanan penyewaan ruangsimpan data (space) yang digunakan untuk menyimpan data-data website agarhalaman website tersebut bisa diakses dari mana saja melalui Internet. Data webtersebut meliputi file-file html, php script, cgi script, css, image, database, danfile lain yang dibutuhkan untuk menampilkan halaman web.Jika diibaratkan website adalah bangunan, sedangkan domain adalah alamatbangunannya, maka hosting adalah tanahnya untuk menampung data website.

5) Produk jualannnya.Dalam bisnis, produk adalah barang atau jasa yang dapat diperjualbelikan.Dalam marketing, produk adalah apapun yang bisa ditawarkan ke sebuah pasardan bisa memuaskan sebuah keinginan atau kebutuhan.Kata produk berasal dari bahasa Inggris product yang berarti "sesuatu yangdiproduksi oleh tenaga kerja atau sejenisnya".Dalam penggunaan yang lebih luas, produk dapat merujuk pada sebuah barangatau unit, sekelompok produk yang sama, sekelompok barang dan jasa, atausebuah pengelompokan industri untuk barang dan jasa. (Sumber: wikipedia.org).

3.2 Prosedur Kerja

Mengubah Template

1. Pertama masuk ke halaman admin seperti Cara Mengganti Template Joomla 1.5, masukan username dan password agan

2. Setelah masuk ke admin panel, cari menu Extentions > Extention Manager > Install, seperti gambar di bawah ini

3. Upload template joomla agan di bagian Upload Package File dan Browser file template joomla 2.5 yang mau diinstal. Klik tombol Upload & Install.

Page 15: Laporan pembuatan desain web joomla

4. Setelah selesai ada keterangan Installing template was succesfull. 

5. Masuk lagi ke menu Extentions >Template Manager

6. Setelah masuk klik menu styles, checklist pada kota kecil sebelah kiri dan Set Template Default yang ada disebelah kanan

Membuat Menu

Page 17: Laporan pembuatan desain web joomla

 5. Klik Add A Module For This Menu Type pada Nama Menu yang anda tempatkan untuk Menu Items yang baru anda buat. 

 6. Isi Details --> klik Save & Close --> klik View Site

Membuat Menu Dropdown

1.        Buat top menu dan sub menunya, mau berapa level juga boleh

2.      Down load module extension Maximenu CK  atau klik disini, maka akan didapatkan win rar zip file mod_maximenuck_6.1.7_j25

3.        Buka bekend website mu, lalu pilih Extensions->Extension Manager sehingga layar akan menunjukkan seperti di gambar ini.

Page 18: Laporan pembuatan desain web joomla

4.      Klik tombol “browse”, lalu carilah win rar zip file mod_maximenuck_6.1.7_j25 hasil down load, terus klik tombol “upload & install”, jika tahap ini sudah selesai maka artinya module maximenu CK sudah ada di daftar module joomla mu. Selanjutnya lanjutkan dengan tahapan berikutnya.

5.        Klik Extensions->Module Manager

 

6.     Cari module Maximenu CK. Pada tahap ini si dia-nya masih berstatus unpublished. Kalau dah ketemu klik aja, lalu lakukan langkah-langkah edit. Yang wajib di edit agar efeknya ngaruh adalah :

Page 19: Laporan pembuatan desain web joomla

7.        Show title, pilih “hide”

8.        Status, dari unpublished ganti  jadi published

9.        Position, pilih position 1

10.   Module Assignment pilih “On all pages”  adanya dibagian bawah/dilayar dibawah gambar  di atas.

11.     Pada Basic Option yang ada di samping kanan, “menu to render” pilih “top”

12. Klik Styles Option, pada orientation pilih “horizontal”

13.   Jika sudah selesai, maka langkah terakhir adalah save and close, lalu bukalah website mu.

7. Maka Menu yang berisi Menu Item yang anda buat akan tampil pada halaman Joomla anda.

Page 20: Laporan pembuatan desain web joomla

Menambahkan Video

Jika Website Anda dibangun menggunakan CMS Joomla, anda bisa melengkapi Pembelajaran anda dengan menampilkan video-video yang mendukung dari Hosting penyedia Video seperti YouTube, Metacafe, Vimeo, dan seterusnya dengan menggunakan Extension Joomla (Plugin Mambot) Allvideos.Hampir semua format video dapat anda tampilkan menggunakan Plugin Allvideos ini. Seperti  flv, swf, mov, mp4, wmv, wma, mp3, 3gp, webm, ogv, ogg, divx.Sedangkan cara Instalasi Plugin Allvideos, semudah melakukan instalasi plugin yang lain (baca tutorial saya sebelumnya Memahami Joomla Extension).Setelah Instalasi berhasil dilakukan, aktifkan Plugin tersebut dengan mengeklik Tombol  Yes pada pilihan Enable.

Selanjutnya, untuk menampilkan video yang dimaskud..eh..maksud, Anda tinggal menuliskan kode Video yang dimaksud, misalnya kode video anda http://www.youtube.com/watch?v=7ZSSyuLf9PY.

Maka ketikkan kode 7ZSSyuLf9PY dengan format {format/provider}filename{/format/provider}. Menjadi {youtube}7ZSSyuLf9PY{/youtube}.

Anda bisa mengatur lebar dan tinggi tampilan Video nya dengan menambahkan |width|height|autoplay disebelah

kanan File name, menjadi :

Page 21: Laporan pembuatan desain web joomla

BAB IV

Hasil dan Pembahasan4.1 Hasil

Page 22: Laporan pembuatan desain web joomla

3.2 Pembahasan

Dalam pembuatan web ini terdapat 3 menus, yaitu :(1)HOME(2)10 Fakta Unik Junkfood Yang Selama ini Dirahasiakan dari Anda(3)Eiffel Tower

Menu yang paling utamanya adalah Main Menu yang di mana di dalamnya terbagi lagi menjadi beberapa Sub Menu, diantaranya :

(1) Home Home berisi video dari fakta unik Despicable Me 2

(2) 10 Fakta Unik Junkfood Yang Selama ini Dirahasiakan dari AndaDi dalam menu ini terdapat berbagai fakta Junkfood

(3) Eiffel TowerPada menu ini terdapat fakta tentang Eiffel Tower

Pada dasarnya web yang saya buat adalah berisi fakta-fakta unik, dimana semua artikel hanya memuat gambar, dan kata-kata.

Page 23: Laporan pembuatan desain web joomla

BAB V

Kesimpulan dan Saran5.1 Kesimpulan

Joomla adalah sebuah Content Managemen System yang dapat digunankan oleh siapa saja untuk keperluan pembuatan website, mulai dari yang sangat sederhana sampai dengan website yang sangat kompleks. Dari laporan ini dapat saya simpulkan bahwa untuk membuat sebuah web joomla tidaklah sesulit yang dibayangkan. Karena di dalamnya sudah terdapat beberapa aplikasi pendukung yang memudahkan pengguna terutama yang masih pemula untuk dapat membuat sebuah desain web.

5.1 Saran

Karena keterbatasan kemampuan yang dimiliki oleh manusia saya sebagai penulis laporan ini sangat mengharapkan kritik dan saran dari para pembaca agar pada laporan-laporan selanjutnya bisa menjadi lebih baik lagi.

Page 24: Laporan pembuatan desain web joomla

Daftar Pustaka

http://buatwebsitecms.blogspot.co.id/2013/01/mengganti-template-joomla.html http://wildanpebriana7.blogspot.co.id/2012/12/cara-membuat-menu-baru-pada-joomla-257.html http://tyangsamin.blogspot.co.id/2012/12/cara-membuat-menu-drop-down-di-joomla-25.htmlhttp://amiroh.web.id/menampilkan-video-youtube-di-joomla/