deka bagus
pemrograman web joomla
Absen : 09
SMK DARMA SISWA 1 SIDOARJO
TEKNIK KOMPUTER DAN JARINGAN
UJI KOMPETENSI KEJURUAN TAHUN 2015
Convert to study materialsBETA
Transform any presentation into ready-made study materialselect from outputs like summaries, definitions, and practice questions.
1 of 20
Downloaded 10 times
More Related Content
2015-09. deka bagus - pemrograman web joomla
1. 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
2. BAB 1
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan Internet begitu pesat sehingga mempermudah seseorang untuk dapat
mengakses berbagai macam informasi salah satunya adalah bidang Pendidikan tujuannya
untuk menunjang segala aktivitas disekolah. Begitu juga dengan system web sekolah
yang akan penulis buat, tujuannya untuk mempercepat proses kegiatan-kegiatan
disekolah.
Penulis disini membuat suatu web dengan latar belakang Sekolah Menengah Atas
Yayasan Pondok Pesantren Depok yang berisi Search, Sambutan Kepala Sekolah, Profil
Sekolah, Biodata Kepala Sekolah, Home, Struktur Organisasi, Rencana Program, Profil
Siswa, 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 mendaftarkan
anak-anaknya dan bagi para calon siswa dan siswi yang ingin mengunjungi sekolahsekolah
tersebut melalui kendaraan umum. Untuk itu penulis mencoba membuat program
aplikasi web sekolah dengan menggunakan Joomla 1.0.12 yaitu web berbasis Content
Management System (CMS) dan bersifat opensource yang berarti kode sumber aplikasi
yang dapat diakses, dilihat, dan dimodifikasi oleh umum sesuai dengan aturan yang
ditentukan.
Harapan Penulis membuat web sekolah ini adalah untuk menambah informasi bagi
kalangan pengguna jasa Internet khususnya dan masyarakat luas pada umumnya dan para
calon siswa & siswi dapat mempersingkat waktu untuk melihat ruang lingkup sekolah
yang pada akhirnya memberikan kenyamanan karena lebih efektif dan efisien.
1.2 Ruang Lingkup
Pembuatan Website Sekolah dengan menggunakan Joomla 1.0.12 yang memperkenalkan
tentang Search, Sambutan Kepala Sekolah, Profil Sekolah,
1
2
Biodata Kepala Sekolah, Home, Struktur Organisasi, Rencana Program, Profil Siswa,
Staff Pengajar, Prestasi, Gallery Photo, Fasilitas & Kegiatan, Berita, Guest Book, Contact
Us, Weblinks dan Downloads. Dalam hal ini penulis membahas sebatas pada tahap
perencanaan, desain halaman web, pembuatan dan fungsi-fungsi yang akan diuraikan
pada Joomla, proses pembuatan HTML telah dilakukan secara otomatis.
1.3 Tujuan
Pada penulisan ilmiah ini penulis membuat sebuah aplikasi halaman Web yang berisi
informasi dan perkembangan sekolah.
Adapun maksud dari penulisan ini adalah untuk membantu seseorang yang ingin
mengetahui lebih banyak kondisi dan ruang lingkup sekolah. Dan juga menerapkan
teknologi halaman Web pada bidang penyampaian informasi.
1.4 Metode Penelitian
Pencarian data yang yang didapat dari sekolah seperti: Sambutan Kepala Sekolah,
Profil Sekolah, Berita, Struktur Organisasi, Profil Siswa, Pengajar beserta Staff, Rencana
Program, Fasilitas & Kegiatan, Prestasi, Photo, Weblinks dan Downloads. Penulis langsung
observasi kesekolah tersebut, setelah melakukan observasi penulis mengumpulkan data-data
yang akan dijadikan komponen-komponen untuk membuat suatu web sekolah. Situs pembuatan
Website SMA YPPD yaitu dengan mengunakan bahasa pemograman HTML,PHP & MY SQL
dan aplikasi pendukung adalah JOOMLA 1.0.12. HTML merupakan bahasa standar yang
digunakan untuk dokumen www apikasi yang digunakan adalah Dremweaver 8.0, PHP
3. (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 bersifat
opensource yang digunakan untuk membuat suatu tampilan menjadi menarik. Komponen-
komponen standar / bawaan yang termasuk dalam file instalasi Joomla yaitu yang dipakai
dalam pembuatan web sekolah ini hanya Polls dan Search. Polls yaitu komponen yang berguna
untuk menampilkan fasilitas voting atau jajak pendapat pada situs Joomla sedangkan Search
berguna untuk mencari letak dari suatu komponen yang akan dicari. Setelah data-data
terkumpul dan dijadikan suatu komponen maka akan dilakukan uji coba setelah uji coba
berhasil maka proses selanjutnya adalah upload ke Internet.
Adapun aplikasi lainnya seperti: Photoshop CS3, Xampp 1.5.1, Css, Flash MX dan
Filezilla. Photoshop adalah Sebuah software pengolah grafis yang sangat dibutuhkan untuk
menciptakan visual-visual yang menarik pada website yang akan dibuat, XAMPP adalah
sebuah paket instalasi mudah Apache server yang sudah termasuk didalamnya yaitu PHP dan
MySQL. Metode CSS adalah metode pengaturan tampilan web yang cenderung menghasilkan
output program yang optimal. Flash MX merupakan bagian dari keluarga Macromedia yang
digunakan sebagai aplikasi pembuat animasi, juga menyediakan berbagai macam tools dalam
menggambar sebuah objek. Filezilla 3.0.9.1 adalah software opensource yang merupakan
solusi dari FTP gratis.
1.5 Sistematika Tulisan Ilmiah
Sistematika penyajian dari penulisan ilmiah ini terdiri dari empat bab, setiap bab dapat
terdiri dari beberapa sub-bab. Adapun sistematika penulisan ilmiah ini adalah sebagai
berikut :
BAB 1 PENDAHULUAN Dalam bab ini diuraikan latar belakang dari SMA YPPD, ruang
lingkup 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 penulisan
pembuatan web, metode penelitian yang telah didapat Komponen-komponen, proses Uji coba
dan terakhir proses Upload selanjutnya dan terakhir sistematika penulisan yang memberikan
gambaran uraian penulisan yang terdapat dalam penulisan ilmiah ini.
BAB II
LANDASAN TEORI
2.1 Sistem Rekomendasi
2.1.1 Pengertian Joomla
Joomla adalah sebuah Content Management System (CMS) yang dibuat menggunakan
bahasa 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 sudah
ditangani oleh sebuah perusahaan secara otomatis Mambo akan menjadi sebuah software yang
komersial. Padalah tujuan awal dibuatnya Mambo adalah free (gratis) untuk semua orang dan
siapapun boleh menggunakan, menduplikasi, atau bahkan memoddifikasi. Kondisi seperti ini
memicu para develop yang memiliki tanggung jawab dan hati nurani kepada user membuat
mereka hengkang dari kepengurusan Mambo. Yang pada akhirnya para develop yang tidak
4. setuju tersebut bergabung dan menciptakan sebuah software tandingan Mambo. Maka
terciptalah sebuah sofware yang memiliki bentuk dan fungsi yang sama persis bernama Joomla.
2.1.2 komponen
Hampir seluruh modul maupun komponen untuk Mambo dapat pula digunakan pula
pada Joomla. Meskipun program ini menggunakan bahasa php, bukan berarti harus paham
seluruhnya 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 sangat
kompleks Joomla dapat digunakan untuk membuat situs:
1. Portal
2. Komersial
3. Non-profit
4. Pribadi
2.3.1 Aplikasi yang beragam
dapat dibuat menggunakan Joomla karena memiliki beberapa kemampuan, diantaranya:
1. Dapat melakukan update halaman utama, halaman berita, halaman artikel, maupun halaman
arsip secara cepat.
2. Dapat melihat file Microsoft Word, Excel, dan PDF.
3. Dapat menambahkan menu baru pada main menu, other menu, maupun top menu dengan
mudah
4. Dapat mengatur weblink dengan cepat dan mudah.
5. Dapat mengatur banner (iklan).
6. Dapat mengatur FAQ (Frequently Asked Questions).
7. Dapat mengatur Newsflashes
8. Membuat arsip dan menampilkannya kembali
9. 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 Fungsi
calendar, reminder, agenda, guestbook (buku tamu), shopping cart, dan sebagainya).
Desain Joomla berbeda dengan aplikasi sejenis seperti Microsoft Frontpage maupun
Macromedia Dreamweaver. Joomla sangat fleksibel, mudah digunakan, dan bentuknya
sederhana, 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 dan
gambar.
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 konsep
pembuatan
web dengan HTML, XML maupun DHTML, cukup memasukan content dan gambar yang
ingin
ditampilkan ke dalam situs. Bahkan webmaster tidak perlu memahami program FTP untuk
melakukan upload data karena Joomla sudah dapat menanganinya
5. BAB III
ANALISA DAN PERANCANGAN
Sebagai seorang yang sedang ingin membuat website, apakah itu karena keinginan
sendiri atau tuntutan pekerjaan dari perusahaan, Anda mungkin saja telah mendengar Joomla
sebagai salah satu CMS yang dapat digunakan untuk membuat website. Pertanyaannya
sekarang, "Apakah Joomla sudah sesuai dengan kebutuhan?". Tak ada seorangpun yang dapat
menjawab pertanyaan itu melainkan Anda sendiri, dan tulisan ini akan memberikan masukan
untuk membantu Anda menjawab pertanyaan Anda tersebut.
Sedikitnya terdapat tiga macam evaluasi yang dapat dilakukan untuk mengetahui
apakah Joomla memenuhi kebutuhan Anda, yaitu: High-level evaluation, Functionality
evaluation, dan Technical evaluation.
High-level evaluation.
3.1 Analisa Kebutuhan Sistem
Pada jenis ini, Anda dapat mengevaluasi Joomla berdasarkan fakta mengenai apa yang
telah dilakukan dan dibicarakan oleh para pengguna Joomla. Fakta-fakta tersebut diantaranya
adalah:
件Website apa saja yang dibuat menggunakan Joomla. Satu cara untuk mengevaluasi Joomla
adalah dengan mengetahui seberapa populer Joomla dan melihat langsung pada website
website 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-fungsi
tersebut dengan cara menambahkan extensions baru. Joomla terbuka terhadap
penambahan extension, dan saat ini telah tersedia ribuan Extension yang tersedia di
Joomla Extensions Directory (JED).
件Community. Anda juga perlu mengetahui seberapa aktif para pengguna Joomla dengan
mengamati atau ikut serta dalam pembicaraan di Forum Joomla. Seberapa banyak
pengguna forum, seberapa aktif diskusi dilakukan, dan ragam diskusi berbagai macam
topik yang tersedia, dapat dijadikan sebagai bahan evaluasi.
件Support. Satu hal penting yang perlu dijadikan bahan pertimbangan dalam melakukan
evaluasi adalah mengenai kualitas dukungan (support) yang tersedia, tidak hanya dari
pengembangnya tetapi juga dari para penggunanya. Selain Forum, Joomla juga memiliki
komunitas Profesional Web dan Konsultan Perusahaan pengguna Joomla yang telah
membuat dan mengelola beragam jenis website. Anda dapat melihat komunitas ini di
Professional Services Forum. Selain itu juga terdapat kumpulan pengguna lokal yang
tergabung di Joomla user groups.
6. 件Independent market studies. Sebagai pembanding, Anda perlu juga membaca studi dari
para pihak yang independen. Salah satunya adalah hasil report yang menyimpulkan
bahwa Joomla is the Web's most popular Open Source content management system.
3.1.1 Functional Evaluation
Sebagai 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 dapat
digunakan pada website.
件Joomla Core Functionality. Apabila Anda tergolong baru dalam membangun website dan
menggunakan software CMS, halaman Absolute Beginner's Guide to Joomla adalah
tempat yang tepat untuk memulai Joomla. Anda juga akan terbantu dengan memahami
beberapa kosa kata (terminologi) yang sering digunakan. Cara lainnya adalah dengan
mencoba Joomla secara langsung, baik melalui Demo Joomla online atau dengan
menginstallnya langsung di PC/Laptop, masuklah ke halaman Administrator untuk
mencoba semua fungsi-fungsi inti Joomla. Serial Ebook Joomla yang dapat Anda
download gratis di www.ebookjoomla.com ini akan sangat membantu Anda.
件Joomla! Extensions. Selain dapat membangun website menggunakan fungsi-fungsi inti
Joomla, Anda juga dapat meningkatkan fungsionalitas Joomla dengan menambahkan
extension baru. Seperti telah dibahas sebelumnya, tersedia banyak extensions di JED
yang terus bertambah setiap harinya.
3.1.2 Technical Evaluation
Terakhir, evaluasi yang Anda lakukan belumlah lengkap tanpa mengetahui teknologi
apa yang digunakan oleh Joomla. Joomla dibangun menggunakan teknologi web yang banyak
digunakan dimana-mana, yaitu PHP dan MySQL. Sebagaimana halnya PHP dan MySQL,
Joomla juga merupakan project open source.
BAB IV
LANGKAH-LANGKAH PEMBUATAN JOOMLA
Langkah-langkah menginstal appserv 2.5.10 setup
Klik I Agree
7. Klik server name:dekabagus
Klik administrators 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 joomla
Klik kanan lalu kita extract to joomla_1.5.7
Saya tunggu proses dari extract to joomla
8. Selesai mengextract joomla
Klik mozilah
Lalu saya tulis localhost pada mozila
Klik phpMyadmin
Lalu masukn nama pengguna kita harus menggunakan nama root
Sandi:1234 yang sudah kita instal di appserv
Saya sudah berhasil masuk ke joomla
Habis itu kita membuat database baru dengan nama deka sesuaikan yang di simpan di local
disk c
Saya sudah berhasil membuat database baru
9. Langkah-mendaftar pda joomla
Klik tanda + di atas mozilla lalu isi localhost/deka
Klik next
Klik next
Klik next
1. Klik host name:localhost
2. Klik user name :root
3. Isi paswort :1234
4. Isi data base:deka
5. Klik next
10. 6. Klik next
1. Klik site name :dekabagus
2. Klik your email:dekabagus@yahoo.com
3. Klik isi admin password 1234
4. Klik confrim admin 1234
5. Klik install default sampel data
6. Klik next
Saya sudah berhasil mendaftar joomla
Langkah-langkah login pada joomla
klik my documen carik nama deka di local disk c
11. Kalok sudah masuk di deka,anda harus meng hapus installation
username kita:admin
password:1234
Saya sudah berhasil login pada joomla
Mode awal preview pada joomla
12. Langkah-langkah pembuatan templet pada joomla
Klik Extensions
Klik install -unistall
Klik package file lalu klik terusuri file website joomla
Klik my documen
14. Klik upload & install
Saya sudah berhasil mnginstal abstract_moods_templet
Klik template managr
15. Klik template themza_i15_69
Klik default
Saya sudah selesai meminda bintang pada template
16. Klik preview
Saya sudah berhasil mnnginsta template pada joomla
Klik extensions
Saya pilih instal/unistal
17. saya telusuri mod_slideshow_pro
Saya sudah selesai menginstal mod_slideshow_pro
Saya 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 mudah
Kita pilih position:awalnya left,kita ganti ringht,show all images pilih yes
18. Saya sudah berhasil menginstal image pada templet joomla saya
Saya telusuri
Klik my documen
Klik file pendukung
Klik extension
Klik clocks
Klik clocks
Selesai klik mod_ulti_clocks
Klik upload file & insall
19. Saya sudah berhasil menginstal mod_ulti_cloks
Saya pilih ulti cloks lalu kita enable module
Klik ulti cloks
Bagaimana caranya agar jam deka saya pinda ke kanan caranya mudah
Saya pilih position:awalnya left,kita ganti ringht,pilih yes
Saya sudah berhasil menginstal ulti cloks pada templet joomla saya
20. BAB V
SARAN & 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.