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

1. 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
2. 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

3. 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.

4. 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 .

5. 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

6. 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 :
1. Cara Mengganti Template
2. Cara Mengganti Logo
3. Membuat Artikel
4. Membuat Main Menu
5. Membuat Menu Dropdown
6. 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 .
a) Home

b) Profil
c) Menu Dropdown Visi & Misi

d) Menu Dropdown Fasilitas

e) Menu Dropdown Lainnya ( Dewan Guru )

f) 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.