PEMBUATAN PORTAL WEB
SMA NEGRI 4 SUNGAI PENUH
Pembekalan PKl - Portal Web
Dengan Joomla_3.6.0-Stable-Full_Package
Wahyu Prasetyo
14312302
Program Studi Teknik Informatika
Fakultas Teknik dan Ilmu Komputer Universitas Teknokrat Indonesia
Bandarlampung
2017
LATAR BELAKANG
Sehubungan dengan Pembekalan PKL yaitu Pembuatan Portal Web, serta untuk memenuhi tugas sebagai persyaratan mengikuti ujian pembekalan , laporan ini di buat sebagai review tentang portal web sekolah SMA N 4 Sungai Penuh , artikel - artikel portal web localhost ini di adopsi dari www.sman4spn.sch.id yang merupakan portal web resmi dari SMA N 4 Sungai Penuh , dengan tab menu profil , visi dan misi , dan lain sebagainya .
Setelah mempelajari dan mengimplementasikan tatacara membuat portal web ini diharapkan pembuat dapat lancar mengerjakan ujian , jika pun saat PKL nantinya di mintai untuk membuat Web tentang perusahaan tersebut , di harapkan dapat memngimplementasikan dan mampu menggarap web tersebut .
Adapun tatacara untuk membuat portal web ini akan di sajikan pada lembar setelah ini , dengan teknik dasar yang saya ketahui , step by step dari mengubah tampilan , membuat menu , membuat artikel , menampilkan artikel di halaman depan dll .
LANGKAH - LANGKAH
Cara Mengganti Template
adapun cara yang dapat kita lakukan untuk mengganti template web berikut ini akan saya jelaskan , namun kira - kira kenapa kita perlu mengganti template ? menurut saya pribadi , jika kita menggunakan temlate bawaan joomla biasanya tidak responsive atau tidak friendly , selain itu tampilan nya juga kurang menarik , dengan mengganti template yang kita download selain responsive dan friendly diharapkan tampilannya pun akan bagus dan menarik . saya menggunakan template dari:
https://www.joomdev.com/products/templates/jd-atlanta-template
Berikut ini langkah menggantinya :
Pilih entensions - manage - install
akan masuk pada tampilan install disini selanjutnya chose file ( cari dan pilih template yang download atau yang ingin digunakan ) - pilih upload & install
kembali ke control panel di sini kita pilih menu Templates
install template selesai
selanjutnya kita aktifkan dengan klik tanda bintang atau bisa juga dengan ceklis template di pojok kiri sana pilih default
Cara Mengganti Logo
mengganti logo ini tidak semua template sama , karena tergantung dengan menage template yang di sediakan dari template yang kita terapkan .
Berikut ini langkahnya :
klik pada template yang aktif atau sebagai default yang kita gunakan
akan masuk di templates manager pilih Style pada bagian logo di ON dan di Type pilih custom , setelah itu pada custom logo pilih select ( cari logo yang ingin di gunakan ) , jika sudah
Save - di pojok kanan atas , jika sudah lihat beranda web logo akan berubah dengan yang logo yang kita gunakan tadi .
berikut ini hasil logo yang saya ganti
Membuat Artikel
pada tahap ini kita akan membuat artikel untuk mengisi web yang kita buat , tentunya artikel yang baik seperti pengenalan sekolah , profil , dan lain lain.
Berikut ini langkahnya :
pada halaman control panel - pilih content - articles - add new articles
pilih New - lalu akan masuk dimana kita menulis artikel - setelah selesai lalu Save artikel yang sudah di buat .
setelah selesai akan artikel tersebut akan tersimpan , namun artikel tersebut tidak langsung terpublish ke web , kita perlu melakukan tahapan yaitu publish dan membuatkan menu agar artikel tersebut dapat tampil di halaman .
Langkah Publish
- ceklis pada artikel lalu pilih menu di atasnya itu publish - maka artikel kita sudah terpublish dan tampil di halaman . tinggal membuatkan menu.
Membuat Main Menu
dengan membuat menu kita dapat menampilkan artikel yang kita buat tadi , artinya menu ini sebagai wadah untuk menampung artikel tersebut
Berikut langkahnya :
pada halaman control panel - pilih Menus - Main Menu - Add New Menu Item
selanjutnya akan di alihan ke halaman Menus , disana kita isi Menu Title ( sesuai dengan nama artikel ) , lalu Menu Item Type pilih ( select )
akan tampil di seperti berikut - pada langkah ini pilih Articles - Single Articles
setelah itu akan muncul select articles - lalu pilih secect - dan pilih artikel yang sesuai dengan judulnya , saya prakteknya yaitu artikel profil .
Jika sudah maka terakhir di Save
save = hanya menyimpan
Save & close = setelah tersimpan akan menutup
Save & New = setelah tersimpan akan membuka new menu / membuat menu baru yang lainya .
Membuat Menu Dropdown
membuat menu drop down ini guna meminimkan tab yang banyak , dengan membuat menu dropdown kita bisa membuat menu menu berdasarkan kategori . sehingga tampilan pun akan lebih bagus .
Berikut Langkahnya :
langkah pertama buat artikel & buatkan menu Visi & Misi , setelah itu buat artikel Visi sendiri dan Misi sendiri , jika sudah buat menu sama dengan cara yang di atas , yang membedakan hanya pada lihat bagian kanan , itu kita pilih visi & misi tadi yang sudah kita buat .
Membuat menu Drop Visi
Jika sudah lalu save - selanjutnya membuat menu drop Misi
Membuat menu Drop Misi
langkahnya sama dengan yang di atas cuma bedanya visi dengan misi
setelah itu di save - lalu buka beranda halaman web
Menampilkan Artikel di Halaman Depan / Home
di Cms Joomla ini , postingan kita tak langsung tampil di halaman depan/home , tidak seperti blogspot atau wordpress yang online , mungkin ini masih localt host jadi kita perlu menampilkan nya .
Berikut langkahnya:
pada halaman Control Panel - pilih Articles
selanjutnya akan masuk ke halaman list artikel yang sudah kita buat - di sana kita pilih artikel apa saja yang ingin di tampikan pada halaman web dengan memberi tanda bintang pada artikel tersebut , jelasnya lihat gambar berikut ini :
DOKUMENTASI TAMPILAN
Setelah mengiplementasikan beberapa teknik yang paling mendukung dan mendasa yaitu :
Cara Mengganti Template
Cara Mengganti Logo
Membuat Artikel
Membuat Main Menu
Membuat Menu Dropdown
Menampilkan Artikel di Halaman Depan/Home
Ada beberapa cara Kecil untuk sedikit merias tampilan namun saya rasa itu tidak begitu mendongkrak atau sebagai landasan membuat web portal , pada dokumentasi ini akan saya tapilkan web yang sudah di buat dengan teknik-teknik diatas .
1. Web Sumber
Portal Web yang saya buat di adopsi dari laman web sekolah www.sman4spn.sch.id
2. Web Localhost
Berikut ini web localhost yang saya buat dengan cara - cara di atas .
Home
Profil
Menu Dropdown Visi & Misi
Menu Dropdown Fasilitas
Menu Dropdown Lainnya ( Dewan Guru )
Bagian Foorter
PENUTUP
Pada judul Dokumentasi tampilan adalah beberapa Screenshot tampilan artikel dari web SMA N 4 Sungai Penuh yang saya buat , untuk artikel- artikel yang lainnya tidak saya tampilkan karna saya rasa sama , dan yang pasti sesuai dengan menu yang di sediakan , demikian laporan Portal Web sekolah saya buat dengan penuh semangat , semoga apa yang saya pelajari dapat bermanfaat untuk hari esok dan terutaman saat ujian dan berguna saat nanti Praktek Kerja Lapangan.
