Sistem Informasi Ikatan Mahasiswa Kristen D3 Teknik Informatika Berbasis Web

(1)

LAMPIRAN LISTING PROGRAM WEBSITE

1. Form index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

(2)

.style1 {font-size: 18px} -->

</style></head>

<div id="header">

<em>

</em>

<em>

</em>

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

(3)

<em>

</em>

<em>

<legend>Search</legend> <label><span

class="noscreen">Find:</span></label>

</span>

</fieldset> </form>

</div> <em>

</em></div>

<div id="tabs" class="noprint">

(4)

<li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

<div id="page" class="box"> <div id="page-in" class="box">

<hr class="noscreen" />

<p id="breadcrumbs">You are here: <a href="index.php">Home</a>><span class="style1">SELAMAT DATANG DI WEBSITE IMKRISTI</span></p>

(5)

</div>

<div id="content">

<div class="article">

<?php

include("koneksi.php");

$tampil=mysql_query("SELECT * FROM tbl_berita order by id_berita DESC LIMIT 0,5");

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

<h2><?php echo ucwords("$row->jdl_berita"); ?></h2>

<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span

class="noscreen">,</span> </p>

<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>

<p><?php echo ucwords("$row->kutipan_berita"); ?></p>

<p class="btn-more box noprint"><strong><a href="selengkapnya_berita.php?id_berita=<?php echo ucwords("$row->id_berita")?>">continue </a></strong>

(6)

</p><br /> <?php

} ?> </div>

</div>

<h3><span><a href="#">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

(7)

<h3 ><span>History</span></h3>

<li id="category-active"><a href="index.php">Beranda</a></li>

<li><a href="acara.php">Profil</a></li> <li><a

href="acara.php">Acara</a></li>

<li><a href="galery.php">Galery</a></li> <li><a

href="kontak.php">Contact</a></li>

<li><a href="about.php">About Me</a></li> <li><a href="daftar.php">Daftar</a></li> </ul>

<hr class="noscreen" />

<h3><span>Link Arternatif</span></h3>

<li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>

(8)

</div>  </div>

</div>  </div>

<div id="footer">

<p id="createdby">Created by <a href="#">Aruan| Webdesign</a> </p>

</div>

</div>

</body> </html>

(9)

2. Form profil.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

</head>

(10)

<div id="header">

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

</div>

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li>  <li id="active"><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>

(11)

<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

<div id="page" class="box"> <div id="page-in" class="box">

<hr class="noscreen" />

<p id="breadcrumbs">You are here: <a href="profil.php">Profil</a></p>

</div>

(12)

<div class="article"> <h2>VISI DAN MISI</h2>

<div class="imgl"><img width="160px" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>

Seia sekata dalam menciptakan rasa kekeluargaan dan kasih<strong> </strong><br />

<br />

<strong>MISI</strong><br /> Misi organisasi :</p>

<ol>

<li>Menciptakan mahasiswa yang memiliki kasih di dalamTuhan.</li>

<li>Membina kesadaran dalam meningkatkan rasa kekeluargaan.</li>

<li>Mewujudkan sikap rendah hati di lingkungan kampus.</li>

<li>Mempersiapkan pemimpin dan penggerak yang ahli dan bertanggungjawab dalam menjalankan panggilan di tengah masyarakat, gereja, dan mahasiswa. </li>

</ol> </div>

(13)

</div>

<h3><span><a href="about.php">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 ><span>Category</span></h3>

<li id="category-active"><a href="profil.php">Profil</a></li>

<li><a href="acara.php">Acara</a></li> <li><a href="galery.php">Galery</a></li>

<li><a href="kontak.php">Contact</a></li>

(14)

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

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

<hr class="noscreen" />

<h3><span>Link Alternatif</span></h3>

</div>  </div>

</div>  </div>

(15)

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

</div>

</div>

</body> </html>

3. Form acara.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(16)

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

</head>

<div id="header">

(17)

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

<fieldset><legend>Search</legend>

</form>

</div>

</div>

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li><a href="index.php">Home<span class="tab-l"></span><span class="tab-r"></span></a></li>  <li><a href="profil.php">Profil<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li id="active"><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

(18)

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

<div id="page" class="box"> <div id="page-in" class="box">

<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a href="#">comments</a></p>

<p id="breadcrumbs">You are here: <a href="acara.php">acara</a></p>

</div>

(19)

<div class="article">

<?php

include("koneksi.php");

$tampil=mysql_query("SELECT * FROM tbl_acara order by id_acara DESC LIMIT 0,5");

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

<h2><?php echo ucwords("$row->jdl_acara"); ?></h2>

<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span class="noscreen">,</span>

</p>

<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>

<p><?php echo ucwords("$row->kutipan_acara"); ?></p>

<p class="btn-more box noprint"><strong><a href="selengkapnya_acara.php?id_acara=<?php echo ucwords("$row->id_acara")?>">continue </a></strong>

</p><br /> <?php }

(20)

?> </div>

</div>

<h3><span><a href="#">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 >History</h3>

(21)

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

<li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> </ul>

<h3><span>Archive</span></h3>

<li><a href="#">January 2007</a></li> <li><a href="#">December 2006</a></li> <li><a href="#">November 2006</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">September 2006</a></li>

<li id="archive-active"><a href="#">August 2006</a></li>

<li><a href="#">July 2006</a></li> <li><a href="#">June 2006</a></li> <li><a href="#">May 2006</a></li> <li><a href="#">April 2006</a></li> <li><a href="#">March 2006</a></li> <li><a href="#">February 2006</a></li> <li><a href="#">January 2006</a></li> </ul>

(22)

<h3><span>Links Alternatif</span></h3>

</div>  </div>

</div>  </div>

<div id="footer">

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

(23)

</div>

</div>

</body> </html>

4. Form galery.php

<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

(24)

</head>

<div id="header">

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

(25)

<fieldset><legend>Search</legend>

</form>

</div>

</div>

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li id="active"><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

(26)

<div id="page" class="box"> <div id="page-in" class="box">

<p id="rss"><strong>RSS:</strong> <a href="#">articles</a> / <a href="#">comments</a></p>

<p id="breadcrumbs">You are here: <a href="acara.php">acara</a></p>

</div>

<div id="content">

<div class="article">

<?php

(27)

$tampil=mysql_query("SELECT * FROM tbl_acara order by id_acara DESC LIMIT 0,5");

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

<h2><?php echo ucwords("$row->jdl_acara"); ?></h2>

<span class="date"><?php echo ucwords("$row->tgl_posting"); ?> @ <?php echo ucwords("$row->waktu_posting"); ?></span><span class="noscreen">,</span>

</p>

<div class="imgl"><img width="100%" src="<?php echo ucwords("$row->photo"); ?>" alt="" /></div>

<p><?php echo ucwords("$row->kutipan_acara"); ?></p>

<p class="btn-more box noprint"><strong><a href="selengkapnya_acara.php?id_acara=<?php echo ucwords("$row->id_acara")?>">continue </a></strong>

</p><br /> <?php } ?> </div>

</div>

(28)

<h3><span><a href="#">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 >History</h3>

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

<li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> <li><a href="#">Category</a></li> </ul>

(29)

<h3><span>Archive</span></h3>

<li><a href="#">January 2007</a></li> <li><a href="#">December 2006</a></li> <li><a href="#">November 2006</a></li> <li><a href="#">October 2006</a></li> <li><a href="#">September 2006</a></li>

<li id="archive-active"><a href="#">August 2006</a></li>

<h3><span>Links Alternatif</span></h3>

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

(30)

<li><a href="galery.php">Galery</a></li> <li><a href="about.php">About Me</a></li> <li><a href="kontak.php">Contact</a></li> </ul>

</div>  </div>

</div>  </div>

<div id="footer">

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

</div>

</div>

</body> </html>

(31)

5. Form kontak.php

</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

(32)

<div id="header">

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

<fieldset><legend>Search</legend> <label><span

class="noscreen">Find:</span></label> </fieldset>

</form>

(33)

</div>

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li id="active"><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

<div id="page" class="box"> <div id="page-in" class="box">

(34)

<hr class="noscreen" />

<p id="breadcrumbs">You are here: <a href="kontak.php">Contact</a></p>

</div>

<div id="content">

<div class="article"> <h2>Kontak</h2>

<p>Hubungi Kami </p>

<p>[email protected]<br /> 0821 6830 8004<br />

(Obi Chandra Aruan) </p>

(35)

<h3><span><a href="#">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 ><span>Category</span></h3>

<li id="category-active"><a href="kontak.php">Contact</a></li>

<li><a href="about">About Me</a></li> <li><a href="daftar">Daftar</a></li> <li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li>

(36)

<li><a href="acara.php">Acara</a></li> </ul>

<h3><span>Links Alternatif</span></h3>

</div>  </div>

</div>  </div>

<div id="footer">

(37)

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

</div>

</div>

</body> </html>ml>

6. Form about.php

</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(38)

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

</head>

<div id="header">

(39)

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

<fieldset><legend>Search</legend> <label><span

class="noscreen">Find:</span></label> </fieldset>

</form>

</div>

</div>

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

(40)

<li id="active"><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

<div id="page" class="box"> <div id="page-in" class="box">

<hr class="noscreen" />

<p id="breadcrumbs">You are here: <a href="about.php">About Me</a></p>

</div>

<div id="content">

<div class="article">

(41)

<h2>Tentang Saya</h2>

<p>Hai semua Nama Saya adalah Obi Chandra Aruan biasa dipanggil obi , Saya adalah Mahasiswa Universitas Sumatera yang sedang menyelesaikan program studi saya. Website ini saya buat uintuk tugas akhir saya sebagai syarat kelulusan program studi yang saya jalani.</p>

</div>

</div>

<h3><span><a href="#">About Me</a></span></h3>

<strong>Obi Chandra</strong><br /> Age: 21<br />

(42)

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 ><span>Category</span></h3>

<li id="category-active"><a href="about.php">About</a></li>

<li><a href="daftar.php">Daftar</a></li> <li><a href="index.php">Beranda</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="acara.php">Acara</a></li> </ul>

<hr class="noscreen" />

<h3><span>Links Alternatif</span></h3>

(43)

</div>  </div>

</div>  </div>

<div id="footer">

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

</div>

</div>

(44)

</html>ml>

7. Form daftar.php

</ht<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Ikatan Mahasiswa kristen Teknik Informatika</title> <meta name="description" content="..." />

(45)

<!--

.style1 {font-size: 18px} .style2 {color: #000000} -->

</style></head>

<div id="header">

<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>

(46)

</form>

</div>

</div>

<div id="tabs" class="noprint">

<h3 class="noscreen">Navigation</h3> <ul class="box">

<li><a href="acara.php">Acara<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="galery.php">Galery<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="kontak.php">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li><a href="about.php">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>

<li id="active"><a href="daftar.php">Daftar<span class="tab-l"></span><span class="tab-r"></span></a></li>

</ul>

(47)

</div>

<div id="page" class="box"> <div id="page-in" class="box">

<hr class="noscreen" />

<p id="breadcrumbs">You are here: <a href="profil.php"></a><a href="adrt.php">Daftar</a></p>

</div>

<div id="content">

<div class="article">

<h2>Pendaftaran Anggota</h2>

<p><span class="style1"><span class="style2">Silahkan Isi Data Diri Anda</span></span></p>

(48)

<td>Nama Lengkap</td> <td>:</td>

</label></td> </tr>

<tr>

<td>Nama Panggilan</td> <td>:</td>

</label></td> </tr>

<tr>

<td>Angkatan</td> <td>:</td>

<option value="">- Pilih -</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option>

(49)

</tr> <tr>

<td>Alamat (Orangtua)</td> <td>:</td>

</tr> <tr>

<td>Alamat Sekarang (Kos)</td> <td>:</td>

(50)

</tr> <tr>

<td>No.HP/No.Telepon</td> <td>:</td>

</tr> <tr>

<td>Email</td> <td>:</td>

</tr> <tr>

<td>Photo</td> <td>:</td> <td><label>

</label></td> </tr>

<tr>

<td>(nama foto harus sesuai nama)</td> </tr>

<tr>

(51)

<tr>

</label></td> </tr>

</table> </center> </form>

</div>

<h3><span><a href="about.php">About Me</a></span></h3>

(52)

<strong>Obi Chandra</strong><br /> Age: 21<br />

Medan, Sumut<br /> <a

href="https://www.facebook.com/chandra.all">Profile on Facebook</a></p>

</div>

<h3 ><span>Category</span></h3>

<li id="category-active"><a href="adrt.php">Daftar </a></li>

<li><a

href="profilimkristi.php">Profil</a></li>

<li><a href="profil.php">Profil</a></li> <li><a href="acara.php">Acara</a></li> <li><a href="about.php">About Me</a></li> <li><a href="galery.php">Galery</a></li> </ul>

<h3><span>Links Alternatif</span></h3>

(53)

</div>  </div>

</div>  </div>

<div id="footer">

<p id="createdby">created by <a href="#">obi aruan| Webdesign</a> </p>

</div>

</div>

(54)

</html>ml>

8. Form Admin home.php

</ht<?php

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Admin IMKRISTI</title>

(55)

<!-- body {

background-color: #999; }

-->

</style></head>

<body>

<ul id="mainNav">

<li><a href="http://localhost/tugas-akhir/index.php">GOTOWEBSITE</a></li>

<li class="logout"><a href="logout.php?logout=yes">LOGOUT</a></li>

</ul>

<li><a href="home.php" class="active">Beranda</a></li>

<li><a href="berita.php">Berita</a></li> <li><a href="profil.php">Profil</a></li> <li><a href="acara.php">Acara</a></li>

(56)

<li><a href="galery.php">Galery</a></li> <li><a href="daftaranggota.php">Daftar Anggota</a></li>

<li><a href="daftaradmin.php">Daftar Admin</a></li>

</ul>

</div>

<h2><a href="#">SELAMAT   DATANG  ADMIN</a><a href="acara.php" class="active"></a> (-_-)</h2>

SELAMAT BEKERJA DENGAN SEPENUH HATI </fieldset>

</form> </div>

</div>

(57)

<p id="footer">design by lucifer.</a></p> </div>

</body>

</html>

<?php } else

header("location: login.php"); ?>ml>

9. Form koneksi.php

</ht<?php

mysql_connect("localhost","root"); mysql_select_db("db_ta");

(58)

KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN

TINGGI

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

PROGRAM STUDI D3 TEKNIK INFORMATIKA

Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155

Telp. (061) 8211050, 8214290, Fax (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: OBI CHANDRA A.N ARUAN

Nomor Induk Mahasiswa

: 132406084

Judul Tugas akhir : SISTEM INFORMASI IKATAN MAHASISWA

KRISTEN

D3

TEKNIK

INFORMATIKA

BERBASIS WEB

Dosen Pembimbing

: Drs. MARIHAT SITUMORANG, M.Kom

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :

No

Tanggal

Asistensi

Bimbingan

Pembahasan Asistensi

Pada Bab

Paraf Dosen

Pembimbing

Keterangan

1

2

3

4

5

6

7

*Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan mahasiswa telah selesai

Disetujui oleh

Program Studi D3 Teknik Informatika

Fakultas MIPA USU

Ketua,

Pembimbing,

Dr. Elly Rosmaini, M.Si

Drs. Marihat Situmorsng, M.Kom

NIP. 19600520 198503 2 002 NIP.

19631214 198903 1 001

(59)

DAFTAR PUSTAKA

Saputra,Agus. 2011. Pemrograman CSS Untuk Pemula. Jakarta : PT. Gramedia.

Tutang. 2001. Belajar Cepat HTML. Jakarta : Medikom

Utdirartatmo, Firrar. 2006. Segudang Trik Pengembangan Situs WEB.

Yogyakarta : Penerbit Andi

Riyanto,2011. Membuat Sendiri Aplikasi E-commerce dengan PHP dan MySQL

menggunakan Codelgniter dan JQuery. Yogyakarta : Penerrbit Andi

Purwanto. Yudhi. 2001. Pemrograman Web dengan PHP. Jakarta : Elex

Media Komputindo

Mulyana. Y.B. 2004. Trik Membangun Situs Menggunakan PHP dan MySQL.

Jakarta: Elex Media Komputindo\

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan

(60)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Seiring dengan perkembangan teknologi informasi saat ini, serta untuk

meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang

ada saat ini yang masih manual dan harus diganti dengan sistem yang lebih baik

lagi. Hal ini dilakukan dengan cara membangun sistem yang terkomputerisasi

atau online. Untuk memulai membangun suatu program mengenai perancangan

system informasi akademik, maka penulis terlebih dahulu merencanakan alur

kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis

data ini.

Perancangan merupakan proses yang dilakukan oleh perancang sistem

untuk mengerjakan spesifikasi sistem, membuat

keputusan tentang bagaimana

komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut,

audience, objek dan informasi domain. Perancangan yang baik harus

mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi

tersebut dengan cara paling fleksibel, efesien dan elegan.

(61)

3.2. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan

pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan

menggunakan diagram alir data adalah memudahkan pemakai yang kurang

menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan.

Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah

menggambarkan arus data dalam perancangan sistem sangat membantu dalam

komunikasi dengan pemakaian sistem menggunakan notasi

–

notasi untuk

menggambarkan arus dari data sistem.

Disamping itu DFD adalah salah satu alat pembuatan model yang

sering digunakan, khususnya bila fungsi

–

fungsi sistem merupakan bagian yang

lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem.

Dengan kata lain, DFD adalah alat pembuatan model yang memberikan

penekanan hanya pada fungsi sistem.

DFD juga merupakan alat perancangan sistem yang berorientasi pada alur

data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa

maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem

kepada pemakai maupun pembuat program.

(62)

Tabel 3.1. Simbol-simbol Data Flow Diagram

No.

Simbol

Fungsi

1. Eksternal Entity merupakan kesatuan di

luar lingkungan system yang dapat berupa

seseorang, organisasi yang dapat mengirimkan

data atau menerima data dari sistem.

2. Arus data merupakan tempat mengalirnya

informasi menunjukan arus data berupa sistem.

3. Proses merupakan pengolahan data atau aliran

data masuk menjadi data aliran keluar.

3. Penyimpanan

data

merupakan

tempat

penyimpanan data yang ada di dalam sistem.

3.3 Perancangan Database

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan

yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat

lunak untuk memanipulasinya. Database merupakan salah satu komponen yang

penting dalam sistem komputerisasi, karena database merupakan kumpulan dari

beberapa file, dalam hal ini file

–

file tersebut dikelompokan secara terstruktur

(1)

telah memberikan doa, motivasi, semangat dan kasih sayang yang tiada henti kepada penulis sehingga penulis dapat menyelesaikan tugas akhir ini. 6. Teman-teman seperjuangan Penulis di Departemen Matematika Prodi D3

Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

7. Semua adik-adik Penulis Stambuk 2014 dan 2015 di Teknik Informatika. 8. Teman-teman Ikatan Mahasiswa Kristen D3 Teknik Imformatika.

9. Semua Teman-teman yang telah mendukung Penulis selama proses menyelesaikan tugas akhir ini terkhusus kepada Melinda Agustina Tampubolon.

Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan, untuk itu penulis mengharapkan kritik dan saran yang konstruktif dari semua pihak untuk perbaikan dan kesempurnaan tugas akhir ini.

Akhirnya penulis berharap semoga tugas akhir ini bermanfaat bagi para pembaca.

Medan, Juni 2016

Obi Chandra A.N Aruan

(2)

vi ABSTRAK

Kemajuan teknologi informasi dan komunikasi yang sangat cepat membuat semua aspek kehidupan harus mengikutinya. Salah satunya adalah dunia pendidikan, dengan memanfaatkan teknologi informasi dan komunikasi maka akan meningkatkan efisiensi di segala bidang. Berdasarkan fakta diatas, pada penulisan tugas akhir ini penulis membahas tentang bagaimana cara merancang sebuah Sistem Informasi Ikatan Mahasiswa Kristen D3 Teknik Informatika berbasis web. Disini penulis menganalisa dan merancang struktur sistem yang akan dibangun dan yang digunakan yaitu bahasa pemrograman serta integrasi dari keduanya. Sistem ini dikembangkan dengan menggunakan bahasa pemrograman PHP dan MySQL dan disertai dengan menggunakan database yang disesuaikan dengan kebutuhan dalam proses perancangan sistem ini. Adapun hal yang terdapat dalam sistem informasi ini meliputi berbagai informasi tentang sebuah organisasi di lingkungan kampus. Dari hasil penelitian tugas akhir ini, dapat disimpulkan bahwa sistem informasi berlangsung secara online dan terkomputerisasikan dengan baik.

(3)

vii DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

Bab 1. Pendahuluan 1

1.1. Latar Belakang 1

1.2. Rumusan Masalah 3

1.3. Batasan Masalah 4

1.4. Maksud dan Tujuan 5

1.5. Manfaat 6

1.6. Tinjauan Pustaka 7

1.7. Metodologi Penelitian 8

1.8. Sistematika Penelitian 9

Bab 2. Landasan Teori 11

2.1. Konsep Dasar Data, Informasi dan Sistem Informasi 11

2.1.1 Data 11

2.1.2 Informasi 12

2.1.3 Sistem Informasi 12

2.1.3.1 Konsep Dasar Sistem 12

2.1.3.2 Konsep Dasar informasi 14 2.1.3.3 Konsep Dasar Sistem Informasi 15

2.2. Pengertian Komputer 16

2.3. Pengertian Internet 19

2.3.1. Network 19

2.3.2. Sekilas Mengenai Web 19

2.4. Sejarah Web 18

2.4.1. Aplikasi Web 18

2.4.2. Web Server 22

2.5. Sejarah PHP 22

2.5.1. Kelebihan PHP 24

2.5.2. Kelemahan PHP 24

2.5.3. Penggabungan Script PHP dan HTML 25

2.6. Sejarah MySQL 26

Bab 3. Perancangan Sistem 30

(4)

viii

3.1. Perancangan Sistem 30

3.2. Data Flow Diagram (DFD) 31

3.3. Perancangan Database 32

3.4. Flowchart 36

3.4.1. Flowchart Menu Utama 38

3.4.2. Flowchart Login Admin 39

3.5. Perancangan Algoritma 41

Bab 4. Implementasi Sistem 42

4.1. Pengertian Implementasi Sistem 42

4.2. Tujuan Implementasi 42

4.3. Komponen Dalam Implementasi Sistem 43

4.3.1. Komponen Perangkat Keras (Hardware) 43 4.3.2. Komponen Perangkat Lunak (Software) 44

4.3.3. Kebutuhan Brainware 44

4.4. Tampilan Halaman Website 44

Bab 5. Kesimpulan dan Saran 49

5.1. Kesimpulan 49

5.2. Saran 50

Daftar Pustaka Lampiran

(5)

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1. Simbol-simbol DFD 32

3.2. Tabel Admin 33

3.3. Tabel tbl_acara 33

3.4. Tabel tbl_berita 34

3.5. Tabel tbl_daftar 34

3.6. Tabel tbl_galery 35

3.7. Tabel tbl_profil 36

3.8. Arti Lmabng-lambang Flowchart 36

(6)

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

2.1 Komponen Sistem Informasi 16

3.1. Alur Flowchart Menu Utama 38

3.2. Alur Flowchart Login Admin 39

3.3. Alur Flowchart Login Pendaftaran 40

4.1. Halaman Home 45

4.2. Halaman Profil 45

4.3. Halaman Acara 46

4.4. Halaman Galery 46

4.5. Halaman Contact 47

4.6. Halaman About Me 47

4.7. Halaman Pendaftar 48