Cara Install Portal Sekolah Ke dalam Web server + Script Portal
Cara Install Portal Sekolah Ke dalam Web server
Assalamu'alaikum Wr.Wb
Salam Dan Bahagia
A. Pendahuluan
Kali ini saya akan mencoba membangun sebuah portal sekolah, langsung saja dibaca dan dipahmi
B. Pengertian
Portal Sekolah Merupakan halaman web yang berisi tentang semua informasi sekolah atau Kumpulan materi sekolah yang nantinya portal tersebut dapat di akses oleh siswa atau guru
C. Latar Belakang
Latar belakang saya membangun sebuah portal ini adalah di era semakin maju ini kita perlu mengikuti perkembangan zaman, salah satunya yaitu membangun sebuah portal untuk mempermudah siswa salam mencari informasi sekolah atau materi-materi yang sudah tersedia di portal tersebut
D. Maksud dan tujuan
Agar mempermudah siswa maupun guru dalam mencari informasi sekolah
E. Waktu yang dibutuhkan
5 menit
F. Langkah kerja
Langkah pertama yang harus kalian lakukan adalah membuka terminal kesayangan kalian :v, setelah itu masuk sebagai SuperUser
jika selesai masuk ke directory html dengan cara "cd /var/www/html"
kemudian ekstrak file portal dengan cara "unzip portal.zip"
nah jika semua telah selesai, langkah selanjutnya adalah memberikan hak akses pada directory portal dengan cara
"chmod -R 755 portal"
"chown -R www-data:www-data portal"
nah setelah itu masuk ke database kalian dan buat data base baru dengan nama yang sama seperti nama directory sebelumnya ( lihat gambar )
jika langkah tiap langkah sudah kalian ikuti dengan benar, buka web browser kalian dan ketikka "localhost/ ( nama directory portal kalian )" kemudian Enter
Berikut Script Portal sekolah yang telah saya buat :
<!DOCTYPE html>
<html>
<head>
<title>Portal SMK TAMANSISWA MOJOAGUNG</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="Ini Adalah Portal Dari SMK TAMANSISWA MOJOAGUNG">
<meta name="author" content="Ahmad Zaenuri Ferdiansyah">
<meta name="keyword" content="Portal SMK">
<link rel="shortcut icon" href="img/tamsis.png">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script type="text/javascript">
$.backstretch(
[
"img/iya.jpeg",
"img/empat.jpeg",
"img/tiga.jpg",
],
{
duration: 2000,
fade: 600
});
</script>
<center>
<h1>SELAMAT DATANG DI PORTAL</h1>
<h1>SMK TAMANSISWA MOJOAGUNG</h1>
<img src="img/tamsis.png">
<p>Perguruan Tamansiswa Cabang Mojokerto</p>
<p>BAGIAN TAMAN KARYA MADYA TEKNIK</p>
<h2>(SMK TAMANSISWA)<h2>
<p>Jl. Tamansiswa No.6 Telp. (08321)495358; 085101211908</p>
<p>MOJOAGUNG KAB.JOMBANG</p>
</center>
<div class="Dasar1">
<div class="Atas">
<h3><a href="#">Website</a></h3>
<a href="#"><img style="padding-left: 25px;" src="img/web.png"></a>
</div>
</div>
<div class="Dasar2">
<h3><a href="http://192.168.42.27/data/index.php?dir=EBOOK_TKJ/">E-Book TKJ</a></h3>
<a href="http://192.168.42.27/data/index.php?dir=EBOOK_TKJ/"><img style="padding-left: 25px;" src="img/TKJ.png"></a>
</div>
<div class="Dasar3">
<h3><a href="#">E-Book TKR</a></h3>
<a href="#"><img style="padding-left: 25px;" src="img/TKR.png"></a>
</div>
<div class="Dasar4">
<h3><a href="http://192.168.42.27/data/">Repository</a></h3>
<a href="http://192.168.42.27/data/"><img style="padding-left: 25px;" src="img/buku.png"></a>
</div>
<div class="footer">
<p>
Copyright © 2018 SMK TAMANSISWA MOJOAGUNG<br>
Developed BY <a href="https://www.facebook.com/zende.douglas">Ahmad Zaenuri Ferdiansyah</a>
</p>
</div>
</body>
</html>
<html>
<head>
<title>Portal SMK TAMANSISWA MOJOAGUNG</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="Ini Adalah Portal Dari SMK TAMANSISWA MOJOAGUNG">
<meta name="author" content="Ahmad Zaenuri Ferdiansyah">
<meta name="keyword" content="Portal SMK">
<link rel="shortcut icon" href="img/tamsis.png">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script type="text/javascript">
$.backstretch(
[
"img/iya.jpeg",
"img/empat.jpeg",
"img/tiga.jpg",
],
{
duration: 2000,
fade: 600
});
</script>
<center>
<h1>SELAMAT DATANG DI PORTAL</h1>
<h1>SMK TAMANSISWA MOJOAGUNG</h1>
<img src="img/tamsis.png">
<p>Perguruan Tamansiswa Cabang Mojokerto</p>
<p>BAGIAN TAMAN KARYA MADYA TEKNIK</p>
<h2>(SMK TAMANSISWA)<h2>
<p>Jl. Tamansiswa No.6 Telp. (08321)495358; 085101211908</p>
<p>MOJOAGUNG KAB.JOMBANG</p>
</center>
<div class="Dasar1">
<div class="Atas">
<h3><a href="#">Website</a></h3>
<a href="#"><img style="padding-left: 25px;" src="img/web.png"></a>
</div>
</div>
<div class="Dasar2">
<h3><a href="http://192.168.42.27/data/index.php?dir=EBOOK_TKJ/">E-Book TKJ</a></h3>
<a href="http://192.168.42.27/data/index.php?dir=EBOOK_TKJ/"><img style="padding-left: 25px;" src="img/TKJ.png"></a>
</div>
<div class="Dasar3">
<h3><a href="#">E-Book TKR</a></h3>
<a href="#"><img style="padding-left: 25px;" src="img/TKR.png"></a>
</div>
<div class="Dasar4">
<h3><a href="http://192.168.42.27/data/">Repository</a></h3>
<a href="http://192.168.42.27/data/"><img style="padding-left: 25px;" src="img/buku.png"></a>
</div>
<div class="footer">
<p>
Copyright © 2018 SMK TAMANSISWA MOJOAGUNG<br>
Developed BY <a href="https://www.facebook.com/zende.douglas">Ahmad Zaenuri Ferdiansyah</a>
</p>
</div>
</body>
</html>
G. Kesimpulan
POrtal sangat membantu dalam sekolah, karena portal dapat mempermudah siswa maupun guru dalam mengakses informasi
F. Referensi
-
Sekian yang dapat saya sampaikan, mohon maaf bila ada kesalahan dalam penulisan maupun tata bahasa, sekian dan terimakasih
Wassalamu'alaikum Wr.Wb
