LAPORAN

PROYEK TUGAS AKHIR SEKOLAH

PEMOGRAMAN WEB JOOMLA

Penulis :

DEKA BAGUS PRAKOSO

PROGRAM STUDI KEAHLIAN

TEKNIK INFORMASI DAN KOMUNIKASI

KOMPETENSI KEAHLIAN KOMPUTER

SEKOLAH MENENGAH KEJURUAN

DARMA SISWA 1

Jalan Kusuma 9.11,14, Berbek – Waru – Sidoarjo

Website SMK Darma Siswa : http://smk-dharma.blogspot.com

BAB 1PENDAHULUAN

1.1 Latar Belakang MasalahPerkembangan Internet begitu pesat sehingga mempermudah seseorang untuk dapatmengakses berbagai macam informasi salah satunya adalah bidang Pendidikan tujuannyauntuk menunjang segala aktivitas disekolah. Begitu juga dengan system web sekolahyang akan penulis buat, tujuannya untuk mempercepat proses kegiatan-kegiatandisekolah.Penulis disini membuat suatu web dengan latar belakang Sekolah Menengah AtasYayasan Pondok Pesantren Depok yang berisi Search, Sambutan Kepala Sekolah, ProfilSekolah, Biodata Kepala Sekolah, Home, Struktur Organisasi, Rencana Program, ProfilSiswa, Staff Pengajar, Prestasi, Galery Photo, Fasilitas & Kegiatan, Berita, Guest Book,Contact Us, Weblinks, Downloads.Tentunya akan lebih sulit dan memakan waktu bagi orang tua yang akan mendaftarkananak-anaknya dan bagi para calon siswa dan siswi yang ingin mengunjungi sekolahsekolahtersebut melalui kendaraan umum. Untuk itu penulis mencoba membuat programaplikasi web sekolah dengan menggunakan Joomla 1.0.12 yaitu web berbasis ContentManagement System (CMS) dan bersifat opensource yang berarti kode sumber aplikasiyang dapat diakses, dilihat, dan dimodifikasi oleh umum sesuai dengan aturan yangditentukan.Harapan Penulis membuat web sekolah ini adalah untuk menambah informasi bagikalangan pengguna jasa Internet khususnya dan masyarakat luas pada umumnya dan paracalon siswa & siswi dapat mempersingkat waktu untuk melihat ruang lingkup sekolahyang pada akhirnya memberikan kenyamanan karena lebih efektif dan efisien.1.2 Ruang LingkupPembuatan Website Sekolah dengan menggunakan Joomla 1.0.12 yang memperkenalkantentang Search, Sambutan Kepala Sekolah, Profil Sekolah,12Biodata Kepala Sekolah, Home, Struktur Organisasi, Rencana Program, Profil Siswa,Staff Pengajar, Prestasi, Gallery Photo, Fasilitas & Kegiatan, Berita, Guest Book, ContactUs, Weblinks dan Downloads. Dalam hal ini penulis membahas sebatas pada tahapperencanaan, desain halaman web, pembuatan dan fungsi-fungsi yang akan diuraikanpada Joomla, proses pembuatan HTML telah dilakukan secara otomatis.1.3 TujuanPada penulisan ilmiah ini penulis membuat sebuah aplikasi halaman Web yang berisiinformasi dan perkembangan sekolah.Adapun maksud dari penulisan ini adalah untuk membantu seseorang yang inginmengetahui lebih banyak kondisi dan ruang lingkup sekolah. Dan juga menerapkanteknologi halaman Web pada bidang penyampaian informasi.

1.4 Metode PenelitianPencarian data yang yang didapat dari sekolah seperti: Sambutan Kepala Sekolah,

Profil Sekolah, Berita, Struktur Organisasi, Profil Siswa, Pengajar beserta Staff, RencanaProgram, Fasilitas & Kegiatan, Prestasi, Photo, Weblinks dan Downloads. Penulis langsungobservasi kesekolah tersebut, setelah melakukan observasi penulis mengumpulkan data-datayang akan dijadikan komponen-komponen untuk membuat suatu web sekolah. Situs pembuatanWebsite SMA YPPD yaitu dengan mengunakan bahasa pemograman HTML,PHP & MY SQLdan aplikasi pendukung adalah JOOMLA 1.0.12. HTML merupakan bahasa standar yangdigunakan untuk dokumen www apikasi yang digunakan adalah Dremweaver 8.0, PHP

(Personal Home Page) adalah bahasa pemograman script yang paling banyak dipakai saat ini,My Sql yaitu suatu database yang terkenal dalam menangani sebuah website.

Joomla merupakan web berbasis Content Management System (CMS) dan bersifatopensource yang digunakan untuk membuat suatu tampilan menjadi menarik. Komponen-komponen standar / bawaan yang termasuk dalam file instalasi Joomla yaitu yang dipakaidalam pembuatan web sekolah ini hanya Polls dan Search. Polls yaitu komponen yang bergunauntuk menampilkan fasilitas voting atau jajak pendapat pada situs Joomla sedangkan Searchberguna untuk mencari letak dari suatu komponen yang akan dicari. Setelah data-dataterkumpul dan dijadikan suatu komponen maka akan dilakukan uji coba setelah uji cobaberhasil maka proses selanjutnya adalah upload ke Internet.

Adapun aplikasi lainnya seperti: Photoshop CS3, Xampp 1.5.1, Css, Flash MX danFilezilla. Photoshop adalah Sebuah software pengolah grafis yang sangat dibutuhkan untukmenciptakan visual-visual yang menarik pada website yang akan dibuat, XAMPP adalahsebuah paket instalasi mudah Apache server yang sudah termasuk didalamnya yaitu PHP danMySQL. Metode CSS adalah metode pengaturan tampilan web yang cenderung menghasilkanoutput program yang optimal. Flash MX merupakan bagian dari keluarga Macromedia yangdigunakan sebagai aplikasi pembuat animasi, juga menyediakan berbagai macam tools dalammenggambar sebuah objek. Filezilla 3.0.9.1 adalah software opensource yang merupakansolusi dari FTP gratis.

1.5 Sistematika Tulisan Ilmiah

Sistematika penyajian dari penulisan ilmiah ini terdiri dari empat bab, setiap bab dapatterdiri dari beberapa sub-bab. Adapun sistematika penulisan ilmiah ini adalah sebagaiberikut :BAB 1 PENDAHULUAN Dalam bab ini diuraikan latar belakang dari SMA YPPD, ruanglingkup yang berisi Profil Sekolah, Sambutan Kepala Sekolah, Biodata Kepala Sekolah, Home,Struktur organisasi, Rencana program, Profil Siswa, Staff pengajar, Prestasi, Gallery photo,Fasilias dan Kegiatan, Berita, Guest book, Weblinks dan Downloads, tujuan penulisanpembuatan web, metode penelitian yang telah didapat Komponen-komponen, proses Uji cobadan terakhir proses Upload selanjutnya dan terakhir sistematika penulisan yang memberikangambaran uraian penulisan yang terdapat dalam penulisan ilmiah ini.

BAB IILANDASAN TEORI

2.1 Sistem Rekomendasi2.1.1 Pengertian Joomla

Joomla adalah sebuah Content Management System (CMS) yang dibuat menggunakanbahasa PHP (PHP Hypertext Processor). Sejarah munculnya Joomla adalah karena ada sedikit“konflik” antara develop (pengembang) Mambo dengan founder (pembuat program) Mambo.Pihak founder berkeinginan untuk membentuk sebuah perusahaan bernama Mambo Foundation,namun para pengembang tidak setuju karena mereka beralasan bahwa jika Mambo sudahditangani oleh sebuah perusahaan secara otomatis Mambo akan menjadi sebuah software yangkomersial. Padalah tujuan awal dibuatnya Mambo adalah free (gratis) untuk semua orang dansiapapun boleh menggunakan, menduplikasi, atau bahkan memoddifikasi. Kondisi seperti inimemicu para develop yang memiliki tanggung jawab dan hati nurani kepada user membuatmereka hengkang dari kepengurusan Mambo. Yang pada akhirnya para develop yang tidak

setuju tersebut bergabung dan menciptakan sebuah software “tandingan” Mambo. Makaterciptalah sebuah sofware yang memiliki bentuk dan fungsi yang sama persis bernama Joomla.

2.1.2 komponenHampir seluruh modul maupun komponen untuk Mambo dapat pula digunakan pula

pada Joomla. Meskipun program ini menggunakan bahasa php, bukan berarti harus pahamseluruhnya tentang kode php. Bagi mereka tidak memahami kode HTML, Javascript, ASP, CGI,maupun php tidak perlu takut untuk mempelajarinya karena meskipun tidak tahu tentang kode-kode tersebut, orang bisa membuat sebuah web secara cepat dengan beberapa fitur yang sangatkompleks Joomla dapat digunakan untuk membuat situs:1. Portal2. Komersial3. Non-profit4. Pribadi

2.3.1 Aplikasi yang beragamdapat dibuat menggunakan Joomla karena memiliki beberapa kemampuan, diantaranya:1. Dapat melakukan update halaman utama, halaman berita, halaman artikel, maupun halamanarsip secara cepat.2. Dapat melihat file Microsoft Word, Excel, dan PDF.3. Dapat menambahkan menu baru pada main menu, other menu, maupun top menu denganmudah4. Dapat mengatur weblink dengan cepat dan mudah.5. Dapat mengatur banner (iklan).6. Dapat mengatur FAQ (Frequently Asked Questions).7. Dapat mengatur Newsflashes8. Membuat arsip dan menampilkannya kembali9. Dapat mencetak, mengirim artikel lewat email, dan membaca artikel dengan format PDF.10. Dapat mengatur user dengan tingkat akses level yang berbeda.11. Dapat menambah komponen, modul, dan template dari pihak ketiga (seperti: forum,

1.4.1 Fungsicalendar, reminder, agenda, guestbook (buku tamu), shopping cart, dan sebagainya).

Desain Joomla berbeda dengan aplikasi sejenis seperti Microsoft Frontpage maupunMacromedia Dreamweaver. Joomla sangat fleksibel, mudah digunakan, dan bentuknyasederhana, menjadikan software ini sangat friend user karena:1. Mudah melakukan setup/instalasi.2. Memiliki interface administrator yang sederhana untuk mengatur isi situs (website).3. Mudah digunakan untuk mengedit (menambah, mengubah, dan menghapus) content dangambar.4. Fleksibel untuk mengatur tampilan front end.5. Fleksibel untuk menambah komponen dan modul yang baru dari pihak ketiga.Seperti telah diijelaskan sebelumnya bahwa Anda tidak perlu lagi mengetahui konseppembuatanweb dengan HTML, XML maupun DHTML, cukup memasukan content dan gambar yanginginditampilkan ke dalam situs. Bahkan webmaster tidak perlu memahami program FTP untukmelakukan upload data karena Joomla sudah dapat menanganinya

BAB IIIANALISA DAN PERANCANGAN

Sebagai seorang yang sedang ingin membuat website, apakah itu karena keinginansendiri atau tuntutan pekerjaan dari perusahaan, Anda mungkin saja telah mendengar Joomlasebagai salah satu CMS yang dapat digunakan untuk membuat website. Pertanyaannyasekarang, "Apakah Joomla sudah sesuai dengan kebutuhan?". Tak ada seorangpun yang dapatmenjawab pertanyaan itu melainkan Anda sendiri, dan tulisan ini akan memberikan masukanuntuk membantu Anda menjawab pertanyaan Anda tersebut.

Sedikitnya terdapat tiga macam evaluasi yang dapat dilakukan untuk mengetahuiapakah Joomla memenuhi kebutuhan Anda, yaitu: High-level evaluation, Functionalityevaluation, dan Technical evaluation.

High-level evaluation.

3.1 Analisa Kebutuhan Sistem

Pada jenis ini, Anda dapat mengevaluasi Joomla berdasarkan fakta mengenai apa yangtelah dilakukan dan dibicarakan oleh para pengguna Joomla. Fakta-fakta tersebut diantaranyaadalah:

Website apa saja yang dibuat menggunakan Joomla. Satu cara untuk mengevaluasi Joomlaadalah dengan mengetahui seberapa populer Joomla dan melihat langsung pada websitewebsite yang menggunakan Joomla. Anda dapat mengunjungi halaman The Joomla!Community Showcase untuk mengetahui website apa saja yang telah menggunakan Joomla.Selain itu, tentu saja contoh yang paling nyata adalah dengan mengunjungi langsung halaman-halaman website Joomla di www.joomla.org.

Extensions. Joomla memiliki fungsi-fungsi inti untuk membuat dan mengelola website.Anda perlu mengevaluasi apakah Joomla juga terbuka untuk meningkatkan fungsi-fungsitersebut dengan cara menambahkan extensions baru. Joomla terbuka terhadappenambahan extension, dan saat ini telah tersedia ribuan Extension yang tersedia diJoomla Extensions Directory (JED).

Community. Anda juga perlu mengetahui seberapa aktif para pengguna Joomla denganmengamati atau ikut serta dalam pembicaraan di Forum Joomla. Seberapa banyakpengguna forum, seberapa aktif diskusi dilakukan, dan ragam diskusi berbagai macamtopik yang tersedia, dapat dijadikan sebagai bahan evaluasi.

Support. Satu hal penting yang perlu dijadikan bahan pertimbangan dalam melakukanevaluasi adalah mengenai kualitas dukungan (support) yang tersedia, tidak hanya daripengembangnya tetapi juga dari para penggunanya. Selain Forum, Joomla juga memilikikomunitas Profesional Web dan Konsultan Perusahaan pengguna Joomla yang telahmembuat dan mengelola beragam jenis website. Anda dapat melihat komunitas ini diProfessional Services Forum. Selain itu juga terdapat kumpulan pengguna lokal yangtergabung di Joomla user groups.

Independent market studies. Sebagai pembanding, Anda perlu juga membaca studi daripara pihak yang independen. Salah satunya adalah hasil report yang menyimpulkanbahwa Joomla is the Web's most popular Open Source content management system.

3.1.1 Functional EvaluationSebagai bagian dari proses evaluasi, perlu juga dipahami lebih jauh mengenai

bagaimana Joomla bekerja dan bagaimana cara Anda membuat website menggunakan Joomla.Sedikitnya ada dua aspek yang dapat diperhatikan untuk mengevaluasi fungsi-fungsi Joomla.Aspek yang pertama adalah memahami fungsi-fungsi inti apa saja yang tersedia pada Joomla(Joomla Core Functionality), dan yang kedua adalah memahami bagaimana extension dapatdigunakan pada website.

Joomla Core Functionality. Apabila Anda tergolong baru dalam membangun website danmenggunakan software CMS, halaman Absolute Beginner's Guide to Joomla adalahtempat yang tepat untuk memulai Joomla. Anda juga akan terbantu dengan memahamibeberapa kosa kata (terminologi) yang sering digunakan. Cara lainnya adalah denganmencoba Joomla secara langsung, baik melalui Demo Joomla online atau denganmenginstallnya langsung di PC/Laptop, masuklah ke halaman Administrator untukmencoba semua fungsi-fungsi inti Joomla. Serial Ebook Joomla yang dapat Andadownload gratis di www.ebookjoomla.com ini akan sangat membantu Anda.

Joomla! Extensions. Selain dapat membangun website menggunakan fungsi-fungsi intiJoomla, Anda juga dapat meningkatkan fungsionalitas Joomla dengan menambahkanextension baru. Seperti telah dibahas sebelumnya, tersedia banyak extensions di JEDyang terus bertambah setiap harinya.

3.1.2 Technical EvaluationTerakhir, evaluasi yang Anda lakukan belumlah lengkap tanpa mengetahui teknologi

apa yang digunakan oleh Joomla. Joomla dibangun menggunakan teknologi web yang banyakdigunakan dimana-mana, yaitu PHP dan MySQL. Sebagaimana halnya PHP dan MySQL,Joomla juga merupakan project open source.

BAB IVLANGKAH-LANGKAH PEMBUATAN JOOMLA

Langkah-langkah menginstal appserv 2.5.10 setupKlik I Agree

Klik server name:dekabagus Klik administrator’s email address:dekabagus Klik next

Klik enter root password:1234 Klik re-enter root password:1234 Klik next

Saya sudah berhasil mengistal appsevr

Langkah-langkah awal pembuatan joomlaKlik kanan lalu kita extract to joomla_1.5.7

Saya tunggu proses dari extract to joomla

Selesai mengextract joomla Klik mozilah Lalu saya tulis localhost pada mozila

Klik phpMyadmin

Lalu masukn nama pengguna kita harus menggunakan nama rootSandi:1234 yang sudah kita instal di appserv

Saya sudah berhasil masuk ke joomlaHabis itu kita membuat database baru dengan nama deka sesuaikan yang di simpan di localdisk c

Saya sudah berhasil membuat database baru

Langkah-mendaftar pda joomla Klik tanda + di atas mozilla lalu isi localhost/deka Klik next

Klik next

Klik next

1. Klik host name:localhost2. Klik user name :root3. Isi paswort :12344. Isi data base:deka5. Klik next

6. Klik next

1. Klik site name :dekabagus2. Klik your email:dekabagus@yahoo.com3. Klik isi admin password 12344. Klik confrim admin 12345. Klik install default sampel data6. Klik next

Saya sudah berhasil mendaftar joomla

Langkah-langkah login pada joomlaklik my documen carik nama deka di local disk c

Kalok sudah masuk di deka,anda harus meng hapus installation

username kita:adminpassword:1234

Saya sudah berhasil login pada joomla

Mode awal preview pada joomla

Langkah-langkah pembuatan templet pada joomla

Klik Extensions

Klik install -unistall

Klik package file lalu klik terusuri file website joomla

Klik my documen

Klik website joomla

Klik file pendukung

Klik templet

Klik abstract-moods-template

Klik upload & install

Saya sudah berhasil mnginstal abstract_moods_templet

Klik template managr

Klik template themza_i15_69

Klik default

Saya sudah selesai meminda bintang pada template

Klik preview

Saya sudah berhasil mnnginsta template pada joomla

Klik extensionsSaya pilih instal/unistal

saya telusuri mod_slideshow_pro

Saya sudah selesai menginstal mod_slideshow_proSaya pilih slideshow pro lalu kita enable module

saya masuk di slideshow pro

Saya mengedit slideshow pro dengan munggunakan nama saya deka

Bagaimana caranya agar image saya pinda ke kanan caranya mudahKita pilih position:awalnya left,kita ganti ringht,show all images pilih yes

Saya sudah berhasil menginstal image pada templet joomla saya

Saya telusuri

Klik my documenKlik file pendukungKlik extensionKlik clocks

Klik clocks

Selesai klik mod_ulti_clocksKlik upload file & insall

Saya sudah berhasil menginstal mod_ulti_cloksSaya pilih ulti cloks lalu kita enable module

Klik ulti cloks

Bagaimana caranya agar jam deka saya pinda ke kanan caranya mudahSaya pilih position:awalnya left,kita ganti ringht,pilih yes

Saya sudah berhasil menginstal ulti cloks pada templet joomla saya

BAB VSARAN & KRITIK

Kritik : Pendaftaran awal mengalami kesulitan dalam login data . Untuk menambahkan foto di dalam aplikasi joomla

Saran Pendaftaran awal dalam proses login joomla untuk di permudah dalam mengakses progam

joomla . Dengan cara klik may documen ,klik image ,klik gambar yang inggin di gunakan di dalam

program joomla.