Agung Anugrah Prahara 30106059

Presentasi berjudul: "Agung Anugrah Prahara 30106059"— Transcript presentasi:

1 Agung Anugrah Prahara 30106059 http://www.gunadarma.ac.id/

2 Pembuatan Website Ngerayap Community Dengan Menggunakan Joomla 1.5

3  Internet sebagai media untuk mendapatkan informasi yang berguna sesuai dengan kebutuhannya. Selain itu, Internet dapat membantu memecahkan masalah yang dihadapi para pengguna dengan cepat, efektif, dan efisien.  Club Ngerayap Community Djakarta merupakan club mobil yang sudah lama berdiri sejak tahun 2004, Tetapi masyarakat belum mengenal secara jauh tentang club ini, terutama tentang Sejarahnya, Struktur Organisasinya, Peraturannya, Keanggotaannya.

4 Penulisan ini bertujuan untuk memperkenalkan kepada masyarakat tentang adanya Club Ngerayap Community ini dengan membuat Website interaktif yang berisikan tentang keorganisasian dan prestasi-prestasi yang telah di dapat selama mendirikannya.

5  Gambaran umum Website Ngerayap Community  Analisis Masalah  Struktur Navigasi  Storyboard  Perancangan Aplikasi • Rancangan Halaman Home • Rancangan Halaman Sejarah • Rancangan Halaman Visi dan Misi • Rancangan Halaman Peraturan • Rancangan Halaman Forum • Rancangan Halaman Foto Gallery • Rancangan Halaman Video Gallery • Rancangan Halaman NC Contact • Rancangan Halaman Anggota NC • Rancangan Halaman Struktur Organisasi NC • Pembentukan Element dan Penggabungan element  Link  Run  Upload

6 Struktur Navigasi Index/home Sejarah Visi & Misi PeraturanForum Foto Gallery VideoGallery NC. Contact Anggota NC Struktur Organisasi NC Struktur Navigasi Non-Linier • Struktur navigasi website Ngerayap Community ini adalah struktur navigasi non linier karena untuk memudahkan perpindahan antar halaman dan untuk menghindari ketergantungan pada satu halaman. Melalui struktur navigasi website ini, terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh. Pembuatan struktur navigasi website Ngerayap Community ini akan sangat membantu nantinya ketika akan membuat rancangan seluruh halaman web.

7 Storyboard Logo Dan Banner Home Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Login Jumlah pengunjung FOTO Berita terbaru Text dan Foto Poling Shout Box Logo Dan Banner Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Berita terbaru Jumlah pengujung FOTO Text Foto Sejarah Logo Dan Banner Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Berita terbaru Jumlah pengujung FOTO Text Foto Logo Dan Banner Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Berita terbaru Text Foto Jumlah pengujung FOTO Logo Dan Banner Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Jumlah pengujung Berita terbaru Text FOTO Logo Dan Banner Berita terbaru Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Jumlah pengujung FOTO Foto Logo Dan Banner Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Jumlah pengujung Berita terbaru Video FOTO Logo Dan Banner Berita terbaru Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Jumlah pengujung FOTO Text Logo Dan Banner Berita terbaru Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Foto Nama No. Jumlah pengujung FOTO Logo Dan Banner Berita terbaru Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Link 7 Link 8 Link 9 Link 10 Text Jumlah pengujung FOTO Visi Dan Misi Peraturan Forum Foto Gallery Video Gallery NC.Contac Anggota NC Struktur Organisasi Gambar Storyboard

8 Perancangan Aplikasi Perancangan apliksi ini menjelaskan cara membuat tampilan menu di website ini untuk menyajikan beberapa menu.berikut langkah-langkahnya: 1. Masuk ke Content>pilih Article manager 2. Klik New>Ketik Title dan Alias> lalu ganti Sectionnya menjadi Uncategories 3. Setelah di isi pada no 2 kemuian isi kolom dibawahnya sesuai dengan nama articlenya 4. Apabila sudah selesai di isi kemudian di save 5. Kemudian masuk ke Menus>Main Menu>Klik new 6. Klik Articles>pilih Article Layout>isi lagi Title dan Alias>Klik Select 7. Kemudian Cari kategory yang tadi kita buat kemudian di klik, lalu di save. 8. Hasil sudah bisa kita liahat di tampilan website… Begitu seterusnya Logo Foto Main Menu Login Jumlah Pengunjung Foto Berita Terbaru Text & Foto Poling Shout Box

9 Pembentukan Element Dan Penggabungan Element Pembentukan Element: 1.Element Gambar: Gambar ini di sajikan untuk tampilan Banner di website berikut langkah- langkahnya:  Memperkecil Foto yang di inginkan untuk baner dengan menggunakan Software Acdsee  Setelah di perkecil ukurannya masuk ke Paint untuk diatur kembali agar Logo bisa di masukkan kembali.  Setelah selesai di Paint, kemudian buka hasilnya di Adobe Photoshop untuk membuat logonya.  Kemudian di save di template yang di inginkan. 2.Element Video Element Video sebelum di upload di ganti katagorinya dan juga di perkecil ukurannya. Berikut langkah-langkahnya:  Mengconverter dengan Software Converter.  Memilih Video yang di inginkan dengan cara new task>import media files  Setelah di pilih kenudian pilih Video File / jenis Convert  Setelah tahapan semua selesai maka klik Convert Now  Setelah di Convert maka langsung di upload ke website ngerayap community. Klik video gallery>add video>klik browser>klik upload.

10 Penggabungan Element: Penggabungan element ini bertujuan untuk menambah fasilitas di dalam website ini. Berikut beberapa element dan cara menggabungkannya ke dalam website. 1. Element Templates 2. Element Lannguage Pack 3. Module - Soutboxt - Forum Cara penggabungannya: extentions>install/uninstall>klik Brows>pilih element apa yang mau di upload>kemudian>klik Upload File & Install.

11 Link Website Ngerayap Community ini menggunakan Struktur Navigasi Non-Linier, dimana user bebas berpindah dari halaman 1 ke halaman lainnya Contoh: Dari menu home dapat masuk langsung ke menu link sejarah, Visi dan Misi, Peraturan dan seterusnya

12 Tampilan Website Tampilan Utama Website Ngerayap Community

13 Upload Setelah mengikuti beberapa tahapan upload maka hasil website sudah dapat di lihat di internet dengan nama : www.ngerayapcommunity.com

14  Website Ngerayap Community di rancang dengan tahapan- tahapan yaitu, Analisis masalah, Struktur Navigasi, Desain Page, Storyboard, Pembentukan Element, Penggabungan Element, Link, Run, Upload. Didalam Website ini berisi tentang beberapa komponen yaitu, Sejarah, Visi dan Misi, Peraturan, Forum, Foto Gallery, Video Gallery, NC Contact, Anggota NC, Struktur Organisasi. Dan Ditambah beberapa apliksi online seperi Shoutbox dan forum agar lebih menarik. Di harapkan juga di dalam website ini, pengguna dapat menambah pengetahuan dalam hal dunia otomotif terutama kepada penggemar modifikasi