• Tidak ada hasil yang ditemukan

Perancangan Website Paduan Suara Gloria Unit Kegiatan Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Website Paduan Suara Gloria Unit Kegiatan Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL"

Copied!
38
0
0

Teks penuh

(1)

Listing Program

1.

index.php

<!DOCTYPE html> <html>

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet"

href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />

<link rel="stylesheet"

href="nivo-slider/themes/light/light.css" type="text/css" media="screen" /> <link rel="stylesheet"

href="nivo-slider/themes/dark/dark.css" type="text/css" media="screen" /> <link rel="stylesheet" href="nivo-slider/themes/bar/bar.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/demo/style-nivo.css" type="text/css" media="screen" />

</head> <body>

<div class="wrapper"> <div class="header">

<img src="images/logo/gloria2.png" width="600px" height="100px">

<b><p style="color: blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="page/profil.php">Profil</a></li>

<li><a href="page/agenda.php">Agenda</a></li>

<li><a href="page/data.php">Data</a></li>

<li><a href="page/daftar.php">Daftar</a></li>

<li><a href="galeri.php">Galeri</a></li>

<li><a href="page/video.php">Video</a></li>

<li><a style="border:none;" href="page/pesan.php">Tentang</a></li>

(2)

</div>

<div id="wrapper">

<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider">

<img src="nivo-slider/demo/images/12.png" data-thumb="images/12.png" alt="" />

<img src="nivo-slider/demo/images/2.png" data-thumb="images/2.png" alt="" /></a>

<img src="nivo-slider/demo/images/3.png" data-thumb="images/3.png" alt="" data-transition="slideInLeft" /> <img src="nivo-slider/demo/images/4.png" data-thumb="images/4.png" alt=""/>

<img src="nivo-slider/demo/images/5.png" data-thumb="images/5.png" alt=""/>

<img src="nivo-slider/demo/images/6.png" data-thumb="images/6.png" alt=""/>

<img src="nivo-slider/demo/images/7.png" data-thumb="images/7.png" alt=""/>

<img src="nivo-slider/demo/images/8.png" data-thumb="images/8.png" alt=""/>

<img src="nivo-slider/demo/images/9.png" data-thumb="images/9.png" alt=""/>

<img src="nivo-slider/demo/images/10.png" data-thumb="images/10.png" alt=""/>

</div> </div>

</div>

<script type="text/javascript" src="nivo-slider/demo/scripts/jquery-1.9.0.min.js"></script>

<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script>

<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); });

</script> <!--

<div class="content">

<img class="gbr" src="images/logo.png"> </div> -->

<div class="footer"style="background:#b30000">

Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div> </div>

</body> </html>

(3)

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" type="text/css" href="../css/style.css">

<link rel="stylesheet" href="nivo-slider/demo/style-nivo.css" type="text/css" media="screen" />

</head> <body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/gloria2.png" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li>

<li><a href="../page/profil.php">Profil</a></li>

<li><a href="../page/agenda.php">Agenda</a></li>

<li><a href="../page/data.php">Data</a></li>

<li><a href="../page/daftar.php">Daftar</a></li>

<li><a href="../galeri.php">Galeri</a></li>

<li><a href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="content">

<div class="text">

<h3 style="color: red">Profil PADUAN

SUARA GLORIA</h3>

<strong>Paduan Suara GLORIA</strong>

merupakan paduan suara mahasiswa katolik di USU yang dipelopori oleh Alm. Abangda Candra M.A Pasaribu, S.T (Teknik Mesin 95). Nama Paduan Suara Gloria diberikan oleh Alm. Abangda Candra, dalam Bahasa Latin Gloria berarti: <strong>Keagungan, Kemulian, dan Kejayaan</strong>. Paduan Suara Gloria didirikan pada tahun 1997 di Medan.<br>

Paduan Suara Gloria adalah paduan

suara mahasiswa Katolik di bawah naungan UKM KMK (Keluarga Mahasiswa Katolik Santo Albertus Magnus USU. Anggotanya adalah mahasiswa/i Katolik dari segala jurusan di USU.

(4)

Bertempat di Pondok Mahasiswa, Jl dr Mansyur no.73 (Kompleks Gereja St. Yosef).

<h3 style="color:red">VISI PADUAN

SUARA GLORIA</h3>

Dalam kebersamaan, Paduan Suara

Gloria memiliki tujuan tidak hanya sebatas kelompok bernyanyi namun menjadi <strong>sebuah keluarga</strong>. Keluarga Gloria, terdiri dari para anggota yang mau belajar bernyanyi dan mau saling memahami satu sama lain. Sehingga, Sopran-Alto-Tenor-Bass bisa membentuk harmonisasi lagu yang indah bagi kemuliaan Tuhan.

<h3 style="color:red">MISI PADUAN

SUARA GLORIA</h3>

<ol>

<li>Menjadikan Paduan Suara

Gloria sebagai wadah atau tempat menyalurkan bakat maupun hobi mahasiswa Universitas Sumatera Utara.</li>

<li>Menjadikan Paduan Suara

Gloria Universitas Sumatera Utara sebagai organisasi yang memiliki rasa kekeluargaan yang tinggi.</li>

<li>Mendorong semua anggota

untuk lebih baik dari segi prestasi maupun disiplin.</li> </ol>

<h3 style="color:red">MOTTO PADUAN SUARA GLORIA</h3>

Dengan semboyan <strong>Bene Cantat

Bis Orat</strong>, Paduan Suara Gloria meyakini bahwa

<strong>Bernyanyi dengan kesungguhan hati sama halnya dengan dua kali berdoa</strong>. Sehingga, tanpa pamrih tetap bersemangat dalam memadahkan segala lagu pujian hanya demi kemuliaan Tuhan.<br>

Yang utama dari keanggotaan paduan

suara GLORIA adalah ada kemauan dan komitmen untuk bernyanyi demi pelayanan kepada Tuhan. Teman-teman tidak harus pandai bernyanyi namun harus mau belajar bernyanyi sehingga nantinya akan

terbentuk harmonisasi yang indah demi kemuliaan Tuhan.

Setiap anggota Gloria harus saling mendukung demi menjaga kekompakan. Karena inti dari Keanggotaan PS Gloria adalah kekeluargaan yang didasari dengan CINTA KASIH.

<h3 style="color:red">PROGRAM KERJA

PADUAN SUARA GLORIA</h3>

<ol>

<li>Kunjungan gereja (minimal

2 kali sebulan, ke gereja-gereja katolik di kota Medan dan sekitarnya).</li>

<li>Berpartisipasi dalam

setiap kegiatan UKM KMK St. ALbertus Magnus USU (antara lain: misa kampus, perayaan natal dan tahun baru, perayaan paskah, perayaan dies natalis, PMB, dll).</li>

<li>Kunjungan tahunan (sekali

dalam dua tahun, yaitu melakukan pelayanan ke paroki di luar kota Medan).</li>

<li>Rekoleksi dan Regenerasi /

(5)

<li>Kegiatan membina kekompakan (misalnya: sharring, rujak party, birthday party, cooking time together, dll).</li>

<li>Mengisi acara undangan

(misalnya: acara pernikahan, acara paskah dan natal dari fakultas/ instansi, dll).</li>

<li>Bakti sosial (pelayanan ke

panti asuhan, SLB, dll (sesuai kesepakatan).</li>

<li>Dll.</li>

</ol>

<h3 style="color:red">STRUKTUR ORGANISASI PADUAN SUARA GLORIA</h3>

<img src="../images/glo.png" width="1000px" height="800px" position="center"><br><br><br>

</div> </div>

<div style="clear:both"></div> </div>

<div class="footer"style="background:#b30000">

Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

3.

agenda.php

<!DOCTYPE html > <html>

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" href="../table/bootstrap.min.css"> <link rel="stylesheet" href="../table/global.css">

<link rel="stylesheet" type="text/css" href="../css/style.css">

</head> <body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/gloria2.png" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li> <li><a

(6)

<li><a

href="../page/agenda.php">Agenda</a></li>

<li><a href="../page/data.php">Data</a></li> <li><a

href="../page/daftar.php">Daftar</a></li>

<li><a href="../galeri.php">Galeri</a></li> <li><a

href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="container"> <div class="row">

<div class="col-md-12">

<div class="box box-primary">

<div class="box-header"> <h3 class="box-title" style="color:red">Acara PS GLORIA USU</h3>

</div><!-- /.box-header --> <div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php");

$query="SELECT * FROM `tbl_agenda`";

$eksekusi=mysql_query($query);

?>

<thead>

<tr> <th>No</th>

<th>Judul Acara</th>

<th>Jadwal Acara</th>

<th>Detail Acara</th>

</tr> </thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['judul']; ?></td> <td><?php echo $data['jadwal']; ?></td> <td><a

(7)

</tr> <?php }

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="../table/jquery-1.7.2.min.js"></script> <script src="../table/bootstrap.min.js"></script> <script

src="../table/datatables/jquery.dataTables.min.js"></script> <script

src="../table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet"

href="../table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

</script>

<div class="footer"style="background:#b30000"> Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

4.

data.php

<!DOCTYPE html > <html>

<head>

<title>Data Anggota PS GLORIA USU</title>

<link rel="stylesheet" href="../table/bootstrap.min.css"> <link rel="stylesheet" href="../table/global.css">

<link rel="stylesheet" type="text/css" href="../css/style.css">

</head> <body>

<div class="wrapper"> <div class="header">

<img src="../images/logo/gloria2.jpg" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li> <li><a

(8)

<li><a

href="../page/agenda.php">Agenda</a></li>

<li><a href="../page/data.php">Data</a></li> <li><a

href="../page/daftar.php">Daftar</a></li>

<li><a href="../galeri.php">Galeri</a></li> <li><a

href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="container"> <div class="row">

<div class="col-md-12">

<div class="box box-primary">

<div class="box-header"> <h3 class="box-title" style="color:red">Anggota PS GLORIA USU</h3>

</div><!-- /.box-header --> <div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php");

$query="SELECT * FROM `tbl_anggota`";

$eksekusi=mysql_query($query);

?>

<thead>

<tr> <th>No</th>

<th>Nama</th> <th>NIM</th> <th>Status</th> <th>Detail</th> </tr>

</thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['nama']; ?></td> <td><?php echo $data['nim']; ?></td> <td><?php echo $data['status'];?></td> <td><a

href="../detail_gloria.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

(9)

<?php }

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="../table/jquery-1.7.2.min.js"></script> <script src="../table/bootstrap.min.js"></script> <script

src="../table/datatables/jquery.dataTables.min.js"></script> <script

src="../table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet"

href="../table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

</script>

<div class="footer"style="background:#b30000"> Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

5.

daftar.php

<!DOCTYPE html > <html>

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" type="text/css" href="../css/style.css">

</head> <body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/gloria2.png" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li> <li><a

href="../page/profil.php">Profil</a></li> <li><a

(10)

<li><a href="../page/data.php">Data</a></li> <li><a

href="../page/daftar.php">Daftar</a></li>

<li><a href="../galeri.php">Galeri</a></li> <li><a

href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="content">

<div class = "content_kiri"> <div class="text">

<b><h1 style="color:red">Come & Join Us</h1></b>

<ol style="color:blue">

<b><p style="color:black">BUAT KAMU: </p></b>

<li>Mahasiswa/i Katolik dan

masih aktif kuliah di USU</li>

<li>Memiliki Kemauan dan Komitmen untuk melayani Tuhan dengan bernyanyi dan atau bermain musik (PS Gloria punya Gitar dan Keyboard)</li>

<li>Bersedia berkomitmen mengikuti kegiatan PS Gloria</li>

</ol>

<ol style="color:blue"> <b><p

style="color:black">JADWAL LATIHAN:</p></b>

Hari : Selasa, Kamis,

Sabtu <br>

Waktu : 16.00 WIB

<br>

Sekretariat : Pondok

Mahasiswa, Jl dr Mansyur no.73 (Kompleks Gereja St. Yosef)<br>

</ol>

<ol style="color:blue">

<b><p style="color:black">Contact Person: 0823-0411-2388</p></b>

</ol> <ol> <a

href="https://www.facebook.com/groups/ps.gloria/?fref=ts"><img src="../images/s1.png" width="100px" height="70px"></a>

<a

href="https://www.instagram.com/psgloria/?hl=en"><img src="../images/s2.png" width="100px" height="70px"></a>

<a

href="https://accounts.google.com/ServiceLogin/identifier?service =mail&passive=true&rm=false&continue=https%3A%2F%2Fmail.google.co m%2Fmail%2F&ss=1&scc=1&ltmpl=default&ltmplcache=2&emr=1&osid=1&fl owName=GlifWebSignIn&flowEntry=AddSession"><img

src="../images/g1.png" width="100px" height="70px"></a> </ol>

(11)

<div class="content_kanan">

<div class="content">

<div class="text">

<form action="../proses_daftar.php" method="POST">

<table border='0' width='35%' cellpadding='2' cellspacing='2' align='center'>

<caption><h2 style="color:red">Silahkan Isi Form Pendaftaran</h2></caption>

<tr><td>Nama Lengkap</td><td>

<input type="text" name="nama" size="30" maxlength="50" required/></td></tr>

<tr><td>NIM</td>

<td><input type="number" name="nim" size="30" maxlength="50" required></td></tr>

<tr><td style="color:black">Jenis Kelamin</td> <td colspan="4">

<select name="jenis_kelamin"> <option value="">Pilih Jenis Kelamin</option>

<option value="Laki-laki">Laki-laki</option>

<option value="Perempuan">Perempuan</option>

</select></td></tr> <tr>

<td style="color:black">Fakultas</td> <td colspan="4">

<select name="fakultas">

<option value="">--Daftar Fakultas--</option>

<option value="Fakultas Kedokteran">Fakultas Kedokteran</option>

<option value="Fakultas Hukum">Fakultas Hukum</option>

<option value="Fakultas Pertanian">Fakultas Pertanian</option>

<option value="Fakultas Teknik">Fakultas Teknik</option>

<option value="Fakultas Ekonomi">Fakultas Ekonomi</option>

<option value="Fakultas Kedokteran Gigi">Fakultas Kedokteran Gigi</option>

<option value="Fakultas Ilmu Budaya">Fakultas Ilmu Budaya</option>

<option value="Fakultas Matematika dan Ilmu Pengetahuan Alam">Fakultas Matematika dan Ilmu

Pengetahuan Alam

</option>

<option value="Fakultas Imu Sosial dan Politik">Fakultas Imu Sosial dan Politik</option>

<option value="Fakultas Kesehatan Masyarakat">Fakultas Kesehatan Masyarakat</option>

<option value="Fakultas Keperawatan">Fakultas Keperawatan</option>

(12)

<input type="text" name="jurusan" size="30" maxlength="50" required/></td></tr>

<tr><td>Stambuk</td>

<td><input type="number" name="stambuk" size="30" maxlength="50" required></td></tr>

<tr><td>Asal Paroki</td><td>

<input type="text" name="asal_paroki" size="30" maxlength="50" required/></td></tr>

<tr><td>No HP</td>

<td><input type="number" name="nohp" size="30" maxlength="50" required></td></tr>

<tr><td>Id Line</td><td>

<input type="text" name="idline" size="30" maxlength="50" required/></td></tr>

<tr><td>Alasan Masuk Gloria</td><td>

<textarea name="alasan" cols="30" rows="4" required></textarea></td></tr><br>

<tr><td></td><td><input type="submit" name="kirim" value="KIRIM"/></td></tr>

</table><br> </form>

</div>

<div style="clear:both"></div> </div>

<div class="footer"style="background:#b30000"> Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

6.

galeri.php

<!DOCTYPE html> <html>

<head>

<title>Galeri Gloria</title>

<link rel="stylesheet" type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />

<script type="text/javascript"

src="layout/scripts/jquery.min.js"></script> <!-- liteAccordion is Homepage Only -->

<link rel="stylesheet" href="layout/scripts/liteaccordion-v2.2/css/liteaccordion.css" type="text/css" />

</head> <body>

<div class="wrapper">

<div id="container" class="clear">

(13)

<a href="index.php">Kembali</a><br><br> *klik untuk melihat gambar ukuran penuh <div id="hpage_gallery2">

<ul class="clear">

<?php

require_once("koneksi.php");

$tampil=mysql_query("SELECT * FROM tbl_galeri order by id_galeri desc limit 0,20");

while($row=mysql_fetch_object($tampil)){ ?> <li ><a href="images/<?php echo ucwords("$row->photo"); ?>" target="_blank"><img width="200" src="images/<?php echo ucwords("$row->photo"); ?>" /></a></li> <?php

} ?> </ul><br/>

</ul> </div> </div>

</body> </html>

7.

video.php

<!DOCTYPE html > <html>

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" href="../table/bootstrap.min.css"> <link rel="stylesheet" href="../table/global.css">

<link rel="stylesheet" type="text/css" href="../css/style.css">

</head> <body>

<div class="wrapper"> <div class="header">

<img src="../images/logo/gloria2.png" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li> <li><a

href="../page/profil.php">Profil</a></li> <li><a

href="../page/agenda.php">Agenda</a></li>

<li><a href="../page/data.php">Data</a></li> <li><a

href="../page/daftar.php">Daftar</a></li>

(14)

<li><a

href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="container"> <div class="row">

<div class="col-md-12">

<div class="box box-primary">

<div class="box-header"> <h3 class="box-title" style="color:red">Video PS GLORIA USU</h3>

</div><!-- /.box-header --> <div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php");

$query="SELECT * FROM `tbl_video`";

$eksekusi=mysql_query($query);

?>

<thead>

<tr> <th>No</th>

<th>Judul Video</th>

<th>Keterangan Video</th>

<th>Lihat Video</th>

</tr> </thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['judul']; ?></td> <td><?php echo $data['keterangan']; ?></td>

<td><a href="../detail_video.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

</tr> <?php }

echo"</table>"; ?> </tbody>

(15)

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="../table/jquery-1.7.2.min.js"></script> <script src="../table/bootstrap.min.js"></script> <script

src="../table/datatables/jquery.dataTables.min.js"></script> <script

src="../table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet"

href="../table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

</script>

<div class="footer"style="background:#b30000"> Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

8.

pesan.php

<!DOCTYPE html > <html>

<head>

<title>PS GLORIA USU</title>

<link rel="stylesheet" type="text/css" href="../css/style.css">

</head> <body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/gloria2.png" width="258px" height="100px">

<b><p style="color:blue">PADUAN SUARA GLORIA USU UKM KMK ST.ALBERTUS MAGNUS USU <br></p></b>

<div class="menu"> <ul>

<li><a href="../index.php">Beranda</a></li> <li><a

href="../page/profil.php">Profil</a></li> <li><a

href="../page/agenda.php">Agenda</a></li>

<li><a href="../page/data.php">Data</a></li> <li><a

href="../page/daftar.php">Daftar</a></li>

(16)

<li><a

href="../page/video.php">Video</a></li>

<li><a style="border:none;" href="../page/pesan.php">Tentang</a></li>

</ul> </div> </div>

<div class="content">

<div class = "content_kiri"> <div class="text">

<h2 style="color: red">Hubungi

Kami</h2>

<ol style="color:blue">

Paduan Suara Gloria UKM KMK

St.Albertus Magnus<br>

<b>UNIVERSITAS SUMATERA

UTARA</b><br>

Pondok Mahasiswa, Jl dr Mansyur no.73 (Kompleks Gereja St. Yosef).<br>

</ol>

<h2 style="color: red">Saran/ Kritik

untuk Kami</h2>

<ol style="color:blue">

Silahkan tinggalkan pesan teman

sekalian kepada kami BPH Paduan Suara Gloria. Berikan kritik/ saran/ keluhan tentang Paduan Suara. Caranya ?

<br><br>

<li>Silahkan mengisi formulir

pesan disebelah kanan.</li>

<li>Sampaikan pesan teman sekalian kepada kami tentang Paduan Suara ini.</li>

<li>Privasi pengirim dijaga.</li>

</ol>

<a href="../doris.php">LIHAT PROFIL PEMBUAT WEB</a>

<ol> <a

href="https://www.facebook.com/groups/ps.gloria/?fref=ts"><img src="../images/s1.png" width="100px" height="70px"></a>

<a

href="https://www.instagram.com/psgloria/?hl=en"><img src="../images/s2.png" width="100px" height="70px"></a>

<a

href="https://accounts.google.com/ServiceLogin/identifier?service =mail&passive=true&rm=false&continue=https%3A%2F%2Fmail.google.co m%2Fmail%2F&ss=1&scc=1&ltmpl=default&ltmplcache=2&emr=1&osid=1&fl owName=GlifWebSignIn&flowEntry=AddSession"><img

src="../images/g1.png" width="100px" height="70px"></a> </ol>

</div> </div>

<div class="content_kanan">

<div class="content">

<div class="text">

(17)

<table border='0' width='35%' cellpadding='2' cellspacing='2' align='center'>

<caption><h2>Tinggal Pesan Untuk Kami</h2></caption>

<tr><td>Nama Lengkap</td><td>

<input type="text" name="nama" size="30" maxlength="50" required/></td></tr>

<tr><td>Email</td><td>

<input type="text" name="email" size="30" maxlength="50" required/></td></tr>

<tr><td>Pesan Anda</td><td>

<textarea name="pesan" cols="30" rows="4" required></textarea></td></tr>

<tr><td></td><td><input type="submit" name="kirim" value="KIRIM"/></td></tr>

</table>

</form> </div>

<div style="clear:both"></div> </div>

<div class="footer"style="background:#b30000"> Paduan Suara Gloria Universitas Sumatera Utara Copyright &copy2017

</div>

</div> </body> </html>

9.

detail_agenda.php

<html>

<head>

<title>Detail Acara PS GLORIA USU</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;}

#login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#00bfff, #5EACFB); /* For Safari 5.1 to 6.0 */

(18)

background: -moz-linear-gradient(#00bfff, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#00bfff, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:black;

margin:5px; }

.tombol:hover{

background: white; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">PADUAN SUARA GLORIA USU</th>

</tr> <?php

include("database/koneksi.php"); $id=$_GET['id'];

$query="SELECT * FROM `tbl_agenda` WHERE id='$id'"; $eksekusi=mysql_query($query);

$data=mysql_fetch_array($eksekusi); ?> <form>

<caption><h2 style="color:black">Data Acara <?php echo $data['judul']; ?></h2></caption>

<tr> <tr>

<td style="color:black">Nama Acara</td>

<td><textarea><?php echo $data['judul']; ?></textarea>

</td> </tr>

<tr>

(19)

<td><input value="<?php echo $data['jadwal']; ?>" ></td>

</tr>

<tr>

<td style="color:black">Lokasi Acara</td>

<td><textarea><?php echo $data['lokasi']; ?></textarea>

</td> </tr>

<tr> <td style="color:black">Keterangan</td>

<td><textarea><?php echo $data['keterangan']; ?></textarea>

</td> </tr>

</table> </form>

</div> </body> </html>

10.

koneksi.php

<?php

$server = "localhost"; $username = "root"; $password = "";

$database = "db_ta_doris";

$koneksi = mysql_connect($server,$username,$password) or die ('Koneksi gagal');

if($koneksi){

mysql_select_db($database) or die ('Database belum dibuat');

}

?>

11.

index.php-admin

<!DOCTYPE html> <html >

<head>

<meta charset="UTF-8">

<title>Login Administrator GLORIA</title>

<link rel="stylesheet" href="../css/css_login/style.css"> </head>

(20)

<div class="login-page"> <div class="form">

<form class="login-form" action="cek_login.php" method="POST">

<h2 style="font-size:20px">Login Admin <br>Paduan Suara GLORIA Universitas Sumatera Utara</h2>

<input type="text" name="username" placeholder="username"/> <input type="password" name="password"

placeholder="password"/>

<button style="background: black">Login</button> </form>

</div> </div> </body> </html>

12.

cek_login.php

<?php

include "../database/koneksi.php" ; $username = $_POST['username']; $password = $_POST['password'];

$login=mysql_query("SELECT * FROM login WHERE username='$username' AND password='$password'");

$ketemu = mysql_num_rows($login); $r=mysql_fetch_array($login); if ($ketemu > 0) {

session_start ();

$_SESSION[username] = $r[username]; $_SESSION[password] = $r[password]; header('location:admin.php');

} else {

echo "<center>LOGIN GAGAL <br>

Username atau Password Anda Tidak benar <br> Atau Acount Anda Sedang Di blokir <br>"; echo "<a href='index.php'>Ulangi Lagi</a>"; }

?>

13.

admin.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<!DOCTYPE html> <html>

<head>

<title>Admin PS GLORIA USU</title><br>

(21)

<body>

<div class="header">

<img src="../admin/images/admin.png"> </div>

<div class="copyright">

<h3>Hello Admin PADUAN SUARA GLORIA USU</h3> </div>

<div class="container">

<a href="input_anggota.php" class="button

purple"><span></span>Input Anggota PS.GLORIA</a> <a href="input_agenda.php" class="button

purple"><span></span>Input Berita Acara PS.GLORIA</a> <a href="input_galeri.php" class="button

purple"><span></span>Input Galeri Foto PS.GLORIA</a> <a href="input_video.php" class="button

purple"><span></span>Input Galeri Video PS.GLORIA</a> <a href="tampil_anggota.php" class="button

purple"><span></span>Tampil Anggota PS.GLORIA</a> <a href="tampil_agenda.php" class="button

purple"><span></span>Tampil Berita Acara PS.GLORIA</a> <a href="tampil_video.php" class="button

purple"><span></span>Tampil Video PS.GLORIA</a> <a href="tampil_daftar.php" class="button

purple"><span></span>Tampil Data Pendaftar PS.GLORIA</a> <a href="tampil_pesan.php" class="button

purple"><span></span>Pesan/Kontak Masuk PS.GLORIA</a> <a href="logout.php?logout=yes" class="button

purple"><span></span>Keluar Dari Panel Admin</a> </div>

</body> </html>

<?php } else

header("location: index.php"); ?>

14.

edit_agenda.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) {

?>

<html> <head>

<title>Edit Acara</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;}

#login{

(22)

margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#00bfff, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#00bfff, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#00bfff, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#00bfff, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:black;

margin:5px; }

.tombol:hover{

background:#fff; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">Edit Acara Paduan Suara GLORIA USU</th>

</tr> <?php

include("../database/koneksi.php"); $id=$_GET['id'];

echo "<form method='post' action='update_agenda.php?id=$id'> ";

$query="SELECT * FROM `tbl_agenda` WHERE id='$id'"; $eksekusi=mysql_query($query);

$data=mysql_fetch_array($eksekusi); ?> <form>

(23)

<tr> <tr>

<td style="color:black">Judul </td>

<td><input type="text" name="judul" value="<?php echo $data['judul']; ?>" required ></td>

</tr>

<tr>

<td style="color:black">Lokasi Acara</td>

<td><textarea input

type="text" name="lokasi"required><?php echo $data['lokasi']; ?> </textarea></td>

</tr>

<tr> <td style="color:black">Keterangan Acara</td>

<td><textarea input type="text" name="keterangan" required><?php echo $data['keterangan']; ?> </textarea></td>

</tr> </tr>

<tr>

<th class="th" colspan="2"><a

href="tampil_agenda.php">Kembali Tampil Event</a></th> </tr>

<tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form>

</div> </body> </html> <?php } else

header("location: index.php"); ?>

(24)

include("../database/koneksi.php");

$id=$_GET['id'];

$q="DELETE FROM `tbl_agenda` WHERE id='$id'"; if(mysql_query($q)){

?><script>alert('Berhasil dihapus');</script><?php

?><script>document.location.href='tampil_agenda.php';</scrip t><?php

} else{

echo"data gagal dihapus: ".mysql_error(); }

?>

16.

hapus_galeri.php

<?php

include "../database/koneksi.php"; $id=$_REQUEST['kode'];

$sql = "DELETE FROM tbl_galeri WHERE id_galeri='$id'"; $hasil = mysql_query($sql);

header("location:input_galeri.php"); ?>

17.

input_agenda.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<html> <head>

<title>Berita Acara PS GLORIA USU</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;}

#login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

(25)

background: -o-linear-gradient(#00bfff, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#00bfff, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#00bfff, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:black;

margin:5px; }

.tombol:hover{

background:white; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<form method="POST" action="proses_agenda.php">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th style="color:black" class="th" colspan="2">Jadwal Acara PS GLORIA USU</th>

</tr> <tr>

<td style="color:black">Judul Acara</td> <td><textarea input type="text" name="judul" required></textarea></td>

</tr>

<tr>

<td style="color:black">Jadwal Acara</td> <td>

<select name="tanggal"> <?php

for ($i=1; $i <= 31; $i++) { echo "<option

value=\"".$i."\">".$i."</option>"; } ?>

</select>

(26)

<?php

$bulan=array("Januari","Februari","Maret","April","Mei","Jun i","Juli","Agustus","September","Oktober","November","Desember");

for ($i=0; $i <12 ; $i++) { echo "<option

value=\"".$bulan[$i]."\">".$bulan[$i]."</option>"; }

?>

</select>

<select name="tahun"> <?php

for ($i=2000; $i <= 2040; $i++) { echo "<option

value=\"".$i."\">".$i."</option>"; } ?>

</select> </td>

</tr>

<tr>

<td style="color:black">Lokasi Acara</td> <td><textarea input type="text" name="lokasi" required></textarea></td>

</tr>

<tr>

<td style="color:black">Keterangan Acara</td> <td><textarea input type="text"

name="keterangan" required ></textarea></td> </tr>

<tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Simpan"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form>

</div> </body> </html>

<?php } else

(27)

18.

input_galeri.php

<?php ?>

<!DOCTYPE html PUBLIC> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<link href="style/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />

</head> <body>

<div id="wrapper"> <br/><br/>

<div id="containerHolder">

<h2>Entri Data Galeri Baru </h2> <div id="main">

<form action="proses_tambah_galeri.php" method="post" class="jNice" enctype="multipart/form-data"> <fieldset>

<p><label> File Photo : </label><input type="file" accept="" name="photo" class="text-medium" /></p> <p>Rasio file photo adalah 175px x 130px</p>

<input type="submit" value="Entri Data" />

</fieldset> <tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> </form> </div>

<div id="main">

<h2>&nbsp;&nbsp;&nbsp;&nbsp;Hapus Data Galeri </h2> <table width="80%" cellpadding="0"

cellspacing="0"> <?php

require_once("../database/koneksi.php"); $tampil=mysql_query("SELECT * FROM tbl_galeri order by id_galeri desc");

while($row=mysql_fetch_object($tampil)){ ?>

<tr valign="top">

<td><img src="../images/<?php echo ucwords("$row->photo"); ?>" width="120px"/></td> <td class="action"><a

href="hapus_galeri.php?kode=<?php echo ucwords("$row->id_galeri"); ?>">Hapus</a></td>

(28)

<?php

} ?> </table>

</div>

<div class="clear"></div>

</div> </div> </div>

</body> </html>

19.

proses_agenda.php

<?php

include "../database/koneksi.php";

$judul = $_POST['judul'];

$jadwal =

$_POST['tanggal'].'-'.$_POST['bulan'].'-'.$_POST['tahun'];

$lokasi = $_POST['lokasi'];

$keterangan = $_POST['keterangan'];

$query_insert = "INSERT INTO tbl_agenda ( judul, jadwal, lokasi, keterangan) VALUES(

'$judul', '$jadwal', '$lokasi',

'$keterangan')";

$insert = mysql_query($query_insert);

if($insert) {

?><script>alert('Event disimpan');</script><?php

?><script>document.location.href='tampil_agenda.php';</scrip t><?php

} else

{

?><script>alert('Pengumuman gagal disimpan');</script><?php ?><script>document.location.href='input_agenda.php';</script ><?php

(29)

20.

proses_tambah_galeri.php

<?php

require_once('../database/koneksi.php');

$photo=$_FILES["photo"];

$nama=$photo["name"];

if(copy($photo["tmp_name"],"../images/Galeri/$nama")) {

$photo="galeri/".$nama;

$simpan="insert into tbl_galeri values('','$photo')"; mysql_query($simpan);

header("location:input_galeri.php"); }

?>

21.

tampil_agenda.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<!doctype html> <html>

<head>

<meta charset="utf-8">

<title>Berita Acara PS GLORIA USU</title>

<link rel="stylesheet" href="./table/bootstrap.min.css"> <link rel="stylesheet" href="./table/global.css">

</head>

<body>

<div class="container"> <div class="row">

<div class="col-md-12">

<div class="box box-primary">

<div class="box-header"> <h3 style="color:red"

class="box-title">Berita Acara PS GLORIA USU</h3> <a href="admin.php">Kembali</a> </div><!-- /.box-header --> <div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

(30)

include("../database/koneksi.php");

$query="SELECT * FROM `tbl_agenda`";

$eksekusi=mysql_query($query);?><thead> <tr>

<th>No</th> <th>Judul Acara</th>

<th>Jadwal Acara</th>

<th>Lokasi Acara</th>

<th>Keterangan</th> <th>Hapus</th> <th>Ubah</th>

</tr> </thead> <tbody> <?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['judul']; ?></td> <td><?php echo $data['jadwal']; ?></td> <td><?php echo $data['lokasi'];?></td> <td><textarea name="" id=""><?php echo $data['keterangan'];?></textarea></td>

<td><a href="hapus_agenda.php?id=<?php echo $data['id'];?>">Hapus</a></td>

<td><a href="edit_agenda.php?id=<?php echo $data['id'];?>">Ubah</a></td>

</tr> <?php }

echo"</table>"; ?>

</tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="table/jquery-1.7.2.min.js"></script> <script src="table/bootstrap.min.js"></script>

<script src="table/datatables/jquery.dataTables.min.js"></script> <script

src="table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet"

href="table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

(31)

<?php } else

header("location: index.php"); ?>

22.

update_anggota.php

<?php

include("../database/koneksi.php");

$id = $_GET['id'];

$judul = $_POST['judul'];

$lokasi = $_POST['lokasi'];

$keterangan = $_POST['keterangan'];

$q="UPDATE `tbl_agenda` SET

id ='$id',

judul = '$judul', lokasi ='$lokasi',

keterangan ='$keterangan' WHERE id ='$id'";

if (mysql_query($q)) {

?><script>alert('SUDAH DIPERBARUI');</script><?php?> <script>document.location.href='tampil_agenda.php';\

</script> <?php

} else{

echo"GAGAL DIPERBARUI: ".mysql_error(); }

?>

23.

logout.php

<?php

session_start();

if ($_REQUEST['logout'] == "yes") {

if(ISSET($_SESSION['username'])) {

UNSET($_SESSION['username']); }}

header("location: index.php"); session_destroy();

(32)
(33)
(34)
(35)
(36)
(37)
(38)

Referensi

Dokumen terkait

MARANG WONG TUWO, MENEHONO PANGAN MENEHONO PANGAN INGKANG KELUWEN, MENEHONO BUSONO MRING KANG WUDHA, MENEHONO KEYUBAN MENEHONO KEYUBAN MARANG WONG

Sementara itu, faktor emisi gas buang kendaraan yang digunakan berdasarkanTabel 2.3, perhitungan jarak tempuh kendaraan (keliling terminal) menggunakan Persamaan

Hasil menunjukkan bahwa Penerapan pengajaran kosakata dengan media realia dan flashcards dengan menerapkan metode three period lesson dikatakan efektif dalam meningkatkan

[r]

teknologi oleh siswa SD Negeri Salatiga 08 dalam bingkai TIM yang diambil atau.. berfokus pada jarang dan selalu bila dilihat dari indikator – indikator dalam

Pada penelitian ini hasil simulasi statik pada sisi atas Speed Bump diperoleh tegangan Equivalent Stress yang paling rendah didapat pada model Speed Bump tipe 2 tanpa

Air keluar dari tangki sehingga volume air dalam volume air dalam tangki berkurang TULIS DALAM

2.4.3 Kegiatan Seni atau Desain yang pernah diselenggarakan di SMA Negeri 3 Bandung. Berbagai kegiatan digelar dalam acara ini antara lain